/* =========================  G L O B A L  ============================================================================ */
body						{ margin: 0; padding: 20px 2px; background: url(images/bg-body.gif) repeat-y 50% 0 #f1f1f1; text-align: center; } 
body, td, input, 
textarea, select			{ font: 62.5% "Helvetica CE", helvetica, arial, lucida, sans-serif; }
img, fieldset				{ border: 0 solid; }
h6, h5, h4, h3, h2, h1,	p, ul, ol, li, dl, dd, dt, form, fieldset,
input, select, textarea		{ margin: 0; padding: 0; }	
a:link, a:visited			{ color: #003a7c; font-weight: bold; }
a:hover						{ color: #f05000; }
/* ................................................................................................................... */	

#content h2.mainheadline { font-size: 10px; color: #666666; text-align: right; }
#content_2 h2.mainheadline { font-size: 10px; color: #666666; text-align: right; }

.h_jednicka{
  background:#266AA9;
  color:#fff;
}
.h_jednicka h1{
  font-size: 12px;
  font-family:"Helvetica CE", helvetica, arial, lucida, sans-serif;

}



.clr	 		 			{ clear: both; height: 1px; font-size: 1px; overflow: hidden; }
.fl		 		 			{ float: left;  }
.fr		 		 			{ float: right; }
.cl		 		 			{ clear: left;  }
.cr		 		 			{ clear: right; }
.ac							{ text-align: center; }
.ar							{ text-align: right; }
.vm							{ vertical-align: middle; }
hr, .hidden					{ display: none; }
							/* spacing */
.h							{ margin: 0 0 0.5em; }
.s							{ margin: 0 0 1em; }
.sh							{ margin: 0 0 1.5em; }
.d							{ margin: 0 0 2em; }
.dh							{ margin: 0 0 2.5em; }
.t							{ margin: 0 0 3em; }
ul.move						{ margin: 0 0 0.5em 15px; }
ul.move1					{ margin: 0 0 1em 25px; }
/* =================================================================================================================== */							/* MAIN LAYOUT */
#page 						{ width: 860px; margin: 0 auto; text-align: left; background: url(images/bg-page.gif); }
#page_2 						{ width: 860px; margin: 0 auto; text-align: left; background: white; }
#page.single				{ background: url(images/bg-page-single.gif); }			/* dvousloupcova stranka */
#menu						{ width: 160px; float: left; padding: 0 0 10px 3px; }
#menu a img						{ margin: 10px 0 10px 0px; }
.unilux						{ margin: 10px 0 15px 30px; }
.energy						{ margin: 10px 0 15px 15px; }
#main						{ width: 670px; float: right; }
#main #content				{ width: 460px; float: left; padding: 10px 0 0; }
.single #main #content		{ width: 640px; float: none; }
#main #content_2				{ width: 640px; float: left; padding: 10px 0 0; }
#main #banners				{ width: 157px; float: right; padding: 0 13px 0 10px; }
* html #main #banners		{ width: 180px; w\idth: 157px; }

.banner_uvod      { width: 310px; height: 380px; float: left; margin: 10px 10px 20px 0; position: relative; }
.banner_uvod img  { position: absolute; left: 0px; top: 0px; border: 1px solid #ffffff; background: #F1EDED; padding: 8px; }
.banner_uvod .nadpis  { position: absolute; left: 0px; top: 219px; width: 290px; padding: 0 0 0 15px; height: 30px; background: #266AA9; font-size: 1.3em; line-height: 30px; font-weight: bold; margin: 0 0 0 1px; color: white; }
.banner_uvod .popis_banner  { width: 280px; position: absolute; left: 15px; top: 270px; font-size: 1.2em; line-height: 1.25; }

.bourani  { color: #EF5F00; font-weight: bold; }

.bannery_bottom      { float: left; margin: 0px 10px 20px 0; position: relative; }
.bannery_bottom a img  { margin: 0px 2px 0px 0; }

#euro_profily      { position: relative; width: 100%; height: 45px; font-size: 12px; }
#euro_popis1      { position: absolute; left: 0px; top: 20px; }
#euro_popis2      { position: absolute; left: 270px; top: 20px; }

#euro_zelena      { position: relative; width: 100%; height: 85px; }
#euro_zel1      { width: 260px; position: absolute; left: 0px; top: 20px; }
#euro_zel1 a img     { float: left; margin: 0 10px 0 0; border: none; }
#euro_zel2      { width: 190px; position: absolute; left: 270px; top: 20px; }
#euro_zel2 a img     { float: left; margin: 0 10px 0 0; border: none; }

/* ................................................................................................................... */	
							/* head */
#head 						{ height: 126px; background: url(images/bg-head.jpg); padding: 27px 0 0 27px; }
* html #head 				{ height: 153px; he\ight: 126px; }
#logo						{ width: 204px; height: 55px; display: block; background: url(images/lexikon-logo.gif); }
#logo span					{ position: absolute; top: -1000px; }
#separator					{ height: 6px; background: url(images/bg-separator.gif); font-size: 1px; }
/* ................................................................................................................... */	
							/* menu */						
#menu ul					{ list-style-type: none; }	
#menu ul ul					{ margin: 5px 0 10px; }				
#menu li a					{ display: block; padding: 4px 3px 0 24px; width: 130px; height: 19px; margin: 0 0 1px;
							  text-decoration: none; font-size: 1.2em; background: url(images/bg-menu-light.gif); }
#menu li.service a			{ background: url(images/bg-menu-dark.gif); }					  
* html #menu li a			{ width: 160px; w\idth: 130px; height: 23px; he\ight: 19px; margin: 0 0 -2px; ma\rgin: 0 0 1px; }
#menu li a:hover			{ text-decoration: underline; color: #f05000; }
#menu li.active a,
#menu li.service li.active a{ color: #000; text-decoration: underline; }
#menu li li a,
#menu li.service li a,
#menu li.active li a		{ height: auto; padding: 1px 3px 0 24px; font-size: 1.1em; color: #003a7c;
							  background: url(images/blue-arrow.gif) no-repeat 11px 6px; text-decoration: none; }
#menu li li.active a		{ background: url(images/black-arrow.gif) no-repeat 11px 6px; }
#menu li.active li a:hover,
#menu li.service li a:hover	{ text-decoration: underline; color: #f05000; }
/* =================================================================================================================== */
							/* CONTENT */
							/* headings */
#content .h1					{ font-size: 1.8em; margin: 1.2em 0 0.8em; padding: 0 0 0.4em; color: #385168; clear: both;
							  background: url(images/bg-h1.gif) bottom repeat-x; }.text_h2					{ font-size: 1.6em; margin: 0 0 0.5em; color: #172f88; clear: both; }
#content h2					{ font-size: 1.6em; margin: 0 0 0.5em; color: #172f88; clear: both; }
#content h3					{ font-size: 1.3em; color: #000; margin: 0 0 0.3em; }
#content h3.h				{ margin: 0 0 0.5em; }

#content p					{ font-size: 1.2em; line-height: 1.25; }
#content p.okna					{ font-size: 1.2em; line-height: 1.50; margin: 10px 0 10px 0; }
#content a.nadpis_okna					{ font-size: 1.4em; text-decoration: underline; color: #f05000; }
#content a:hover.nadpis_okna 	{ text-decoration: none; color: #f05000; }
#content a.obr_okna img  	{ border: 1px solid #9FB1C0; float: left; margin: 0px 20px 0 0; padding: 3px; }
#content a:hover.obr_okna img  	{ border: 1px solid #9FB1C0; float: left; margin: 0px 20px 0 0; padding: 3px; background: #9FB1C0; }
#content img.okna  	{ border: 1px solid #9FB1C0; margin: 10px 12px 10px 12px; padding: 3px; background: #9FB1C0; }
#content a.okna_vice			{ font-size: 1.2em; line-height: 1.50; margin: 10px 0 0 0; }
#content a.file					{ font-size: 1.0em; text-decoration: underline; color: #f05000; }
#content a:hover.file					{ font-size: 1.0em; text-decoration: none; color: #f05000; }

#content .sup				{ font-size: 0.8em; vertical-align: top; line-height: 1.0; }
#content .pl				{ padding: 0 0 0 15px; }
							/* lists */
#content ul					{ list-style-type: none; font-size: 1.2em; color: #222; }
#content ul li				{ margin: 0 0 0.2em 0; padding: 0 0 0 13px; line-height: 1.2; 
							  background: url(images/bg-li.gif) no-repeat 3px 5px;}
#content ul ul				{ font-size: 1em; margin: 0.5em }
#content ol					{ font-size: 1.2em; color: #000; height: 1%; font-weight: bold;  }
#content ol li				{ margin: 0 0 0.2em 27px; line-height: 1.2; }
#content ol li span			{ color: #222;font-weight: normal;  }
							/* definition */
#content dl					{ font-size: 1.2em;  }
#content dt					{ float: left; font-weight: bold; margin-bottom: -100px; }
#content dd					{ margin: 0 0 0.2em 10em; }
#content dl.xl dd			{ margin: 0 0 0.2em 20em; }
							/* images */
#content .il				{ float:  left; margin: 0 1em 0.7em 0; }
#content .ir				{ float: right; margin: 0 0 0.7em 1em; }
#content .ir2				{ float: right; margin: 0 1em 0.7em 1em; }
#content .obr_kontakt				{ float: right; border: 1px solid #EFF6FB; padding: 5px; margin: 0 0 0.7em 1em; }
#content .obr_okno				{ float: left; border: 1px solid #EFF6FB; padding: 5px; margin: 0 0 0.7em 1em; }
#content .ic				{ margin: 0 auto 0.7em; display: block; }
#content .ib				{ border: 1px solid #102f4c; }
							/* image cards  */
#content .card				{ min-width: 10px; float: left; padding: 0 2px 5px; text-align: center; }
#content .card img			{ display: block; margin: 0 auto 0.2em; padding: 0 10px; }
* html #content .card img	{ margin: 0 0 0.2em; }
#content .card2				{ min-width: 10px; float: left; padding: 0 2px 5px; text-align: center; margin: 0 15px 10px 0; }
#content .card2 img			{ display: block; margin: 0 auto 0.4em; }
* html #content .card2 img	{ margin: 0 0 0.4em; }

#content .card3				{ width: 98px; height: 110px; float: left; padding: 0 0 5px; text-align: center; margin: 0 8px 10px 0; }
#content .card3 img			{ display: block; margin: 0 auto 0.4em; }
* html #content .card3 img	{ margin: 0 0 0.4em; }
#content .last,
#content #last				{ margin: 0 0 10px 0; }
							/* blue box */
#content .box				{ padding: 0.5em 13px; background: #dbebf9; border: 1px solid #88accf; }
#content .bh				{ width: 350px; }
							/* separator */
#content .sep				{ clear: both; height: 3em; background: url(images/bg-sep.gif) repeat-x 0 50%; }
* html #content .sep		{ font-size: 1px; margin: 12em 0 15em; }
							/* table */
#content table				{ width: 458px; margin: 0 0 1em; border: solid #266aa9; border-width: 1px 0 0 1px; } 
#content td					{ padding: 0.4em; background: url(images/bg-banner.gif) bottom; font-size: 1.1em; border: solid #266aa9; 
							  border-width: 0 1px 1px 0; vertical-align: top; }
* html #content td			{ font-size: 0.7em; fon\t-size: 1.1em; }	
#content .head1 td			{ background: #266aa9; font-weight: bold; font-size: 1.2em; color: #fff; } 
* html #content .head1 td	{ font-size: 0.75em; fon\t-size: 1.2em; }		

#content .head2 td			{ background: #dbebf9; font-weight: bold; font-size: 1.1em; } 
* html #content .head2 td	{ font-size: 0.7em; fon\t-size: 1.1em; }		

#content .akce-okna			{ width: 310px; }  

#content .fotos				{ float: left; margin: 0 20px 0 0;}
#content .fotos1			{ float: left; margin: 0;}

span.clearboth		 { clear: both; height: 0px; line-height: 0px; font-size: 0px; display: block; visibility: hidden; }

/* =================================================================================================================== */
							/* CONTENT */
							/* headings */
#content_2 .h1					{ font-size: 1.8em; margin: 1.2em 0 0.8em; padding: 0 0 0.4em; color: #385168; clear: both;
							  background: url(images/bg-h1.gif) bottom repeat-x; }.text_h2					{ font-size: 1.6em; margin: 0 0 0.5em; color: #172f88; clear: both; }
#content_2 h2					{ font-size: 1.6em; margin: 0 0 0.5em; color: #172f88; clear: both; }
#content_2 h3					{ font-size: 1.3em; color: #000; margin: 0 0 0.3em; }
#content_2 h3.h				{ margin: 0 0 0.5em; }

#content_2 p					{ font-size: 1.2em; line-height: 1.25; }
#content_2 .sup				{ font-size: 0.8em; vertical-align: top; line-height: 1.0; }
#content_2 .pl				{ padding: 0 0 0 15px; }
							/* lists */
#content_2 ul					{ list-style-type: none; font-size: 1.2em; color: #222; }
#content_2 ul li				{ margin: 0 0 0.2em 0; padding: 0 0 0 13px; line-height: 1.2; 
							  background: url(images/bg-li.gif) no-repeat 3px 5px;}
#content_2 ul ul				{ font-size: 1em; margin: 0.5em }
#content_2 ol					{ font-size: 1.2em; color: #000; height: 1%; font-weight: bold;  }
#content_2 ol li				{ margin: 0 0 0.2em 27px; line-height: 1.2; }
#content_2 ol li span			{ color: #222;font-weight: normal;  }
							/* definition */
#content_2 dl					{ font-size: 1.2em;  }
#content_2 dt					{ float: left; font-weight: bold; margin-bottom: -100px; }
#content_2 dd					{ margin: 0 0 0.2em 10em; }
#content_2 dl.xl dd			{ margin: 0 0 0.2em 20em; }
							/* images */
#content_2 .il				{ float:  left; margin: 0 1em 0.7em 0; }
#content_2 .ir				{ float: right; margin: 0 0 0.7em 1em; }
#content_2 .obr_kontakt				{ float: right; border: 1px solid #EFF6FB; padding: 5px; margin: 0 0 0.7em 1em; }
#content_2 .obr_okno				{ float: left; border: 1px solid #EFF6FB; padding: 5px; margin: 0 0 0.7em 1em; }
#content_2 .ic				{ margin: 0 auto 0.7em; display: block; }
#content_2 .ib				{ border: 1px solid #102f4c; }
							/* image cards  */
#content_2 .card				{ min-width: 10px; float: left; padding: 0 2px 5px; text-align: center; }
#content_2 .card img			{ display: block; margin: 0 auto 0.2em; padding: 0 10px; }
* html #content_2 .card img	{ margin: 0 0 0.2em; }
#content_2 .card2				{ min-width: 10px; float: left; padding: 0 2px 5px; text-align: center; margin: 0 15px 10px 0; }
#content_2 .card2 img			{ display: block; margin: 0 auto 0.4em; }
* html #content_2 .card2 img	{ margin: 0 0 0.4em; }

#content_2 .card3				{ width: 98px; float: left; padding: 0 0 5px; text-align: center; margin: 0 8px 10px 0; }
#content_2 .card3 img			{ display: block; margin: 0 auto 0.4em; }
* html #content_2 .card3 img	{ margin: 0 0 0.4em; }
#content_2 .last,
#content_2 #last				{ margin: 0 0 10px 0; }
							/* blue box */
#content_2 .box				{ padding: 0.5em 13px; background: #dbebf9; border: 1px solid #88accf; }
#content_2 .bh				{ width: 350px; }
							/* separator */
#content_2 .sep				{ clear: both; height: 3em; background: url(images/bg-sep.gif) repeat-x 0 50%; }
* html #content .sep		{ font-size: 1px; margin: 12em 0 15em; }
							/* table */
#contcontent_2ent table				{ width: 458px; margin: 0 0 1em; border: solid #266aa9; border-width: 1px 0 0 1px; } 
#content_2 td					{ padding: 0.4em; background: url(images/bg-banner.gif) bottom; font-size: 1.1em; border: solid #266aa9; 
							  border-width: 0 1px 1px 0; vertical-align: top; }
