/*------[GENERAL]--------*/
* { margin: 0; padding: 0; }

body{
	background: url(images/bg.jpg) repeat-y fixed bottom center;
	color: #000; 
   	font: 62.5%  Arial, Helvetica, sans-serif;
}

a { color: #0000FF; text-decoration:underline; }
a:hover { }

ul{ list-style:none;}

h1,h2,h3,h4,h5,h6 { font-family:  Arial, sans-serif; }

/*-------[   Layout   ]---------*/
 #wrap{ position:relative; width:820px; margin:15px auto; }

 #header{ height:354px; }

/*-------[ Logo + Navigation ]---------*/
	/*Adjust LOGO position by modifiying the LEFT proprety*/
	#logo{ position:absolute; top:15px; left:10px;
		   font-family: Arial, "Times New Roman", Times, serif; font-size: 32px; color: green; }
	#logo a{ color:green; text-decoration:none; }
	#logo a:hover{ text-decoration:underline; }
	
	/*Adjust SLOGAN  position by modifiying the LEFT proprety*/
	#slogan{ position:absolute; top:15px; left:255px; padding:7.5px 0 7.5px 10px; border-left:1px solid green;
			 color: green; font-family: "Times New Roman", Times, serif; font-size: 18px; letter-spacing:1px; font-style:italic;	}
	
	#header-pic{ position:absolute; top:114px; left:0; height:240px; }

	#nav {
		position:absolute;
		width:820px;
		top:76px; left:0;
		height:34px;
		background-color: #01A937;
		border-bottom:4px solid #EBBB22;
    box-shadow: 0px 1px 3px 0px #4a4a4a; }
		
		#nav ul{ padding:0; margin-left:0px; list-style: none; }
			#nav li{ display: inline; }
			
				#nav a{ 
					display: block; 
					float: left;
					padding:10px 25px 10px 25px;
					font:12px Verdana, sans-serif;
					text-transform:uppercase;
					color:#fff;
					text-decoration:none;
					outline: none;
				}
				
				#nav a:hover{ background-color:#EBBB22; }
				#nav .active a{ background:#EBBB22 bottom center no-repeat; }



#content-wrap{ padding:25px 0 30px 30px; background-color:#FFFFFF; border-top: 4px solid #EBBB22; box-shadow: 0px 1px 3px 0px #4a4a4a;}
	#content{ width:500px; position:relative; }
		/* --- content styling ---*/
		#content { font-size: 1.3em; line-height: 1.3em; color:#111;  }

		#content h1{margin-bottom:20px;  font-size:23px;}
		#content h2{margin-bottom:20px;  font-size:17px; line-height: 1em;}
		#content h3{margin-bottom:2px;  font-size:14px; padding: 0px 0px 0px 0px;}
		
			#content .first, #content .drop_cap { padding: 0.17em 0.08em 0.05em 0; font-size: 3.4em; line-height: 0.6em; color: #aaa; float: left; }
			
			#content p { margin: 0 0 0 0; }
			
			#content a, #content a:visited { text-decoration: underline; }

				#content a:hover { text-decoration: none; }
        
				
			#content blockquote { font-style:italic; padding:10px; padding-left:35px; margin-bottom:5px; background:#fff no-repeat top left; color:#111;}
			
				#content blockquote ul, #content blockquote ol { margin: 0 0 1.46667em 15px;  }
		
			#content ul, #content ol { margin: 0 0 1.46667em 40px; }
			
			#content ul { list-style: disc; }
			
				#content li { margin: 0 0 0.4em 0; }
				
					#content ul li ul, #content ul li ol, #content ol li ul, #content ol li ol { margin: 0 0 0 25px; }
			
		    
				#content img{ clear: both; padding: 2px; }
				
				.imgfloatleft{ float:left; margin-right:10px; }
				.imgfloatright{ float:right; display: inline;}
        .imgfoto{ background: #e5e5e5; margin-right:3px; margin-bottom:3px;}
        .imgfront{ margin-bottom:2px; margin-top:2px;}
      
			.update { border: 1px solid #f2ec49; background: #fffdcb; padding:10px; margin:0; margin-bottom:1em; }
	

	/* --- Sidebar ---*/
	#sidebar{ position:absolute; right:30px; top:302px;
			  width:230px; height:150px; }

		/* --- sidebar styling---*/
		.sidebar-links{
			background: #01A937;
			padding:20px;margin-bottom:15px;}

			.sidebar-links h3{ margin-bottom:10px; font-size: 16px; color:#fff; }
			
			.sidebar-links ul{ margin: 5px 0 0; }
			.sidebar-links ul li{ border-bottom: 1px solid #FFF; padding: 8px 0px ; }
			
			.sidebar-links ul li a{ color: #fff; text-decoration: none; font-weight: bold; font-size: 13px; padding: 8px 30px 8px 15px; }
			.sidebar-links ul li a:hover{ background: #EBBB22; color: #fff;  }
			.sidebar-links ul li.active{ background: #EBBB22; border-bottom: 1px solid #FFF; margin: 0 0px;
										 padding-left: 0px; margin-top: 0px; position: relative; }
			.sidebar-links ul li.active a{ color: #fff; }

		/* --- --- */
		.sidebar-info{
			border-top:3px solid #ded384;
			background-color:#efebe7;
			padding:20px; margin-bottom:15px;}
			
			.sidebar-info h3{ margin-bottom:15px; }
			.sidebar-info h4 { text-align:center; font-size:23px;}
			.sidebar-info p{ margin-bottom:10px; font-size:13px; }
			.sidebar-info ul{ list-style:inside; list-style-type:disc; font-size:100%;}
			
	/* --- Footer --- */
	#footer{
		height:38px;
		width:820px;
		background-color:#01A937;
		font-size:12px;
    box-shadow: 0px 1px 3px 0px #4a4a4a;}
	
		#footer p{ padding:11px 0 0 25px; color:#fff;}
		#footer a{ color:lightgrey;}
		#footer a:hover{ color:#fff;}


/*----------------------------*/
h1 {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: green;
	margin-bottom:15px;
}

h2 {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: green;
	margin-bottom:15px;
}

h3 {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: green;
	margin-bottom:0px;
}
	h3 a {
		color: #032850;
		text-decoration: none;
	}
	h3 a:hover {
		color: #124b89;
	}

h4 {
	font-size: 16px;
	color: #032850;
	margin-bottom:10px;
}

h5 {
	font-size: 14px;
	color: #000000;
}



#download {
    padding-left: 25px;
    margin: -5px 0px 0px 0px; 
}

#download img.pdf {
  background-color: none;
	padding: 0px;
	border: 0px solid #006AC3;
}

#download li {
	list-style: none;
	background-image: url(images/pdfico.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
} 

#download li a{
  color: black; 
  text-decoration: none;
	color: #449C00;
	border-bottom: 1px solid #449C00;
}	

#download li a:hover {
	text-decoration: none;
	border-bottom: 0px solid #449C00;

}

#download li a:visited {
	text-decoration: none;
	border-bottom: 1px solid #449C00;

}

.techparam{
  font-size: 12px;
}

#cover {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    height: 500px;
    position: relative;
    }

