/* zakladni prvky */
html, body, form, fieldset, label, legend, object { margin: 0; padding: 0; border: 0; font-size: 100% }

body { font: 75%/1.4 Tahoma, "Lucida Grande CE", lucida, sans-serif }

body { text-align: center; color: #000; background: #AEB3BF url(http://i.auteo.cz/images/sys/bg_body.jpg) repeat-x 0 0 }
h1, h2, h3, h4, h5, h6 { color: #D52708; font-weight: normal; padding: 0; line-height: normal }
h1 { font-size: 210%; font-weight: bold; clear: both; letter-spacing: -0.05em; margin: 0.2em 0 0.5em 0 }
h2 { font-size: 210%; font-weight: bold; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 150%; margin: 1.8em 0 0.5em 0 }
h4 { font-size: 145%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% Tahoma, "Lucida Grande CE", lucida, sans-serif }
a { color: #DA2201 }
a:link { color: #DA2201 }
a:hover { color: #339AC9; text-decoration: none }

p { margin: 0.5em 0 1em 0 }
table { border-collapse: collapse }
caption { padding-bottom: 0.1em; font-weight: bold; text-align: left }
ul, ol { margin-top: 1em; margin-bottom: 1.2em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 92% }
/* /zakladni prvky */

/* zakladni tridy */
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.taj { text-align: justify }
.vat { vertical-align: top !important}
.vam { vertical-align: middle }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.fl { float: left }
.fr { float: right }
.fli { float: left; margin: 0 1.3em 1em 0 }
.fri { float: right; margin: 0 0 1em 1.3em }
.clear, .cl { clear: both; height: 0; font-size: 1px }
.cleaner { width: 100%; overflow: hidden }
.invisible, .no-css { display: none }
.no-border { border: none !important }
.img-button { border: none !important; margin: 0 !important; background: none !important }
input.button { border: none !important; margin: 0 !important; background: url('/images/sys/button.gif') !important; font-size: 92%; color: white; font-variant: small-caps; text-transform: uppercase; height: 30px; width: 150px; font-weight: bold;}
.small { font-size: 92% }
/* /zakladni tridy */

/* layout - zaklad */
#main { width: 980px; margin: 0 auto; text-align: left; position: relative; overflow: hidden; background: #fff url(http://i.auteo.cz/images/sys/bg_main.gif) repeat-y 0 0 }

#zahlavi { width: 980px; height: 170px; position: relative; background: transparent url(http://i.auteo.cz/images/sys/bg_zahlavi.jpg) no-repeat left bottom }

#content { float: left; width: 785px; height: 953px }
#content-wide { float: left; width: 965px; height: 953px }
html>body #content { min-height: 953px; height: auto }
html>body #content-wide { min-height: 953px; height: auto }
html>body #content-extrawide { min-height: 953px; height: auto }
#panel-middle { float: right; width: 590px; text-align: justify; }
#content-wide #panel-middle { float: right; width: 770px; text-align: justify; }
#content-extrawide #panel-middle {width: 940px; margin-right: 20px; text-align: justify; }
#panel-left { float: left; width: 180px }
#panel-right { float: right; width: 180px }

#zapati { padding: 15px 10px 72px 10px; width: 960px; position: relative; background: transparent url(http://i.auteo.cz/images/sys/bg_zapati.jpg) no-repeat left bottom }
/* /layout - zaklad */

/* layout - special */
#logo, #logo span { display: block; position: relative; left: 32px; top: 69px; width: 231px; height: 37px; overflow: hidden; text-decoration: none; cursor: pointer }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(http://i.auteo.cz/images/sys/bg_logo.gif) no-repeat 0 0 }

#shadow { width: 100%; height: 953px; background: transparent url(http://i.auteo.cz/images/sys/bg_shadow.jpg) no-repeat 50% 0 }
html>body #shadow { min-height: 953px; height: auto }

#zahlavi h1 { color: #000; font-size: 190%; font-weight: normal; position: absolute; left: 318px; top: 60px }
#zahlavi #slogan { font-size: 125%; font-weight: normal; position: absolute; left: 320px; top: 90px }

#menu { margin: 0; padding: 0; list-style: none; position: absolute; left: 0; top: 140px; width: 980px; height: 30px; overflow: hidden }
#menu li { float: left; height: 30px; margin: 0 2px 0 0; background: transparent url(http://i.auteo.cz/images/sys/bg_menu_li.gif) no-repeat right top }
#menu .m-last { background: none }
#menu a { color: #fff; display: block; padding: 0 19px 0 17px; float: left; height: 30px; line-height: 29px; font-size: 120%; font-weight: bold; text-decoration: none; text-transform: uppercase }
#menu a:hover, #menu .active { color: #C3C7D1 }

#top-links { width: 970px; height: 35px; line-height: 32px; position: absolute; left: 0; top: 0; font-weight: bold; text-align: right; padding: 0 10px 0 0; background: transparent url(http://i.auteo.cz/images/sys/bg_top_links.jpg) no-repeat 0 0 }
#top-links a { color: #000; font-size: 92% }

#navigace { color: #6F6F6F; font-size: 92%; margin: 0; height: 35px; line-height: 34px; padding: 0 16px; background: transparent url(http://i.auteo.cz/images/sys/bg_navigace.jpg) no-repeat right top }
#navigace strong { color: #000 }

#doporucujeme { font-size: 92%; margin: 1em 0; padding: 0 0 1.2em 0; border-bottom: 3px solid #EAEEF8 }
#doporucujeme a { color: #565A69; margin: 0 0.1em }
#copyright { font-size: 92%; margin: 1em 0 0 0 }
#copyright span { float: right }
#copyright span a { margin: 0 0.1em }
/* /layout - special */

/* vyhledavani */
#vyhledavani { padding: 0 0 15px 0; width: 100%; overflow: hidden; position: relative; background: transparent url(http://i.auteo.cz/images/sys/bg_vyhledavani.gif) no-repeat left bottom; text-align:left !important; }
#vyhledavani fieldset { color: #4A4F5E; font-weight: bold; padding: 10px 17px; border: 3px solid #F1F4FA; background-color: #DDE4E7; margin-bottom: 0; }
#vyhledavani fieldset p { float: left; width: 170px; margin: 0 20px 10px 0 }
#vyhledavani label { text-align: left !important;}
#vyhledavani label b { font-size: 125%; text-align: left !important;}
#vyhledavani .vehicle-text { padding: 10px; clear: both;}
#vyhledavani .v-last { margin-right: 0 }
#vyhledavani select { width: 165px }
#vyhledavani input.text { width: 160px; }
#vyhledavani #specify table input.text, #vyhledavani #specify table select {width: 120px;}
#vyhledavani .specify-toggle a {background:transparent url('/images/icons/10/add.png') no-repeat scroll 0 50%; padding-left:15px; margin-right: 5px;}
#vyhledavani .specify-toggle h4 {margin: 0px auto;}
#vyhledavani #specify table { clear: both; float: none; width: 100%;}
#vyhledavani #specify table th{ text-align: right;}
#vyhledavani #specify table th, #vyhledavani #specify table td { padding: 4px;}
#vyhledavani #specify fieldset .accessory { float: left; width: 165px; font-size: 0.9em; font-weight: normal; margin: 2px 0 0 1px; text-align:left;}

/*
#vyhledavani fieldset fieldset { float: none; clear: both; margin-top: 15px;}
*/
#vyhledavani-filtr { font-size: 92% }
#vyhledavani-filtr label { float: left; width: 170px; margin: 0 20px 0px 0; text-align:left;}
#vyhledavani.konfigurator p { width: 265px }
#vyhledavani.konfigurator .tar { float: none; width: auto; margin: 0.8em 0 0.5em 0 }
#vyhledavani.konfigurator select { width: 263px }
.konfigurator-slim	{ width: 460px; float:left;}
.konfigurator-slim #vyhledavani.konfigurator p { width: 200px !important;}
.konfigurator-slim #vyhledavani.konfigurator select { width: 195px!important }
.button-vyhledat { width: 100px !important; height: 30px !important; float:right; text-align: right;}
.button-konfigurovat { width: 130px !important; height: 30px !important }
/* vyhledavani */
#fieldset-accessoriesIds label {width:170px; padding:0px; float:left; display:block; font-size: 0.9em; font-weight: normal; overflow:hidden; height: 20px; text-align:left; }
#fieldset-accessoriesIds { margin-bottom: 10px !important; clear: both}
/* filtr-razeni */

#fieldset-ORDER{ font-size: 92%; color: #4A4F5E; margin: 2em 0; border: 3px solid #F1F4FA; background-color: #DDE4E7 }
#fieldset-ORDER p{ margin: 0; padding: 5px 17px }
#fieldset-ORDER select{ margin: 0 0.3em; width: 110px }
/* filtr-razeni */

/* strankovani */
.strankovani { font-size: 92% }
.strankovani span { float: right }
.strankovani b { color: #D52708 }
.strankovani span b { color: #000; padding: 0 0.2em; margin: 0 0 0.1em }
.strankovani span a { margin: 0 0 0 0.1em; padding: 0 0.2em }
.strankovani span a:hover { color: #fff; background-color: #D52708 }
.strankovani span .s-page:hover { background: none }
/* /strankovani */

/* boxy */
.box { height: 250px; color: #4A4F5E; position: relative }
html>body .box { min-height: 250px; height: auto }
#panel-left .box { background: #EAEEF8 url(http://i.auteo.cz/images/sys/bg_box_left.gif) no-repeat left bottom }
#panel-left .box-in { padding: 13px 12px 20px 22px; background: transparent url(http://i.auteo.cz/images/sys/bg_box_in_left.gif) no-repeat 0 0 }
#panel-right .box { background: #EAEEF8 url(http://i.auteo.cz/images/sys/bg_box_right.gif) no-repeat right bottom }
#panel-right .box-in { padding: 13px 22px 20px 12px; background: transparent url(http://i.auteo.cz/images/sys/bg_box_in_right.gif) no-repeat 0 0 }

.box h4 { margin: 0 0 0.7em 0; padding: 0 0 7px 0; position: relative; background: transparent url(http://i.auteo.cz/images/sys/bg_h4_line.gif) repeat-x left bottom }

.vice .box-in { padding-bottom: 60px }
.box .a-vice { width: 146px; margin: 0.8em 0 0 0; padding: 1em 0 0 0; line-height: normal; text-align: center; background: transparent url(http://i.auteo.cz/images/sys/bg_dashed.gif) repeat-x 0 0 }
#panel-left .box .a-vice {position: absolute; bottom: 26px;  left: 22px }
.box .a-vice a { color: #4A4F5E; font-weight: bold; padding: 0 10px 0 0; background: transparent url(http://i.auteo.cz/images/sys/ico_vice.gif) no-repeat right 4px; }
.box .a-vice a:hover { color: #339AC9; text-decoration: underline }
/* /boxy */

/* kontakty */
.kontakty p { font-size: 92% }
#auteo-kontakt { margin: 2em 0 1em 0 }
#auteo-kontakt p { margin: 0.4em 0; text-align: right }
#auteo-kontakt p b { float: left }
/* /kontakty */

/* znacky-modely */
.znacky-modely ul { margin: 0.5em 0; padding: 0; list-style: none }
.znacky-modely li { padding: 0 0 0 12px; position: relative; background: transparent url(http://i.auteo.cz/images/sys/ico_bullet_3.gif) no-repeat 0 6px }
.znacky-modely .li-active { position: relative; background: transparent url(http://i.auteo.cz/images/sys/ico_bullet_2.gif) no-repeat 0 6px }
.znacky-modely .a-active { font-weight: bold; color: #339AC9; text-decoration: none }
.znacky-modely li ul { margin-bottom: 1.3em; line-height: 1.1 }
.znacky-modely li ul li { padding: 0 0 0 9px; position: relative; background: transparent url(http://i.auteo.cz/images/sys/ico_bullet_4.gif) no-repeat 0 5px }
.znacky-modely li ul a { font-size: 92%; text-decoration: none }
.znacky-modely a { color: #4A4F5E }
.znacky-modely a:hover { color: #339AC9 }
/* /znacky-modely */

/* novinky */
.novinky p { font-size: 92%; line-height: normal; margin: 0 0 0.6em 0; padding: 0 0 1em 0; position: relative; background: transparent url(http://i.auteo.cz/images/sys/bg_dashed.gif) repeat-x left bottom }
.novinky .n-last { padding-bottom: 0; background: none }
.novinky b { color: #4A4F5E; font-size: 92% }
/* /novinky */

/* top-kategorie */
.top-kategorie p { font-size: 92%; line-height: normal; margin: 0 0 0.6em 0; padding: 0 0 1em 0; position: relative; background: transparent url(http://i.auteo.cz/images/sys/bg_dashed.gif) repeat-x left bottom }
.top-kategorie .t-last { padding-bottom: 0; background: none }
.top-kategorie a { font-size: 110%; font-weight: bold }
/* /top-kategorie */

/* odkazy */
.odkazy ul { margin: 0; padding: 0; list-style: none }
.odkazy li { padding: 0 0 0 12px; position: relative; background: transparent url(http://i.auteo.cz/images/sys/ico_bullet.gif) no-repeat 0 7px }
.odkazy a { color: #4A4F5E; font-size: 92% }
.odkazy a:hover { color: #339AC9 }
/* /odkazy */

/* produkty */
.produkty { width: 100%; overflow: hidden }
.produkt { color: #4A4F5E; float: left; width: 184px; text-align: center; margin: 0 10px 10px 0; padding: 0.6em 0 0 0; border: 3px solid #EAEEF8; background-color: #F8FAFD }
.produkty .p-last { margin: 0 0 10px 0 }
.produkt a { font-size: 120%; font-weight: bold }
.produkt img { margin: 0.6em 0 0.3em 0; border: 3px solid #DCE3E6 }
.produkt a:hover img { border: 3px solid #E5E9F3 }
.produkt ul { margin: 0 7px; padding: 0; list-style: none; text-align: left }
.produkt li { font-size: 92%; padding: 0.2em 0; border-bottom: 1px solid #E5E9F3; text-align: right }
.produkt li span { float: left }
.produkt .p-sleva { color: #D52708 }
.produkt .p-cena { color: #B21B00; border: 0 }
/* /produkty */

table.produkty {
	color: #4A4F5E;
	margin: 2.5em 0 1.5em 0;
	padding: 10px 17px;
	border: 3px solid #DEF0FA;
	background-color: #F5FBFE;
	/*width: 100%;*/
	overflow: visible;
}

table.produkty thead tr{
	 padding: 3px;
	 background-color: #DDE4E7;
}
table.produkty td, table.produkty th{
	line-height:30px;
}
tr.even{
	background-color:white;
}
tr.odd{}

/* produkt-zaznam */
.produkt-zaznam {  margin: 0 0 10px 0; padding: 10px 17px; border: 3px solid #EAEEF8; background-color: #F8FAFD }
.produkt-zaznam .p-nazev { font-size: 110%; font-weight: bold }
.produkt-zaznam td { padding: 10px 8px 10px 0; vertical-align: top }
.produkt-zaznam .z-foto { line-height: 0 }
.produkt-zaznam .z-data {  width: 250px; padding: 10px 7px }
.produkt-zaznam .z-data-2 { width: 250px; padding: 10px 3px 10px 25px }
.produkt-zaznam td img { border: 3px solid #DCE3E6 }
.produkt-zaznam td a:hover img { border: 3px solid #E5E9F3 }
.produkt-zaznam td ul { margin: 0; padding: 0; list-style: none }
.produkt-zaznam td li { padding: 0.1em 0; border-bottom: 1px solid #E5E9F3; text-align: right }
.produkt-zaznam td li span { float: left }
.produkt-zaznam td .z-last { border: 0 }
.produkt-zaznam td .p-sleva { color: #D52708 }
.produkt-zaznam td .p-cena { color: #B21B00; font-weight: bold; background-color: #E5E9F3; border: 0 }
.produkt-zaznam .tar img { margin: 0 0 0 0.8em }
.produkt-zaznam h3 { color: #000 }
.produkt-zaznam .p-cena { color: #D52708 }
.produkt-zaznam .p-cena .cena { color: #B21B00; font-size: 130% }
.produkt-zaznam .p-cena b { color: #000 }
.produkt-zaznam .z-foto a span { position: relative; display: block; width: 121px; cursor: pointer }
.produkt-zaznam .z-foto span .p-zoom { position: absolute; bottom: 3px; left: 98px; border: 0 }
#p-foto { margin: 0; padding: 1px 4px 5px 4px; line-height: normal; background-color: #DCE3E6 }
#p-foto a { color: #000; font-weight: bold; margin: 0 0.3em }
#print { float: right; width: 190px; padding: 15px 10px 25px 10px; background: #EAEEF8 url(http://i.auteo.cz/images/sys/bg_print.gif) no-repeat left bottom }
#print a { color: #3F4446; font-size: 110% }
.t-konfigurator { padding: 0 0 14px 0; background: transparent url(http://i.auteo.cz/images/sys/bg_konfigurator.gif) no-repeat right bottom }
.t-konfigurator td { padding: 4px 10px; vertical-align: middle; border-bottom: 1px solid #F8FAFD; background-color: #EAEEF8 }
.t-konfigurator th { font-size: 110%; padding: 4px 10px; text-align: left; background-color: #CBEAFA }
.button-mam-zajem { width: 207px !important; height: 30px !important }
.button-mam-dotaz { width: 207px !important; height: 30px !important }
.button-pokracovat { width: 130px !important; height: 30px !important }
/* /produkt-zaznam */

/* bannery */
.banner { line-height: 0; margin: 0 0 10px 0 }
.banner img { line-height: 0; padding: 0 }
/* /bannery */

/* top-znacky */
#top-znacky { color: #4A4F5E; width: 954px; overflow: hidden; position: relative; border: 3px solid #EAEEF8; background-color: #F8FAFD }
#top-znacky h4, #top-znacky h4 span { display: block; margin: 0; position: absolute; left: 10px; top: 10px; width: 125px; height: 40px; overflow: hidden }
#top-znacky h4 span { position: absolute; left: 0; top: 0; background: transparent url(http://i.auteo.cz/images/sys/h4_top_znacky.gif) no-repeat 0 0 }
#top-znacky-in { margin: 10px 0 10px 155px; padding: 0 10px 0 20px; line-height: normal; border-left: 1px solid #D5D9E4 }
#top-znacky a { color: #4A4F5E; font-size: 92% }
#top-znacky td { padding: 7px 0 }
/* /top-znacky */

/* ostatni tridy pro web */
h2 { margin-top: 0.25em }

blockquote { font-style: italic; padding: 1.2em 1.2em 1.2em 6em; background: #EAEEF8 url(http://i.auteo.cz/images/sys/ico_bubble.gif) no-repeat 15px 14px; margin: 0px; }

#poptavka { margin: 1em 0 0.5em 10px; padding: 0 0 5px 44px; line-height: 1.1; background: transparent url(http://i.auteo.cz/images/sys/ico_help.gif) no-repeat 0 0 }
#poptavka a { color: #006EB3; font-size: 125% }
#poptavka a:hover { color: #339AC9; text-decoration: underline }

.p-popis { color: #4A4F5E; margin: 2.5em 0 1.5em 0; padding: 10px 17px; border: 3px solid #DEF0FA; background-color: #F5FBFE }
.p-popis h3 { margin-top: 0 }
/* /ostatni tridy pro web */

/* kazde-auto-lehce */
#kazde-auto-lehce { width: 168px; margin: 0 0 10px 0; border: 1px solid #a8d1e9; border-width: 9px 1px 1px 1px; text-align: center; color: #175a81; background: #e3f5ff url(http://i.auteo.cz/images/sys/bg_kal.gif) repeat-x left bottom }
#kazde-auto-lehce h4 { color: #217aae; margin: 1em 0 0.5em 0; font-size: 1.71em}
#kazde-auto-lehce p { color: #4a4f5e; font-size: 87%; line-height: normal; margin: 0.5em 0 }
#kazde-auto-lehce ul { margin: 17px 11px 11px 11px; padding: 17px 0 0 0; list-style: none; font-size: 92%; border-top: 1px solid #9ec7df; text-align: left }
#kazde-auto-lehce li { margin: 0 0 5px 0; padding: 2px 0 3px 25px; line-height: 1.2 }
#krok-1 { background: transparent url(http://i.auteo.cz/images/sys/kal_krok_1.gif) no-repeat 0 0 }
#krok-2 { background: transparent url(http://i.auteo.cz/images/sys/kal_krok_2.gif) no-repeat 0 0 }
#krok-3 { background: transparent url(http://i.auteo.cz/images/sys/kal_krok_3.gif) no-repeat 0 0 }
#krok-4 { background: transparent url(http://i.auteo.cz/images/sys/kal_krok_4.gif) no-repeat 0 0 }
/* /kazde-auto-lehce */


/* konfiguraotr-flying-box */
#konfiguraotr-flying-box { width: 284px;  padding: 8px; font-size: 0.9em;  position: absolute; margin-left:470px; border: 1px solid #a8d1e9; border-width: 9px 1px 1px 1px; text-align: center; color: #175a81; background: #e3f5ff url(http://i.auteo.cz/images/sys/bg_kal.gif) repeat-x left bottom }
#konfiguraotr-flying-box h4 { color: #217aae; margin: 1em 0 0.5em 0; font-size: 1.71em}
#konfiguraotr-flying-box p { color: #4a4f5e; line-height: normal; margin: 0.5em 0 }
#konfiguraotr-flying-box ul { padding: 0; list-style: none; text-align: left }
#konfiguraotr-flying-box li { margin: 0 0 2px 0;}
#konfiguraotr-flying-box table td { padding: 0 0 2px 0;}
#konfiguraotr-flying-box hr { background: #9ec7df; color: #9ec7df; border-color: #9ec7df}
#krok-1 { background: transparent url(http://i.auteo.cz/images/sys/kal_krok_1.gif) no-repeat 0 0 }
#krok-2 { background: transparent url(http://i.auteo.cz/images/sys/kal_krok_2.gif) no-repeat 0 0 }
#krok-3 { background: transparent url(http://i.auteo.cz/images/sys/kal_krok_3.gif) no-repeat 0 0 }
#krok-4 { background: transparent url(http://i.auteo.cz/images/sys/kal_krok_4.gif) no-repeat 0 0 }
/* /kazde-auto-lehce */

/* tabs */

#tabs .ui-tabs-nav { margin: 0; padding: 0; list-style: none; width: 100%; overflow: hidden;  border: 0; background: none; }
#tabs .ui-tabs-nav li { font-weight: normal; float: left; margin: 0 2px 0 0; padding: 6px 15px; border: 1px solid #dce3e6;}
#tabs .ui-tabs-nav li a { color: black; text-decoration: underline;}
#tabs .ui-tabs-nav li a:hover { text-decoration: none;}
#tabs .ui-tabs-nav li.ui-tabs-unselect a { color: #000; display: block; float: left; padding: 5px 12px; border: 1px solid #dce3e6; border-width: 1px 1px 0 1px }
#tabs .ui-tabs-nav .ui-tabs-selected { background: #dce3e6 }
#tabs .ui-tabs-nav .ui-tabs-selected a { text-decoration: none; }
#tabs .ui-tabs-panel { border: 3px solid #dce3e6; padding: 0 20px 20px 20px; background-color: #F8FAFD}

#tabs .ui-tabs-hide { display: none }

#tabs { margin: 0; padding: 0; border: 0; list-style: none; width: 100%; overflow: hidden; border: 0; }


/* /tabs */

/* .big-box */

.nform form table{
	width: 100%;
}
.nform form fieldset {
	border: 2px solid #DCE3E6;
	background: #EAEEF8;
	margin: 1px;
	padding: 5px;
}
.nform  form fieldset legend {
	 color: black;
	 font-size: 1.2em;
	 padding: 2px;
}
.nform form table th{
	width: 25%;
	padding: 3px 5px;
	vertical-align: top;
	text-align: right;
}
.nform  form table td {
	width: 75%;
	padding: 5px;
}
.nform  form table td textarea {
	width: 95%;
	height: 80px;
}

.nform  input.text {
	width: 40%;
}
.nform input.text, .nform   textarea {
	border: 1px  solid silver;
	padding: 3px;
}


/* tooltip */

.tt {
    position: absolute;
    padding: 4px;
    background-color: #F8FAFD;
    border:1px solid #dce3e6;
    width: 320px;
}

/* /toolip */

.spam_protection{ visibility: hidden; display:none; height: 0px;}
.w100p{ width: 100%;}
.w160{ width: 160px;}

.w50p { width: 48%;}
.w10{ width: 10px;}

.cl, .clear{
	clear: both;
	float: none;
	height: 0px;
	line-height: 0px;
}

form dl {width: 100%; clear: both;}
form dl dt{width: 20%; min-height: 20px; float:left; margin: 3px 0px 3px 0px; text-align:right;}
form dl dd{width: 75%; min-height: 20px; float:right; margin: 3px 0px 3px 0px;}
form dl label{font-weight:bold;}
form dl textarea{ width: 100%;}
form dl dd * {
	float: left;
}
form dl dt {
	clear: both;
}
form dd ul.errors{
	color: red;
	margin: 0px 20px;
	padding: 0px;
	list-style-image: url('/images/icons/alert.png');

	font-weight: bold;
}
form dd ul.errors li {
	margin: 0px 20px;
	padding: 0px;
}

#vehilcle-detail form table{
	width: 100%;
}
#vehilcle-detail form fieldset {
	border: 2px solid #DCE3E6;
	background: #EAEEF8;
	margin: 1px;
	padding: 5px;
}
#vehilcle-detail form fieldset legend {
	 color: black;
	 font-size: 1.2em;
	 padding: 2px;
}
#vehilcle-detail form table th{
	width: 25%;
	padding: 3px 5px;
	vertical-align: top;
	text-align: right;
}
#vehilcle-detail form table td {
	width: 75%;
	padding: 5px;
}
#vehilcle-detail form table td textarea {
	width: 95%;
	height: 80px;
}

#vehilcle-detail input.text {
	width: 40%;
}
#vehilcle-detail input.text, #vehilcle-detail  textarea {
	border: 1px  solid silver;
	padding: 3px;
}
#tooltip-container.image-preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}
/*----- Garaz ------*/
.garage {
	text-align: right;
}

div.compare {
	width: 900px;
	overflow: auto;
	padding: 10px;
}
div.compare table {
	border: 3px solid #DDE4E7;
	border-right: 0px;
	background: #F8FAFD;
	width: auto;
}
div.compare td, div.compare th {
	margin: 2px;
	padding: 4px 5px;
	border-right: 3px solid #DDE4E7;
	text-align:center;
}
/*Sloupce s vozidly*/
div.compare tbody td, div.compare thead th {
	width: 140px;
	text-align: center;
}
div.compare thead th, div.compare .delimiter {
	border-bottom: 3px solid #DDE4E7;
}
/*Sloupec svisle hlavicky */
div.compare tbody th {
	text-align: right;
	padding: 4px 8px;
	white-space: nowrap;
	border-bottom: 1px solid #DDE4E7;
}
div.compare tbody td {
	border-bottom: 1px solid #DDE4E7;
}

div.compare tbody tr {
	behavior: url(/styles/web/tr-hover.htc);
}
div.compare tbody tr:hover, .tr-hover{
	background: #DDE4E7;
}
/*----- \ Garaz ------*/

	tr.even {
		/* background: gray; */
	}

/* ----- Errors x Alerts ----- */
.event, .alert, .error, .success {
	 border: 1px solid;
	 padding: 7px;
	 padding-left: 40px;
	 background-repeat: no-repeat;
	 background-position: 10px;
	 font-size: 1.4em;
	 display:block;
	 margin: 2px;
	 line-height: 1.4em;
	 list-style: none;
}
.event{
	background-color: #f0f0f0;
	border-color: gray;
    color: gray !important;
	padding-left: 7px;
}
.alert{
    background-image: url("/images/icons/22/help_hint.png") ;
	background-color: #FDF4A7;
	border-color: #c4a000;
    color: #c4a000 !important;
}
.alert a {
	 color: #c4a000 !important;
}
.error{
	background-image: url("/images/icons/22/no.png") ;
	background-color: #F79494;
	color: #a40000;
	border-color: #a40000;
}
.success {
	background-image: url("/images/icons/22/apply.png") ;
	background-color: #C4F099;
	color: #4e9a06;
	border-color: #4e9a06;
}

.small .alert, .small .error, .small .success, .small .event{
	font-size: 1em;
	line-height: 1em;
	padding-left: 20px;
	background-position: 5px;
}

.alert.small {
	 background-image: url("/images/icons/16/help_hint.png") ;
}
 .error.small{
	background-image: url("/images/icons/16/no.png");
}
 .success.small{
	background-image: url("/images/icons/16/apply.png");
}

#spinner {
	background: white url('/images/ajax_loader.gif') no-repeat center;
	width: 50px;
	height: 50px;
	position: absolute;
	border: 1px dotted silver;
	color: black;
}