/* CSS by creactive.cz */
*{margin: 0 ; padding: 0 ;}    
body {
  font: 70% 'Verdana CE', Verdana, 'Arial CE', Arial, 'Lucida Grande CE', lucida, 'Helvetica CE', sans-serif;
  background: #eaeaea url(../img/body.gif) repeat-x ;
  color: #222;
  text-align: center;  
}
h1, h2, h3, h4, h5, h6 {
  margin: 20px 0px  10px 0px;
  padding: 0 ;
  color: #003399;
	font-weight: normal; 
	text-transform: uppercase;
	background: url(../img/h2.gif) no-repeat 0 0;
	border-bottom: 1px solid #d2dfe6 ;
	padding: 0.5em 1em 0.6em 10px; 
	margin-bottom: 1.1em;
   }
h1{font-size: 2em;}
h2{
	font-size: 1.3em; 
}
h3{font-size: 1em;  }
h4{font-size: 1em; color: #666;}
h5{font-size: 0.9em; color: #666;}
h6{font-size: 0.8em; color: #666;}
  
p{
	line-height: 150%; 
	margin: 10px 0px 20px 0px; 
	font-size: 1em;
	text-align: justify;
	}
ul{
	margin: 10px 0 20px 40px ; 
	list-style: square; 
	line-height: 160%; }
ol{
	margin: 10px 0 20px 40px ; 
	list-style: square; 
	line-height: 160%; }
	
img{border: 0 }  
img.foto{	border: 4px solid #F1F2EB ; }  
img.foto.fl{margin-right: 1.3em; margin-bottom: 0.5em; }
img.foto.fr{margin-left: 1.3em; margin-bottom: 0.5em;}

big{font-size: 1.2em; line-height: 150%;}  
  
a:link {text-decoration: underline; color: #cc0000;}
a:visited {text-decoration: underline; color: #cc6666;}
a:active {text-decoration: underline; color: #555;}
a:hover {text-decoration: none; color: #000;}

a:hover .foto{border-color: #ddd;}

  
hr {display: none;}

/*		table		*/
table{ 
  margin: 10px 0; 
  border: 1px solid #8ca7c0;
  border-collapse: collapse;
  background-color: #fff; 
  font-size: 1em; 
  }
td{
  padding:6px 10px;
  border: 1px solid #ccc ;
  font-size: 0.9em;
  line-height: 150%;
  }
th{
  background-color: #edf1f5; 
  padding: 5px 10px; 
  color: #8ca7c0;
  font-size: 1em;
  text-align: center;
  text-transform: uppercase;
  }
.note {background-color: #eee;}
.noborder{
  border: none;
  margin: 10px 52px; 
  }
.noborder td{
  border: none ;
  }
/*html body#trakce_cz div#page div#navigation ul li#Organizacni-slozka-polsko {display: none;}*/
html body#trakce_cz div#page div#navigation ul li#KONTAKTY {margin-top: 15px;} 
/*		forms		*/
fieldset{border: 1px solid #d2dfe6;	padding: 20px;	margin:15px 0; }
legend{border: 1px solid #d2dfe6;	
padding:3px 20px;	margin-bottom:25px;	color: #003399; }

label{	
  display: block;	
  float: left;	
  width: 100%;	
  padding: 0px 0.6em;
  margin-bottom: 10px;
  line-height: 18px;
  text-align: center;	
  vertical-align: middle; 
  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: 820px;
  text-align: left;
  margin: 0 auto ;
	background: white url(../img/page.gif) repeat-y;
  padding: 0 ; 
	position: relative; 
}

#header{
	height: 110px;
	background: #eaeaea url(../img/header.jpg) no-repeat right top;
	position: relative;
}
#header h1{
  margin: 0 ;
  padding: 0 ;
  border: none;
  width: 280px;
  height: 110px ;
  line-height: 100px;
  text-align: center;  
}
#header h1 a{
  display: block;
  text-decoration: none;
	font-size: 1.5em;
	font-weight: bold;
	color: #1d2a4a;
}
#header h1 a span{  
  display: block;
  width: 280px;
  height: 110px;
  background: url(../img/trakce.gif) no-repeat ;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer; 
}
#header h2{
  margin: 0 ;
  padding: 0 ;
  border: none ;
  display: none;
}
#mainlink{
  display: block;
  line-height: 10px;
  height: 10px;
	position: absolute;
  top: 15px;
  right: 40px;
  text-decoration: none;
  font-size: 0.9em;
  color: #1d2a4a;
 
  }
#mainlink img{
	width: 78px;
	height: 9px;
  }  
#mainlink:hover {
	border-bottom: 1px solid #cc6666;
}  
  
/*  navigation */

#navBase{
	background-color: #d52922;
	height: 40px;
	float: right;
	width: 620px;
}
#navBase ul{
	margin: 0 0 0 30px ;
	padding: 0 ;
	list-style: none;
}
#navBase li{
	padding: 0 ;
	margin: 0 ;	
	float: left;
} 
#navBase a{
	display: block;
	height: 40px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}
