/* MAIN */

/* fonty */
@font-face {font-family: 'SkodaPro'; src: url('font/SkodaPro_Medium.ttf') format('truetype');}
@font-face {font-family: 'SkodaProBold'; src: url('font/SkodaPro_ExtraBold.ttf') format('truetype');}

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, ul li, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video 
{margin: 0; padding: 0; border: 0;}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
    display: block;
}

a img {border: 0;}

/* zakldni nastaveni */
body {font-size: 14px; font-family: Tahoma, Geneva, sans-serif; letter-spacing: normal; color: #000000; margin: 0; padding: 0; height: 100%;}

.right {float: right}
.left {float: left}

/*strong {color: #222222;}*/

.clrlevy {clear: left;}
.clrpravy {clear: right;}
.clroba {clear: both;}

.modra {color: blue;}
.zelena {color: green}
.zluta {color: yellow}
.cervena {color: red}
.seda {color: #bbbbbb;}
.skodazel {color: #3baa49;}
.bd {font-weight: bold;}

.hidden {display: none;}
div.midiven {display: none;}

.xx {font-size: xx-small;}

ul, ul li, p {list-style-type: none; list-style-position: outside;}

img {border:none;}
a {color: #333333; text-decoration: none; border: none;}
input, textarea {border-radius: 3px; border:1px solid #aaaaaa; color:#444444; padding:1px 5px 1px 5px;}
/* textarea {height: 80px; width: 300px;} */
th, td {margin: 1px; padding: 2px; /*font-size: 1.25em;*/}

h1, h2, h3, h4, th {font-family: SkodaPro, Verdana, Geneva, sans-serif; margin-bottom: 0.5em; /*font-weight: bolder;*/}
p {margin-bottom: 1em;}
/*th {font-family: SkodaProBold, Verdana, Geneva, sans-serif; }*/

/* layout */
#strana {/*width: 100%; max-width: 1170px; margin: 0 auto; position: relative;*/}

#hlava_wrapper {width: 100%; margin: 0 auto; position: relative; padding: 0 1%;}
#logo_wrapper {width: 100%; position: relative; max-width: 1170px; height: 125px; /*border: 1px solid red; */padding: 0; margin: 0 auto;}
#motto {width: 120px; height: 24px; position: absolute; top: 10px; left: 0px; z-index: 100; background: url('grafika/motto.png') no-repeat;}
#logo_skoda {width: 75px; height: 125px; position: absolute; top: 0; right: 0px; background: url('grafika/logo-skoda.png') no-repeat;}
#logo_skoda a {display: block; height: 100%;}
#logo_ak {width: 242px; height: 59px; position: absolute; top: 35px; left: 0px; background: url('grafika/ask_logo_2020.jpg') no-repeat;}
#logo_ak a {display: block; height: 100%;}

.navbar-toggle {
    position: absolute;
    padding: 0;
    top: 160px;
    left: 0px;
    background-color: #ffffff;
    background-image: none;
    border: 0px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 32px;
    color: #969696;
}
.navbar-toggle:focus {outline: 0;}
@media (min-width: 787px) {.navbar-toggle {display: none;}}

#navig {z-index: 700; width: 100%; max-width: 1170px; margin: 0 auto; position: relative; /*height: 64px; */background-color: #dedede; padding: 0px; font-family: SkodaPro, Verdana, Geneva, sans-serif; font-size: 19px; /*1.4em;*/}
#navig ul li {display: inline-block; float: left; overflow: hidden;}
#navig ul li a {display: block; padding: 20px 11px 11px; border-bottom: 7px solid #dedede; text-transform: uppercase; cursor: pointer !important;}
#navig ul li a:hover {color: #ffffff; background-color: #6d6d6d; border-bottom: 7px solid #3baa49;}
#navig ul li a.selected {color: #ffffff; background-color: #6d6d6d; border-bottom: 7px solid #3baa49;}
#navig ul li ul {position: absolute; display: none; background-color: #6e6e6e; color: #ffffff; font-size: 0.8em;}
#navig ul li ul li {display: block; float: none; padding: 3px 10px;}
#navig ul li ul li a {padding: 5px; border-bottom: 0px none; color: #dedede; text-transform: none;}
#navig ul li ul li a:hover {color: #ffffff; border-bottom: 0px none;}
#navig ul li ul li a.selected {color: #ffffff; border-bottom: 0px none;} 
#navig ul li ul li a.active {color: #ffffff; border-bottom: 0px none;}

#prolinacka_wrapper {width: 100%; margin: 0; position: relative; background-color: #dedede; padding: 0 1%; background-image: url('grafika/trojuhelniky-leve-2.png'), url('grafika/trojuhelniky-prave-2.png'); background-repeat: no-repeat, no-repeat; background-position: top right, top left;}
#prolinacka {position: relative; width: 100%; max-width: 1170px; max-height: 430px; margin: 0px auto; padding: 0px; font-family: SkodaPro, Verdana, Geneva, sans-serif; overflow: hidden;}
#prolinacka p {padding: 0; margin: 0; /*overflow: hidden;*/}
.prolinacka-overlay {text-align: left; position: absolute; top: 0px; width: 26%; max-width: 300px; height: 100%; z-index: 600; background-color: rgba(248, 248, 248, 0.6) /*rgba(222, 222, 222, 0.6)*/; color: #000000; padding: 30px 15px 30px 15px;}
.prolinacka-overlay h2 {font-family: SkodaPro; font-size: 2em; line-height: 125%; font-weight: bolder; color: #000000; text-shadow: -1px -1px #ffffff; text-transform: uppercase; opacity: 1; z-index: 800;}
.prolinacka-fix {width: 100%;}
.prolinacka-fix p img {width: 100%;}
.overlay-text {font-size: 1.5em;}

#dalsi_wrapper {width: 100%; margin: 0; position: relative; padding: 0 1%;}
#obsah_wrapper {width: 100%; max-width: 1170px; margin: 40px auto; position: relative; padding: 0;}

#navig_rychle {width: 100%; margin: 15px 0px; padding: 0px; font-size: 1.75em; font-family: SkodaPro, Verdana, Geneva, sans-serif; margin-bottom: 2em; /*text-align: center;*/}
#navig_rychle div.navig_rychle_in {width: 33.3333%; margin: 0px; padding: 0px; float: left; text-align: center;}
#navig_rychle div.navig_rychle_in a {display: block; width: 100%; padding: 20px 0%; margin: 0px; text-align: center; white-space: nowrap;}
#navig_rychle div.navig_rychle_in a:hover {color: #ffffff; background-color: #3baa49;}
.navig_rychle_skladem {display: none; text-align: center;}
.navig_rychle_skladem a {display: block; padding: 12px 0 9px 0 !important; margin: 0px; white-space: nowrap; color: #ffffff; background-color: #3baa49; font-size: 14px;}

div.more {background-color: #3baa49; width: 4em; height: 35px; opacity: 1; color: #ffffff; font-size: 1em; text-align: center; font-weight: normal; text-shadow: none; z-index: 650;}
div.more a {display: block; width: 100%; height: 27px; color: #ffffff; padding-top: 8px;}

#obsahclanek {margin-top: 20px; min-height: 400px;}

#obsahmenu {float: right; width: 47.245678%; max-width: 520px; min-width: 430px; margin-top: 15px; text-transform: uppercase; font-size: 16px; font-family: SkodaPro, Verdana, Geneva, sans-serif;}
#obsahmenu ul li {width: 45%; min-width: 192px; float: left; /*width: 240px; display: list-item; */height: 60px; background-color: #dedede; padding: 0; margin: 0 0 3.8461538% 20px; text-align: center; float: left; overflow: hidden;}
#obsahmenu ul li a {display: block; height: 100%; padding: 21px 10px;}
#obsahmenu ul li a:hover {color: #ffffff; background-color: #3baa49;}
#obsahmenu ul li a.selected {color: #ffffff; background-color: #3baa49;}
#obsahmenu ul li a.lines2 {padding-top: 7px;}

#navig_rychle_img {float: right; position: relative;}
#navig_rychle_img div {position: relative; float: right; width: 45%; min-width: 192px; margin-left: 5%; margin-bottom: 24px; overflow: hidden;}
#navig_rychle_img div a {padding: 0; margin: 0; display: block;}
#navig_rychle_img div a img {width: 100%; height: auto;}
#navig_rychle_img div div.overlay {height: 16px; text-align: center; text-transform: uppercase; text-shadow: 1px 1px #ffffff; position: absolute; font-weight: bolder; font-size: 0.9em; font-family: SkodaPro, Verdana, Geneva, sans-serif; margin: 0px; padding: 16px 0px; bottom: 0px; width: 100%; background: rgba(222, 222, 222, 0.7);}

#clanky {float: left; width: 51.863247%; margin-top: 15px;}
#clanky h2 {text-transform: uppercase; font-size: 2em;}

.clankyimg {display: none; width: 100%;}
.clankyimg img {width: 100%;}
.clanky_more {display: none; width: 100%; text-align: center; font-size: 16px; color: #ffffff; background-color: #3baa49}
.clanky_more a {display: block; color: #ffffff; padding: 10px 0 9px 0}
.clanek-fix {display: none;}

#clanek {float:left; width: 51.863247%; margin-top: 15px;}
#clanek h3 {font-size: 1.75em;}
#clanek h4 {font-size: 1.5em;}
#clanek a {text-decoration: underline;}

#clanek ul {list-style-type: circle; list-style-position: outside; margin-bottom: 0.5em; margin-left: 2em;}
#clanek ul li {list-style-type: circle; list-style-position: outside; margin-bottom: 0.5em;}
#clanek ol {list-style-position: outside; margin-bottom: 0.5em; margin-left: 2em;}
#clanek ol li {list-style-position: outside; margin-bottom: 0.5em;}

#clanky div.clankydet {padding-top: 15px; border-top: 2px solid #dedede; margin-top: 25px; margin-bottom: 1.5em;}
#clanky div.clankydet.prvni {padding-top: 0px; border-top: 0px none; margin-top: 0px;}
#clanky div.clankydet h2 {font-size: 2em;}
#clanky div.clankydet h2 a:hover {text-decoration: none; color: #333333;}

#clanek div.clanky_kontakt {clear: left; width: 100%; padding-bottom: 1em; margin-bottom: 2em; border-bottom: 2px solid #dedede;}
#clanek div.last {padding-bottom: 1em; border-bottom: 0px none; margin-bottom: 0;}
#clanek div.clanky_kontakt a {color: #3baa49;}
#clanek div.clanky_kontakt_odd {float: left; width: 35%;}
#clanek div.clanky_kontakt_os {margin-left: 37%; min-height: 100px;}
#clanek div.clanky_kontakt_os img {float: left; margin-right: 1.5em;}

#fotogal {float: right; width: 47.245678%; max-width: 520px; min-width: 430px; margin-top: 15px;}
#fotogal a img {position: relative; float: left; width: 45%; min-width: 192px; margin-left: 5%; margin-bottom: 24px; overflow: hidden;}

#clanekin h3 {border-top: 2px solid #dedede; margin-top: 1em; padding-top: 1em; padding-right: 1em;}
#clanekin h3.first {border-top: none; margin-top: 0; padding-top: 0;}
#clanekin h3.sbal {background: url('grafika/sbal.png') right no-repeat;}
#clanekin h3.rozbal {background: url('grafika/rozbal.png') right no-repeat;}

#clanek .modely {width: 280px; margin-right: 10px; margin-top: 0px; float: left; min-height: 215px}
#clanek .modely a {text-decoration: none; display: block; width: 100%;}
#clanek .modely h3 {width: 100%; background-color: #dedede; text-transform: uppercase; font-size: 16px; font-family: SkodaPro, Verdana, Geneva, sans-serif; color: #000000; text-align: center; margin-top: 0px; padding: 0;}
#clanek .modely h3 a {margin: 0; padding: 10px 0; display: block;}
#clanek .modely h3 a:hover {color: #ffffff; background-color: #3baa49;}
#clanek .modely a img {width: 100%; margin-top: 20px;}


div.perex {margin-bottom: 1em;}

table {border-collapse: collapse; margin-bottom: 20px; border: 1px solid #333333;}
table th, table td {margin: 0; padding: 10px; vertical-align: top;}
table th {white-space: nowrap;}

table.skladove {float: left; border: none; width: 70.916666667%}
table.skladove td {border-bottom: 1px solid #dedede;}
table.skladove th {background-color: #dedede; color: #3baa49;}

table.skladove td a {color: #3baa49; font-weight: bolder;}
td.num {text-align: right; white-space: nowrap;}
td.cent {text-align: center;}

tr.sudy {}
tr.lichy {background-color: #dedede;}
table.nobo {border: none;}

.jete_detail_l {width: 47.86324%; max-width: 787px; float: left;}
.jete_detail h2 {margin-bottom: 0.25em;}
.jete_nadpis {background-color: #dedede; padding: 15px; margin-bottom: 15px;}
.jete_cena {float: right; white-space: nowrap; text-align: right;}
.jete-foto {position: relative;}
.jete_foto_a {position: relative; top: 0px; left: 0px; width: 100%;}
.jete_foto_v {width: 100%;}
.jete_detail_p {width: 51.717948%; float: right;}
.jete_detail_p a {text-decoration: underline;}
.jete_ost {float: right; margin-top: 10px; z-index: 700;}
.jete_param {margin-bottom: 15px;}
.jete_param_in {background-color: #333333; color: #ffffff; min-width: 110px; width: 24%; margin: 0 0.5% 4px 0.5%; float: left; text-align: center; padding: 20px 0;}
#jete_slider {width: 90%;}
table.jete_spec {border: none;}
table.jete_spec td {border-bottom: 1px solid #dedede; padding: 3px; width: 10em;}

.nove_wrapper {float: left; width: 51.863247%; margin-top: 15px;}

.nove {width: 100%; margin-bottom: 3em; clear: left;}
.nove-hl {background-color: #dedede; padding: 5px 15px;}
.nove-cena {float: right; font-size: 1.5em; color: #3baa49;}
.nove-model h3 {font-size: 1.5em;}
.nove-obr {float: left; margin-right: 8px;}
.nove-detailp { margin: 1em 0 1em 258px;}
.nove-detailp .more {width: 10em;}
table.nove_spec {border: none; margin-top: 10px;}
table.nove_spec td {border-bottom: 1px solid #dedede; padding: 3px;}

h2 a {color: #000000;}
#pata {width: 100%; min-width: 284px; background-color: #dedede; padding: 0 1%;}
#kontakt {width: 100%; max-width: 1170px; margin: 0 auto; padding: 10px 0px; position: relative; text-align: center; text-align: left;}
#kontakt div {width: 31.62393162%; /*width: 29.487179487%; */max-width: 360px; float: left; padding: 10px 0px; }
#kontakt div h2 {margin-bottom: 0.25em; text-transform: uppercase;}
#kontakt div h3 {margin-top: 0.5em; margin-bottom: 0em;}
#kontakt div h4 {text-transform: uppercase; font-weight: normal;}
#kontakt div.stred {margin: 0 1%; /*margin-right: 30px; */border-right: 2px solid #6d6d6d; /*margin-left: 30px; */border-left: 2px solid #6d6d6d; padding: 10px 1%; /*padding: 10px 30px 10px 30px;*/}
#kontakt div p {margin-bottom: 2px;}
#kontakt div p.marginb {margin-bottom: 0.5em;}
#kontakt div.up {color: #ffffff; width: auto; font-size: 1.25em; text-transform: uppercase; background-color: #3baa49; float: right; padding: 10px; cursor: pointer;}
#kontakt table {border: none;}
#kontakt table th, #kontakt table td { font-size: 0.9em; padding: 0 5px; text-align: left;}
#kontakt table th {padding-top: 5px;}
p.imgodkaz div a {display: block;}
p.imgodkaz img {margin-top: 1em; margin-right: 15px; float: left;}
p.imgodkaz img.mapa {width: 75%;}

#kontakt div div.mobil {width: 100%; font-size: 1.25em;}
#kontakt div div.mobil h4 {text-transform: uppercase; font-weight: normal;}
.copy {text-align: center; margin-top: 30px;}

/* form */
#contact-form {float: right; width: 47.245678%; max-width: 520px; min-width: 350px; margin-top: 15px; /*font-family: SkodaPro, Verdana, Geneva, sans-serif;*/}
#contact-form-full {float: left;}
#contact-form h3 {font-size: 1.75em;}
.form-row {clear: left;}
.form-row-send {clear: left; padding-top: 2em;}
.form-group {display: inline; float: left; width: 48%; min-width: 250px; margin-bottom: 1em;}
.form-group label {font-size: 1em; display: block;}
.form-group input {font-size: 1.25em; border-radius: 0; margin-top: 0.5em; padding: 0.25em;}
.required-field label:after {content: ' *'; color: Red;}
.form-group select {font-size: 1.25em; border-radius: 0; margin-top: 0.5em; padding: 0.25em;}
.form-group-text {float: left; width: 100%; margin-bottom: 1em;}
.form-group-text label {font-size: 1em; display: block;}
.form-group-text textarea {width: 92%; height: 7em; font-size: 1.25em; border-radius: 0; margin-top: 0.5em; padding: 0.25em;}
.form-group .btn {font-size: 1.5em; width: 92%; min-width: 192px; float: left; height: 60px; padding: 0; border: none; border-radius: 0; margin: 0; text-align: center; float: left; overflow: hidden;}

#mapa {margin: 20px auto; width: 100%; padding: 0; height: 400px;}
.eu-cookies {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #666666;
    background-color: #efefef;
    padding: 3px 0;
    text-align: center;
    z-index: 1000;
}

.eu-cookies button {
    background: #cccccc;
    color: Black;
}

/* tablet */
@media only screen and /*(min-width: 788px) and */(max-width: 960px) {

    body {}
    #obsahmenu {width: 25.08333333%; max-width: 520px; min-width: 220px;}
    #obsahmenu ul li {float: right;}
    
    #fotogal {float: right; width: 25.08333333%; max-width: 520px; min-width: 220px;}

    #navig_rychle div.navig_rychle_in {width: 100%;}
    .prolinacka-overlay {width: 35%}
    .prolinacka-overlay h2 {font-size: 1.5em;}
    
    .cycle-overlay {width: 40%; font-size: 1.5em}
    .cycle-more {height: 30px !important;}

    #clanky {width: 69.916666667%; margin-right: 0%;}
    #clanek {width: 69.916666667%; margin-right: 0%;}
    
    table.skladove {float: left; border: none; width: 100%}
    #obsahmenu.w360 {float: left; width: 100%; max-width: 520px; min-width: 220px;}
    #obsahmenu.w360 ul li {float: left; width: 200px; display: list-item;}
    
    .nove_wrapper {width: 69.916666667%;}
    
    .jete_param_in {min-width: 110px; width: 49%; margin: 0 0.5% 1% 0.5%;}
    .jete_ost {float: left; margin-top: 10px; margin-bottom: 10px;}
    .jete_spec_div {clear: both;}

    #contact-form {width: 100%; float: none;}
}

/* wide mobile */
@media only screen and /*(min-width: 480px) and */(max-width: 787px) {

    body {/*font-size: 100%; */padding: 0 10px; background: none;}
    #logo_wrapper {height: 90px;}
    #logo_ak {width: 242px; height: 59px; background-size: 100%; position: absolute; top: 15px; left: auto; right: 0px;}
    #logo_skoda {display: none;}
    #motto {display: none;}
    .navbar-toggle {top: 20px; left: 10px; }
    .navbar-toggle img {width: 50px; height: 50px;}
    
    .cycle-overlay {width: 60%}
    .cycle-more {display: none;}
    .cycle-pager {display: none;}
    
    #obsah_wrapper{margin-top: 20px;}
    #obsahmenu {float: left; width: 100%; max-width: 100%; min-width: 220px; padding-top: 20px; margin-top: 20px; margin-right: 0px; border-top: 2px solid #dedede;}
    #obsahmenu ul li {float: left; margin-left: 2.5%; margin-right: 2.5%}
    
    #navig_rychle {margin-bottom: 1em;}
    #navig_rychle_img {float: left;}
    #navig_rychle_img div {float: left; margin-left: 2.5%; margin-right: 2.5%;}
    
    #fotogal {float: left; width: 100%; max-width: 787px; min-width: 220px; margin-top: 40px;}
    #fotogal a img {min-width: 133px; margin-left: 2.5%; margin-right: 2.5%}

    #clanky {width: 100%; margin-right: 0%;}
    #clanky h2 {border-top: 0px; padding-top: 8px !important; margin: 0 0 10px 0;}
    #clanek {width: 100%; margin-right: 0%;}
    
    .clankyimg{display: block; margin-top: 15px;}

    #navig {display: none; overflow-x: hidden; background-color: #ffffff; font-size: 14px; font-weight: 600}
    #navig ul li {display: block; width: 100%; border-top: 1px solid #969696}
    #navig ul li a {padding: 10px 10px 8px; border-bottom: 0px; color: #969696}
    #navig ul li a:hover {color: #3baa49; background-color: #ffffff; border-bottom: 0px solid #3baa49;}
    #navig ul li a.selected {color: #3baa49; background-color: #ffffff; border-bottom: 0px solid #3baa49;}
    
    #navig ul li ul {position: relative; display: none; background-color: #ffffff; color: #969696; font-size: 1em;}
    #navig ul li ul li a {padding: 5px; border-bottom: 0px none; color: #969696; text-transform: none;}
    #navig ul li ul li a:hover {color: #3baa49; border-bottom: 0px none;}
    #navig ul li ul li a.selected {color: #3baa49; border-bottom: 0px none;} 
    #navig ul li ul li a.active {color: #3baa49; border-bottom: 0px none;}
    
    .nove_wrapper {width: 100%;}
    
    .jete_detail_l {width: 100%; float: left; margin-bottom: 50px;}
    .jete_detail_p {width: 100%; float: left;}
    .jete_param_in {min-width: 100px; width: 24%; margin: 0 0.5% 1% 0.5%; float: left; text-align: center; padding: 20px 0;}
    .jete_ost {float: left;}
    .jete_spec_div {clear: both;}

    #kontakt {width: 50%; min-width: 284px; margin: auto;}
    #kontakt div {width: 100%; clear: both;}
    #kontakt div.stred {margin: 0px ; border-right: 0px; border-left: 0px; border-top: 2px solid #6d6d6d; border-bottom: 2px solid #6d6d6d; padding: 10px 0 10px 0;}
    #contact-form {width: 100% !important; /*max-width: 480px;*/ float: none; clear: both;}

    .up{display:none}
}

/* mobile */
@media only screen and (max-width: 480px) {

    body {/*font-size: 120%;*/ padding: 0;}
    #hlava_wrapper {width: 95%; padding: 0 2.5%;}
    #logo_wrapper {height: 68px;}
    #logo_ak {width: 200px; height: 55px; top: 10px; right: 0px; background-size: 100%}
    .navbar-toggle {top: 9px; left: -7px; }
    
    .cycle-slideshow {display: none;}
    #prolinacka_wrapper {background-image: none; background-color: #ffffff; width: 100%; padding: 0;}
    .prolinacka-overlay {text-align: left; position: relative; width: 100%; height: auto; max-width: none; padding: 10px 0 0 0; background-color: transparent;}
    .prolinacka-overlay h2 {width: 88.75%; margin: 0 5.625%; font-family: SkodaPro; font-size: 1.5em; text-align: left;}
    .overlay-text {font-size: 1.2em;}
    
    .cycle-overlay {width: 80%}
    .cycle-title a {padding-top: 15px !important;}
    
    #obsah_wrapper {width: 95%; padding: 0 2.5%; /*margin: 0 0 12px 0;*/}

    #obsahmenu {text-align: center; margin-top: 0px; padding-top: 12px; border-top: 2px solid #58595b;}
    #obsahmenu ul li {display: table; width: 48.125%; min-width: 100px; float: left; height: 60px; background-color: #dedede; padding: 0; margin: 0 0 3.75% 0; text-align: center; float: left; overflow: hidden;}
    #obsahmenu ul li a {display: table-cell; padding: 0; vertical-align: middle; font-size: 14px;}
    .menul {margin-right: 3.75% !important;}
    #navig_rychle {display: none;}
    #navig_rychle_img {float: none;}
    #navig_rychle_img div {float: left; text-align: center; margin: 0; max-width: 320px; min-width: 100px; width: 48.125%}
    #navig_rychle_img div div.overlay {height: 12px; font-size: 0.65em; margin: 0px; padding: 12px 0px;}
    .hornil {margin-right: 3.75% !important; margin-bottom: 3.75% !important;}
    .hornid {margin-bottom: 3.75% !important;}
    .dolnil {margin-right: 3.75% !important;}
    #vozy_skladem {width: 100% !important; max-width: 480px !important; margin-top: 12px !important; padding-top: 12px; border-top: 2px solid #58595b;}
    #vozy_skladem div {margin-bottom: 3.75%}
    .navig_rychle_skladem {display: block;}
    .nrs_l {margin-right: 3.75% !important;}
    
    .clanek-fix{display: block; border-bottom: 2px solid #58595b; margin-bottom: 12px; padding-bottom: 12px;}
    .clanek-fix img {width: 112.676056338%; margin-left: -6.338028169%;}
    .clanek-fix-text {}
    
    #obsahClanek {margin-top: 0;}
    #clanky {margin-top: 0px;}
    #clanky div.clankydet {padding-top: 12px; border-top: 2px solid #58595b; margin-top: 12px; margin-bottom: 12px;}
    #clanky div.clankydet h2 {font-size: 1.5em;}
    div.perex {margin-bottom: 8px;}
    .clankyimg {margin-top: 0px;}
    .clanky_more {display: block; font-size: 14px;}
    .clanky_more a {padding: 5px 0px;}

    #fotogal {margin: 0;}
    #fotogal a img.last{margin-bottom: 3.75%;}
    
    .nove-model h3 {font-size: 1.2em;}
    .nove-obr {text-align: center; float: none; margin: 10px auto 0 auto;}
    .nove-detailp {float: left; margin: 2em 0 4% 0;}
    .nove-detailp .more {width: 10em;}
    
    .jete_detail_l {width: 100%; margin-bottom: 10px;}
    .bx-wrapper {display: none;}
    .jete_detail_p {margin-left: 0; clear: both;}
    .jete_param {margin: 1em auto;}
    .jete_param_in {min-width: 110px; width: 48%; margin: 0 1% 2% 1%;}
    
    #clanek {margin-top: 10px;}
    #clanek h3 {font-size: 1.5em;}
    #clanek h4 {font-size: 1.25em;}
    #clanek .modely {width: 44.5%; max-height: 200px;}
    #clanek .modely img {width: 100%;}
    #clanek div.clanky_kontakt_odd {float: none; width: 100%;}
    #clanek div.clanky_kontakt_os {margin-left: 0; min-height: 135px;}
    
    #clanekin h3 {border-top: 2px solid #58595b; margin-top: 12px; padding-top: 12px;}

    #pata {width: 100%; padding: 0 2.5%; background-color: #dedede;}
    #kontakt {width: 100%; margin: 0; padding: 0;}
    .form-group {width: 80%}
    .form-group-text {width: 80%}
}

@media only screen and (max-width: 350px) {
    #fotogal a img {width: 100%; min-width: 133px; margin-left: 0; margin-right: 0;}
}