/* nastaveni defaultnich prvku */
body, html {	
	background: white;
    font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif !important;
    font-size: small !important;
	text-align: center; /* centrovani textu, Internet Explorer to vycentrov�n� dokumentu */
	position: absolute; /* position: absolute, top a bottom kv�li stanoven� v�ky na 100%. Ur�en� v�ka je nutn� k ur�en� minim�ln� v�ky lev�ho, prav�ho a hlavn�ho r�mu (Jinak min-height  v % nefunguje). */
	top: 0;
	bottom: 0;
    border: 0px none;
	padding: 0;
	margin: 0;
	width: 100%;
	min-width: 850px;
}
div#na-stred { /*	nastaveni sirky layoutu stranky, zarovnani na stred 	*/
	margin: auto;
 	height: auto;
	position: relative;
    width: 850px;
}

.clear {clear: both;}   /*  clear: both vetsinou pro element span pro vyclearovani zarovnani pomoci float: left nebo right  */
.hidden {display: none;}    /*  display:none pro skryti prvku na strance    */

.center {text-align: center;}

h2 {margin: 10px 0 10px 10px;}
p {margin: 0 0 5px 10px;}
ol, ul {margin: 0 0 0 5px;}
a {color: #580001;}
a:hover {color: #FF5800}

/*	layout	*/
div#hor-menu { /*	horizontalni menu zustava pro oba layouty stejne	*/
	height: 106px;
	background: url("");
	margin: 0;
	padding: 0;
	background: url("../images/menu-bg.gif") top center repeat-x;
}
body#homepage div#auto { /*  	panel s autem	*/
	height: 219px;
	margin: 0;
	padding: 0;
	background: url("../images/uvod-auto-bg.jpg") 0 0 no-repeat;
	position: relative;
}
body#homepage div#auto h1.autobazar {margin:0; padding:0;color: white;text-transform: uppercase;font-size: 220%;position:absolute;right:40px;top:110px;display: block;}

div#auto { /*     panel s autem   */
    height: 146px;
    margin: 0;
    padding: 0;
    background: url("../images/def-auto-bg.jpg") 0 0 no-repeat;
    position: relative;
}
div#auto h1.autobazar {margin:0; padding:0;color: white;text-transform: uppercase;font-size: 220%;position:absolute;right:40px;top:65px;display: block;}

body#homepage div#vyhledavani {
	height: 157px;
	margin: 0;
	padding: 0;
	background: url("../images/uvod-vyhledavani.jpg") 0 0 no-repeat;
	position: relative;
}
div#vyhledavani {
    height: 147px;
    margin: 0;
    padding: 0;
    background: url("../images/def-vyhledavani.jpg") 0 0 no-repeat;
    position: relative;
}

div#container {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}
div#container div#levy {
	float: left;
	margin: 0;
	padding: 0;
	width: 268px;
	color: #580001;
	text-align: left;
}
div#container div#pravy {
	float: right;
	margin: 0;
	padding: 0;
	width: 571px;
	text-align: left;
}
div#paticka {
	height: 111px;
	min-height: 111px;
	border-top: 1px solid #787878;
	background: url("../images/paticka-bg.gif") 0 0 repeat-x;
	color: #4C4C4C;
	text-align: left;
	position: relative;
}
div#paticka p {margin: 0; padding: 10px 0 0 30px;}
/*   konec - layout     */

/*   horizontalni menu   */
div#hor-menu a#img-odkaz-home {border: 0;margin: 0;padding: 0;}
div#hor-menu a#img-odkaz-home:hover {border: 0;margin: 0;padding: 0;}
div#hor-menu a#img-odkaz-home img#auto-cihelni {margin: 0;padding: 0;float: left;width: 307px; height: 106px; border:0;}
div#hor-menu ul {
	display: block;
	margin: 0;
	padding: 0;
	float: right;
	width: 480px;
}
div#hor-menu ul li {
	display: inline;
	margin: 0;
	padding: 0;
	float: right;
}
div#hor-menu ul li a {color: white; text-decoration: none; line-height: 20px; padding: 66px 0 20px 0;}
div#hor-menu ul li a#kontakty {display: block; width: 91px; background: url("../images/kontakty.gif") top center no-repeat;}
div#hor-menu ul li a#kontakty:hover {background: url("../images/kontakty.gif") bottom center no-repeat;}
div#hor-menu ul li a.active_kontakty {background: url("../images/a_kontakty.gif") bottom center no-repeat !important;}
div#hor-menu ul li a#nabidka {display: block; width: 124px; background: url("../images/nabidka.gif") top center no-repeat;}
div#hor-menu ul li a#nabidka:hover {background: url("../images/nabidka.gif") bottom center no-repeat;}
div#hor-menu ul li a.active_nabidka {background: url("../images/a_nabidka.gif") bottom center no-repeat !important;}
div#hor-menu ul li a#o-nas {display: block; width: 75px; background: url("../images/o-nas.gif") top center no-repeat;}
div#hor-menu ul li a#o-nas:hover {background: url("../images/o-nas.gif") bottom center no-repeat;}
div#hor-menu ul li a.active_onas {background: url("../images/a_o-nas.gif") bottom center no-repeat !important;}
div#hor-menu ul li a#sluzby {display: block; width: 112px; background: url("../images/sluzby.gif") top center no-repeat;}
div#hor-menu ul li a#sluzby:hover {background: url("../images/sluzby.gif") bottom center no-repeat;}
div#hor-menu ul li a.active_sluzby {background: url("../images/a_sluzby.gif") bottom center no-repeat !important;}
div#hor-menu ul li a#uvod {display: block; width: 65px; background: url("../images/uvod.gif") top center no-repeat;}
div#hor-menu ul li a#uvod:hover {background: url("../images/uvod.gif") bottom center no-repeat;}
div#hor-menu ul li a.active_main {background: url("../images/a_uvod.gif") bottom center no-repeat !important;}
/*   konec - horizontalni menu   */