* html #content_2 td			{ font-size: 0.7em; fon\t-size: 1.1em; }	
#content_2 .head1 td			{ background: #266aa9; font-weight: bold; font-size: 1.2em; color: #fff; } 
* html #content .head1 td	{ font-size: 0.75em; fon\t-size: 1.2em; }		

#content_2 .head2 td			{ background: #dbebf9; font-weight: bold; font-size: 1.1em; } 
* html #content_2 .head2 td	{ font-size: 0.7em; fon\t-size: 1.1em; }		

#content_2 .akce-okna			{ width: 310px; }  

#content_2 .fotos				{ float: left; margin: 0 20px 0 0;}
#content_2 .fotos1			{ float: left; margin: 0;}

#content_2 .vizual				{ float: left; margin: 0px 0px 20px 0;}
#content_2 .vizual img				{ float: left; margin: 0px 20px 0px 0; border: 1px solid #e1e1e1; background: #f1eded; padding: 5px; }
#content_2 .vizual .nadpis a				{ font-size: 15px; color: #266aa9; font-weight: normal; text-decoration: underline; margin: 10px 0 0 0; }
#content_2 .vizual .nadpis a:hover				{ font-size: 15px; font-weight: normal; color: #266aa9; text-decoration: none; margin: 10px 0 0 0; }
#content_2 .vizual .popis				{ font-size: 12px; color: #000000; margin: 10px 0 0 0; }  

