@charset "utf-8";

/* CSS aktualni Document */

/* Golem */





* { margin:0; padding:0; font-family: Arial, sans-serif; }

	

body { background-color: #6b6a6a; }	



.cleaner { clear:both; font-size: 1px; }

.cleaner-left { clear:left; font-size: 1px;  }		

.cleaner-right { clear:right; font-size: 1px; }

#preloader {width: 1px; height: 1px; visibility: hidden; }

.envelope { margin-left: auto; margin-right: auto; width: 950px; }





/* body top */

#body_top{ width: 100%; height: 186px; background: url(../img/bg_body_top.jpg) repeat-x;}



	#top_content { position: relative; height: 186px; background:url(../img/bg_top.jpg) no-repeat; }



	#home { position: absolute; top: 8px; left: 25px;  width: 166px; height: 59px; }





/* body middle */

#body_middle{ width: 100%; background: #6b6a6a url(../img/bg_body_middle.jpg) top repeat-x; }





#middle_content { position: relative; margin-left: auto; margin-right: auto; width: 900px; background: url(../img/bg_middle_container.jpg) repeat-y;  }

#middle_content_top { background: url(../img/bg_middle_content_top.jpg) top no-repeat;  }



#body_bottom{ width: 100%; }



#left_column { float: left; width: 220px; padding: 0; z-index: 5000; position: relative; }



#middle_column { padding: 0 0 0 249px;  }



#right_column { padding: 17px 0 0 248px; position: relative; z-index: 1000;  }



#right_column_content { position: relative; }



/*leftmenu*/

#leftmenu_holder { height: 590px; position: relative; }

#leftmenu { position: absolute; top: -55px; left: 18px;  width: 197px; height: 590px; background: transparent url(../img/bg_leftmenu.gif) top no-repeat;  }



ul.leftmenu 				{ list-style-type:none; margin: 43px 0 0 0px; padding: 0; z-index:100; width: 177px; }

ul.leftmenu li 				{ display: block; padding: 0; color: #FFFFFF; font-size: 10px;  }

ul.leftmenu li a 			{ display: block; padding: 0 0 0 11px; height: 31px; line-height: 31px; position:relative; text-decoration:none; color: #FFFFFF; font-size: 10px;  }

ul.leftmenu li.active a  	{ display: block; padding: 0px 0px 0px 11px; height:31px; line-height: 31px; position:relative; text-decoration:none; color: #FFFFFF; font-size: 10px;  }



ul.leftmenu li a:hover, ul.leftmenu li.active { background: url(../img/bg_leftmenu_li.gif) no-repeat; }



ul.leftmenu li.submenu 		{  }



ul.submenu 					{ margin: 0 0 5px 15px; width: 160px; }

ul.submenu li				{ padding: 0; }

ul.submenu li a 			{ padding: 5px 0 0 15px; height: 24px; line-height: 14px; background: url(../img/odrazka.gif) 0 10px no-repeat; }



ul.submenu li.sactive		{ padding: 0;  }

ul.submenu li.sactive a   	{ padding: 5px 0 0 15px; height: 24px; line-height: 14px;  background: url(../img/odrazka-over.gif) 0 10px no-repeat; color: #c30c28; }



ul.submenu li a:hover 			{ background: url(../img/odrazka.gif) 0 10px no-repeat; text-decoration: underline;  }

ul.submenu li.sactive a:hover	{ background: url(../img/odrazka-over.gif) 0 10px no-repeat; text-decoration: underline;}





ul.submenu li.double 		{ padding: 0; }

ul.submenu li.double a 		{ padding: 5px 0 0 15px; height: 34px; line-height: 14px; background: url(../img/odrazka.gif) 0 10px no-repeat; }

ul.submenu li.double-sactive a { padding: 5px 0 0 15px; height: 34px; line-height: 14px;  background: url(../img/odrazka-over.gif) 0 10px no-repeat; color: #c30c28; }



/*ul.submenu 					{ margin: 0px 0 5px 15px; width: 160px; }

ul.submenu li				{ display: block; padding: 0 0 0 0; font-size: 10px; }

ul.submenu li a 			{ display: block; padding: 12px 0 0 15px; height: auto; line-height: 14px; background: url(../img/odrazka.gif) 0 17px no-repeat;   }

ul.submenu li.sactive a		{ padding: 12px 0 0 15px; background: url(../img/odrazka-over.gif) 0 17px no-repeat; color: #c30c28 }

ul.submenu li.sactive a:hover	{ background: url(../img/odrazka-over.gif) 0 17px no-repeat; text-decoration: underline;}

ul.submenu li a:hover 		{ background: url(../img/odrazka.gif) 0 17px no-repeat; text-decoration: underline;  }

*/



/* left kontakt */

#kontakt { width: 216px; height: 181px; margin-bottom: 30px; background: url(../img/bg_kontakt.jpg) no-repeat; z-index: 2000; }

#kontakt h2 { padding: 19px 0 10px 59px; font-size: 14px; font-weight: bold; color: #ffffff; }

#kontakt p { padding: 0 0 19px 27px; font-size: 11px; color: #ffffff; line-height: 14px; }

#kontakt p a, #kontakt p a:visited, #kontakt p a:active { font-size: 11px; color: #ffffff; text-decoration: none; }

#kontakt p a:hover { color: #FF9900; text-decoration: underline; }























#main_picture { width: 384px; height: 288px; }



#rozcestnik1 { position: absolute; top: 0; left: 399px; width: 238px; height: 142px; background: url(../img/odrazka2.gif) left top no-repeat; padding: 0 0 0 16px; }

#rozc1_body { position: relative; width: 221px; height: 141px; background: url(../img/rozc_koupelny.jpg) no-repeat; }



#rozcestnik2 { position: absolute; top: 146px; left: 399px; width: 238px; height: 142px; background: url(../img/odrazka2.gif) left top no-repeat; padding: 0 0 0 16px;  }

#rozc2_body { position: relative; width: 221px; height: 141px; background: url(../img/rozc_okna.jpg) no-repeat; }



#rozc1_body, #rozc2_body p { padding: 123px 0 0 9px; font-size: 12px; color: #666666; font-weight: bold; font-stretch: semi-condensed;  }

#rozc1_body p a, #rozc2_body p a { text-decoration: none; color: #333333 }



#main_field { width: 635px; position: relative;  }

#main_field_header { margin: 21px 0 0 0; height: 25px; background:url(../img/bg_main_field_header.jpg) no-repeat;  }

#main_field_header2 { margin: 0; height: 25px; background:url(../img/bg_main_field_header.jpg) no-repeat;  }

#main_field_header h1, #main_field_header2 h1 { padding: 2px 0 0 10px; font-size: 16px; font-weight: bold; color: #ffffff;  }

#main_field p { font-size: 12px; color: #ffffff; line-height: 16px; padding: 17px 10px 0 10px;  }

#main_field p.index { font-size: 14px; color: #ffffff; line-height: 20px; padding: 17px 10px 0 10px;  }





#mainfield { width: 635px; position: relative; background-color:#FFFFFF; position: relative; }

#mainfield h3.bodiky { padding: 10px; font-size: 14px; color: #c30c28; text-align: center; }



#mainfield_left { float:left; width: 215px; height: auto; padding: 0; margin: 0; position: relative;  }



#mainfield_right { padding: 0 0 0 215px; margin: 0; height: auto; position: relative; }

#mainfield_right_content { padding: 0; margin: 0; width: 400px; background-color:#CC9999 }



#mainfield_right p.bodiky { padding: 15px 0 0 15px; margin: 0; font-size: 12px;  color: #888888; line-height: 18px; }

#mainfield p { clear: both;  display: block; font-size: 12px; color: #0; line-height: 16px; padding: 17px 10px 0 10px; margin: 0;  }





#zelena_placka { position:absolute; left: 531px; top: -10px; width: 121px; height: 151px;  }

#podpis { margin-left: 508px; margin-top: 10px; width: 126px; height: 50px; font-size: 10px; color: #ffffff; padding: 37px 0 0 0; background: url(../img/podpis.gif) top center no-repeat; text-align: center; }



/* kontakt */



#kontakt_field { position: relative; margin-top: 16px; width: 634px; /*height: 286px;*/ background: url(../img/bg_kontakt_field.jpg) left repeat-y; }

#kontakt_field-top { background: url(../img/bg_kontakt_field-top.jpg) top left no-repeat; }

#kontakt_field-bottom { padding: 0 0 15px 0; background: url(../img/bg_kontakt_field-bottom.jpg) bottom left no-repeat; }

#kontakt_field p.title { padding: 14px 14px 0 14px; width: 267px; font-size: 14px; color: #000000; font-weight: bold;  }

#kontakt_field a { color: #000000; text-decoration: none ;  }

#kontakt_field p.content { padding: 0px 14px 0 14px; width: 267px; font-size: 12px; color: #000000; font-weight: normal;  }

#kontakt_mapa { position: absolute; left: 278px; top: 0; width: 356px; height: 286px; background: url(../img/bg_kontakt_mapa.jpg) no-repeat; }



/* PLASTOVÁ OKNA PRO NÁROČNÉ */



#okna1_field { position: relative; margin-top: 16px; width: 634px; height: 398px; background: #ffffff url(../img/bg_okna1.jpg) right no-repeat; }





#okna_field1 { width: 210px; padding: 3px 0 0 11px; }



#okna1_field2 { position: absolute; top: 3px; left: 215px; width: 418px; height: auto; }

#okna1_field2_header { height: 25px; width: 418px; background: url(../img/bg_okna1_header.jpg) no-repeat }

h2.okna1_field2 { padding: 5px 0 0 11px; font-size: 14px; font-weight: bold; color: #ffffff; }

#okna1_field2 p.okna1_field { padding: 11px 10px 0 10px; font-size: 12px; color: #000000; line-height: 15px; text-align: justify; }



#okna_tabulka { position: relative; margin: 10px 0 0 10px; width: 612px; }

#okna_tabulka_left { width: 158px; }

#okna_tabulka_right { position: absolute; left: 162px; top: 0; width: 450px; }



#okna_tabulka p.tab_pair { display: block; height: 16px; line-height: 16px; font-size: 10px; color: #000000; padding: 0 0 0 5px;  }

#okna_tabulka p.tab_impair { display: block; height: 16px; line-height: 16px; font-size: 10px; color: #000000; background-color: #ececec; padding: 0 0 0 5px;  }



/* okna pro narocne */

#okna2_field { position: relative; margin-top: 16px; width: 634px; height: 180px; text-align: center; }

#okna2_field h2 { padding: 15px 0 0 0; } 

#okna2_field h2 a {  font-size: 14px; font-weight:  bold; color: #ffffff; text-decoration: none; }

#okna2_field h2 a:hover { text-decoration: underline; }



#okna_left { float: left; width: 210; height: auto; padding: 5px 0 0 11px; background-color:#3366FF  }

#okna_right { padding: 5px 0 0 221px; background-color:#FF9933  }

#okna_right_content {  }













#okna_plast { width: 314px; height: 150px; background: url(../img/okna-plast.jpg) no-repeat; }

#okna_drevo { position: absolute; left: 319px; top: 0; width: 314px; height: 150px; background: url(../img/okna-drevo.jpg) no-repeat; }



/* green */

#green_field_header { margin: 0 0 0 0; height: 25px; background:  url(../img/bg_green_header.jpg) no-repeat;  }

#green_field_header2 { margin: 0; height: 25px; }

#green_field_header h1, #green_field_header2 h1 { padding: 2px 0 0 10px; font-size: 16px; font-weight: bold; color: #000000;  }



#main_field ul.green  { list-style-type:none; margin: 0; padding: 20px 0 0 10px; width: 600px;  }

#main_field ul.green  li { display: block; height: 17px; line-height: 17px; font-size: 12px;  padding: 0 0 0 20px; margin: 0 0 16px 0; background: url(../img/odrazka.gif) 0 6px no-repeat; color: #ffffff  }

#main_field ul.green  li a, #main_field ul.green  li a:visited, #main_field ul.green  li a:active { color: #fff; font-size: 12px; text-decoration: none; }



#green_kontakt { position: absolute; top: 41px; left: 384px; width:250px; height: 89px; background: url(../img/bg_green_kontakt.jpg) no-repeat;   }

#green_kontakt h3.green_kontakt { padding: 8px 0 0 16px; font-size: 14px; font-weight: bold; color: #000000;  }

#green_kontakt p.green_kontakt { padding: 0 16px 0 16px; font-size: 12px; font-weight: normal; color: #000000; }

#green_kontakt p.green_kontakt a { text-decoration: none; color: #000000; }

#green_kontakt p.green_kontakt a:hover { text-decoration: underline; color: #000000; }





/* reference */

#reference_big { width: 400px; margin: 16px 0 0 0; }

#reference_big img {border: #666666 2px solid; max-width: 400px; }



#reference_small { position: absolute; /*left: 395px;*/ right: 0; top: 40px; width:220px;  }

#reference_small img { margin: 0; padding: 0; border: #000000 1px solid; }

.jmenovka { margin: 10px 0 0 0; padding: 10px 0 0 0; font-size: 12px; color: #999999; height: 14px;  }



ul.reference { float: left; list-style-type:none; margin: 0; padding: 0; z-index:100; width: 232px; }

ul.reference li { float: left; width: 77px; height: 77px; margin: 0 0 1px 0; text-align: center; }

ul.reference li a img { border: #000000 1px solid; }

ul.reference li a:hover img { border: #FF0000 1px solid } 



/* kariera */

#main_field h2 { padding: 15px 0 0 0; font-size: 14px; color: #fff; font-weight: bold; }

#main_field ul.kariera  { list-style-type:none; margin: 0 0 0 25px; padding: 10px 0 0 10px; width: 600px;  }

#main_field ul.kariera  li { display: block; height: 17px; line-height: 17px; font-size: 12px;  padding: 0 0 0 20px; margin: 0 0 16px 0; background: url(../img/odrazka.gif) 0 6px no-repeat; color: #ffffff  }





/* cinnost */



#main_field ul.cinnost  { list-style-type:none; margin: 0; padding: 20px 0 0 10px; width: 600px;  }

#main_field ul.cinnost li { display: block; font-size: 12px;  padding: 3px 0 12px 20px;  background: url(../img/odrazka.gif) 0 6px no-repeat; color: #ffffff  }

#main_field ul.cinnost li.nobg { display: block; font-size: 12px;  padding: 0px 0 3px 20px; margin: 0 0 16px 0; color: #ffffff; background: none;  }





/* copyright */

#copyright { position: relative; margin-left: auto; margin-right: auto; width: 900px; height: 34px; background: url(../img/bg_copyright.jpg) top no-repeat; text-align: right; }



#copyright_content { padding-top: 18px; padding-right: 4px; }



#copyright_content, #copyright_content a{ font: normal 9px Arial, sans-serif; color: #fff ; }

#copy_left { position: absolute; top: 18px; left: 4px; width: 423px; text-align: left; z-index: 50; }



/* aflinks */

#aflinks { margin-left: auto; margin-right: auto; width: 900px; padding: 30px 0 15px 0; }

#aflinks, #aflinks a { font: normal 9px Arial, sans-serif; color: #fff ; }





h3.pracuji { padding: 30px; text-align: center; color: #CCCCCC; font-size: 12px }	

ul.ul1 {
			display: block;
			padding: 0 0 0 35px;
			list-style: disc;
			font-size: 9px;
			color:#666;
			}
			
			ul.ul1 li {
				font-size: 12px;
				line-height: 16px;
				}
				
				.img1 { float: left; margin-right: 15px; margin-bottom: 60px; }
				
				p.obsah1 { display: block; padding: 15px 20px 20px 15px; font-size: 12px; color: #666666 ; line-height: 16px; text-align: justify; }