/* CSS temp_01 */

*{margin: 0 ; padding: 0 ;}
body {
  font: 75% 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
 background: #a3c2d9 url(../img/bg_body.jpg) repeat-x ;
  color: #000;
  text-align: center;
}
h1, h2, h3, h4, h5, h6 {
  margin:  20px 30px;
  padding: 0 ;
  color: #005596;
  border-left: 3px solid #ed1c24 ;
  padding: 5px 0 0 10px;
}
h1{font-size: 2em;}
h2{font-size: 1.7em;}
h3{font-size: 1.5em; font-weight: normal;  padding-left: 0; border: none ; }
h4{font-size: 1.2em; padding-left: 0; border: none ; }
h5{font-size: 1em; padding: 0 ;border: none; margin: 20px 20px -15px 20px ;  }
h6{font-size: 0.8em; padding: 0 ;border: none; margin: 20px 20px -15px 20px ;  }

p{line-height: 140%; margin: 20px 30px; font-size: 1em; }
ul{margin: 20px 30px 20px 60px ; list-style: square; line-height: 140%; }
ol{margin: 20px 30px 20px 60px ; line-height: 140%; }
dl{margin: 20px 30px 20px 60px ;line-height: 140%;}
dt{font-weight: bold;}
dd{margin: 0 0 15px 30px;}

img{border: 0 }
.foto{	border: 4px solid #f0f2f4 ; }

address{line-height: 140%; font-size: 1.2em; 	margin: 20px 30px; font-style: normal; }
big{font-size: 1.2em;}
small{font-size: 0.8em;}

a:link {text-decoration: underline; color: #ed1c24;}
a:visited {text-decoration: underline; color: #ed1c24;}
a:active {text-decoration: underline; color: #666;}
a:hover {text-decoration: none; color: #000;}

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


hr {display: none;}

/*		table		*/
table{
  margin:  20px 30px;
  border: 4px solid #f0f2f4;
  background-color: #fff;
  font-size: 1em;
  border-collapse: collapse;
  }
th,td{
  border: 1px solid #005596;
	padding:6px 10px;
  font-size: 1em;
  }
th{
  background-color: #005596;
  padding: 8px 10px;
  color: white;
  font-size: 1em;
  text-align: center;
  }
.note {background-color: #f0f2f4; font-size: 0.9em;}

/*		forms		*/
fieldset{
  border: none;
  margin: 20px 30px;
  border: 1px solid #eee ;

 }
legend{

	padding: 5px 0 0 0 ;
	border: none;
	text-align: left;
}
div.f_row{
  background-color: #fff;
  padding: 7px 0  ;
  border-bottom: 1px solid #f0f2f4;
	clear: both;
}
div.f_row label{
  display: block;
  float: left;
  padding: 2px 3px ;
  width: 19%;
}
input,  select, textarea{
  padding: 0 1px ;
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;;
  idth: 70%;
  background-color: #f0f2f4;
}
div.f_row label input {
  width: auto;
}
fieldset fieldset div.f_row{
  padding-left: 25%;
}
 fieldset fieldset div.f_row label{
  display: inline;
  width: auto;
  float: none;
}
form input.submit{
  font-weight: bold;
  width: auto ;
  padding: 0.2em 0.5em;
}

.form {
  border: none ;
}
.form td{
  border: none ;
  vertical-align: top;
}

/*  ID  */
#page{
  width: 850px;
  text-align: left;
  margin: 0 auto ;
  padding: 0 ;
  position: relative;
}

#header{
  background-color: red;
  height: 160px;
  background:  url(../img/bg_header.jpg) no-repeat right bottom ;
  overflow: hidden;
}
#header h1{
  margin: 0 ;
  padding: 0 ;
  border: none;
  background: url(../img/bg_h1.jpg) no-repeat 210px 0px;
  height: 100%;
}
#header h1 a{
  display: block;
  text-decoration: none;
  color: white;
  width: 230px;
  line-height: 20px;
  height: 160px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
}
#header h1 a span{
  display: block;
  width: 100% ;
  height: 100% ;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  cursor: hand;
  background: url(../img/logotype.gif) no-repeat ;
}
#header h2{
  margin: 0 ;
  border: none ;
  font-size: 1.2em;
  font-style: italic;
  font-weight: normal;
  position: absolute;
  top: 65px;
  left: 400px;
  border-left: 1px solid #f0f2f4 ;
  padding: 30px 15px 20px 25px ;
  color: #000;
}
#mainlink{
  position: absolute;
  top: 95px;
  left: 710px;
  text-decoration: none;
  font-weight: bold;
  color: #004d87;
   /*display: none; */
  }
#mainlink:hover{
          color: black;
}
#quicknav{
   position: absolute;
  top: 30px;
  left: 705px;
}
#quicknav a{
  display: block;
  float: left;
  padding: 7px ;
  margin-right: 2px;
  text-align: center;
}

#quicknav a:hover{
  background-color: #f0f0f0;
}

/*  navigation */

