﻿body { color: #333; font-size: 12px; line-height: 17px; font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif; background: url("/img/bgBody.gif") #dfe6ee left top repeat-x; }
body, div, span, img, table, td, th, h1, h2, h3, h4, h5, h6, p, ul, ol, a, hr, form { margin: 0; padding: 0; }
input, textarea, select { font-size: 12px; font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif; }

div.page { width: 980px; margin: 0 auto; background: #fff; overflow: hidden; position: relative; }
div.pageC { }
div.header { height: 80px; background: #fff; }
div.headerC { padding: 20px; }
div.footer { margin-top: 20px; background: #dfe6ee; }
div.footerC { padding: 30px 20px; }
div.main { }
div.mainC { }
div.left { float: left; width: 646px; margin-left: 20px; }
div.leftC { }
div.right { float: right; width: 270px; margin-right: 20px; }
div.rightC { }

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #3d649d; }
h1 { margin-bottom: 20px; font-size: 25px; color: #3d649d; }
h2 { margin-bottom: 15px; font-size: 18px; }
h3 { margin-bottom: 5px; font-size: 14px; }
h4, h5, h6 { margin-bottom: 5px; font-size: 12px; }

a { color: #d00; text-decoration: none; }
a:hover { text-decoration: underline; }

.red { color: #d00; }

p { margin-bottom: 10px; }

ul { margin-left: 20px; }
ul.slide { margin: 0; list-style-type: none; }

hr { height: 1px; border: none; border-top: solid #ddd 1px; }

.clearer { clear: both; float: none; font-size: 0px; line-height: 0px; visibility: hidden; }
.sep15 { height: 15px; }
.sep20 { height: 20px; }

img { border: none; }
img.logo { float: left; }

div.menuTop { float: right; margin-top: 20px; }
div.menuTop span { padding: 0 10px; }
div.menuTop a { font-size: 18px; font-weight: bold; color: #333; }
div.menuTop a:hover { text-decoration: none; }

div.menuFooter span { padding: 0 10px; color: #aaa; }
div.menuFooter a { color: #888; text-decoration: none; }

table.form { border-collapse: collapse; }
table.form td, table.form th { padding: 2px 5px 2px 0; vertical-align: top; }
table.form th { font-weight: bold; text-align: left; }
table.form input.txt { width: 250px; }
table.form select { width: 256px; }
table.form textarea { width: 400px; }
table.form input.button { margin-top: 10px; font-weight: bold; }
table.form em { padding-left: 3px; color: #c00; font-size: 13px; }

div.offer div.title { margin: 15px 0; border-bottom: solid #ddd 2px; }
div.offer div.title img { float: left; height: 40px; }
div.offer div.title h2 { float: left; margin: 0; padding: 20px 0 0 15px; color: #3d649d; font-size: 16px; background: transparent; border: none; }
div.offer div.item { margin-bottom: 5px; padding-bottom: 5px; border-bottom: solid #ddd 1px; }
div.offer div.item h3 { margin: 0; }
div.offer div.item h3 a { color: #3d649d; }
div.offer div.item span.akce { padding: 0 5px; background: #c00; color: #FFF; font-size: 10px; }

div.offerItem h2 span { color: #d00; }
div.offerItem img.car { float: left; margin-right: 60px; }
div.offerItem div.priceList { float: right; font-weight: bold; text-align: center; }
div.offerItem div.priceList img { margin-bottom: 5px; }

div.offer h1, div.offerItem h1 { padding: 10px; color: #fff; background: #3d649d; }

div.hpBoxes div.box { position: relative; float: left; width: 313px; height: 200px; margin: 0 0 20px 20px; background: url("/img/bgBox.gif") #fff left top no-repeat; }
div.hpBoxes div.boxFirst { margin-left: 0; }
div.hpBoxes div.boxC { margin: 13px; }
div.hpBoxes div.box h3 a { display: block; margin: 10px 0 10px 0; padding: 5px 10px; color: #fff; }
div.hpBoxes div.box h3 a:hover { text-decoration: none; background: #999; }
div.hpBoxes div.boxHyundai a { color: #3d649d; }
div.hpBoxes div.boxHyundai h3 a { background: #3d649d; }
div.hpBoxes div.boxHyundai img { position: absolute; left: 170px; top: 120px; }
div.hpBoxes div.boxSeat a { color: #d00; }
div.hpBoxes div.boxSeat h3 a { background: #d00; }
div.hpBoxes div.boxSeat img { position: absolute; left: 220px; top: 130px; }

