body { font-family: 'Arial'; font-size: 14px; line-height: 23px; position: relative; margin: 0; padding: 0; background: url('../img/bg-body.png') repeat top; }
ul { list-style: none; margin: 0; padding: 0; }
input { font-family: 'Arial'; font-size: 12px; }
select { font-family: 'Arial'; font-size: 12px; }
textarea { font-family: 'Arial'; font-size: 12px; }
a { color: #1d1d1d; text-decoration: none; }
img { display: block; }

/*

Colors

.color1 { color: #1d1d1d; }
.color2 { color: #dbdbdb; }
.color3 { color: #9c0a0a; }
.color4 { color: #393939; }
.color4 { color: #b4b4b4; }

*/

div.clear { clear: both; }
img.left { float: left; margin-right: 20px}
img.right { float: right; margin-left: 20px} 

.looklikelink { text-decoration: underline; color: #0B6CDA; }

div.roof-top { height: 3px; background: #1d1d1d; }

header { position: relative; margin: 0 auto; width: 1040px; height: 150px; }
header a.logo { display: block; position: absolute; top: 15px; left: 25px; }

/* header div.towns { } */

header div.towns, .town-btn {color: #cc0000; font-family: 'Calibri'; font-weight: bold; top: 80px; left: 376px; display: inline-block; position: relative; }
header div.towns {  font-size: 18px;}
.town-btn { background-color: transparent; border: 0; font-size: 21px; }

 

header ul.hot-linx { position: absolute; top: 95px; right: 160px; }
header ul.hot-linx li { float: left; margin-right: 30px; }
header ul.hot-linx li a.icon { display: block; width: 27px; height: 27px; background-repeat: no-repeat; background-position: left center; }
header ul.hot-linx li a.icon.home { background-image: url('../img/icon-home.png'); }
header ul.hot-linx li a.icon.search { background-image: url('../img/icon-search.png'); }
header ul.hot-linx li a.icon.car { background-image: url('../img/icon-car.png'); }
header ul.hot-linx li a.icon:hover { background-position: right center; }

header div.lang-switch { position: absolute; top: 40px; right: 0; height: 40px; background: url('../img/arrow_gray_d.png') no-repeat 305px 16px #fff; }
header div.lang-switch span.label { float: left; display: block; width: 60px; height: 40px; line-height: 40px; background: #1d1d1d; padding-left: 20px; color: #fff; font-size: 15px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
header div.lang-switch a.lang { float: right; display: block; width: 210px; height: 38px; line-height: 38px; padding-left: 45px; border: 1px solid #dbdbdb; border-left: 0; color: #1d1d1d; font-size: 15px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; background-repeat: no-repeat; background-position: 2px 0px; }
header div.lang-switch ul { display: none; background: #fff; position: absolute; top: 45px; right: 0px; width: 255px; border: 1px solid #dbdbdb; border-radius: 6px; padding: 6px 0; z-index: 200; }
header div.lang-switch ul li a { display: block; height: 38px; line-height: 38px; padding-left: 45px; color: #1d1d1d; font-size: 15px; background-repeat: no-repeat; background-position: 2px 0px; }
header div.lang-switch ul li a:hover { background-color: #eeeeee; }
header div.lang-switch a.sk { background-image: url('../img/lang-flag-sk.png'); }
header div.lang-switch a.cz { background-image: url('../img/lang-flag-cz.png'); }
header div.lang-switch a.pl { background-image: url('../img/lang-flag-pl.png'); }

header #headerh1 { position: absolute;
top: 36px;
left: 258px;
color: #1d194c;
text-transform: uppercase;
font-size: 22px;
width: 435px;
text-align: center; }

nav { position: absolute; top: 163px; width: 100%; background: url('../img/dark.png'); border-bottom: solid 1px #1d1d1d; z-index: 100; }
nav > ul { width: 1040px; line-height: 60px; margin: 0 auto; }
nav > ul > li { float: left; }
nav > ul > li:last-child { float: right; }
nav > ul > li:last-child {
	background: #c51a1a; /* Old browsers */
	background: -moz-linear-gradient(top, #c51a1a 0%, #8f0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c51a1a), color-stop(100%,#8f0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c51a1a 0%,#8f0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c51a1a 0%,#8f0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c51a1a 0%,#8f0404 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c51a1a 0%,#8f0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c51a1a', endColorstr='#8f0404',GradientType=0 ); /* IE6-9 */
}
nav > ul > li a { display: block; color: #fff; font-size: 17px; padding: 0 25px; }
nav > ul > li a:hover { background: #1d1d1d; }
nav > ul > li a.active { background: #1d1d1d; }
nav > ul > li ul.submenu { position: absolute; min-width: 260px; background: url('../img/dark.png'); display: none; line-height: 30px; border-top: 5px solid #1d1d1d; border-bottom: 5px solid #1d1d1d; border-left: 1px solid #1d1d1d; border-right: 1px solid #1d1d1d; }
nav > ul > li ul.submenu li a { font-size: 14px; }
nav > ul > li ul.submenu li a:hover { background-color: #1d1d1d; }

div.slideshow { position: relative; width: 100%; overflow: hidden; height: 500px; border-top: solid 10px #1d1d1d; border-bottom: solid 10px #1d1d1d; margin-bottom: 30px; }
div.slideshow div.holder { position: absolute; top: 0; left: 0; height: 500px; }
div.slideshow div.holder div.item { position: relative; float: left; height: 500px; background-repeat: repeat; background-position: center; }
div.slideshow div.holder div.item > div { width: 100%; height: 100px; position: absolute; bottom: 0; background: url('../img/dark.png'); border-top: solid 1px #1d1d1d; }
div.slideshow div.holder div.item > div > div { width: 1040px; height: 100px; margin: 0 auto; }
div.slideshow div.holder div.item > div > div a { width: 40%; display: block; float: left; line-height: 60px; padding: 20px 0; font-size: 28px; color: #fff; }
div.slideshow div.holder div.item > div > div a strong { display: inline-block; background: url('../img/bg-point-l.png') no-repeat left center; width: 52px; height: 60px; text-align: center; margin-right: 15px; }
div.slideshow div.holder div.item > div > div a span { display: inline-block; }
div.slideshow div.holder div.item > div > div p { width: 60%; display: block; float: right; color: #fff; line-height: 24px; margin: 14px 0; font-size: 17px; }

ul.external-controls { margin: auto; text-align: center; margin-bottom: 30px }
ul.external-controls li { display: inline-block; width: 48px; height: 48px; line-height: 48px; text-align: center; margin-right: 12px; }
ul.external-controls li a { display: block; color: #fff; font-size: 22px; font-weight: bold; background: url('../img/bg-point-m.png') no-repeat right center; }
ul.external-controls li a.active { background-position: left center; }

div.carrousel { position: relative; width: 1040px; height: 100px; margin: 0 auto 30px auto; padding: 0; overflow: hidden; border-radius: 6px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }
div.carrousel a.nextprev { display: block; position: absolute; top: 0; width: 40px; height: 100px; background: url('../img/arrow-thin.png') no-repeat #1d1d1d; }
div.carrousel a.nextprev.next { background-position: right center; right: 0; }
div.carrousel a.nextprev.prev { background-position: left center; left: 0; }
div.carrousel div.holder { position: relative; width: 920px; height: 100px; margin: 0 60px; padding: 0; overflow: hidden; }
div.carrousel div.holder ul { position: absolute; left: 0; top: 0; height: 60px; margin: 20px 0; }
div.carrousel div.holder ul li { float: left; height: 60px; line-height: 60px; }
div.carrousel div.holder ul li a { display: inline-block; vertical-align: middle; padding: 0 20px; }
div.carrousel div.holder ul li a span { display: none; }

div.boxes { width: 1040px; margin: 0 auto 5px auto; }
div.boxes div.box { width: 330px; float: left; position: relative; margin: 0 25px 25px 0; }
div.boxes div.box:nth-child(3n) { margin-right: 0; }
div.boxes div.box h2 { background: #1d1d1d; height: 50px; line-height: 50px; margin: 0; font-size: 19px; font-weight: normal; padding-left: 95px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
div.boxes div.box h2 a { color: #fff; }
div.boxes div.box > a { display: block; }
div.boxes div.box > a img { display: block; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
div.boxes div.box > p { display: block; position: absolute; left: 0; bottom: 0; margin: 0; padding: 20px; background: url('../img/dark.png'); color: #fff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
div.boxes div.box span.flag { position: absolute; top: -6px; left: -6px; display: block; width: 105px; height: 105px; background-repeat: no-repeat; }
div.boxes div.box span.flag.de { background-image: url('../img/flag-de.png'); }
div.boxes div.box span.flag.cz { background-image: url('../img/flag-cz.png'); }
div.boxes div.box span.flag.pl { background-image: url('../img/flag-pl.png'); }
div.boxes div.box span.flag.at { background-image: url('../img/flag-at.png'); }
div.boxes div.box span.flag.nl { background-image: url('../img/flag-nl.png'); }
div.boxes div.box span.flag.be { background-image: url('../img/flag-be.png'); }
div.boxes div.box span.flag.sk { background-image: url('../img/flag-sk.png'); }

div.content { width: 1040px; margin: 0 auto; }
div.content h3 { font-size: 13px; line-height: 30px; }
div.content a:hover { text-decoration: underline; }
div.content div.col { float: left; }
div.content div.col3 { width: 330px; margin-right: 25px; }
div.content div.col.col3:nth-child(3n) { margin-right: 0; }

div.content ul.error { background: #f1c7c7; font-size: 13px; color: #9c0a0a; margin: 10px 0; padding: 10px 20px; border-radius: 6px; }
div.content ul.error li { display: inline-block; border-right: 2px solid #d89d9d; padding: 0 10px 0 5px; }
div.content ul.error li:last-child { border: 0; }

div.content ul.success { background: #cbf1c7; font-size: 13px; color: #067c09; margin: 10px 0; padding: 10px 20px; border-radius: 6px; }
div.content ul.success li { display: inline-block; padding: 0 10px 0 5px; }

.flashMessageSuccess {
    background: #cbf1c7; font-size: 13px; color: #067c09; margin: 10px 0; padding: 10px 20px; border-radius: 6px;
}
.flashMessageSuccess li {
    display: inline-block; padding: 0 10px 0 5px;
}

div.content.subpage { min-height: 400px; padding: 10px 0; }
div.content.subpage table { width: 100%; border-spacing: 0; }
div.content.subpage table td { padding: 10px 0; }
div.content.subpage table.prihlasovanie { width: auto; }
div.content.subpage table.prihlasovanie tr td { padding: 5px 10px }
div.content.subpage table.prihlasovanie tr th { padding: 5px 0 }
div.content.subpage table.prihlasovanie tr:nth-child(2n) { background: url('../img/dark.png'); color: #fff }
div.content.subpage table.prihlasovanie tr:hover td { background-color: rgba(143,4,4,.5);}
div.content.subpage form input[type="text"] { width: 100%; margin: 0; padding: 0; height: 38px; border: 1px solid #dbdbdb; border-radius: 6px; text-indent: 20px; box-sizing: border-box; }

div.content.subpage form input[class="warning"] { border-color: #ff0000;}
div.content.subpage form input[type="button"]{ background: url('../img/button-160.png') no-repeat; float: right; width: 160px; height: 40px; margin: 0; padding: 0; border: 0; font-family: 'Arial'; color: #fff; font-size: 15px; cursor: pointer; }
div.content.subpage form input[type="submit"] { background: url('../img/button-160.png') no-repeat; float: right; width: 160px; height: 40px; margin: 0; padding: 0; border: 0; font-family: 'Arial'; color: #fff; font-size: 15px; cursor: pointer; }

div.content.subpage form textarea { display: block; width: 100%; margin: 0; padding: 20px 0; border: 1px solid #dbdbdb; border-radius: 6px; text-indent: 20px; box-sizing:border-box; }

div.content.subpage form#filter table { border-bottom: 1px dashed #C9C9C9; margin-bottom: 20px; padding-bottom: 10px; }
div.content.subpage form#filter label { height: 38px; line-height: 38px; display: inline-block; float: left; border-radius: 6px 0 0 6px; width: 27%; text-align: center; background-color: #555; color: #fff; }
div.content.subpage form#filter select { float: left; width: 67%; margin: 0; padding: 0; height: 38px; border: 1px solid #dbdbdb; border-radius: 0 6px 6px 0; text-indent: 20px; box-sizing: border-box;
background-image: url('../img/arrow_gray_d.png');
background-repeat: no-repeat;
background-position: 95% 50%;
-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;}

div.content.subpage.articles article { padding: 10px 0; border-bottom: 1px solid #dbdbdb; }
div.content.subpage.articles article h2 { font-size: 18px; margin: 0; }
div.content.subpage.articles article p.perex { font-size: 13px; margin: 10px 0; }
div.content.subpage.articles article a.read_more { font-size: 17px; margin: 10px 0; color: #9c0a0a; }

div.content.subpage div.forum iframe { position: relative; border: 0; width: 100%; height: 100%; overflow: hidden; }

div.content.subpage div.map { position: relative; }
div.content.subpage div.map div.point { display: none; position: absolute; cursor: pointer; width: 32px; height: 60px; }
 
div.content.cars article.box {border-bottom: 1px dashed #C9C9C9; margin-bottom: 20px; min-height: 90px; padding: 0 0 10px; }
div.content.cars article.box > a { display: block; float: left; }
div.content.cars article.box section { width: 640px; padding-left: 30px; display: block; float: left; }
div.content.cars article.box section + section { width: 200px; text-align: right; font-size: 16px }
div.content.cars article.box section > h2 { margin-top: 0 }
div.content.cars article.box section span { display: table-cell; }
div.content.cars article.box section span.col1 { width: 230px }
div.content.cars article.box section span.col2 { width: 230px }
div.content.cars article.box section span.col3 { width: 170px }
div.content.cars article.box section > div { display: table-cell; width: 200px  }
div.content.cars article.box section div.mark {color: #B00D0D; display: inline-block; font-weight: bold; line-height: 2.4em; padding: 0 5px 0 0; }
div.content.cars article.box section div.label {
    background: linear-gradient(#D02727, #990606) repeat scroll 0 0 #990606;
    border-radius: 5px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    display: inline-block;
    font: bold 1.25em arial;
    margin-bottom: 6px;
    padding: 6px 18px 5px 0;
    position: relative;
    width: 60px;
    text-align: right;
}
div.content.cars article.box section div.label div {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) inset;
    height: 8px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 8px;
}
div.content.cars article.box section div.price { color: #B00D0D; margin-top: 5px; }
div.content.cars article.box section div.price strong { font-size: 24px; }

div.content.autodetail div.left { float: left; }
div.content.autodetail div#contactform { width: 428px; background:  #F4F4F4; padding: 10px; margin-top: 7px; margin-bottom: 20px; }
div.content.autodetail div#contactform h3 { margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 10px; color: #8F0404; font-size: 16px; }
div.content.autodetail div#contactform form { width: 100% }
div.content.autodetail div#contactform form td { padding: 10px; }
div.content.autodetail div.carinfo { width: 575px; float: right; margin-bottom: 20px; }
div.content.autodetail div.carinfo table { width: 100% }
div.content.autodetail div.carinfo table td { border-color: #ffffff; border-style: solid none none solid; border-width: 5px; background-color: #F4F4F4; padding: 5px; }
div.content.autodetail div.carinfo table tr:first-child td { border-top-style: none; } 
div.content.autodetail div.carinfo table tr td:first-child { border-left-style: none; } 
div.content.autodetail div.carinfo span.price { color: #990606; font-size: 18px; font-weight: bold; }
div.content.autodetail div.carinfo h3 { border-bottom: 1px solid #CCCCCC; }

div.content h1 { color: #19185a}
div.content h2 { color: #19185a; font-style: italic; }
div.content a { color: #8F0404; }
div.content a:hover { text-decoration: underline; }
div.content span.setoff { display: inline-block; width: 150px}
div.content span.setoff + span { width: 70px; text-align: right; display: inline-block; padding-right: 5px; }
div.content span.line { border-top: 1px solid #555 }
div.content span.price { font-style: italic; }
div.content ul { margin-top: -1em; }
div.content ul li:before { content: "• "; color: #8F0404; font-size: 2em; vertical-align: bottom;  }
div.content img { display: inline;}

div.top-image { background: url('../img/top-image.jpg'); height: 160px; border-top: solid 10px #1d1d1d; border-bottom: solid 10px #1d1d1d; }

footer { height: 170px; font-size: 13px; padding: 30px 0; background: #1d1d1d; color: #fff; -moz-box-shadow: inset 0 13px 15px -10px #000; -webkit-box-shadow: inset 0 13px 15px -10px #000; box-shadow: inset 0 13px 15px -10px #000; }
footer h3 { margin: 0; border-bottom: 1px solid #393939; }
footer h3.star { background: url('../img/icon-star.png') no-repeat 5px 5px; padding-left: 30px; }
footer a { color: #fff; }
footer p.copyright { color: #393939; }
footer p.copyright a { color: #393939; }
footer ul { margin: 5px 0; line-height: 15px; }
footer ul li { padding: 5px 0 }
footer ul li.icon { background-repeat: no-repeat; background-position: 5px 3px; padding: 5px 0 5px 30px; }
footer ul li.point { background-image: url('../img/icon-point.png'); }
footer ul li.mail { background-image: url('../img/icon-mail.png'); }
footer ul li.phone { background-image: url('../img/icon-phone.png'); }
footer ul li.mobile { background-image: url('../img/icon-mobile.png'); }
footer ul li a { font-size: .85em; margin-left: 16px; color: #fff !important }
footer form input[type="text"],
footer form input[type="url"] { display: block; float: left; width: 140px; height: 40px; margin: 0 0 10px; padding: 0 10px; border: 0; font-family: 'Arial'; font-size: 13px; border-radius: 6px; }
footer form input[type="text"] + input[type="text"] { float: right; }
footer form input[type="url"] { float: none; clear: both; width: 310px }
footer form input#frmcontact-email { float: none; clear: both; width: 310px }
footer form input.captcha { float: none; clear: both; width: 310px }
footer form textarea { width: 310px; height: 60px; margin: 10px 0; padding: 10px; border: 0; font-family: 'Arial'; font-size: 13px; border-radius: 6px; }
footer form select { width: 160px; height: 40px; padding: 10px; border: 0; font-family: 'Arial'; font-size: 13px; border-radius: 6px; }
footer form input[type="submit"] { background: url('../img/button-160.png') no-repeat; float: right; width: 160px; height: 40px; margin: 0; padding: 0; border: 0; font-family: 'Arial'; color: #fff; font-size: 15px; cursor: pointer; }
footer form ul.error { display: none; }
footer form input.form-control-error{ border: 1px solid #FF0000; height: 38px; padding: 0 9px; }

footer div.content .flashMessageSuccess { background: transparent; color: #37AD3A; margin: 0 0 10px 0; padding: 0; }