/* CSS Document */

*{margin: 0 ; padding: 0 ;}    
body {
  font: 75% 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	background: #4e5b64 url(../img/bg_body.gif) repeat-x ;
  color: #333;
  text-align: center;  
}
h1, h2, h3, h4, h5, h6 {
  margin: 20px 0px  15px 0px;
  padding: 10px 0 0 1em ;
  color: #7e8a90;
  text-transform: uppercase;
  border-left: 3px solid #7e8a90 ;
   }
h1{font-size: 1.4em;}
h2{font-size: 1.5em;}
h3{font-size: 1.2em; background: url(../img/bg_h.gif) no-repeat 11px 15px; padding-left: 24px; margin-bottom: 25px; position: relative; }
h4{font-size: 1em; color: #333; border: none; padding: 0 ; margin-left: 30px;}
h5{font-size: 1em; margin-left: 30px; }
h6{font-size: 0.8em; margin-left: 30px; margin-bottom: 0; }
  
p{
	line-height: 150%; 
	margin: 10px 0px 20px 30px; 
	font-size: 1em;
	text-align: justify;
	}
ul{
	margin: 10px 0 20px 40px ; 
	list-style: none; 
	line-height: 150%; 
	}
ol{
	margin: 10px 0 20px 40px ; 
}
li{
	background: url(../img/li.gif) no-repeat 0px 50%;
	padding-left: 1em;
}
img{border: 0 }  
.foto{border: 3px solid #fff; padding: 1px ; }  
.foto.fl{margin-right: 2em; margin-bottom: 0.6em;}
.foto.fr{margin-left: 2em; margin-bottom: 0.6em;}

big{font-size: 1.1em;}  
address{
	line-height: 150%; 
	margin: 20px 0px 20px 30px; 
	padding: 0 ;
	font-size: 1.2em;
	font-style: normal;
	text-align: left;
	}
  
a:link {text-decoration: underline; color: #0589d9;}
a:visited {text-decoration: underline; color: #0589d9;}
a:active {text-decoration: underline; color: #333;}
a:hover {text-decoration: none; color: #333;}

  
hr {display: none;}

/*		table		*/
table{ 
  margin: 15px 0px 15px 30px; 
  font-size: 1em; 
	table-layout: auto;
	border: none ;
  }

th,td{
	border: none ;
	border-right: 1px solid #ddd ;
	border-bottom: 1px solid #888 ;
  padding: 10px;
  empty-cells: show;
  vertical-align: top;
  }
th{
  background-color: #afb8be; 
  padding:8px 10px; 
  color: #fff;
  font-size: 1em;
  border: none ;
  }
.note {background-color: #F1F2EB;}



.no_border {
	margin: 0;
}

.no_border td {
	border-right: none;
	border-bottom: none;
	padding: 0;
}



.tab_stroj{
	font-size: 0.9em;
}
.tab_stroj .common{
	background: none ;
	text-align: left;
	font-size: 1em;
	border-bottom-color: #789;
	color: #2081f6;
}   

/*		forms		*/
fieldset{
	border: 1px solid #ccc;	
	padding: 20px;	
	margin:15px 30px; }
legend{border: 1px solid #777;	padding:3px 20px;	margin-bottom:25px;	color: #999; }
label{	
	display: block;	
	margin-top: 12px;
  line-height: 24px;
 }
input,select, textarea{
  font-size: 1.1em ; 
  font-family: arial ce, arial, helvetica ce, helvetica, sans-serif; 
  background-color: #fff; 
	margin-bottom: 10px;
  vertical-align: middle;}
.button{
padding: 3px 10px ;
_padding: 1px ; 
margin: 3px; 
width: auto; 
 }


/*  ID  */
#page{
  width: 750px;
  text-align: left;
  margin: 0 auto ;
  padding: 10px 0 0 0 ; 
 
}

#header{
	height: 150px;
	background: url(../img/bg_theme.jpg) no-repeat top right;
	position: relative;	
}
#header h1{
  margin: 0 ;
  padding: 0 ;
  border: none;
  width: 360px;
  height: 140px;
  background: url(../img/bg_h1.jpg) no-repeat ;
  line-height: 120px ;
  text-align: center; 
	text-transform: none; 
	position: absolute;
  top: 10px;
  left: 0px;
}
#header h1 a{
  display: block;
  text-decoration: none;
  width: 360px;
  height: 120px;
  color: white;
}
#header h1 a span{  
  display: block;
  width: 244px;
  height: 80px;
  background: url(../img/knaifl.gif) no-repeat ;
  position: absolute;
  top: 30px;
  left: 59px;
  cursor: pointer;
  cursor: hand;  
}
#header h2{
  margin: 0 ;
  padding: 0 ;
  border: none ;
  display: none;
}
#mainlink{
  float: right;
  margin: 8px 20px 0 0;
  padding: 1px 0 ;
  text-decoration: none;
  color: #fff;
  line-height: 9px;
  }
#mainlink:hover{
	border-bottom: 1px solid #999 ;
}  
  
