/* základní styly pro dvousloupcový layout s hlavickou a patickou */
body {
	font:1em Verdana, Arial, Helvetica, sans-serif;
	background: #DDDDDD url(../images/bg/body.jpg) top repeat-x;
	behavior:url(css/csshover.htc);
	color:#49494B;
	}
* { 
	padding:0px; 
	margin:0px;
	}
img { 
	border:none;
	}	
div#container { 
	background:#FFFFFF; 
	margin:auto;
	width:1002px;
	border-bottom:2px solid #868689;
	}	
div#pageHeader { 
	background:url(../images/bg/header.jpg) no-repeat center top; 
	height:150px;
	}	
div#obal { 
	width:1002px;
	background:url(../images/bg/obsah.jpg) repeat-y top center;
	}		 
div#footer {
	width:1002px;
	height:55px;
	background:url(../images/bg/footer.jpg) no-repeat;
	}
.konecobtekani {
	clear:both;
	}	
hr {
	border-top:1px solid #FFF;
	border-bottom:1px solid #DDDDDD;
	}	

/* hlavicka stránky */
#pageHeader div#citroen { 
	float:right;
	margin:15px 15px 0 0;
	}
#pageHeader div#carciton { 
	padding:25px 0 23px 26px;
	}			
#pageHeader #horMenu {
	clear:both;
	padding:1px 0 0 2px;
	width:998px;
	}	
/* horizontální rozbalovací nabídka */
#navigace {
	width:100%;
	float:left; 
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}	
div#navigace ul {margin:0;/* odsazuje ul od levé hrany obalového prvku */
	}
div#navigace li {
	float:left;	/* zpusobuje, ze se seznam zarovná horizontálne na své místo */
	position:relative; /* umístení obsahového bloku pro absolutne umístenou rozbalovací nabídku */
	list-style-type:none;	/* odstranuje odrázky kazdé polozky seznamu */
	line-height:35px;
	text-transform:uppercase;
	border-right:1px solid #DDDDDD;
	}	
div#navigace li.mensi {
	border-right:none;
	}	
div#navigace li:hover { 
	background-color:#DC002E; /* nastavuje pozadí polozek nabídky */
	}
div#navigace a {
	display:block; /* zpusobuje správné zalomení rádku v polozkách rozbalovací nabídky */
	padding:0 13px; /* vytvárí okraj kolem textu polozek  */
	text-decoration:none;	 /*  odstranuje podtrzení odkazu */	
	color:#FFFFFF; 	/* nastavuje barvu odkazu */
	}
div#navigace a:hover {
	color:#FFFFFF;
	}
/* zde koncí horizontální nabídka */

/* zde zacíná rozbalovací nabídka */
div#navigace ul li ul {
	margin:0; /* odstranuje dedení hodnoty horizontální nabídky */
	position:absolute; /* umistuje rozbalovací nabídku ul ve vztahu k jeho relativne umístenému rodici li */
	width:210px; /* nastavuje sírku nabídky - spolecne se sírkou 100% u prvku li dostane nabídku na své místo */
	}
div#navigace ul li.stredni ul {
	width:165px; /* nastavuje sírku nabídky - spolecne se sírkou 100% u prvku li dostane nabídku na své místo */
	}	
div#navigace ul li.mensi ul {
	width:125px; /* nastavuje sírku nabídky - spolecne se sírkou 100% u prvku li dostane nabídku na své místo */
	}	
div#navigace ul li ul li {
	width:100%; /* polozky nabídky se roztáhnou pres celý obalový prvek seznamu (ul) */
	border-top:1px solid #DDDDDD;
	background-color:#868689;
	padding:0 0;
	border-right:none;
	line-height:22px;
	}
div#navigace ul li ul li:hover {
	background-color:#DC002E;
	}	

/* rozbalovací nabídka se zobrazí pri najetí kurzoru mysi - pri efektu prekreslení */
div#navigace ul li ul {display:none;} /* skrývá rozbalovací nabídku pri neprítomnosti kurzoru mysi */
div#navigace ul li:hover ul {display:block; } /* zobrazuje rozbalovací nabídku pri prítomnosti kurzoru mysi  */	


/* obsah */					
div#obsah {
	padding:20px;
	}
div#obsah h1 {
	font-size:1.2em; 
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 .5em; 
	color:#000000;
	}
div#obsah h2 {
	font-size:1.1em; 
	font-family:Arial, Helvetica, sans-serif;
	margin:1em 0 .5em; 
	color:#DC002E;
	}
