/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/colorbox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(../img/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../img/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../img/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../img/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../img/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../img/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../img/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../img/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
;
/* CSS Document */
@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
} 

html {margin:0;padding:0;}
body {margin:0;padding:0;background: #efefef;font: 12px Arial, sans-serif ;color:#666666;line-height: 1.4; }
span.menuresponzive {display: none;}
.adminLink {position: absolute;top: 5px;right: 10px;}
img {border:0;}
b, strong {color: #4EA805}
.blue b, .blue strong {color: #3779ad}
/*----- GLOBAL -----*/
h1 { position:relative;font-weight: normal;font-size:38px;font-size:32px\9;min-height:63px;line-height: 63px;border-top:1px solid #dadada;border-bottom:1px solid #dadada;margin: 0 0 20px;font-family: 'TeXGyreHerosCnRegular'; }
h2 { font-weight: normal;font-size:24px;font-size:20px\9;min-height:42px;line-height: 42px;border-top:1px solid #dadada;border-bottom:1px solid #dadada;margin: 0 0 15px;font-family: 'TeXGyreHerosCnRegular'; }
h3 { font-weight: normal;margin: 0 0 10px;font-family: 'TeXGyreHerosCnRegular';font-size:20px;font-size:17px\9; }
h4 { font-weight: normal;margin: 0 0 10px;font-family: 'TeXGyreHerosCnRegular';font-size:15px;font-size:13px\9; }
p + p { margin: 10px 0 0 0; }
a, a:active, a:visited {color:#44a728}
a:hover { text-decoration: underline; }
.italic { font-style: italic; }
.clear { clear: both; }
.f-l { float: left; }
.f-r { float: right; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.noscreen { display: none; }
.reseter { float: none; clear: both; height: 1px; width: 100%; }
.green {color:#44a728;}
.fix_button {
	position: fixed;
	top: 147px;
	right: 0;
}
/* vyjížděcí panel */
.slidepanelul {margin:0;padding: 0;width: 100%;}
.slidepanelul li {width: 100%;list-style-type: none;}
.slidepanelul li h2 {padding-left: 35px;background: url(../img/piktogram.png) no-repeat left center;}
ul li .slidepanel {display: none;margin:30px 0;text-decoration: none; }
/* formuláře */
legend {width: 100%;margin:15px 0;font-weight: normal;font-family: 'TeXGyreHerosCnRegular';font-size:20px; border-top:1px solid #dadada;border-bottom:1px solid #dadada; }
legend:empty {display: none;}
fieldset {border: 0;margin: 0;padding: 0}
form th {color:#333;}
th, label {width:190px;text-align: left;font-size:14px;font-weight: normal;}
label.required {background: url(../img/star.png) no-repeat top right;padding-right: 5px}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus{background:  #44A728;color:#fff;}
input[type=radio], input[type=radio] + label {margin: 5px 5px 5px 0;}
input[type=checkbox], input[type=checkbox] + label {margin: 5px 5px 5px 0;}
input[type=text], input[type=password], input[type=email] {text-indent: 10px;width:200px;border:1px solid #d2d2d2;height:25px;line-height: 20px;margin: 2px 0;background: url(../img/input.jpg) repeat-x top}
textarea {width:200px;border:1px solid #d2d2d2;min-width: 400px;margin: 10px 0;background: url(../img/input.jpg) repeat-x top}
input[type=submit] { background: #44a728;color:#fff;border:0px;padding: 5px 20px;font-size: 18px;font-weight: bold;font-family: 'TeXGyreHerosCnRegular';}
select {width:190px;border:1px solid #d2d2d2;height:30px;line-height: 20px;margin: 2px 0;padding: 5px;background: url(../img/input.jpg) repeat-x top}
/*----- WRAPPER -----*/
#wrapper {width:990px;margin: 0 auto;background: #fff;position: relative;padding: 0 30px ;
-webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 11px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 11px rgba(0, 0, 0, 0.2);
}

/*----- HEADER -----*/
#header {padding:0 7px;width: 100%;height:166px;}
#header #homepage {padding-top: 39px;float:left;}

#header #search {position: absolute;top: 20px;right: 37px;}
#header #search tr {float: left;}
#header #search th {display: none;}
#header #search td, #header #search th {margin:0;padding:0;}
#header #search input[type=text]{border:1px solid #e9e9e9;height:22px;padding: 0 10px;width: 134px;margin: 0}
#header #search input[type=submit]{margin-left:-5px;height:24px;width:25px;display: block; background: url(../img/search.png) no-repeat top center;border: 0;}

#header .servis img {float: left;margin:2px 5px 2px 0}
#header .servis {
	max-width: 450px;
    padding: 0 15px;
    float: left;
    margin: 56px 0 0px 40px;
    border-left: 1px dotted #666;
    border-right: 1px dotted #666;
    width: 100%;
}
#header .servis a.header-link {
	padding: 2px 5px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
    font-family: 'TeXGyreHerosCnRegular';
    background: #44a728;
}
#header .servis .pull-right {
	float: right;
	margin-top: -35px;
}
#header .servis .pull-left {
	float: left;
	margin-top: -35px;
}
#header .servis .header-half {
    width: 50%;
    float: left;
}
#header .servis .header-half p {
	color: #44a728;
}
#header .servis ul {
    float: left;
    margin: 0;
    padding: 0;
}
#header .servis ul li {
    float: left;
	line-height: 27px;
	clear: both;
}
#header .skoda {position: absolute;top:58px;right:70px;z-index: 999;}
/*----- CONTENT -----*/
#content {clear: both;padding: 30px 7px 0 7px;}
/*homepage*/
.slider {position: relative;overflow: visible !important;}
.slidesjs-container {height: 360px !important;}
.slider .item{width: 100%;margin-top:0px;margin-bottom: 30px;float: left}
.slider .item .image, .slider .item .image img {width:620px;float: left;}
.slider .item .text {color:#666666;width: 236px;float:right;height: 297px;background: #f7f7f7;padding: 45px 60px}
.slidesjs-previous {  position: absolute;top: 48%;left: -28px;width:17px;height:37px;background: url(../img/prev.jpg) no-repeat;}
.slidesjs-next {  position: absolute;top: 48%;right: -28px;width:17px;height:37px;background: url(../img/next.jpg) no-repeat;}
.slidesjs-play, .slidesjs-stop, .slidesjs-pagination {display: none !important}  

.image_carousel {clear: both;position: relative;border-top: 1px solid #a8a8a8;border-bottom: 1px solid #a8a8a8;margin:31px 0;}
.image_carousel #foo2 {margin:0 35px;}
.image_carousel #foo2 a {text-decoration: none;display: block;width:150px;height:140px;float:left;text-align: center;}
.image_carousel #foo2 a img {padding-top: 15px;}
.image_carousel #foo2 a span {text-transform: uppercase;font-size: 13px;color:#666;font-family: 'TeXGyreHerosCnRegular';padding-top: 5px;display: block; }
.image_carousel #foo2_prev {position: absolute;top:60px;left:0;}
.image_carousel #foo2_next{position: absolute;top:60px;right:0;}
aside.home_left {width:306px;float:left;}
aside.home_left a {text-decoration: none;}
aside.home_left img {display: block;}
aside.home_left h3 {height:32px;line-height: 32px;color:#fff;background: #44a728;margin: 0 0 16px 0;padding: 0 10px}

aside.home_left .facebook {position: relative;padding:140px 0 0 165px;height:43px;}
aside.home_left .facebook img{position: absolute;top:0;left:0;z-index: 1000;}
aside.home_left .facebook a {position: relative;z-index: 9999;font-size:11px;float: left;padding:  0 5px;}
aside.home_left .facebook a + a {border-left: 1px solid #666}

section.home_right {float: right;width: 642px;}
section.home_right .home_text {background: #f7f7f7;position: relative;padding:43px;min-height: 340px;}
section.home_right .home_text h1 {z-index: 100;position:relative;float:left;width: 240px;}
section.home_right .home_text p {text-shadow: 0px 0px 3px rgba(255, 255, 255, 1);color:#333;z-index: 100;position:relative;font-size:15px;font-family: 'TeXGyreHerosCnRegular';clear: both;}
section.home_right .home_text p.small {width: 240px;}
section.home_right .home_text img {position: absolute;z-index: 1;bottom: 0;right:0;}

section.home_right .novinky {overflow: hidden;}
section.home_right .news {overflow: hidden;border-bottom:1px solid #dadada;padding-bottom: 16px;}
section.home_right .news .item {width: 282px;float: left;background: #f7f7f7;padding: 15px;overflow: hidden;margin-bottom: 15px;}
section.home_right .news .item:nth-child(4){clear: both}
section.home_right .news .item.odd {margin-left: 15px;}
section.home_right .news .item h3, section.home_right .news .item h3 a {margin:0;color:#44a728;font-weight: bold;font-size:17px;text-decoration: none;margin-bottom: 15px}
section.home_right .news .item .image {
	height: 175px;
    width: 100%;
    display: block;
    text-align: center;
	line-height: 175px;
}
section.home_right .news .item .image img {
	max-width: 100%;
	max-height: 175px;
	vertical-align: middle;
}
.novinky a.right {float: right;margin:15px 0}

.news-page .news .item {
	clear: both;
	background: #f7f7f7;
	padding: 15px;
	overflow: hidden;
	margin-bottom: 15px;
}
.news-page .news .item .image {
	width: 275px;
	margin-right: 15px;
	float: left;
}
.news-page .news .item img {
	max-width: 100%;
}
/* Vyhledávání */
#filtr table {width: 100%}
#filtr .special2 legend {margin: 0;height: 20px;font-family: Arial;font-size: 14px;line-height: 20px;background: none;text-indent: 0;border: 0}
#filtr .special2 tr {width:140px;float:left;}
#filtr .special2 tr input[type=text] {width: 100px;}
#filtr input[type=submit]{float: right;}
#filtr {width:286px;float:left;overflow: hidden;margin-bottom:10px;background: #f8f8f8;border: 1px solid #f4f4f4;margin-top: -10px;padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
#filtr aside {margin:10px 0 0 -10px;}
#filtr aside a {text-decoration: none;}
#filtr aside img {display: block;}
#filtr aside h3 {width: 100%;height:32px;line-height: 32px;color:#fff;background: #44a728;margin: 0 0 16px 0;padding: 0 10px}

#filtr aside .facebook {position: relative;padding:140px 0 0 165px;height:43px;}
#filtr aside .facebook img{position: absolute;top:0;left:0;z-index: 1000;}
#filtr aside .facebook a {position: relative;z-index: 9999;font-size:11px;float: left;padding:  0 5px;}
#filtr aside .facebook a + a {border-left: 1px solid #666}


#vypis {float: right;width: 642px;}
#razeni p {float: left;line-height: 26px}
#razeni p.right {float:right}
#razeni ul {float: left;border: 1px solid #e5e5e5;margin: 10px;padding: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
#razeni ul li{list-style-type: none;float: left;position: relative;}
#razeni ul li + li {border-left: 1px solid #e5e5e5;}
#razeni ul li a {display: block;height: 28px;line-height: 28px;padding:  0 6px;background: #f4f4f4;text-decoration: none;font-size: 11px;}
#razeni ul li a.active {background: #44A728;color:#fff}
#razeni ul li a:hover {background:#fff;color:#333}

.cars {clear: both;}
.cars .car {width: 620px;clear: both;overflow: hidden;margin-bottom:10px;background: #f8f8f8;border: 1px solid #f4f4f4;padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.cars .car .info {float:right;width:432px}
.cars .car a {text-decoration: none;}
.cars .car p {margin: 0 0 10px 0 }
.cars .car .title h3 {font-family: 'TeXGyreHerosCnRegular';font-size:22px;}
.cars .car .vat {font-family: 'TeXGyreHerosCnRegular';color: #000;font-size:17px;float:right;text-align: right;line-height: 1.05}
.cars .car .vat strong {color:#44A728;font-size:30px;}
.cars .car .udaje {float:left;}
.cars .car .description {float: left;clear: both}
.cars .car .image {margin: 0 10px 10px 0;border: 3px solid #e5e5e5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
.cars .car .image, .cars .car .image img{float: left;width: 170px;}

.strankovani {text-align: right}
/* detail auta */
.car-detail {background: none repeat scroll 0 0 #F7F7F7;padding: 10px;margin-bottom: 40px;overflow: hidden;margin-top: -30px;}
.car-detail .photos{width: 474px;float:left;}
.car-detail .parametry {width: 240px;float:left;margin: 0 20px;}
.car-detail #price {float:right;width: 202px;}
.car-detail #detail {overflow: hidden}
.car-detail #equipment {float: left;clear: both;width: 735px;}
.car-detail #guestion {float: right;width: 202px;}

.car-detail .photos h1 {font-size:24px;min-height:42px;line-height: 42px;}
.car-detail .photos .big_image {width: 474px;height: 279px;display: block;overflow: hidden;background: #f4f4f4}
.car-detail .photos .caroufredsel_wrapper {clear: both;position: relative;margin:10px 0;}
.car-detail .small_images {position: relative;}
.car-detail .photos #foo2 {margin:0 42px;}
.car-detail .photos #foo2 a {overflow: hidden;text-decoration: none;display: block;width:130px;height:80px;float:left;text-align: center;margin: 28px 0;}
.car-detail .photos #foo2 a img {padding: 0;width: 116px;}
.car-detail .photos #foo2 a span {text-transform: uppercase;font-size: 13px;font-family: 'TeXGyreHerosCnRegular';padding-top: 5px;display: block; }
.car-detail .photos #foo2_prev {position: absolute;top:50px;left:0;}
.car-detail .photos #foo2_next{position: absolute;top:50px;right:0;}

.car-detail .parametry table {border-collapse: collapse}
.car-detail .parametry table td, .car-detail .parametry table th{padding: 2px;}
.car-detail .parametry th {font-size: 12px;font-weight: bold;}

.car-detail .price_wrapper {background: #44a728;padding: 10px 30px;color:#fff;font-size:32px;margin-top: 60px;margin-bottom: 10px;}
.car-detail .price_wrapper p {margin: 0;line-height: 1.4;text-decoration: underline}
.car-detail .price_wrapper p.small {font-size: 24px;}
.car-detail .price_wrapper span {font-size: 10px;text-decoration: none}

.car-detail #price .facebook {font-family: 'TeXGyreHerosCnRegular';text-decoration: none;font-size: 14px;margin-bottom: 10px; width: 100%;display: block;text-align: center;padding: 65px 0 20px 0;background: url(../img/detail_facebook.jpg) no-repeat top center #e1e1e1;}
.car-detail #price .email {font-family: 'TeXGyreHerosCnRegular';text-decoration: none;font-size: 14px;margin-bottom: 10px; width: 100%;display: block;text-align: center;padding: 65px 0 20px 0;background: url(../img/detail_email.jpg) no-repeat top center #e1e1e1;}

.car-detail #guestion th {display: none;}
.car-detail #guestion input[type=text], .car-detail #guestion input[type=email], .car-detail #guestion textarea{width: 196px;}
.car-detail #guestion textarea {min-width: 196px;margin: 0 0 10px 0;background-color: #fff;}
/* dva sloupce */
.twocolumns{ margin-bottom: 15px;-moz-column-count:2;-webkit-column-count:2; column-count:2;-moz-column-gap:30px;-webkit-column-gap:30px;column-gap:30px;}
.twocolumns *{overflow: hidden;break-inside: avoid-column;-webkit-column-break-inside: avoid;}
.twocolumns ul li {overflow: visible}
.twocolumns p {margin: 0 0 10px 0}
/* fotogalerie stránek */
.photogallery { margin: 0 0 10px; }
.photogallery .photo { border: 2px solid #CCCCCC;display: block;float: left;height: 100px;margin: 15px 20px;overflow: hidden;padding: 0;width: 150px; }
.photogallery .photo img {width: 150px;}
#section ul {display: inline-block;list-style-type: disc}
/*----- NAVIGATION -----*/
#nav {background: #44a728;margin:0;padding: 0;float:left;width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
#nav ul {margin: 0;padding: 0;list-style-type: none}
#nav ul li a {font-family: 'TeXGyreHerosCnRegular';display: block;height:41px;line-height: 41px;text-transform: uppercase;font-size:14px;font-size:12px\9;color:#fff;padding: 0 15px;text-decoration: none;}
#nav ul li + li a {padding-left:16px;background: url(../img/nav_li.png) no-repeat top left;}
#nav ul li a.active, #nav ul li a:hover, #nav ul li:hover a {text-decoration: underline;}
#nav ul li a:hover, #nav ul li:hover a {text-decoration: underline;}

/* Zajištení funkčnosti submenu */ 
#nav ul ul {display:none;position:absolute;z-index:1000;margin:0px;padding: 0px;}
#nav ul li:hover > ul {display:block;z-index:1000}
#nav ul li li:hover a{background: #c0c0c0}
#nav ul li {position:relative;z-index:1000}
#nav ul > li{float:left;}
#nav ul ul li {float:none;}
#nav ul > li > ul {top:100%;left:0px;}
#nav ul ul ul {top:0px;left:100%;}
/* design submenu */
#nav ul ul {background:#f2f2f2;margin:0;padding:0;}
#nav ul ul li a{font-size: 12px;height:45px;line-height: 16px;min-width:258px;border:0px;padding-top: 0;display: table-cell;vertical-align: middle;}
#nav ul li:hover ul li a {background:none;border:0;color:#000}
#nav ul ul li a:hover, #nav ul li:hover ul li a:hover {border:0;background: #c0c0c0;}

/*----- FOOTER -----*/
#footer {overflow: hidden;clear: both;padding:  15px 0 0 0;}
#footer p{font-size:11px;margin:15px 0}
#footer .footer_loga {float: right;height:70px;margin-top:-40px;}
#footer .footer_loga a, #footer .footer_loga img {height: 30px;float: left}
#footer div.list {background: #efefef;border:2px solid #e5e7e8;overflow: hidden;padding:0 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#footer div hr {height:1px;border: 0;background: #cacaca;color:#cacaca;clear: both;margin: 0;}
#footer div ul {margin: 0;padding: 0;clear: both;list-style-type: none;}
#footer div ul li {float: left;}
#footer div ul li a {color:#5d5d5d;float: left;text-decoration: none;}
#footer div ul li a:hover {text-decoration: underline;}
#footer div ul.first li a {font-size: 11px;padding-right: 5px;margin:15px 0;}
#footer div ul.first li + li a {border-left:1px solid #5d5d5d;padding:0 5px;}
#footer div ul.second li a {font-size: 15px;padding-right: 5px;margin:10px 0;}
#footer div ul.second li + li a {padding:0 10px;}

/* výpis novinek */
#section > .news .item {
    clear: both;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 2px solid #ddd;
    overflow: hidden;
}
/* blue */
.blue a,.blue  a:active,.blue  a:visited {color: #3779ad;}
.blue .green {color:#3779ad;}
.blue input[type=text]:focus, input[type=password]:focus, input[type=email]:focus{background:  #3779ad;}
.blue input[type=submit] { background: #3779ad;}
.blue aside.home_left h3 {background: #3779ad;}
.blue section.home_right .news .item h3,.blue section.home_right .news .item h3 a {color:#3779ad;}
.blue #filtr aside h3 {background: #3779ad;}
.blue #razeni ul li a.active {background: #3779ad;}
.blue .cars .car .vat strong {color:#3779ad;}
.blue .car-detail .price_wrapper {background: #3779ad;}
.blue #nav {background: #3779ad;}
.blue #nav ul li + li a {background: url("../img/nav_li_blue.png") no-repeat scroll left top transparent;}
.blue #header #search input[type="submit"] {background: url("../img/search_blue.png") no-repeat scroll center top transparent;}
.blue #header .servis .header-half p {color: #3779ad}
.blue #header .servis a.header-link {background: #3779ad}
/* Lighbox popup - MC */
#popup-overlay{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	background: rgba(0, 0, 0, 0.6);
	z-index: 9999;
}
#popup-overlay .popup{
	position: absolute;
	width: 800px;
	height: 500px;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -400px;
	font-size: 0;
}
#popup-overlay .close-btn{
	position: absolute;
	display: block;
	right: -27px;
	top: -27px;
	width: 24px;
	height: 23px;
	background: url(../img/popup_close.png) left top no-repeat;
	opacity: 1;
	font-size: 0;
	color: transparent;
	cursor:pointer;
}
/* /Lighbox popup */

/* EDITS MC 22.12.2014 */
/* Homepage request form */
#testDriveForm{
	padding-bottom:20px;
}
#testDriveForm h3{
	text-transform:uppercase;
	font-size: 18px;
}
#testDriveForm textarea{
	min-width:0;
}
#testDriveForm select{
	width:202px;
}
/* EDITS MC 6.1.2015 */
#fabia-test-drive.popup{
	width: 600px;
	height: 450px;
	margin-top: -225px;
	margin-left: -300px;
	background:#fff;
}
#fabia-test-drive.popup form{
	display:block;
	padding:20px;
}
#content .popup-trigger{
	display: block;
	position: absolute;
	top: 12px;
	right: 10px;
	padding: 5px 20px;
	color: #fff;
	font-size: 18px;
	cursor:pointer;
	font-weight: bold;
	font-family: 'TeXGyreHerosCnRegular';
	line-height: 1.6;
	background: #44a728;
	border: 0;
}

#order-text{
	text-align: right;
	color: #1A7600;
	font-weight: bold;
	font-size: 14px;
}
/* bootstrap alert */
.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.alert-heading {
    color: inherit;
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 18px;
    text-decoration: none;
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}


/* End of CSS Document */;
/* @media Rule */

@media all and (max-width: 990px) {
    #wrapper * {
        max-width: 100%;
        overflow: hidden;
    }
    #wrapper {
        width: 100%;
        padding: 0;
    }
    #header {
        height: auto;
        width: 95%;
        padding: 0 2.5%;
    }
    #header .servis {
        border: 0;
        margin: 10px 0 0 0;
        padding: 0;
        clear: both;
        width: 100%;
    }

    #header .servis a.header-link{
        margin-top: 0;
    }
    #header .servis img {
        clear: both;
    }
    #header #search {
        top: 5px;
        right: 10px;
    }
    
    .fix_button {
        display: none;
    }
    .nav {
        display: none;
    }
    span.menuresponzive {
        float: right;
        padding: 0 10px;
        display: block;
    }
    #nav ul > li {
        clear: both;
        border: 0;
        width: 100%;
    }
    #nav ul > li a {
        width: 100%;
    }
    #nav ul > li > ul {
        display: block;
        position: relative;
        background: transparent;
        margin-left: 30px;
        width: 100%;
    }
    #nav ul li + li a,
    .blue #nav ul li + li a {
        background: transparent;
    }
    #filtr,
    #wrapper aside {
        width: 306px;
        float: none;
        display: block;
        margin: 0 auto;
        max-width: inherit;
    }
    #filtr aside h3 {
        width: auto;
    }
    section.home_right {
        width: 100%;
    }
    section.home_right .home_text img {
        opacity: 0.2;
    }
    section.home_right .news .item {
        width: calc(100% - 30px);
        margin-top: 20px;
        border-top: 1px solid #ccc;
        padding-top: 20px;
    }
    section.home_right .news .item.odd {
        margin: 0;
        margin-top: 20px;
    }
    #footer {
        padding: 15px;
    }
    #footer div ul li {
        clear: both;
        float: left;
    }
    #footer div ul.first li + li a {
        border: 0;
        padding: 0;
    }
    #footer div ul.second li + li a {
        padding: 0;
    }
    table {
        width: 100% !important;
    }
    td {
        width: auto !important;
    }
    #footer .footer_loga {
        float: none;
        margin: 10px 0;
    }
    #footer .footer_loga a,
    #footer .footer_loga img {
        clear: both;
    }
    .popup-trigger {
        top: -69px;
        left: 10px;
        right: inherit;
    }
    textarea {
        min-width: 200px;
    }
    .cars .car {
        width: auto;
    }
    .car-detail .photos,
    .car-detail .parametry,
    .car-detail #price {
        float: none;
        margin: 0 auto;
        clear: both;
    }
    .car-detail #guestion {
        float: none;
    }
    .car-detail #price,
    .car-detail .parametry {
        width: auto;
    }
    #content img {
        height: auto !important;
    }
    #content table img {
        height: auto !important;
        width: 70px !important;
    }
    .slider .item {
        margin: 0;
    }
    #wrapper .slider .item img {
        width: 90%;
        padding: 0 5%;
    }
    .slider .item a {
        overflow: hidden;
        display: block;
        margin: 0;
    }
    .slider .item .text,
    .slider .item .image {
        display: block;
        padding: 0;
        float: none;
        width: 100%;
        overflow: hidden;
    }
    .slider .item .text {
        display: none;
    }
    #sidebar {
        clear: both;
    }
    .contact {
        font-size: 10px !important;
    }
    .contact td {
        padding: 5px 0;
    }
    #popup-overlay .popup {
        position: absolute;
        width: 90%;
        top: 5%;
        left: 5%;
        margin-top: 0px;
        margin-left: 0px;
        font-size: 0;
    }
    #popup-overlay .close-btn {
        position: absolute;
        display: block;
        right: 0px;
        top: 0px;
        width: 24px;
        height: 23px;
        background: url(../img/popup_close.png) left top no-repeat;
        opacity: 1;
        font-size: 0;
        color: transparent;
        cursor: pointer;
    }
    #frm-testDriveForm input,
    #frm-testDriveForm textarea,
    #frm-testDriveForm select {
        max-width: 100%;
        min-width: 1%;
        width: 140px;
    }
}

@media all and (max-width: 500px) {
    #header .skoda {
        display: none;
    }
    #header .servis .header-half {
        width: 100%;
    }
    .news-page .news .item .image {
        float: none;
    }
}
;