/*   levy sloupec a spodni baner na #homepage   */
body#homepage div#container div#levy div#adresa-top {height: 33px; margin: 0;padding: 0;background: url('../images/uvod-adresa-top.gif') 0 0 no-repeat;}
body#homepage div#banner {height: 131px; margin: 0;padding: 0; background: url('../images/uvod-bottom-banner.jpg') 0 0 no-repeat;}
body#homepage div#paticka div#pneu {position: absolute; width: 80px; height: 14px; background: url('../images/uvod-bottom-banner-pneu.jpg') 0 0 no-repeat; top: -1px; right: 64px;}
/*   konec - levy sloupec a spodni baner na #homepage   */

/*  element address v levem sloupci */
div#container div#levy div#adresa-top {height: 21px; margin: 0;padding: 0;background: url('../images/def-adresa-top.gif') 0 0 no-repeat;}
body#homepage div#container div#levy div#adresa address{font-style: normal;margin: 0; padding: 0 0 0 30px;border: 0px none;}
div#container div#levy div#adresa address{font-style: normal;margin: -3px 1px 0 0; padding: 0 0 0 30px;border-right: 1px solid #FEA907;}
div#container div#levy div#maly-banner {margin: 0; padding: 0; background: url('../images/maly-banner.jpg') 0 0 no-repeat;width: 267px; height: 164px;position: relative}
div#container div#levy div#maly-banner div#zbyly-okraj {position: absolute; left: 0;bottom: -65px;width: 267px;height: 65px;background: url('../images/zbyly-okraj.gif') 0 0 no-repeat;}
div#container div#levy div#maly-banner h2 {margin: 0 0 0 0;padding: 35px 0 0 20px;color: white;font-size:160%;display: block;}
/*  konec - element address v levem sloupci */

/*  uvodni text na nlavni strane    */
body#homepage div#container div#pravy div#uvod-obsah {padding: 8px 0 0 30px; margin: 0;}
/*  konec - uvodni text na nlavni strane    */

/*  vyhledavaci formular    */
body#homepage div#vyhledavani div#vyhledavani-okraj {position: absolute; top: 0;right: -20px;width: 20px;height: 157px;background: url('../images/uvod-vyhledavani-okraj.jpg') 0 0 no-repeat;}
div#vyhledavani div#vyhledavani-okraj {position: absolute; top: 0;right: -20px;width: 20px;height: 147px;background: url('../images/def-vyhledavani-okraj.jpg') 0 0 no-repeat;}
div#vyhledavani div#formular-right {margin: 0;padding: 40px 0 0 0; width: 560px;float: right; text-align: left;  }
div#vyhledavani div#formular-right form {margin: 0;padding: 0;}
div#vyhledavani div#formular-right select {
	margin: 0 31px 10px 0;
	padding: 0;
	border: 1px solid #A5ACB2;
	width: 133px;
	height: 22px;
}
div#vyhledavani div#formular-right input {
	margin: 0 31px 10px 0;
	padding: 0;
	width: 133px;
	height: 22px;
	background: url('../images/buton-hledat.png') 0 0 no-repeat;
	text-transform: uppercase;
	border: 0px none;
	color: white;
}

div#vyhledavani div#obr-right {float: left; width: 220px; position: relative; margin: 0 0 0 10px; padding: 0;}
body#homepage div#vyhledavani div#obr-right div#img {position: relative;top: 0px; left: 59px;%left: 12px; width: 146px;height: 76px;background: url('../images/vyhledavani_img.jpg') top left no-repeat;}
div#vyhledavani div#obr-right div#img {position: relative;top: 0px; left: 59px;%left: 12px; width: 146px;height: 76px;background: url('../images/vyhledavani_img_s.jpg') top left no-repeat;}
div#vyhledavani div#obr-right h2 {font-size: 150%; color: #AA321D; margin: 0 0 0 45px;padding: 0px;}
/*  konec - vyhledavaci formular    */