/*  navigation */

#navigation{
  height: 44px;
  margin: 0 ;
  padding: 0 ;
  background: #0089d4;
  font-size: 0.9em;
  
 }
#navigation ul {
  padding: 2px 0 0 30px;
  margin: 0 ;
  list-style: none;
}

#navigation li {  
  float: left;
  margin: 0px ;
  padding: 0 ;
  background: url(../img/nav_li.gif) no-repeat 7% 50%;
  list-style: none;
  }
#navigation a {
  display: block;
  font-size: 1em;
  text-transform: uppercase;
  float: left;
  border-left: 1px solid #00446a ;
  line-height:33px ;
  height: 34px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  color: #eee;
  position: relative;
  white-space: nowrap;
}
#navigation a span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 33px;
	display: block;
	cursor: pointer;
	cursor: hand;
	background-position: 0px 0px;
}


.m1 a {	width: 76px;} 
.m1 a span{	background: url(../img/nav_m1.gif) no-repeat ;} 
.m2 a {	width: 91px;} 
.m2 a span{	background: url(../img/nav_m2.gif) no-repeat ;}
.m3 a {	width: 115px;} 
.m3 a span{	background: url(../img/nav_m3.gif) no-repeat ;}
.m4 a {	width: 111px;} 
.m4 a span{	background: url(../img/nav_m4.gif) no-repeat ;}
.m5 a {	width: 89px;} 
.m5 a span{	background: url(../img/nav_m5.gif) no-repeat ;}
.m6 a {	width: 103px;} 
.m6 a span{	background: url(../img/nav_m6.gif) no-repeat ;}
.m7 a {	width: 87px;} 
.m7 a span{	background: url(../img/nav_m7.gif) no-repeat ;}
.m8 a {	width: 91px;}
.m9 a {	width: 91px;} 
.m10 a {	width: 91px;} 
.m11 a {	width: 103px;} 


#navigation a:hover{
	border-color: #fff;
	color: #333; 
}
#navigation a:hover span{
	background-position: 0 -33px;
}

#navigation .lang{
	margin:  0 ;
	padding: 12px 30px 0 0 ;
	float: right;
}
#navigation .lang li{
	background: none;
}
#navigation .lang a{
	padding: 1px  ;
	margin: 0 1px  ;	
	line-height: 9px;
	border: none ;
}
#navigation .lang a:hover {
	background-color: #ffa463;
}


/* content */  
#content{
	margin: 5px 0 1px 0;
	padding: 1px 60px 30px 30px ;
	background: #e8eaeb;

  }
		/* 	index	 */  
#content.index {
	background: #e8eaeb url(../img/bg_index.gif) repeat-y right;
	padding:  0 0 0 30px ;
}

.col1{
	float: left;
	width: 260px;
}
.col2{
	float: left;
	width: 240px;
	background-color: #f6f7f7;
}
.col3{
	float: right;
	width: 220px;
	color: white;
	background: #5f686e url(../img/bg_news.gif) repeat-x ;
}
.col3 h3{
	background: #49535a;
	text-align: right;
	margin: 0 ;
	padding: 1em ;
	border: none ;
	font-size: 1.1em;
	color: #9da6ab;
}
.col3 h4{
	margin: 0 ;
	color: #fff ;
	border: none ;
}