#kalkulacea {
  margin: 0px;
  position: absolute; 
  width: 188px; 
  height: 200px;
  top: 0px;
  left: 5px;
  line-height: 25px;
  /*color:gray; */
  }
#kalkulaceb {
  position: absolute; 
  width: 320px; 
  height: 200px;
  top: 0px;
  left: 192px;
  line-height: 25px;
  } 
#kalkulacec {
  position: absolute; 
  width: 550px; 
  height: 150px;
  top: 390px;
  left: 10px;
  line-height: 25px;
  }   

.red-font{
	color: red;
}

.green-font{
	color: green;
}

/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; text-align:left; }
td      { font-size: 12px; border-bottom: 1px solid #ddd; }
th,td   { padding: 2px 10px 2px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }


.front  { font-size: 13px; }
.thx    { border-bottom: 0px solid #ccc; font-weight: normal; text-align:left; padding: 2px 2px 2px 0; }
.thy    { border-bottom: 1px solid #ccc; font-weight: normal; text-align:left; padding: 2px 2px 2px 0; }
.thz    { width: 200px; border-bottom: 0px solid #ccc; font-weight: normal; text-align:left; padding: 2px 2px 2px 0; }
.th270  { width: 270px; border-bottom: 0px solid #ccc; font-weight: normal; text-align:left; padding: 2px 2px 2px 0; }
.thx140    { width: 140px; border-bottom: 0px solid #ccc; font-weight: normal; text-align:left; padding: 2px 2px 2px 0; }
.thz320    { width: 320px; border-bottom: 0px solid #ccc; font-weight: normal; text-align:left; padding: 2px 2px 2px 0; }

/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; } 

/* form design*/
fieldset {
	margin: 0 5px 10px 0px;
	padding: 2px;
	border: 1px dotted #ccc;
	
	
	background-color: #fff;
} 
legend { background-color:#000000; color:#FFFFFF; text-transform:uppercase; padding:3px; margin-left:10px; margin-bottom:10px; font-size:12px;}
form p { margin: 5px 0 0 0; form }
label {  text-align:right; margin-right:10px; display:block; width:140px; float:left; clear:both; font-weight:bold; }
input.text { width:315px; } 
/*textarea { width: 450px; margin: 5px 15px 15px 15px; } */ 


/*********** slider ************/

.slide {
border-width: 0px;

}

a:link, a:visited {
/* color : #fff; */
text-decoration : none;
}


div#header div#slide-holder {
z-index : 0;
width : 819px;
height : 240px;
position : absolute;
box-shadow: 0px 1px 3px 0px #4a4a4a;

/*background-color: black;   */
}
div#header div#slide-holder div#slide-runner {
top : 0px;
left : 0px;
width : 820px;
height : 240px;
overflow : hidden;
position : absolute; 

}     


div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;


}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 0px;
width : 820px;
height : 46px;
display : none;
position : absolute;
background : url(slider/images/slide-bg.png) 0 0;

}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 11px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 20px;
height : 18px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 20px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0px 0px 0px 0px;
background-repeat : no-repeat; 
}  
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -18px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(slider/images/slide-nav.png);
}
div#nav ul li a {
 
}	

#logozaizol {
  position: absolute; 
  width: 100px; 
  height: 72px;
  top: 15px; 
  left: 50%;
  margin-left: 150px;
  }
 
#kanadskylist {
  position: absolute; 
  width: 100px; 
  height: 79px;
  top: 6px; 
  left: 50%;
  margin-left: 240px;
  }  

#vystava {
  position: absolute; 
  width: 210px; 
  height: 65px;
  top: 11px; 
  left: 50%;
  margin-left: 115px;
  font-size : 13px;
  text-align : center;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  background: #ffe4c4;
  }

div#kalkulaceodkaz a {
  font-family: Arial, Georgia, Times, serif; 
  color: red; 
  font-size:18px; 
  text-decoration: underline;
 
}

div#kalkulaceodkaz a:hover {
  font-family: Arial, Georgia, Times, serif; 
  color: red; 
  font-size:18px; 
  text-decoration: underline;
  font-weight : bold;
 
}