/*

barvy
oranzova #ff6600;

bledemodra cara #9AB3CD
bledemodra cara svetlejsi #D7E1EB

*/

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
:focus {outline: 0;} /* remember to define focus styles! */
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
input.button { width: auto; overflow: visible; border: 0px solid; }
/* reset end */
 
body {font-family: Verdana, sans-serif; font-size: 0.75em; position: relative; background: #000; color: #fff;} /* 75.3% puvodni font size */

input, select, textarea {font-family: Verdana, sans-serif; font-size: 1em;}
a {text-decoration: underline; color: #ffcc99;}
a:hover {text-decoration: none;}
p, ul, ol, dl, address, blockquote {margin-bottom: 0.5em;}
p, address, blockquote, dd, dt, li, td {line-height: 1.4em;}
ul, dl, ol {margin-top: 0.5em}
strong, .bold {font-weight: bold;}
em, .italic {font-style: italic;}
.orange {color: orange;}
.bottomlinks {border-top: 2px solid #202020; margin-top: 2em; padding-top: 1em; list-style-type: square; margin-left: 1.5em; clear: left;}
.bgGreen {background: green;}
.bgRed {background: red;}

h1, h2, h3 {font-weight: bold; clear: left;}
h1 {margin: 2em 0em 1em 0em; font-size: 1.2em; }
h2 {margin: 1em 0em 0.5em 0em;}
h3 {margin: 1em 0em 0.5em 0em; font-size: 0.9em; line-height: 1.3em;}

.graybox {background: #202020; padding: 0.5em 1em; margin: 1em 0em;}
.grayblock {background: #202020; padding: 1em 1em 1em 1em; margin: 1em 0em 1.5em 0em;}

#page {margin: 1em;}

#nav {margin-bottom: 1em;}
#nav ul ul {margin-top: 0px; margin-bottom: 0px;}
#nav ul {list-style-type: square; margin-left: 1.5em;}
#nav p {margin: 1em 0em 0.5em 0em;}
.docpath {font-size: 0.8em; color: gray; }
.docpath a {color: gray;}

#footer {color: gray; border-top: 2px solid #202020; padding-top: 1em;}
#footer a {color: gray;}

#header {margin-bottom: 1em; }
#skip {font-size: 0.8em; display: block; margin-top: 1em; color: silver;}

#contact {font-size: 0.9em; margin-bottom: 1.5em;}

#carCatSel li {float: left; margin-right: 0.5em; margin-bottom: 0.5em; font-size: 0.9em;}
#carCatSel li a {background: #202020; display: block; padding: 0em 0.5em; line-height: 2em; text-decoration: none;}
#carCatSel li.emph a, #carCatSel li a:hover {background: #404040; color: #fff; }
#frmSearch {clear: left; background: #202020; padding: 1em; font-size: 0.8em; margin-bottom: 1em;}
#frmSearch .fItem {padding: 2px 0px; clear: left;}
#frmSearch .fItem *, #frmSearch .content3 * {float: left;}
#frmSearch .interval span {display: none;}
#frmSearch .interval select {width: 10em;}
#frmSearch .mainLabel, #frmSearch .content3 label {width: 5.5em; text-align: right; margin-right: 0.5em; }
#frmSearch .content3 {clear: left; padding: 2px 0px; }
#frmSearch .content3 select {width: 15em;}
#frmSearch .fBlock {border-bottom: 1px solid #505050; padding-bottom: 0.5em; margin-bottom: 0.5em;}
#frmSearch .btnHolder {clear: left; display: block; padding-top: 0.5em; padding-left: 6em;}

#indexCars .ixCarItem {float: left; width: 150px; margin-right: 0.5em; height: 15em; background: #202020; margin-bottom: 1em;}
#indexCars .ixCarItem a {text-decoration: none; display: block; height: 15em; }
#indexCars .ixCarItem a:hover {background: #404040; color: #ffffff;}
#indexCars .ixCarItem img {margin-bottom: 0.5em;}
#indexCars .ixCarItem .txt {display: block; font-size: 0.9em; padding-left: 0.5em;}

#textBlock {clear: left;}

/* cars */

.pHeader span.hidden {clear: left; display: block;}
.pHeader .btPrint {display: none;}
.pHeader .commands .button {background: #202020; padding: 0em 0.5em; line-height: 2em; text-decoration: none; float: left;}
.pHeader .commands {padding-top: 1em;}
.price {clear: left; padding-top: 1em;}
#tbCarTech, #tbPrice {width: 100%;}
#tbCarTech td {border-bottom: 1px solid #202020;}
#tbCarTech .label, #tbPrice .label {width: 10em;}
.gal {margin: 1em 0em;}
.gal a {text-decoration: none; width: 150px;}

/* request */

#frmRequest {background: #202020; padding: 1em;}
#frmRequest #trnote .label {vertical-align: top;}
#frmRequest .button {margin-left: 10.3em; font-size: 0.9em;}
#frmRequest .tbFrm {font-size: 0.9em;}

/* finance */
.logos {margin: 1em 0em;}
.logos li, .logos a {float: left;}

/* clear */

/*.clear:after {content: ".";	display: block; height: 0; clear: both; visibility: hidden;	}
.clear {display: inline-block;}
 Hide from IE Mac \*/
.clear {display: block;}
* html .clear {height: 1px;}
/* End hide from IE Mac */

/* errors */

#alerts {margin: 1em 0em 2em 0em;}
#alerts .alert ul li {background: none; padding: 0px;}
.alert {padding: 0.5em 1em; color: #fff;}
.alert * {color: #fff;}
.error {background: #ff3333;}
.msg {background: #339900;}
.clause {border-top: 1px solid tomato; padding-top: 0.5em;}
.clauseData {background: tomato; padding: 0.5em 1em; font-size: 9px; color: #ffcccc;}
.alert .sql {font-size: 9px; color: #ffcccc;}

/* article */

#article .content ul {list-style-type: square; margin-left: 1.5em;}
td.center {text-align: center;}
form .button {background: #505050; color: #FFFFFF; width: 10em; line-height: 2em; height: 2em;}
.tbFrm {background: #202020; margin-bottom: 1em;}
caption {font-weight: bold; padding: 1em 0em 1em 0em;}
.oldClear {clear: left; display: block; font-size: 0em;}

/* user */

.userContactData {clear: left; padding-top: 1em;}
#tbCars {width: 100%; font-size: 0.8em; background: #202020;}
#tbCars .imDetail img {height: 30px; float: left;}
#tbCars thead td {background: #101010;}
#tbCars td {height: 30px; vertical-align: middle; border-bottom: 1px solid #202020;}
#tbCars .commands {padding: 0.5em}

#colFrmCar {clear: left; padding-top: 1em;}

#colFrmCar .tbFrm {font-size: 0.9em; width: 100%;}
#colFrmCar .tbFrm td {border-bottom: 1px solid #000000;}
#colFrmCar .tbFrm .label {width: 15em; text-align: right; padding-right: 1em;}
#colFrmCar .button {width: auto;}

#tbImgs {width: 100%; background: #202020;}
#tbImgs thead td {background: #101010;}
#tbImgs img {height: 30px;}
#tbImgs td {height: 30px; vertical-align: middle;}

#tbTmpImgs {width: 100%; background: #202020;}
#tbTmpImgs thead td {background: #101010;}
#tbTmpImgs img {height: 30px;}
#tbTmpImgs td {height: 30px; vertical-align: middle;}

#frmUser .tbFrm {width: 100%; font-size: 0.9em;}
#frmUser .label {width: 8em; padding-right: 1em; text-align: right;}

/* news */

.newsPerex .pic {float: left; margin-right: 1em; margin-top: 3px;}