*{margin: 0 ; padding: 0 ;}    
body {
  font: 75% 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  background: #4a4f50 url(../img/bg_body.gif) repeat-x ;
  color: #111;
  text-align: center;  
}
h1, h2, h3, h4, h5, h6 {
  margin: 20px 0px  15px 0px;
	padding: 0 ;
  color: #ff6c00; 
	font-weight: bold;
   }
h1{font-size: 2em;}
h2{font-size: 1.5em;}
h3{font-size: 1.2em;  }
h4{font-size: 1em; }
h5{font-size: 0.9em; color: #333333;}
h6{font-size: 0.8em; color: #333333;}
  
p{
	line-height: 150%; 
	margin: 10px 0px 15px 0px; 
	font-size: 1em;
	text-align: justify;
	text-indent: 1.3em ;
}
p.blank{text-indent:0;}
ul{margin: 10px 0 20px 40px ; list-style: square; line-height: 150%; }
ol{margin: 10px 0 20px 45px ; line-height: 140%; }
img{border: 0 }  
img.foto{border: 3px solid #ddd; padding: 1px ; }  

big{font-size: 1.1em;}  
  
a:link {text-decoration: underline; color: #003399;}
a:visited {text-decoration: underline; color: #003366;}
a:active {text-decoration: underline; color: #333;}
a:hover {text-decoration: none; color: #000;}

a:hover .foto{border-color: #ccc;}
  
hr {display: none;}

/*		table		*/
table{ 
  margin: 20px 0; 
  border: 3px solid #bbb;
  border-collapse: collapse;

  font-size: 1em; 
  }
th,td{
  border: 1px solid #999; 
  padding:6px 7px;
  }
th{
  background-color: #666; 
  padding: 15px 10px; 
  color: white;
  font-size: 1em;
  text-align: center;
  }
.note {background-color: #F1F2EB;}

/*		forms		*/
fieldset{border: 1px solid #777;	padding: 20px;	margin:15px 0; }
legend{border: 1px solid #777;	padding:3px 20px;	margin-bottom:25px;	color: #999; }

label{	
  display: block;	
  float: left;	
  width: 25%;	
  padding: 0px 0.6em;
  margin-bottom: 12px;
  line-height: 18px;
  text-align: right;	
  vertical-align: top; 
  clear: both; }
input,select,textarea{
  font-size: 1.1em ; 
  width: 15em;	
  font-family: arial ce, arial, helvetica ce, helvetica, sans-serif; 
  background: #fff; 
margin-bottom: 10px;
  border-width: 2px ; 
  vertical-align: middle;}
.button{padding: 3px 10px ;_padding: 1px ; margin: 3px; width: auto; font-weight: bold; }


/*  ID  */
#page{
  width: 765px; 
  text-align: left;
  margin: 0 auto ;
  background-color: #eaebeb;  
  padding: 0 0 8px 0 ; 
  /* border: 2px solid #666666 ; */
  border-top: none ; 
  position: relative;
}

#header{
  background:url(../img/bg_header.gif) repeat-x 0 33px;
  margin: 0 8px ;
  position: relative;  
}
#header h1{
  margin: 5px 0 0 0 ;
  padding: 0 ;
  border: none;
  width: 354px;
  height: 74px;
  line-height: 74px;
  text-align: center;  
  position: relative;
  }
#header h1 a{
  display: block;
  text-decoration: none;
  width: 354px;
  height: 74px;

}
#header h1 a span{  
  display: block;
  width: 354px;
  height: 74px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/servisarmatur.gif) no-repeat ;
  cursor: pointer;
  _cursor: hand;
}
#header h2{
  clear: both;
  margin: 0 ;
  padding: 0 ;
  border: none ;
  height: 110px;
  line-height: 110px;
  text-align: center;
  font-size: 1.2em;
  position: relative;  
}
#header h2 span{
  display: block;
  width: 100%;
  height: 110px;  
  position: absolute;
  top: 0;
  left: 0;
  background: #555  url(../img/bg_theme.jpg) no-repeat right  top;

}
#header h2.lang_en span{
  background: #555  url(../img/bg_theme_en.jpg) no-repeat right  top;
}
#header h2.lang_de span{
  background: #555  url(../img/bg_theme_de.jpg) no-repeat right  top;
}

#mainlink{
  position: absolute;
  top: 60px;
  right: 25px;
  text-decoration: none;
  font-size: 0.9em;
  color: #00006d;
  }
#mainlink:hover{
  color:#111;
}  
  
/*  navigation */
#navLang{
  background-color: #000088;
  padding: 6px 15px 5px 15px ;
  height: 17px;
 
  text-align: right;
}
#navLang a{
  text-decoration: none;
  color: #ddd;
  font-size: 0.9em;
}
#navLang a img{
  padding: 1px ;
  vertical-align: middle;
  margin: 0 2px 0 10px ;
}
#navLang a:hover img{
  background-color: #ddd;
}
#navLang a:hover {
  color: #fff;
}

#navMain{
  width: 220px; /* 195 */
  float: left;
 }
#navMain ul {
  margin: 8px 10px 0 10px;
  padding: 0px 0px ;
  list-style: none;
    border-bottom: 1px solid #ccc ;
}