#navigation{
	background: #004d88 url(../img/bg_nav.gif) repeat-x ;
  height: 50px;
  position: absolute;
  top: 160px;
	left: 210px; 
  width: 640px;
  z-index: 30;
 }
#navigation ul {
  height: 50px;
  margin: 0;
  padding: 0 30px ;
  list-style: none;
  position: relative;

}

#navigation li {
  float: left;
  margin: 0 ;
  padding: 0 ;  
  position: relative;
  }
#navigation a {
  display: block;
  float: left;
  color: #fff;
  font-weight: bold;
  line-height: 50px ;
  height: 50px;
  text-decoration: none;
  background-image: url(../img/nav_li.gif);
  background-position: 8px 18px;
  background-repeat: no-repeat;
  padding: 0 15px 0 30px ;
  text-align: left;
}
#navigation a span{

}
#navigation a:hover, #navigation li:hover {
  background-color: #025695;
  background-position: 8px -30px;
  color: #f0f2f4;
}
#navigation a.on {
  background-color: #004478 ;
  color: #e0e0e0;
}

/*  */
#navigation ul ul {
  height: auto;
  width: 160px;
  margin: 0;
  padding: 5px 0px 10px 0  ;
  list-style: none;
  position: absolute;
  top: 50px;
  left: 0;
  background-color: #025695;
  visibility: hidden;  
  z-index: 90;

}

#navigation ul ul li {
  float: left;  
  width: 160px;
  margin: 0 ;
  padding: 0 ;
  }
#navigation ul ul a {
  display: block;
  float: none;
  color: #fff;
  font-weight: normal;
  line-height: 20px ;
  height: 20px;
  text-decoration: none;
  padding: 0 10px 0 30px ;
  text-align: left;
}
#navigation ul ul a:hover{
  background: #004d88 ;
}


/*  */
.subnav{
	margin: 50px 0 0 0 ;
	padding: 1px 0 0 0 ;
	border-top: 5px solid #a8abae; 
	background: #91b6d2;
	position: relative;

}
.subnav li{
	width: 210px;
	margin: 0 ;
	position: relative;
z-index: 50;
}
.subnav a, .subnav a:visited {
  display: block;
	width: 210px;
  height: 50px;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
	font-size: 1.2em;
}
.subnav a span{
  padding: 0px 15px 0 45px ;
	display: block;    
	line-height: 50px; 
	background: url(../img/subnav_li.gif) no-repeat;
	
}
.subnav a:hover span {
	color: #005596;
}

.subnav a:hover span, .subnav a.on span {
background-position: 0 -50px;;
}



/* content */
#content{
  float: right;
  width: 640px;
	background-color: white;
	overflow: hidden;
	padding-bottom: 30px;
  }
  

.vozy-z-usa-navrh #content{
background: white url(../photo/vozy_content.jpg) no-repeat;
background-position:0px 50px;
}
.leasing #content{
background: white url(../photo/leasing_content.jpg) no-repeat;
background-position:0px 50px;
}
.uver #content{
background: white url(../photo/uver_content.jpg) no-repeat;
background-position:0px 50px;
}
.sluzby-v-pojisteni #content{
background: white url(../photo/pojisteni_content.jpg) no-repeat;
background-position:0px 50px;
}
.sluzby-v-energetice #content{
background: white url(../photo/energo_content.jpg) no-repeat;
background-position:0px 50px;
}
#content .maincontent{
  padding: 1px 0px 40px 0px ;
	border-top: 5px solid #e5edf4;
	margin-top: 50px;

}
.shadow{
background:#6697bd url(../img/shadow.jpg) no-repeat;
margin:0px 30px 0 30px;
padding:1px 0 7px 0;
color:white;
font-size:1.2em;
}
.shadow ul.extra{
margin-left:20px;
}
.gray{
background:#dbdbdb url(../img/gray.jpg) repeat-x;
margin:0px 30px 0 30px;
padding:1px 0 7px 0;
font-size:1.2em;
}
.gray h3{
margin: 12px 0 5px 0;
padding:1px;

font-size:1.0em;
font-weight:bold;
}
.zaruka{
padding-left:50px;
padding-right:10px;
margin:0px;
font-size:0.9em;
}

ul.extra
{list-style:none;}
ul.extra li{
padding-left:30px;
margin-bottom:5px;
background: url(../img/extra_li.gif) no-repeat;
background-position:5px 3px;
}

