/* ===============================================  G L O B A L  =============================================== */
body						{ margin: 0; padding: 0; background: #fff; text-align: center; }
body *						{  }
body, td, th,
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, 
input, select, textarea,   
form, fieldset				{ margin: 0; padding: 0; }   
/* ............................................................................................................ */   
                            			/* align */
.fl		{ float: left; }
.fr     { float: right; }
.ac     { text-align: center; }
.ar     { text-align: right; }
                            			/* images */
.il     { float: left; clear: left; margin: 0 1em 0.5em 0; }
.ir     { float: right; clear: right; margin: 0.5em 0 0 1em; }
                            			/* spacing */
.h      { margin: 0 0 0.5em; }
.s      { margin: 0 0 1em; }
.sh     { margin: 0 0 1.5em; }
.d      { margin: 0 0 2em; }
                            			/* hidden & clear */
hr      		{ display: none; }
h6, .hidden 	{ position: absolute; top: -10000px; }
.clr-old   		{ clear: both; height: 1px; font-size: 1px; overflow:  hidden; }
.clr:after      { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* ============================================================================================================ */   
#page 			{ width: 800px; margin: 0 auto; text-align: left; }
#head 			{ height: 61px; }
#montage		{ height: 206px; background: url(images/bg-montage-1.jpg); margin: 5px 0 0; }
#news 			{ min-height: 20px; background: #F8CA2F; padding: 8px 0 0; }
#menu 			{ float: left; background: url(images/bg-menu.jpg) repeat-x; width: 100%; }
#main 			{ float: left; width: 800px; background: url(images/bg-main-pattern.gif) repeat-y; } 
#content-left 	{ float: left; width: 488px; background: url(images/bg-content-pattern.jpg) repeat-x #fff ; padding: 30px 30px 5px; position: relative; }
#content-right 	{ float: right; width: 190px; background: url(images/bg-content-pattern.jpg) repeat-x #fff; padding: 30px 30px 5px; }
#foot			{ float: left; width: 740px; min-height: 15px; background: url(images/bg-foot.jpg) repeat-x #b2b2b2; padding: 0 30px 0; }
* html #foot	{ height: 15px; width: 800px; w\idth: 740px; }
/* ............................................................................................................ */  
										/* head */
#montage h1 a		{ width: 800px; height: 53px; background: url(images/bg-head.jpg) no-repeat; display: block; }
#montage h1 span,
#montage h2 span   { position: absolute; top: -1000px; }
/* ............................................................................................................ */  
										/* news */
* html #news	{ height: 20px; } /* min-height pro IE */
#news h3 		{ float: left; font-size: 1.1em; font-weight: bold; color: #242F6C; padding: 0 10px 0 183px;  }
#news p	 		{ float: left; font-size: 1.1em; color: #242F6C; paddding: 0 0 10px 193px; }
#news a			{ color: #fff; text-decoration: none; }
#news a:hover	{ text-decoration: underline; }
/* .............................................................................................................. */ 
										/* menu */
#menu ul 		{ float: left; list-style-type: none; margin: 0 0 0 40px; }
#menu li 		{ float: left; margin: 7px 20px 4px 0; } 

#menu li a			{  border: 1px solid transparent; text-transform: uppercase; color: #3C3664; font-size: 1.2em; font-weight: bold; text-decoration: none; padding: 1px 3px; }
#menu li a:hover,
#menu li a.active	{ background: #fff; color: #3C3664; border: 1px solid #D1D1D1; }
#menu li a span	{ color: #CC1E20; }			
										/* links */
#menu li.first a 	{ width: 80px; height: 20px; background: url(images/menu-1.gif); display: block; margin: 0 0 0 40px; } 
#menu li.second a 	{ width: 86px; height: 20px; background: url(images/menu-2.gif); display: block; } 
#menu li.third a 	{ width: 139px; height: 20px; background: url(images/menu-3.gif); display: block; } 
#menu li.fourth a 	{ width: 137px; height: 20px; background: url(images/menu-4.gif); display: block; } 
#menu li.fifth a 	{ width: 161px; height: 20px; background: url(images/menu-5.gif); display: block; } 
								/* hover + active links */
#menu li.first a:hover,
#menu li.first a.active		{ background: url(images/menu-1-active.gif); }
#menu li.second a:hover,	
#menu li.second a.active	{ background: url(images/menu-2-active.gif); }
#menu li.third a:hover,	
#menu li.third a.active		{ background: url(images/menu-3-active.gif); }
#menu li.fourth a:hover,
#menu li.fourth a.active	{ background: url(images/menu-4-active.gif); }
#menu li.fifth a:hover,
#menu li.fifth a.active		{ background: url(images/menu-5-active.gif); }
/* .............................................................................................................. */ 
									/* main frame */
#main #content-left h3 			{ font-size: 1.3em; color: #CF0202;  padding: 0 0 0.1em; }
#main #content-left p 			{ color: #000; text-align: justify;  font-size: 1.2em; padding: 0 0 1.5em; }
#main #content-left p.ar		{ text-align: right; }
#main #content-left p.ac		{ text-align: center; }
#main #content-left p.imgs a			{ text-decoration: none; }
#main #content-left p.imgs a:hover	{ background: none; }
#main #content-left p a			{ color: #00247f; }
#main #content-left p a:hover	{ background: #002A7F; color: #fff; font-weight: bold; }
	/* na cem tiskneme */
#main #content-left .machines			{ float: left; width: 488px; padding: 0 0 20px; }
* html #main #content-left .machines	{ padding: 0; } /* MSIE hack */
#main #content-left .machines h4		{ color: #5660B6; font-weight: bold; font-size: 1.2em; margin: 0.2em 0 0;}
#main #content-left .machines dl		{ margin: 0 0 2em; font-size: 1.2em; }
#main #content-left .machines dt		{ float: left; font-weight: bold; color: #999999; margin-bottom: -100px; } /* solves MSIE 3px bug */
#main #content-left .machines dd		{ margin-left: 8em; }
#main #content-left .machines dd span	{ font-weight: bold; color: #ff0000; }
#main #content-left .machines a.pic		{ background: url(pictures/link.png) right center no-repeat; padding-right: 16px; color: #5660B6; text-decoration: none; }
#main #content-left .machines a:hover	{ text-decoration: underline; }
a.link									{ color: #000000; text-decoration: underline; }


	/* kontakt */
#main #content-left p.contact				{ position: absolute; bottom: 0; margin: 0 0 0 150px; font-weight: bold; }
* html #main #content-left p.contact		{ margin: 0 0 0 -150px; }	
#main #content-left .img					{ float: right; clear: right; margin: 40px 0 0; }
#main #content-left #cover					{ float: left; width: 300px; padding: 0 0 40px 0 }
#main #content-left #cover .address			{ float: left; width: 14em; }
#main #content-left #cover .address h4		{ color: #5660B6; font-weight: bold; font-size: 1.1em; margin: 0.2em 0 0; }
#main #content-left #cover .address ul		{ float: left; list-style-type: none; }
#main #content-left #cover .address li		{ background: url(images/stars.gif) 0 50% no-repeat; background: none; font-size: 1.2em; }
#main #content-left #cover .address li span { margin: 0 0 0 15px; }
	/* o nas + co umime */
#main #content-left #about h4		{ color: #5660B6; font-weight: bold; font-size: 1.2em; margin: 0.2em 0 0;}	
#main #content-left #about ul		{ list-style-type: none; margin: 0 0 0 10px; padding: 0 0 0.5em; }
#main #content-left #about li		{ background: url(images/stars.gif) 0 50% no-repeat; padding: 0 0 2px; font-size: 1.2em; }
#main #content-left #about li span	{ margin: 0 0 0 15px; }
	/* reference */
#main #content-right img 	{ margin: 0 0 1em; border: 1px solid #959385; }
#main #content-right h3 	{ font-size: 1.3em; color: #CF0202; padding: 0 0 5px; }
/* ............................................................................................................ */  
										/* foot */
#foot p.copy		{ float: left; color: #706A8A; margin: 1px 0 0; }
#foot p.creat 		{ float: right; color: #706A8A; margin: 1px 0 0; }
#foot a 			{ color: #CF0202; text-decoration: none; }
#foot a:hover 		{ text-decoration: underline; }
/* ............................................................................................................ */  
								/* JavaScript CSS style --> mor aby to po poli honil :-) */
#lightbox				{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; }
#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; }
#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: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink 				{ left: 0; float: left; background: url(images/prevlabel.gif) no-repeat left 70px; }
#nextLink				{ right: 0; float: right; background: url(images/nextlabel.gif) no-repeat right 70px; }

#imageDataContainer			{ font-size: 12px; background-color: #fff; margin: 0 auto; padding-top: 10px; line-height: 1.4em; text-indent: 10px; color: #343434; }
#imageData					{ padding:0 10px; }
#imageData #imageDetails	{ width: 70%; float: left; text-align: left; }	
#imageData #caption			{ font-weight: bold; }
#imageData #numberDisplay	{ display: block; clear: left; }			
#imageData #bottomNavClose	{ width: 30px; float: right;  padding: 0 0.5em 0 0;	}	
		
#overlay				{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.clearfix:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden;	}
* html>body .clearfix 	{ display: inline-block; width: 100%;	}
* html .clearfix 		{ height: 1%; }	/* Hide from IE-mac */ 
/* ............................................................................................................ */ 	

body#popup					{ background: /*#DAB983*/ #1F4D7C; padding: 10px; text-align: left; 
							  font: 12px "Helvetica CE", helvetica, arial, lucida, sans-serif; } 
body#popup h4				{ font-size: 14px; margin: 0 0 0.3em;}		
body#popup h3				{ font-size: 20px; margin: 0 0 0.5em; padding: 0.5em; text-align: center; }
body#popup div				{ background: #fff; border: 1px solid; padding: 10px }
body#popup p				{ padding: 0 0 1.5em; text-align: justify; }
body#popup img				{ border: 1px solid #000; margin: 0 0 15px; }

body#popup ul		{ list-style-type: none; margin: 0 0 0 10px; padding: 0 0 1.5em; }
body#popup li		{ background: url(images/stars.gif) 0 50% no-repeat; padding: 0 0 2px; font-size: 1.0em; }
body#popup li span	{ margin: 0 0 0 15px; }