/* ................................................................................................................... */	
							/* formular v kontaktech */
#content form 				{ margin: 0 0 1em; }
#content fieldset			{ font-size: 1.2em; }
#content fieldset.box		{ margin: 0 0 15px; }

#content fieldset.type		{ float: left; border: 1px solid; padding: 10px; width: 270px;
							  margin: 0 15px 15px 0; background: #dbebf9 }
* html #content fieldset.type	{ width: 290px; w\idth: 270px; }							  
#content form label 		{ display: block; float: left; clear: left; width: 170px; margin: 0 10px 5px 0; 
							  padding: 0.2em 0 0; font-weight: bold;  }
#content form  input,
#content form  select, 
#content form  textarea		{ margin: 0 4px  1px 0; font-size: 1em; vertical-align: middle; }
#content form textarea		{ vertical-align: top; margin: 0 0 5px; }
							/* ostatni prvky */
#content form hr 			{ display: block; border: 0; height: 1px; background: #ddd; color: #ddd; margin: 0.6em 0 1em; }
* html #content form hr 	{ margin:  0 -10px 0.5em; }
#content form h4			{ margin: 0 0 0.5em; font-size: 13px; }	
#content form br			{ clear: left; }
#content form p				{ font-size: 1em; padding: 0 0 0 180px; }
#content form span			{ font-weight: bold; color: #d00; }
#content form img			{ vertical-align: middle; }
* html #content form img	{ margin: 3px 0 0; }
							/* submit */