ol.extra{
list-style:none;
margin-left:30px;
}
ol.extra li{
padding-left:20px;
padding:5px 0 10px 50px;
background-position:0px 4px;
}
.prvni{
background: url(../img/ol_1.jpg) no-repeat;
}
.druhy{
background: url(../img/ol_2.jpg) no-repeat;
}
.treti{
background: url(../img/ol_3.jpg) no-repeat;
}
.ctvrty{
background: url(../img/ol_4.jpg) no-repeat;
}
ol.extra ul{
list-style:none;
margin:10px 0 0 50px;
}ol.extra ul li{
background: url(../img/ol_ul.gif) no-repeat;
padding:0px 0 0 10px;
background-position:0px 6px;
}
.global{
margin: 0px 20px 0px 30px;
}
.gray h3.contact{
margin-left:50px;
}
.gray ul.contact{
margin:0 0 0 90px;
list-style:none;
}
.gray ul.contact li{
padding: 5px 0px 5px 30px;
list-style:none;
font-weight:bold;
font-size:1.1em;
background-position:0px 7px;
}
.post{
background: url(../img/post.gif) no-repeat;
}
.tel{
background: url(../img/tel.gif) no-repeat;
}
h3.contact{
margin-left:80px;
}
p.extra{
  font-size: 1.2em;

}
.photobar{
  background-color: #f0f2f4;
  padding: 15px 5px ;
  margin: 20px 30px ;
}
.photobar a{
	text-align: center;
	float: left;
	width: 33%;
}
#flashcontent{
  position: relative;
	z-index: 5;
  }
  
p.all_news{
margin:0;
padding:0 20px 0 0;
font-size:0.9em;
}
p.all_news a{
float:right;
color:black;
text-decoration:none;
padding-right:15px;
background: url(../img/all_news.gif) no-repeat right 1px;
}
p.all_news a:hover{
color:#005596;
background: url(../img/all_news_hover.gif) no-repeat right 1px;
}
/*Novinky na strance*/
.vypis .news-item{
	margin: 0;
	padding: 20px 0 0 0; 
	background: url(../img/sep_dots.gif) repeat-x top;
}
.vypis .news-item .date{
	padding-left: 1.7em;
	background: url(../img/ico_news.gif) no-repeat -3px -1px;
	color: #999999;
	font-weight:normal;
	font-size:1.0em;
  margin:0;

}
.vypis .news-item p{
	margin: 0 ;
	color: #002459;
	padding-top:15px;
	padding-bottom:15px;
	font-size:1.1em;
}
.vypis{
background: url(../img/sep_dots.gif) repeat-x bottom left;
margin:30px;
padding:0;
}
/* sidebar */
#sidebar{
	background: #acc8dd url(../img/sidebar_top.gif) no-repeat ;        
  width: 210px;
  float: left;
	overflow: hidden;
  }
#sidebar .maincontent{
  padding: 1px 0px 30px 0px ;
}
#sidebar h4{
  padding: 0;
  margin: 30px 25px 0 25px ;
	color: #fff;
	border: none ;

}

.sluzby_foto{
margin-bottom:10px;
}
.sluzby h3{
margin-top:5px;

}
.left20{margin-left:30px;margin-top:10px;}
/*  */
.column{
  float: left;
}

.dev30{
  width: 29%;
}
.dev40{
  width: 39%;
}
.dev50{
  width: 49%;
}
.dev60{
  width: 59%;
}
.dev70{
  width: 69%;
}


/**/
.news-item{
	font-size: 0.9em ;
	margin: 15px 25px;
	padding: 20px 0 0 0; 
	background: url(../img/sep_dots.gif) repeat-x top;
}
.news-item .date{
	padding-left: 1.7em;
	background: url(../img/ico_news.gif) no-repeat -3px -1px;
	color: #111;
	font-weight: bold;
}
.news-item p{
	margin: 10px 0 ;
	color: #1d394e;
}

/**/


.download li{
  list-style: none;
  padding: 4px 0 ;
  margin: 2px 60px 2px 0; 
  border-bottom: 1px solid #ddd ;
  text-align: right;
  color: #999;
}
.download li a{
  float: left;
}


/*		icons		*/
.ico{
	padding-left: 22px;
  background-position: 0 100%;
  background-repeat: no-repeat;
}
.gif{background-image: url(../img/ico/file-gif.gif);}
.jpg{background-image: url(../img/ico/file-jpg.gif);}
.xls{background-image: url(../img/ico/file-xls.gif);}
.zip{background-image: url(../img/ico/file-zip.gif);}
.pdf{background-image: url(../img/ico/file-pdf.gif);}
.doc{background-image: url(../img/ico/file-doc.gif);}
.cdr{background-image: url(../img/ico/file-cdr.gif);}

/**/


/* footer */
#footer{
  clear: both;
  height: 70px;
  padding-top: 20px;
  width: 640px;
  font-size: 0.9em;
  text-align: right;
  float: right;
	  }
#footer p{
  line-height: 20px;
  margin: 0 ;
  padding: 0 20px;
  text-align: right;
  color: #fff;
  }

#creactive{
  text-decoration: none;
  color: #333;
  }
#creactive:hover{}
.counters{
  position: absolute;
  visibility: hidden;
}

/*  class   */
.noscreen{display: none;}
.separ {border-bottom: 1px solid #f0f2f4  ; line-height: 1px; font-size: 1px; height: 1px; margin: 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;}
.justify {text-align: justify;}
.fl { float: left;}
.fr { float: right;}
.blue{color:#004e8a;}
.bold{font-weight:bold;}
.mr30{margin-left:80px;}
.ml-30{margin-left:12px;margin-top:15px;margin-right:8px;}
/*	color scheme

temp_01:
000
fff
005596
ed1c24
f0f2f4
ed1c24

*/