/*  nabidka vozu    */
div.nabidka {margin: 0;padding: 10px 8px 15px 8px;min-height:80px;_height:80px;}
div.pozadi {border-top: 1px solid #A6A6A6; background: #FCF4DD;border-bottom: 1px solid #A6A6A6;}

div.nabidka h2 {margin: 0;padding: 0;font-size: 150%;font-weight: normal;float: left; color: black;}
div.nabidka a {color: black;text-decoration: none;}
div.nabidka a:hover {color: #FF5800}
div.nabidka span.cena {margin: 0;padding: 0 0 0 15px;float: right;font-size: 150%;background: url('../images/cena-sipka.gif') center left no-repeat;}
div.nabidka p {margin: 10px 0 0 85px;padding: 0;}
div.nabidka img {border: 1px solid #727272;width: 60px; height: 45px;float: left;margin: 15px 15px 10px 5px;}
/*  konec - nabidka vozi    */

/*  detaily auta    */
div#detail {margin: 10px 0 0 5px}
div#detail h2 {margin: 0;float: left;font-size: 180%;font-weight: normal; color: #4C4C4C;}
div#detail span.cena {float: right; font-size: 180%}

/*  levy sloupec    */
div#detail div#levy-sloupec {margin: 0;padding: 0;width: 305px;float: left;}
div#detail div#levy-sloupec table#info {table-layout: fixed;border: 0px none;width: 100%;}
div#detail div#levy-sloupec table#info td {border-bottom: 1px solid #A6A6A6; padding: 0 0 0 15px;}
div#detail div#levy-sloupec table#info td strong {border-right: 1px solid #A6A6A6; display: block; padding: 3px 0 3px 0}
div#detail div#levy-sloupec table#info td.oranz {background: #FFE9B1;}
div#detail div#levy-sloupec table#info td.ruz {background: #FFF4D8;}

div#detail div#levy-sloupec p {text-align: justify;}

div#detail div#levy-sloupec ul {margin: 15px 0 0 10px;padding: 0;color: #A92323;}
div#detail div#levy-sloupec li#tisk {margin: 0;padding: 10px 0 10px 30px;list-style: none; background: url('../images/tisk-ico.gif') center left no-repeat;}
div#detail div#levy-sloupec li#nabidka {margin: 0;padding: 10px 0 10px 30px;list-style: none; background: url('../images/nabidka-ico.gif') center left no-repeat;}

div#detail div#levy-sloupec ul a {color: #A92323;text-decoration: none;}
/*  konec - levy sloupec    */

/*  pravy sloupec    */
div#detail div#pravy-sloupec {width: 247px;float: right;margin: 0;padding: 0;}

div#galerie img.nahled {width: 247px;height: 185px; border: 0px none;}
div#galerie div#posuvnik {margin: 0;padding: 0; float: right;}
div#galerie div#posuvnik a.thumb {border-left: 4px solid white;border-right: 4px solid white; margin: 0;padding: 0; display: block;float: left; height: 45px;}
div#galerie div#posuvnik a.thumb:hover {border-left: 4px solid #FF6E0E;border-right: 4px solid #FF6E0E;}
div#galerie div#posuvnik a.active {border-left: 4px solid #FF6E0E;border-right: 4px solid #FF6E0E;}
div#galerie div#posuvnik a.thumb img {border: 0px none; width: 60px;height: 45px;}
div#galerie a.prev {margin: 0 0 0 4px;display: block;width: 17px; height: 45px; background: url('../images/gal-next.gif') 0 0 no-repeat; float: right;}
div#galerie a.next {margin: 0;display: block;width: 17px; height: 45px; background: url('../images/gal-prev.gif') 0 0 no-repeat; float: left;}

div#detail div#pravy-sloupec div#dotaz h3 {display: block; margin: 0;padding: 15px 0 5px 10px;font-size: 120%;color: white;background: #9D0001;font-weight: normal;}
div#detail div#pravy-sloupec div#dotaz form {margin: 10px 0 0 0;padding: 10px 20px 20px 15px;background: #FFE9B1;}
div#detail div#pravy-sloupec div#dotaz label {color: #9D0001}
div#detail div#pravy-sloupec div#dotaz input, textarea {border: 1px solid #A69C82;width: 100%;margin: 0 0 2px 0;}
div#detail div#pravy-sloupec div#dotaz input#odeslat {border: 1px solid #A69C82;width: 110px;background: #9D0001; color: white;float: right;margin: 10px 0 0 0;}
/*  konec - pravy sloupec    */
/*  konec - detaily auta    */

/*  kontakty    */
address {font-style: normal;}
a#mapa {display: block; width: 247px; height: 150px; margin: 0 0 10px 0;padding: 0;border: 0px none;background: url('../images/mapa.jpg') 0 0 no-repeat;}
a#mapa:hover {background: url('../images/mapa.jpg') bottom center no-repeat;}

span.cisla {width: 70px;display: block;float: left;}
/*  konec - kontakty    */

#dotaz {height:60px;}

.error {
  color: #9D0001;
  text-align: center;
  padding: 8px 0 5px 0
}

.accept {
  color: #009900;
  text-align: center;
  padding: 8px 0 5px 0;
  
}