#navBase a span{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	height: 40px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
} 
#navBase a span.txt{
	position: static;
	z-index: 1;
	line-height: 40px;
	width: auto;
	background:none;
	font-size: 0.9em;
} 

#navBase a:hover {	color: #eee;}
#navBase a:hover span{	background-position: 0px -40px;}

#navBase .m1{	width: 140px;	} 
#navBase .m1 span{	background-image: url(../img/nav_m1.gif);	} 
#navBase .m2{	width: 134px;	} 
#navBase .m2 span{	background-image: url(../img/nav_m2.gif);	}	
#navBase .m3{	width: 86px;	} 
#navBase .m3 span{	background-image: url(../img/nav_m3.gif);	}	

#navBase .en_m1{	width: 164px;	} 
#navBase .en_m1 span{	background-image: url(../img/nav_en_m1.gif);	} 
#navBase .en_m2{	width: 134px;	} 
#navBase .en_m2 span{	background-image: url(../img/nav_en_m2.gif);	}	
#navBase .en_m3{	width: 86px;	} 
#navBase .en_m3 span{	background-image: url(../img/nav_en_m3.gif);	}	


#navigation{
  width: 200px;
  float: left;
  font-size: 0.9em;
  margin: -30px 0 30px 0;
 }
#navigation ul {
  margin: 0;
  padding: 0 ;
  list-style: none;
}
#navigation ul ul {
  padding: 3px 0 10px 0;
	background: #1d2a4a;

}
#navigation li {  
  margin: 0 10px;
  padding: 0 ;
  background: #364462 url(../img/nav_li.gif) no-repeat 8px -17px;
  }
#navigation li#Impuls{
display:none;
}  
#navigation li li { 
	margin: 0 ;
	padding: 0 10px; 
	background: #1d2a4a;
  }  
#navigation li a {
  display: block;
  line-height: 20px ;
  height: 20px ;
  padding-left: 20px;
  text-decoration: none;
  color: #fff;
  background: #323e5a url(../img/nav_li.gif) no-repeat 8px 8px;
  font-weight: bold;
}
#navigation li li a {
	background: none;
	font-weight: normal;
  line-height: 18px ;
  height: 18px ;
	padding: 0 0 0 10px ;
  color: #a2d8e5;
}
#navigation a span{

}
#navigation a:hover{
	color: #eee;
	background: none;
} 
#navigation li li a:hover{
	color: #eee;
	background: #213054;
}  
#navLang{
	position: absolute;
	top: 123px;
	right: 10px;
} 
#navLang a{
	display: block;
	float: left;
	margin-left: 10px;
	color: white;
	height: 16px;
	
}  
#navLang a img{
	margin: 1px ;
	display: block;
}  
#navLang a:hover{
background-color: #e4746f;
}  
/* content */  
#col_right{
	width: 620px;
	float: right;
  }  
  
#content.index{
	padding:0;
	min-height: 570px;
	background: url(../img/most.jpg) no-repeat left bottom;

  } 	 
  
#content2{
	padding: 1px 35px 40px 35px;
  } 

#col_right .spolecnost , #col_right .elektro-divize , #col_right .vyvoj , #col_right .stavebni-divize , #col_right .company , #col_right .construction-division , #col_right .electro-division , #col_right .development {
	padding:0 !important;
	min-height: 570px;
	background: #fff;
  } 	
  
   
  
#ixIntro{
	background: #d2dfe6 url(../img/bg_intro2.jpg) no-repeat;
	line-height: 20px;
	font-size: 1.1em;
	text-align: justify;
	padding: 0 30px 0 240px ;
	height: 175px;
}
#ixIntro p{margin: 0 ;}
#ixIntro.stavebni{	background: #d2dfe6 url(../img/bg_intro5.jpg) no-repeat ;}
#ixIntro.elektro{	background: #d2dfe6 url(../img/bg_intro6.jpg) no-repeat ;}
#ixIntro.vyvojintro{	background: #d2dfe6 url(../img/bg_intro4.jpg) no-repeat ;}
#ixIntro.spolecnostintro{	background: #d2dfe6 url(../img/bg_intro7.jpg) no-repeat ;}

#flash{
	position: absolute;
	top: 155px;
	left: 200px;
}
.ixcol{
	float: left;
	width: 310px;
}

/*next*/
ul.rozcestnik{
padding:0;
margin:20px 0;
list-style:none;
}
ul.rozcestnik li{
padding:0;
width:350px;
margin:0px 0 10px 0;
background:#e6e6e8;
border-left: 1px solid #e0e0e2;
border-right: 1px solid #bdbdc3;
border-top: 1px solid #dcdcdf;
border-bottom: 1px solid #c0c0c6;
}
ul.rozcestnik li a{
display:block;
font-size:1.2em;
color:#383d42;
text-decoration:none;
font-weight:bold;
margin:0;
padding:8px 42px;
background: url(../img/next_li.gif) no-repeat 12px 9px ;
border-left: 1px solid #f3f3f5;
border-right: 1px solid #d2d2d6;
border-top: 1px solid #ececee;
border-bottom: 1px solid #d4d4d8;

}
ul.rozcestnik li a:hover{
background: #e0e0e1 url(../img/next_li.gif) no-repeat 12px 9px ;
}

/*  Soubory  */
/**/
ul.download{
margin:20px 0;
padding:0px;
list-style: none;

}
ul.download li{
  padding: 4px 8px ;
  margin: 3px 0; 
  border-bottom: 1px solid #ddd ;
  text-align: right;
  color: #999;
}
.download img{
float:left;
margin-right:5px;
}
.download li a{
  float: left;
}
 
.ixcol .in{
	padding: 1px 20px 1px 30px; 
}
.ixcol.fr .in{
	padding: 1px 30px 1px 20px; 
}





.news-item p, .news-item strong, .news-item h2{
	font-size: 0.9em;
  } 	 
.ixcol h2, .ixcoldiff h2{
	margin-top: 25px;	
}
.news-item strong{
	display: block;
	margin-top: 5px;	
	color: #1d2a4a;
}
.news-item  .date{
	margin-top: 15px;	
	display: block;
	color: #999;
	font-size: 0.9em;
}
.ixcol p, .ixcoldiff p{
	margin: 3px 0 20px 0;
}


.link{
display: block;
  width: 50%;  
  height: 36px;
  line-height: 36px;
  padding: 0px 0px 0px  40px;
  margin: 0 0 10px 0 ;
  border: 1px solid #406FA0 ;
  border-top-color: #ddd;
  border-left-color: #ddd;
  background-color: #ddd;
  text-decoration: none !important;
}
.link.pdf{
  background: #eee url(../img/ico_pdf.gif) no-repeat  4% 50%;
}
.link.print{
  background: #eee url(../img/ico_print.gif) no-repeat  4% 50%;
}
.link.help{
  background: #eee url(../img/ico_help.gif) no-repeat  4% 50%;
}
.link:hover{
  background-color: #ccc;
  
}

/* footer */
#footer{
  clear: both;
  height: 110px;  
	font-size: 0.8em;
	color: #586178;
	background:  #e4e4e4 url(../img/footer.gif) no-repeat top left;
  }  
#footer p{
  float: left;
  margin: 0 ;
  padding: 30px 40px 30px 30px;
  line-height: 16px;
  }  
   
#creactive{ 
  text-decoration: none; 
  text-align: right;
  color: #586178;
  }
#creactive strong{color:#ff9933}  

.counters{
  position: absolute;
  visibility: hidden;
}


/*  class   */
.none{display: none;}
.separ { border-top: 1px solid #cbcdd2; ;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;}
.justify {text-align: justify;}
.fl { float: left; }
.fr { float: right;}


.long {
    width: 260px;
}

/*  Registrovany uyivatel  */

table.login{
  border: none;
  padding:0;
  }
table.login td{
  font-size:1.0em;
  padding:5px 10px 0px 10px;
  border: none ;
  text-align:left;
  background-color: #edf1f5; 
  }
table.login th{
text-align:left;
background-color: white;
padding:0;
color:#1d2a4a;
}
table.login th.mid{
padding:10px 0 10px 0 ;
}
table.login th span{
width:150px;
display:block;
height:30px;
line-height:30px;
text-align:center;
background-color: #edf1f5;
padding:0px;
}
table.login label{	
  padding: 0;
  text-align: left;	
  width:auto;
 }
table.login input.button{
width:auto;
float:right;
padding: 1px 7px ;
margin: 0 0 10px 0; 
font-weight: bold;
}
 
table.login input,select,textarea{
    width: 15em;	
    padding:1px 1px;
  }
table.login a{
text-decoration:none;
padding:5px 5px 5px 35px;
line-height:30px;
font-weight:bold;
}
table.login a.logout{
background:  #edf1f5 url(../img/logout.gif) no-repeat 15px 4px;
} 
table.login a.zmena{
background:  #edf1f5 url(../img/zmena.gif) no-repeat 15px 4px;
}    
table.login span.person{
background:  #edf1f5 url(../img/person.gif) no-repeat 5px 4px;
padding:5px 5px 5px 28px;
}
  
p.reg{
width:267px;
}
p.reg a{
background:  #edf1f5 url(../img/reg.gif) no-repeat 5px 4px;
padding:5px 5px 5px 28px;
display:block;
text-decoration:none;
color:#1d2a4a;
font-weight:bold;
}
p.reg a:hover{
background:  #d2dbe3 url(../img/reg.gif) no-repeat 5px 4px;
}
p.error{
background: #d9f1ff url(../img/bg_ok.gif) no-repeat 15px 14px; 
padding:12px 0 12px 40px  ;
font-weight:bold;
color:#0099ff;
font-size:1.1em;
border-top:1px solid #c1d7e3;
border-left:1px solid #c1d7e3;
border-bottom:1px solid #ecf8ff;
border-right:1px solid #ecf8ff;
}