/* CSS Document */

body {
  background-color: black; 
  background-image: url("images/bg_wood.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  text-align: center;
  margin-top: 44px;
  font-family: arial;
  font-size: 13px;}
      
.all {
  width: 960px;
  height: auto;
  margin: 0 auto;
  text-align: left;}

.bg_main {
  background-color: white;
  margin-top: 0px;}
          
.top_logo {
  width: 250px;
  height: 111px;
  background-image: url("images/top_logo.jpg");
  float: left;}
  
.top_logo_h {
  width: 250px;
  height: 111px;
  background-image: url("images/top_logo.jpg");
  display: block;}

.top_logo_h:hover {
  width: 250px;
  height: 111px;
  background-image: url("images/top_logo_h.jpg");
  display: block;}
        
.top_kontakt {
  width: 209px;
  height: 111px;
  background-image: url("images/top_kontakt.jpg");
  float: left;}
  
.top_kontakt_h {
  width: 209px;
  height: 111px;
  background-image: url("images/top_kontakt.jpg");
  display: block;}

.top_kontakt_h:hover {
  width: 209px;
  height: 111px;
  background-image: url("images/top_kontakt_h.jpg");
  display: block;}
  
.top_menu {
  width: 501px;
  float: right;
  padding: 0 0 0 0;
  margin: 0 0 0 0;}

.top_menu li {
  list-style-type: none;}

.top_menu_00 {
  width: 501px;
  height: 20px;
  background-image: url("images/top_menu_00.jpg");}
  
.top_menu_01 {
  width: 501px;
  height: 28px;
  background-image: url("images/top_menu_01.jpg");}

.top_menu_01_h {
  width: 501px;
  height: 28px;
  background-image: url("images/top_menu_01.jpg");
  display: block;}
  
.top_menu_01_h:hover {
  width: 501px;
  height: 28px;
  background-image: url("images/top_menu_01_h.jpg");
  display: block;}
  
.top_menu_02 {
  width: 501px;
  height: 28px;
  background-image: url("images/top_menu_02.jpg");}
  
.top_menu_02_h {
  width: 501px;
  height: 28px;
  background-image: url("images/top_menu_02.jpg");
  display: block;}
  
.top_menu_02_h:hover {
  width: 501px;
  height: 28px;
  background-image: url("images/top_menu_02_h.jpg");
  display: block;}

.top_menu_03 {
  width: 501px;
  height: 28px;
  background-image: url("images/top_menu_03.jpg");}
  
.top_menu_03_h {
  width: 501px;
  height: 28px;
  background-image: url("images/top_menu_03.jpg");
  display: block;}
  
.top_menu_03_h:hover {
  width: 501px;
  height: 28px;
  background-image: url("images/top_menu_03_h.jpg");
  display: block;}

.top_menu_04 {
  width: 501px;
  height: 28px;
  background-image: url("images/top_menu_04.jpg");}
  
.top_menu_04_h {
  width: 501px;
  height: 28px;
  background-image: url("images/top_menu_04.jpg");
  display: block;}
  
.top_menu_04_h:hover {
  width: 501px;
  height: 28px;
  background-image: url("images/top_menu_04_h.jpg");
  display: block;}
  
.top_menu_05 {
  width: 501px;
  height: 28px;
  background-image: url("images/top_menu_05.jpg");}

.top_menu_05_h {
  width: 501px;
  height: 28px;
  background-image: url("images/top_menu_05.jpg");
  display: block;}
  
.top_menu_05_h:hover {
  width: 501px;
  height: 28px;
  background-image: url("images/top_menu_05_h.jpg");
  display: block;}

.top_menu_06 {
  width: 501px;
  height: 28px;
  background-image: url("images/top_menu_06.jpg");}
  
.top_menu_06_h {
  width: 501px;
  height: 28px;
  background-image: url("images/top_menu_06.jpg");
  display: block;}
  
.top_menu_06_h:hover {
  width: 501px;
  height: 28px;
  background-image: url("images/top_menu_06_h.jpg");
  display: block;}

.top_menu_07 {
  width: 501px;
  height: 31px;
  background-image: url("images/top_menu_07.jpg");}
  
.top_bublina {
  width: 459px;
  height: 108px;
  float: left;
  margin-bottom: 30px;}

.last_work_nadpis {
  clear: both;
  font-family: "Verdana";
  font-size: 15px;
  color: black;
  padding-top: 6px;
  padding-left: 30px;
  margin-top: 0px;
  margin-bottom: 6px;}

.under_menu {
  clear: both;
  padding-top: 10px;
  padding-left: 30px;
  margin-top: 0px;}
  
.under_menu table {border: 0px; border-collapse: collapse; height: 35px; width: 100%;}
.under_menu td {vertical-align: middle;}
  
.last_work_nadpis_inline {
  font-family: "Verdana";
  font-size: 15px;
  color: black;
  display: inline;}
  
.prechod_top {
  width: 960px;
  height: 10px;
  background-image: url("images/prechod_top.jpg");
  background-repeat: no-repeat;
  background-color: #c4c2c2;}

.last_work_main {
  background-color: #c4c2c2;}
  
.lw_01 {
  width: 294px;
  padding-top: 10px;
  padding-left: 19px;
  float: left;}

.lw_01 img {
  padding: 0px;
  margin: 0px;
  vertical-align: middle;}

.lw_nadpis {
  font-family: "arial";
  font-size: 12px;
  font-weight: bold;
  color: #099109;
  margin: 0px;
  padding-left: 13px;
  padding-right: 13px;
  text-align: right;
  line-height: 1;}

.lw_text {
  padding-left: 13px;
  padding-right: 13px;
  text-align: justify;
  margin-top: 20px;
  padding-bottom: 25px;
  line-height: 1.5;}
  
.odkaz_reference_frame {
  text-align: center;
  clear: both;
  padding-bottom: 20px;
  padding-top: 10px;} 
   
.odkaz_reference {
  color: black;
  background-image: url("images/arrow_gray.png");
  background-repeat: no-repeat;
  padding: 0px 0px 10px 30px;
  margin-right: 35px;
  font-weight: bold;}
  
.odkaz_reference:hover {
  color: #099109;
  background-image: url("images/arrow_gray_h.png");
  background-repeat: no-repeat;
  padding: 0px 0px 10px 30px;
  font-weight: bold;}
  
.odkaz_upoutavky {
  color: black;
  background-image: url("images/arrow_gray.png");
  background-repeat: no-repeat;
  padding: 0px 0px 10px 30px;
  font-weight: bold;}
  
.odkaz_upoutavky:hover {
  color: #099109;
  background-image: url("images/arrow_gray_h.png");
  background-repeat: no-repeat;
  padding: 0px 0px 10px 30px;
  font-weight: bold;}
  
.prechod_bottom {
  width: 960px;
  height: 10px;
  background-image: url("images/prechod_bottom.jpg");
  background-repeat: no-repeat;}
  
.upoutavka_main {
  background-color: white;}
  
.upoutavka {
  width: 276px;
  padding-top: 10px;
  margin-left: 32px;
  padding-right: 5px;
  float: left;}
  
.upoutavka_nadpis {
  font-family: "Verdana";
  font-size: 15px;
  color: black;
  padding-top: 10px;}
  
.upoutavka_seznam {
  font-weight: bold;
  line-height: 2;
  padding-top: 15px;
  font-size: 12px;
  margin-bottom: 35px;
  padding-left: 20px;
  margin-left: 0px;}
  
.upoutavka_seznam li {
  list-style-type: none;
  background-image: url("images/odrazka.png");
  background-repeat: no-repeat;
  background-position: left 8px;
  padding-left: 17px;}

.upoutavka_text_01 {
  height: 239px;
  margin-top: 10px;
  margin-bottom: 40px;
  line-height: 1.5;
  background-image: url("images/upoutavka_01.jpg");
  background-repeat: no-repeat;}
  
.upoutavka_text_02 {
  height: 239px;
  margin-top: 10px;
  margin-bottom: 40px;
  line-height: 1.5;
  background-image: url("images/upoutavka_02.jpg");
  background-repeat: no-repeat;}
  
.upoutavka_text_03 {
  height: 239px;
  margin-top: 10px;
  margin-bottom: 40px;
  line-height: 1.5;
  background-image: url("images/upoutavka_03.jpg");
  background-repeat: no-repeat;}

.kontakt_udaje_r {
  margin-left: 10px;
  color: #099109;
  font-weight: normal;
  font-style: italic;}
  
.last_blog_bottom {
  background-color: #c4c2c2;
  color: white;
  text-align: center;
  font-family: "Arial Black";
  font-size: 20px;
  padding: 0px 65px 0px 65px;
  height: 80px;
  background-image: url("images/last_blog_bottom.jpg");}
  
.last_blog_bottom table {
  border: 0px;
  border-collapse: collapse;
  height: 80px;
  width: 100%;}
  
.last_blog_bottom td {
  vertical-align: middle;
  text-align: center;}
  
.last_blog_bottom a {color: white; text-decoration: underline;}
.last_blog_bottom a:hover {color: #099206;}
  
.fast_contact {
  background-color: #c4c2c2;
  padding-left: 30px;
  padding-top: 15px;}
  
.fc_table_01 {
  width: 300px;
  float: left;
  padding-top: 1px;}
  
.fc_table_01 input {
  width: 200px;}
  
.td_01 {
  width: 60px;}

.fc_table_02 {
  width: 600px;} 

.paticka {
  color: #4f4f4f;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 11px;}
  
.paticka_sipky {
  width: 45px;
  height: 25px;
  background-image: url("images/arrow_paticka.png");
  float: left;
  margin-right: 15px;
  margin-top: 2px;}
  
.paticka a {color: #069104;}
.paticka a:hover {color: white;}

.paticka_subframe {
  padding-top: 30px;
  padding-right: 30px;
  width: 200px;
  float: left;}
  
.paticka_subframe_end {
  padding-top: 30px;
  padding-right: 0px;
  width: 270px;
  float: left;}

.paticka_nadpis {
  font-family: "arial black";
  font-size: 13px;
  color: #4F4F4F;
  border-bottom: 1px dotted #4f4f4f;
  padding-bottom: 5px;}
  
.vyplnovaci_radek {clear: both;}
.vyplnovaci_div {clear: both; width: 100%; height: 1px; margin: 0px; padding: 0px;}
.vyplnovaci_radek_end {
  clear: both;
  height: 5px;
  background-color: #099206;
  color: white;
  font-family: "Arial Black";
  font-size: 16px;
  padding-left: 30px;}

.tucne {font-weight: bold;}
.little {font-size: 10px;}
.nahoru {padding-left: 30px;}
.right {text-align: right;}
.odsazeni_r {margin-right: 35px;}
.green {color: #10BF0B;}
.cerne {color: black;}




/* LAST WORK WEB */

.lw_01_img {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lw_sablona_obchod.jpg");}
  
.lw_01_img:hover {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lw_sablona_obchod_h.jpg");}
  
.lw_02_img {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lw_sablona_zazitky.jpg");}
  
.lw_02_img:hover {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lw_sablona_zazitky_h.jpg");}
  
.lw_03_img {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lw_atconsult_web.jpg");}
  
.lw_03_img:hover {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lw_atconsult_web_h.jpg");}
  
.lw_04_img {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lw_hrad_bouzov.jpg");}
  
.lw_04_img:hover {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lw_hrad_bouzov_h.jpg");}
  
.lw_05_img {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lw_penta_web.jpg");}
  
.lw_05_img:hover {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lw_penta_web_h.jpg");}
  
.lw_06_img {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lw_kavarna_monro.jpg");}
  
.lw_06_img:hover {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lw_kavarna_monro_h.jpg");}
  
.lw_07_img {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lw_sestajovice_web.jpg");}
  
.lw_07_img:hover {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lw_sestajovice_web_h.jpg");}
  
  
  
/* LAST WORK GRAPHIC */

.lwg_01_img {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lwg_penta_drat_back.jpg");}
  
.lwg_01_img:hover {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lwg_penta_drat_back_h.jpg");}
  
.lwg_02_img {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lwg_penta_drat_front.jpg");}
  
.lwg_02_img:hover {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lwg_penta_drat_front_h.jpg");}
  
.lwg_03_img {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lwg_eac2009.jpg");}
  
.lwg_03_img:hover {
  width: 294px;
  height: 158px;
  display: block;
  background-image: url("images/lw/lwg_eac2009_h.jpg");}
  
  
  
/* CO NABÍZÍM */

.nabizim_01 {
  width: 294px;
  height: 143px;
  display: block;
  border: 0px;}
  
.spoluprace_polozka {
  margin: 5px 34px 20px 32px;
  padding: 5px 10px 5px 5px;
  line-height: 1.5;
  background-color: #fcfda9;
  border: 1px dashed #e6e6e6;}
  
.spoluprace_polozka_text {
  background-image: url("images/fajfka.png");
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 42px;
  font-style: italic;
  color: gray;
  text-align: justify;}
  
.spoluprace_polozka_text h2 {
  font-weight: bold;
  font-size: 110%;
  color: black;
  margin: 0px;
  font-style: normal;
  text-align: left;}
  
.upoutavka_spoluprace {
  width: 100%;
  padding-top: 5px;}
  
.under_menu_02 {clear: both; padding-top: 0px; padding-left: 30px; margin-top: 12px; margin-bottom: 5px;}
.under_menu_02 table {border: 0px; border-collapse: collapse; height: 35px; width: 100%;}
.under_menu_02 td {vertical-align: middle;}

.cenik {
  width: 408px;
  background-color: white;
  border: 1px dashed #099206;
  margin: 20px 0px 20px 32px;
  padding: 10px 10px;
  color: gray;
  line-height: 1.5;
  float: left;}

.kalkulace_frame {
  width: 408px;
  background-color: white;
  border: 1px dashed #099206;
  margin: 20px 0px 20px 32px;
  padding: 10px 10px;
  color: gray;
  line-height: 1.5;
  float: left;
  background-image: url("images/razitko.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;}
  
.cenik table {width: 100%; border: 0px; border-collapse: collapse; margin-top: 15px; margin-bottom: 15px; line-height: 2;}
.cenik_l {width: 250px; color: black; font-style: italic; text-align: right;}
.cenik_r {padding-left: 20px; font-weight: bold; color: #10BF0B; font-size: 110%;}


.kalkulace_form table {border: 0px; border-collapse: collapse; margin: 0px; line-height: 1.8;}
.kalkulace_form .td_01 {width: 100px; color: black;}
.kalkulace_form textarea {width: 398px; border: 1px solid #acf4aa;}
.kalkulace_form input {border: 1px solid #acf4aa;}
.kalkulace_form input.kalkulace_button {
  background-color: #5f5e5e;
  color: #d5d5d5;
  font-weight: bold;
  font-size: 110%;
  padding: 5px 10px;
  border: 5px solid #C4C2C2;
  margin-top: 10px;}
.kalkulace_form input.kalkulace_button:hover {color: white; border: 5px solid #8be589;}
.kalkulace_form .antispam {width: 70%;}
.kalkulace_form .antispam td {text-align: left; width: 33%; border: 0px;}
.kalkulace_form .antispam input {border: 0px;}

.nabizim_vyrazne {
  clear: both;
  margin: 10px 34px 10px 32px;
  padding: 15px 20px 15px 20px;
  line-height: 1.5;
  background-color: #D2D0D0;
  border: 1px dashed #e4e4e4;
  font-style: italic;}


/* KONTAKT */

.kontakt_nadpis {
  font-family: "arial";
  font-size: 12px;
  font-weight: bold;
  color: #099109;
  margin: 0px;
  padding-left: 13px;
  padding-right: 13px;
  text-align: right;
  line-height: 1;
  font-size: 15px;
  padding-top: 5px;}
  
.kontakt_formular {
  margin: 5px 34px 20px 32px;
  padding: 10px 15px 10px 15px;
  line-height: 1.5;
  background-color: #fcfda9;
  border: 1px dashed #e6e6e6;}
  
.kontakt_form table {border: 0px; border-collapse: collapse; margin: 0px; margin-top: 15px;}
.kontakt_form .td_01 {width: 100px; color: black;}
.kontakt_form textarea {width: 852px; border: 3px solid #acf4aa;}
.kontakt_form input {border: 3px solid #acf4aa; height: 20px; margin-bottom: 5px;}
.kontakt_form input.kalkulace_button {
  background-color: #5f5e5e;
  color: #d5d5d5;
  font-weight: bold;
  font-size: 110%;
  padding: 5px 10px;
  border: 5px solid #acf4aa;
  height: auto;}
.kontakt_form input.kalkulace_button:hover {color: white; border: 5px solid #c4c2c2;}
.kontakt_form .antispam {width: 35%; margin-top: 0px;}
.kontakt_form .antispam td {text-align: left; width: 33%; border: 0px;}
.kontakt_form .antispam input {border: 0px; height: auto;}
.kontakt_form .kontakt_button {margin-top: 15px; float: right;}


.error_frame {
  background-color: #fcfda9;
  border: 5px dashed #e6e6e6;
  margin: 30px 34px 30px 32px;
  padding: 20px;
  font-size: 110%;
  line-height: 1.5;}
.error_frame a {color: #069307;}
.error_frame a:hover {color: black;}

div.mail_potvrzeni {
  background-color: #fcfda9;
  border: 5px dashed #e6e6e6;
  margin: 200px 100px 200px 100px;
  padding: 30px;
  font-size: 110%;
  line-height: 1.5;
  text-align: center;} 

div.mail_potvrzeni a {color: #069307; font-weight: bold;}
div.mail_potvrzeni a:hover {color: black;}

body.bg_send {
  background-color: black; 
  font-family: arial;
  font-size: 13px;
  background-image: none;}

  
/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding: 5px 10px; color: #666; }
#imageData #imageDetails{ width: 80%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }