/* CSS STYLE */
* {margin:0; padding:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {border:0; outline:0; vertical-align:baseline; background:transparent;}
address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
h1, h2, h3, h4, h5, h6, table {font-size:100%; font-weight:normal;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
table caption, table th {text-align:left;}
img.right{float: right; padding: 5px 0px 10px 10px;}
img.left{float: left; padding: 5px 10px 10px 0px;}
.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}
.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align:bottom !important;}
.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.hidden {position:absolute; left:-1000em; top:auto; width:1px; height:1px; overflow:hidden;}
.noscreen {display:none;}


.imgFloatLeft{		float: left; margin: 0 10px 5px 0	}
.imgFloatRight{		float: right; margin: 0 10px 5px 10px	}	
	
.w300{width: 300px;}

html,body{height:100%; padding: 0; margin: 0;}
body {background: #FFF url(../img/bgBody.png) repeat-x; color:#000; font:0.75em/1.5 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}
a {color:#0985ab;}
a:hover, a:active, a:focus {color: #0aa0cf;}

.posRelative{	position: relative;}
#car{	width: 346px; height: 243px;  background: transparent url(../img/auto.png) no-repeat; position: absolute; bottom: 20px; left: 5px }

p.blue{background: url(../img/bluePcar.gif) no-repeat right !important; padding: 12px 12px 10px 0 !important; text-align: right !important; margin: 0 10px 10px 0 !important;}
p.orange{background: url(../img/orangePcar.gif) no-repeat right !important; padding: 12px 12px 10px 0 !important; text-align: right !important; margin: 0 10px 10px 0 !important;}
p.first{	margin-top: 20px !important; }
.check{ margin-right: 15px}
.mb40px{ margin-bottom: 40px;}


/*LAYOUT*/
#centerContent{	min-height:100%; position:relative;}
#links p{margin: 0 0 0 30px; padding: 9px 0}
#links span{color: #66a8cb; padding: 0 11px}
#links a{color: #c9e5ed;}
#links a:hover, #links a:active{color: #c1e1f2;}
#conetnt{ padding-bottom: 60px; width: 960px;	margin:0 auto; }
#headerIn{	height: 125px;	position:relative;  background: url(../img/carTopBg.png) no-repeat left bottom;  }
#headerIn-no-bg{	height: 125px;	position:relative;}
	#logo {position:relative; overflow:hidden; width:215px; height:53px; margin:0; padding:0; font-size:200%; letter-spacing:-1px; top:35px; left: 30px}
	#logo a {color:#678B1E;}
	#logo a span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background: url(../img/logo.gif) no-repeat 0 0; cursor:pointer;}
	#logo a:hover span {color:#000;}
	
	#slogan{position: absolute; left: 300px; top:20px; font-size: 160%; color: #555555; width: 400px; text-align: right;}

			#menu{position: relative; height: 52px; margin-bottom: 0px}
			a.menuButton{position: absolute; right: 8px; top: 4px}
	     #nav {width:940px; margin:0; padding:0px 0 0 0; list-style:none; font-size:100%;}
        #nav li {display:inline; margin:0; padding:0;}
        #nav li a {display:block; float:left; font-weight:bold; text-decoration:none; color: #FFF; margin-right: 8px}
        #nav li a span{display:block; float:left; height:20px; padding:6px 16px 14px; }
        #nav li#active a, #nav li a:hover{background: #FFF url(../img/navActiveBg.png) no-repeat left top; color: #000; text-decoration:none;}
        #nav li#active a span,#nav li:hover a span{	background: url(../img/navActiveSpanBg.png) no-repeat top right; padding:12px 16px 8px; }
        #nav li.first a{ margin-left: 14px !important}
		  #nav li.last a {border-right:0;}
        #nav li a:hover {color: #000;}
        
        #intro{
        	height: 329px; width: 960px; position: relative;
        background: url(../img/introBg.jpg) no-repeat;
        }
   	#intro #button {position:relative; overflow:hidden; width:385px; height:103px; margin:0; padding:0; font-size:200%; letter-spacing:-1px; top:20px; left: 371px}
		#intro #button a span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background: url(../img/porovnaPovinneRuceniBg.png) no-repeat 0 0; cursor:pointer;}
		#intro #button a:hover span {color:#000;  background: url(../img/porovnaPovinneRuceniBgHover.png); }
		#intro .info{ position: absolute; left: 390px; margin: 0; padding-left: 30px;  background: no-repeat left center; 		}
		#intro #info1{top: 154px}
		#intro #info2{top: 190px}
		#intro #info3{top: 226px}
		#intro #info4{top: 262px}
		#intro #info1, #intro #info3{	background-image: url(../img/OkBlue.png);}
		#intro #info2, #intro #info4{	background-image: url(../img/OkWhite.png);}
   
   .Con .conTop {	background: transparent url(../img/contentLeftTop.gif) no-repeat scroll 0 0;	font-size:0; height:5px; line-height:0; width:700px;}
	.Con .conBottom { background:url(../img/contentLeftBottom.gif) no-repeat scroll 0 0 transparent; font-size:0; height:5px; line-height:0; margin-bottom:10px; width:700px; }
	.Con .conIn {	background: transparent url(../img/contentLeftBg.gif) repeat-y scroll 0 0; width:700px; }
	.Con .conIn p{padding: 0 20px; margin: 20px 0; text-align: justify; /*font-size: 1.2em*/}
	.Con .conIn h3{padding: 0 20px; margin:0px 0; font-size: 1.6em; font-weight: bold; color: #077091;}
	
	.Con .conIn p.reklama-text{padding: 20px 20px; margin: 20px 20px; text-align: justify; background-color: #D7EDFE;}
	
	/* Request button */
  .Con .conIn .request-button a, .Con .conIn .request-button span { display: block; height: 41px; width: 267px; margin: 20px 20px 30px 0px; text-align: right;}
  .Con .conIn .request-button a { position: relative; line-height: 41px;}
  .Con .conIn .request-button a span { background: url(../img/porovnaPovinneRuceniBgHover-small.png) 0 0 no-repeat;}
  .Con .conIn .request-button a:hover span { background-position: 0 -41px;}
  .Con .conIn .request-button a:hover { text-decoration: none;}
  
	
	.Con h2 {margin:0 5px; padding:11px 0 11px 40px; background: #da631d url(../img/h2orange.gif) no-repeat 0 100%; font-weight:bold; color:#FFF; }
	
	.Con.blue .conTop{	background: url(../img/contentLeftBlueTop.gif);}
	.Con.blue .conIn{	background: url(../img/contentLeftBlueBg.gif);}
	.Con.blue .conBottom{	background: url(../img/contentLeftBlueBottom.gif);}
	.Con.blue .conIn h2 { background: url(../img/h2blue.gif) no-repeat;  color: #07789a }	
	
	.Con.blueDark .conTop{	background: url(../img/contentRightDarkBlueTop.gif) !important;}
	.Con.blueDark .conIn{	background: url(../img/contentRightDarkBlueBg.gif) !important;}
	.Con.blueDark .conBottom{	background: url(../img/contentRightDarkBlueBottom.gif) !important;}
	.Con.blueDark .conIn h2 { background: url(../img/h2DarkBlueRight.gif) no-repeat !important;  color: #FFF }
	
	ul.list { padding: 0; margin:10px 0px 10px 30px;}
	ul.list li{ padding: 0px 0 8px 30px; margin-bottom: 5px; background: url(../img/listBg.gif) no-repeat left top;	}
	
	#mainRight .conTop, #mainRight .conIn, #mainRight .conBottom{ width: 240px}
	#mainRight .conTop{ background: url(../img/contentRightBlueTop.gif);}
 	#mainRight .conIn{	background: url(../img/contentRightBlueBg.gif);}
	#mainRight .conBottom{	background: url(../img/contentRightBlueBottom.gif);}
	#mainRight h2{		 background: url(../img/h2blueRight.gif) no-repeat; 	}
	
	#mainLeft{ float:left; width: 700px; }

	#mainRight{ float:right; width:240px; }
	
	
	#mainRight ul {margin: 0 0 10px 0; padding: 10px 10px; list-style-type: none;  background: url(../img/sidebarContentBg.gif) no-repeat left bottom;  }
	#mainRight ul li {border: 0px solid black; height: 30px; line-height: 30px; margin: 0; border-bottom: 1px solid #dcdcdc;}
	#mainRight ul li a {text-decoration: none; margin: 0; padding: 0 0 0 22px; line-height: 30px; display: block; color: #555555;  background: url(../img/rightContentMenuBg.gif) no-repeat 7px center; }
	#mainRight ul li a:hover{background-color: #cde1f0;	}
	#mainRight ul li.active a{	background-color: #f5fafc; color: #0985ab; border-bottom: 1px solid #cee7ee; }
	
	#mainRight ul li a.red {color: #FF0000;}
	
	#mainRight p.news{ border-bottom: 1px solid #eeeeee; margin: 0 16px; padding: 20px 0;	}
	#mainRight p.news.last{ border: none;	}

	.infoBox{		float: left;		width: 210px;	}
	.infoBox .conTop, .infoBox .conIn, .infoBox .conBottom{ width: 210px} 
	.infoBox .conTop{ background: url(../img/boxTop.gif) !important}
 	.infoBox .conIn{	background: url(../img/boxBg.gif) !important}
	.infoBox .conBottom{	background: url(../img/boxBottom.gif) !important}
	.infoBox h2{ padding: 6px 0 6px 10px !important;  background: no-repeat; color: #000 !important; 	 }
	.infoBox.yellow h2{		 background: url(../img/infoBoxH2yellow.gif) !important; }
	#infoBoxs .infoBox.blue h2{		 background: url(../img/infoBoxH2blue.gif) }
	.infoBox p{  border-bottom: 1px solid #eeeeee; margin: 0 16px 16px 16px  !important; padding: 20px 0 !important; text-align: left !important; }
	
	.infoBox.first, .infoBox.second{	margin-right: 30px;	}	
	
	p.showMore{	margin: 0 !important; padding: 0 !important; text-align: right !important; border: none  !important; 	}
	p.showMore a{		margin-right: 15px  !important; 	}
	
	p.button{ text-align: right !important; margin:0 10px 10px 0 !important; padding: 0  !important	}
	
	.reakce p{		vertical-align: middle !important; padding-bottom: 20px !important; margin: 20px !important; border-bottom: 1px solid #efefef; padding-left: 86px !important; min-height: 95px 	}
	.reakce p.girl{ background: url(../img/girlIco.png) no-repeat 10px; }
	.reakce p.boy{ background: url(../img/boyIco.png) no-repeat 10px; }
	
	#footer{ height: 58px;   position:absolute;   bottom:0;   width:100%; background: url(../img/footerBg.png) repeat-x;}
	#footer p{ margin: 0; padding: 5px 10px;	color: #555555;}
	#footer strong{color: #828f99; margin-right: 50px	}
	#footerIn{ width: 960px;	margin:0 auto; padding-top: 15px }
	#links span, #footer span{color: #66a8cb; padding: 0 11px}
	#footer a{color: #0985ab;}
	#footer a:hover, #footer a:active{color: #0985ab;}