div#obsah h3 {
	font-size:.9em; 
	font-family:Arial, Helvetica, sans-serif;
	margin:1em 0 .5em; 
	color:#868689;
	}	
div#obsah h4 {
	font-size:.8em; 
	margin:1em 0 .5em; 
	color:#DC002E;
	}			
div#obsah p {
	font-size:.7em; 
	margin-top:0; 
	margin-bottom:1em;
	line-height:1.5em;
	text-align:justify;
	}
div#obsah p.note {
	font-style:italic;
	}	
div#obsah p.right {
	text-align:right;
	}	
div#obsah ul {
	margin:0 0 1em 1.5em;
	padding:0;
	}		
div#obsah li {
	font-size:.7em;
	margin:0;
	padding:.3em 0;
	line-height:1.5;
	}
div#obsah a {
	text-decoration:none;  
	color:#DC002E; 
	}
div#obsah a:hover { 
	color:#DC002E; 
	text-decoration:underline;  
	}		
div#obsah div#akce {
	float:left;
	width:460px;
	height:280px;
	background:url(../images/bg/div.jpg) repeat-x bottom;
	}	
div#obsah div#akce a {
	color: #868689;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	}	
div#obsah div#akce a:hover {
	color: #DC002E;
	text-decoration:underline;
	}	
div#obsah div#animace {
	float:right;
	}
div#obsah div#animace img {
	border-bottom:5px solid #DC002E;
	}	
div#obsah div.aktualita {
	float:left;
	width:225px;
	margin:0 20px 0 0;
	}
div#obsah div.aktualita1 {
	float:left;
	width:220px;
	margin:0 15px 0 0;
	}			
div#obsah div.aktualitaf {
	float:left;
	width:250px;
	margin:0 15px 0 0;
	}
div#obsah div.aktualital1 {
	float:left;
	width:220px;
	margin:0;
	}	
div#obsah div.aktualital {
	float:left;
	width:225px;
	margin:0;
	}		
div#obsah div.aktualita img, div#obsah div.aktualital img, div#obsah div.aktualita1 img, div#obsah div.aktualital1 img {
	border:1px solid #868689;
	}
div#obsah div.aktualita a, div#obsah div.aktualital a, div#obsah div.aktualita1 a, div#obsah div.aktualital1 a {
	color: #49494B;
	text-decoration:none;
	}	
div#obsah div.aktualita a:hover, div#obsah div.aktualital a:hover, div#obsah div.aktualita1 a:hover, div#obsah div.aktualital1 a:hover {
	color: #49494B;
	text-decoration:underline;
	}	
	
div#obsah div.akcnimodel {
	float:left;
	width:290px;
	height:210px;
	text-align:center;
	margin:0 10px;
	font-size:12px;
	}		
	
div#obsah div.akcnimodel a:hover {
	text-decoration:none;
	}				
div#obsah img.left {
	float:left;
	margin-right:20px;
	}	
div#obsah img.right {
	float:right;
	margin-left:20px;
	}	
			
div#obsah table.cenik {
	border: none;
	background-color:#999999;
	font-size:.75em;
	color:#000000;
	text-align:center;
	margin:20px 0;
	}
div#obsah table.cenik th {
	padding:3px;
	background-color:#CCCCCC;
	}	
div#obsah table.cenik tr.radek td {
	background-color:#B7B7B7;
	font-weight:bold;
	text-align:left;
	}	
div#obsah table.cenik td {
	padding:3px;
	background-color:#F0F0F0;
	}
div#obsah table.cenik td.red, div#obsah table.cenik th.red, div#obsah table.cenik span.red {
	color:#DC002E;
	font-weight:bold;
	}	
div#obsah table.cenik td.levy, div#obsah table.cenik th.levy {
	text-align:left;
	}			
/* paticka stránky */
div#footer div#kontakt {
	font-size:.7em;
	text-align:center;
	color:#000000;
	line-height:30px;
	}
div#footer div#kontakt a, div#footer div#kontakt a:visited {
	color:#000000;
	text-decoration:none;
	}
div#footer div#kontakt a:hover, div#footer div#kontakt a:active {
	color:#000000;
	text-decoration:underline;
	}
div#footer div#wso { 
	text-align:center;
	font-size:.6em;
	line-height:25px;
	color:#868689;
	}
div#footer div#wso a, div#footer div#wso a:visited {
	color:#868689;
	text-decoration:none;
	}
div#footer div#wso a:active, div#footer div#wso a:hover {
	color:#868689;
	text-decoration:underline;
	}
	
/* tridy */	
.cleaner {
	clear:both;
	}	
.center {
	text-align:center;
	}