.col3 .date{
	color: #bbb ;
}
.col3 .news{
	padding: 1.5em ;
	border-top: 1px solid #4e5b64 ;
}
.col3 .news .foto{
	border-color: #4e5b64;
}
.col3 .news p{

		margin: 10px 0px 15px 0px;
	line-height: 130%;
}
.col3 a{
	color: #6cf ;
}
.col3 a:hover{
	color: #fff ;
}

.ixSortiment {
	
	margin-bottom: 45px;
}

.ixSortiment li{
	font-weight: bold;
	margin-bottom: 5px;
}
		/* 	aktuality	 */


.aktuality .news{
	clear:both;
	width: 80%;
	min-height: 120px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc ;
}		
.aktuality h4{
	margin-bottom: 0;
}		
.aktuality p{
	margin: 10px 0px 15px 30px ;
}		
.aktuality .foto.fl{
	margin: 0 15px 0px 0;
}
.aktuality h6, .col3 h6{
	clear: both;
	font-size: 0.8em;
	margin: 5px 0 0 30px;
	padding: 0;
	border: 0;
}
.col3 h6{
	margin: 5px 0 0 0;
	color: #FFF;
}	



		/* 	pujcovna	 */
 #content .pujcovna {
	padding: 1px 30px 30px 30px  ;
}
.pujcovna .category{
	margin: 10px 0 0 0 ;
	padding: 10px 0px 0px 0px;
	background-color: #f9f9f9;
}	
.pujcovna .category.fl{
	clear: left;
}		
.pujcovna .category h4{
	position: relative;
  margin: 30px 0 0 30 ;
	font-size: 1.2em;
}		
.pujcovna .category p{
	margin: 5px 0 15px 0 ;
}		
.pujcovna .category .foto{
	margin: 0px 10px 0px 10px;
}		
.pujcovna .category table{
	clear: both;
	margin: 12px ;
	font-size: 0.9em;
	table-layout: fixed;
}	
.pujcovna .category .first{
	width: 75%;
}

.pujcovna .category  td{
	margin: 0;
	padding: 2px 0 ;
	border: none ;
}
.pujcovna .category td div{
	padding-bottom: 10px;
}
.pujcovna .category  td.right{
	width: 15%;
	font-weight: bold;
}
.pujcovna .category a{
	text-decoration: none; 
	font-weight: bold;
	 color: #0589d9;
}	
.pujcovna .category a:active{
	 color: #0589d9;
}	



/* VYPIS ITEMU V ADMINU */
.dotazy .item_a{
	clear:both;
	padding: 10px 30px 10px 30px;
	background-color: #f9f9f9;
}

.dotazy .item{
	clear:both;
	padding: 10px 30px 10px 30px;
	margin-bottom: 15px;
	background-color: #f9f9f9;
}
	
.dotazy p{
	line-height: 140%;
	margin-top: 5px;
	margin-bottom: 10px;
}
.dotazy .volby{
	width: 120px;
	background-color: #f9f9f9;
	text-align: right;
	padding: 0 10px 0 0;
	margin-bottom: 15px;
	margin-left: 530px;
}		
.dotazy .volby input, .akce input, .akce select{
	position:relative;
	top:4px;
}
.dotazy .akce{
	text-align: right;
	clear: both;
}

/* footer */
#footer{
  clear: both;
  height: 50px;
  line-height: 50px;
  padding: 0 30px ;
  font-size: 0.9em;  
  background: #6d787f;
  color: #cbcdcf;
  }  
#footer a{
color: #cbcdcf;
}
#footer a:hover{
color: #4e5b64;
}
#footer p{
  float: left;
  line-height: 50px;  
  padding: 0;
  margin: 0 ;
  }  
   
#creactive{ 
  float: right;
  text-decoration: none; 
  text-align: right;
  line-height: 50px;
  padding: 0 ;
 color: #cbcdcf;
  }
#creactive:hover{}   

/*  class   */
.blue{color: #0066aa;}
.none{display: none;}
.separator {border-top: 1px solid #ccc; line-height: 1px; font-size: 1px; height: 1px; margin: 15px 0 15px 30px ;}
.break {clear: both; line-height: 1px; font-size: 1px; height: 1px; margin: 0 ;}
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.fl { float: left;}
.fr { float: right;}