#content form #submit 		{ padding-left: 180px; }
#content form #submit input { background: #266aa9; color: #fff; border: 1px solid #000; font-weight: bold; 
							  font-size: 12px; width: 70px; text-align: center; }
							/* chybova hlaska */
#content .error				{ margin: 0 0 1em; padding: 1em 1em 0.3em; background: #ffe4da; border: 1px solid #d00; color: #000; }
#content .error h3			{ color: #d00; margin: 0 0 0.5em; }
/* ................................................................................................................... */	
							/* banners */
#banners h4					{ width: 137px; height: 19px; margin: 0 -10px 0; padding: 4px 10px 0 30px; font-size: 1.3em; 
							  color: #000; clear: both }
* html #banners h4			{ width: 177px; w\idth: 137px; height: 23px; he\ight: 19px; }	
#banners h4.info			{ background: url(images/bg-h4-info.gif); }
#banners h4.quest			{ background: url(images/bg-h4-question.gif); }
#banners .box				{ background: url(images/bg-banner.gif) repeat-x #eff6fb; margin: 0 -10px 0; padding: 10px; 
							  border: solid #d7e7f1; border-width: 0 1px 1px; }
#banners .last				{ border-bottom: none; }
#banners h5					{ font-size: 1.2em; color: #c00; margin: 0 0 0.2em; }
#banners p					{ font-size: 1.1em; line-height: 1.45; color: #000; }
#banners .ic				{ margin: 0 auto 1em; display: block; }
#banners .b					{ border: 1px solid #88accf; }