#navMain li {
    ackground: url(../img/bg_nav_li.gif) no-repeat 0 33px;
  }
#navMain a {
  display: block;
  line-height: 24px;
  padding: 4px 0 5px 0 ;
  text-decoration: none;
  font-weight: bold;
  color: #222;
  width: 100%;
  border-top: 1px solid #ccc ;
	osition: relative;
  ackground-color: #f6f6f6;
}
#navMain ul ul {
	margin: 0px 0 10px 18px;
	border: none ;
}
#navMain ul ul li {
	background: none  ;
  margin-bottom: 5px;
}
#navMain ul ul a {
  padding: 0 ;
  line-height: 16px ; /* 18px; */
	text-decoration: none;
  font-weight: normal;
  font-size: 0.9em;
  	background: none;
  	border: none;
}  
#navMain a span{
	padding-left: 17px;
	background: url(../img/bg_nav_li_a.gif) no-repeat 6px 2px;
} 

#navMain a:hover{

	color: #339;
border-top: 1px solid #999 ;
}
#navMain a:hover span{
background-position: 6px -32px;
}

#navMain ul ul a:hover {
	adding:0 0 1px 5px ;
	background-color: #f3f3f3;
	border: none;	
}
   
/* content */  
#content{
  /* margin: 0 8px ; */
  width: 545px;
  float: right;
	min-height: 400px;
  }  
#content2{
	padding: 10px 20px 30px 0px ;
  }  
#content.index h3{
  font-size: 1em;
  }   

#ixIntro{
  margin: 0 ;
  padding: 18px 22px  28px 22px ;
  background-color: #f6f6f6;
  
}
#ixIntro div{
  position: absolute;
  top: 106px;
	right: 8px;
	z-index: 1;
}

#ixIntro h3{
  margin: 5px 0 0 0;
}
#ixIntro p{
  width: 195px;
  margin-bottom: 0;
  	font-size: 0.9em;
  	text-indent: 0;
}
#ixIntro p span{
	  position: relative;
  z-index: 2;

}

#ixAktuality{
  padding: 0 10px ;
  float: left;
  width: 240px;
}
#ixAktuality p{
  margin: 20px 0;
  padding: 0 0 20px 0 ;
  border-bottom: 1px solid #ccc ;
  font-size: 0.9em; 
  text-indent: 0;
}
#ixKontakt{
  padding: 0 15px ;
  float: right;
  width: 240px;
/*  background: url(../img/bg_ixkontakt.gif) repeat-x ;*/
}
#ixKontakt p{
	font-size: 0.9em;
	text-indent: 0;
}

#ixProdukty{
  padding: 0 22px 15px 22px ;
  float: right;
}
#ixProdukty ul{
  margin: 0 0 10px 25px ;  	
	font-size: 0.9em;
	line-height: 200%;
}
.sectionFoot{
border-top: 1px solid #999 ;
padding-top: 1.3em;
text-indent: 0;
}
.fotoBlok{
float: right;
width: 170px;
margin-left: 20px;
}

		/* armatury <table> */
.table_armatury th{
	font-weight: normal;
	padding: 15px 4px;
}

.table_armatury .col_01{
	width:80px;
}
.table_armatury .col_02{
	width:52px;
}  
.table_armatury .col_03{
	width:43px;
} 
.table_armatury .col_04{
	width:97px;
} 
.table_armatury .col_05{
	width:55px;
} 

		/* strojni dily*/
.strojdily_list li{
		margin-bottom: 10px;
}
		/* kontaktni osoby <table> 	*/
.kontakt_osoby{
	border: none ;
	width: 100%;
}
.kontakt_osoby td{
	border: none ;
}

/* footer */
#footer{
  clear: both;
  font-size: 0.9em;  
  }  
#footer p{  
  clear: both;  
	margin: 8px 8px 0  8px ;
  padding: 0 10px ;
  background-color: #d2d7d8;
  line-height: 40px;
  height: 40px;
 }  
#credits{
position: absolute;
top: -20px;
left: 0;

}   
#creactive{ 
  display: block;
	text-decoration: none; 
  text-align: right;
  padding: 10px 0;
  color: #7a807f;
  font-size: 0.9em;
  background-color: #4a4f50;
  width: 750px;
  margin: 0 auto ;
  }
#creactive:hover{
  color: #ccc;}   

/*  class   */
.blue{color: #0066aa;}
.none{display: none;}
.separ {border-top: 1px solid #999; line-height: 1px; font-size: 1px; height: 1px; margin: 15px 0 ;}
.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;}


/*  others	*/


.fotka {
background-color:#ddd; 
margin-bottom: 15px; 
padding: 0 0  6px 0; 
font-size: 0.8em; 
color: #333333; 
text-align: center; }

.odsazeni{
  padding: 0px 0px 0px 0px;
}

.aktualita-editace{
  background-color: transparent;
  border: 1px dashed #cccccc;
  border-left: 5px solid #cccccc;
  padding: 5px 10px 5px 10px;
}

.novinka{
  width: 200px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc
}

.odstavec{
  padding-top: 5px;
  padding-bottom: 5px;
}