/* ................................................................................................................... */	
							/* banners */
#leve_podmenu			{ margin: 10px 0 0 10px; }
#banners_2 h4					{ width: 118px; height: 19px; margin: 0 -10px 0; padding: 4px 10px 0 30px; font-size: 1.3em; 
							  color: #000; clear: both }
* html #banners_2 h4			{ width: 177px; w\idth: 137px; height: 23px; he\ight: 19px; }	
#banners_2 h4.info			{ background: url(images/bg-h4-info.gif); }
#banners_2 h4.quest			{ background: url(images/bg-h4-question.gif); }
#banners_2 .box				{ background: url(images/bg-banner.gif) repeat-x #eff6fb; margin: 0 -10px 0; padding: 10px; 
							  border: solid #d7e7f1; border-width: 0 1px 1px; width: 136px; }
#banners_2 .last				{ border-bottom: none; }
#banners_2 h5					{ font-size: 1.2em; color: #c00; margin: 0 0 0.2em; }
#banners_2 p					{ font-size: 1.1em; line-height: 1.45; color: #000; }
#banners_2 .ic				{ margin: 0 auto 1em; display: block; }
#banners_2 .b					{ border: 1px solid #88accf; }
/* ................................................................................................................... */	
							/* foot */
#foot						{ clear: both; padding: 7px 200px 0 10px; height: 65px; background: url(images/bg-foot.gif) bottom; }
* html #foot				{ height: 72px; he\ight: 65px; }
#foot p						{ font-size: 1.1em; color: #fff;  }
#foot p	a					{ color: #fff;  }
#foot p	a:hover				{ text-decoration: none; }
#foot p.fl					{ width: 190px; height: 50px }

.okno         { width: 300px; height: 300px; text-align: center; float: left; margin: 0 20px 0 0px; }
/* =================================================================================================================== */