/* globalni styly */
.sirka {width:100%;padding:10px;margin:0;box-sizing:border-box}
.maxwidth{max-width:1248px;margin:0 auto;padding:0;box-sizing:border-box} */
.padding{padding:40px}
.cleardiv{clear:both;height:0}
img {vertical-align:middle;line-height:0;display:block;}
#zahlavi{display:block;padding:10px;background:#000;color:#FFF;height:100px}
#hlavnimenu{display:block;padding:20px}
#mobilnimenu{display:none}
h1,h2,h3{margin:0;padding:0}
.desktop{display:block}
.mobile{display:none}

/* color styles pro weby */
body{background:#F4F3F0;color:#333}

/* fonts */
body {min-height:100%;line-height:1.75;word-wrap:break-word;font-family:"Montserrat", sans-serif;font-size:16px;}
h1{font-size:200%;font-weight:bold;margin:0;padding:0;line-height:110%}
h2{font-size:150%}
h3{font-size:125%}
strong{font-weight:bold}
#home h2,.motto h2,.kontakt{font-family:"Montserrat",sans-serif;font-weight:normal;}
.anotace{font-size:1.25em;}
.paticka h2{font-weight:bold;margin-bottom:1em}
.kontakt {font-size:200%;padding:40px;box-sizing:border-box}


#topmenu,#mobilnimenu {background:#D2302C;}
#topmenu a,#mobilnimenu a{color:#fff;text-decoration:none}

/* stranky registrace */

#user-register-form label{width:180px;float:left}

#user-register-form fieldset{border:none;padding:0;margin:0}
#user-register-form .description{display:none}
#user-register-form input{width:200px}

/* register/buy */

/* zahlavi */

#zahlavi #svglogo {padding:0 0 0 10px;width:800px;height:100px;float:left;}
#zahlavi #svglogo img{width:100%;height:100px;}
#zahlavi .claim{float:left;line-height:100px;margin:0 20px;font-weight: bold;text-transform:none;font-size:125%}
#zahlavi .telefon {float:right;color:#fff;font-weight:bold;line-height:100px}
#zahlavi a {color:#fff;text-decoration:underline}

/* hlavnimenu */
#hlavnimenu .usermenu {float:right;color:#fff;font-weight:bold}
#hlavnimenu a{margin:0 10px 0 0}
#hlavnimenu a.btnkampan{background:#fff;padding:5px 10px;color:#D2302C;font-weight:bold;}
#hlavnimenu a.btnlog,#hlavnimenu a.btnreg{background:#409fdf;padding:5px 10px;color:#fff;font-weight:bold;
/* -webkit-border-radius:5;
-moz-border-radius:5;
border-radius:5px; */
}

.uspora{width:20%;padding:0 30px;margin:0;box-sizing:border-box;float:right;text-align:right;color:#fff;display:none}

.mobiletopmargin{display:none}
.scrollmenu{display:none}

.demo{text-align:center;width:50%;background:#faf8c7;padding:10px 20px;margin:20px 25%0;box-sizing:border-box;}

/* objednavka */
#objednavka{background:#fff;width:700px;padding:20px;box-sizing: border-box;margin:0 auto;margin-top:40px}
#objednavka h1{text-align:center}
#objednavka label{width:250px;float:left}
#objednavka input[type=text]{width:350px;text-align:right;border:0;background:#fff;color:#000}
#objednavka .form-checkbox {position:!important ;visibility:visible;opacity:1;}
#objednavka input[type=checkbox] + label{
background:none;
padding:0;
margin:0;
float:none;
width:20px;height:20px;
}
#objednavka input[type=checkbox]:checked + label,input[type=checkbox]:checked + label:hover{color:#666;background:none;}
/* #objednavka .form-item-id-nabidky,#objednavka .form-item-id-kupujiciho{display:none} */
.login-terms{text-align:center;margin-top:30px}
#objednavka input[type=checkbox], input[type=radio] {
vertical-align: middle;
position: relative;
bottom: 4px;
}

#edit-actions{text-align:center;margin-top:20px;width:100%;float: left}

/* homepage */
#homepage{padding:20px}
#homepage .popis{padding:20px 0}

.teaser{width:100%;margin:20px 0 0 0;padding:20px;box-sizing:border-box;width:100%;background:#004699;color:#fff;text-align:center;float:left;}
.teaser h1{line-height:150%}

.hometitle{width:100%;margin:20px 0;padding:20px;box-sizing:border-box;width:100%;background:#a3d5f8;color:#004699;text-align:center;float:left}
.hometitle h1{font-weight:normal;font-size:24px;line-height:150%;margin:0;padding:0}

#topnabidky,.konfigurator {width:100%;float:left}
#topnabidky .views-row,.konfigurator .views-row{float:left;width:16.6666%;padding:20px;box-sizing:border-box;overflow:hidden;position:relative;margin-bottom:20px;}
.online .views-field-field-cover{background:#fff;height:160px;padding:0;margin:0;line-height:160px;position: relative;overflow:hidden}
.online .views-field-field-cover img{position: absolute;top: 0;bottom: 0;margin: auto;}
#topnabidky .views-row:hover img,.konfigurator .views-row:hover img{opacity:1;}
#topnabidky .online.views-row:hover,.konfigurator .views-row:hover,#topnabidky .views-row:hover {background:#D2302C;color:#fff}
.views-row:hover .cena{color:#fff}
#topnabidky .views-row img,.konfigurator .views-row img{width:100%;height:auto}
.online.views-row img,.konfigurator .online.views-row img{opacity:1}
.offline.views-row,.konfigurator .offline.views-row{opacity:.5}
#dalsinabidky{width:100%;float:left;margin-top:40px}
#dalsinabidky .views-row{float:left;width:10%;padding:20px 20px 20px 0;box-sizing:border-box;height:300px}
#dalsinabidky .views-row img{width:100%;height:auto}
#dalsinabidky .mapico{float: left;padding:40px}
#dalsinabidky .views-field-field-print-datum-vydani{padding:0;margin:5px 0;height:20px;}

.nedrazi.views-row{background:none}
.drazba.views-row{background: #e7e7e7}
.drazba.views-row .cena{background:url(/themes/d8default/images/darrgreen.svg) no-repeat right;background-size:20px;width:100%;float:left;color:#44c620}
.drazba.views-row .sleva{background:#44c620}


#dalsinabidky-outdoor{width:100%;float:left;margin-top:40px}
#dalsinabidky-outdoor .views-row{float:left;width:20%;padding:20px 20px 20px 0;box-sizing:border-box;height:330px}
#dalsinabidky-outdoor .views-row img{width:100%;height:auto}
#dalsinabidky-outdoor .mapico{float: left;padding:0;width:100%}

.views-field-field-print-pocatecni-cena a{background:#D2302C;color:#fff;padding:5px 10px;width:100%;text-align:center;text-decoration:none;float:left;box-sizing:border-box;font-weight:bold;font-size:125%}
.views-field-field-print-pocatecni-cena a:hover{color:#fff;}

.cena, .cena-detail strong{color:#D2302C;font-weight:bold}
.datum, .nosic{margin:10px 0 0 0;width:100%;box-sizing:border-box;float:left}
.sleva{background:#D2302C;color:#fff;position:absolute;top:30%;left:0;font-size:1.2vw;padding:5px 10px;font-weight:bold}

.views-field-field-prepocitana-cena{font-weight:bold;color:#D2302C}

#toptopnabidka .views-row {width:25%;}

#toptopnabidka{width:66.6666%;box-sizing: border-box;float: left}
#topbanner{width:33.3333%;float: left;padding:20px;margin:0;box-sizing: border-box;height:100%}
#topbanner .banner{padding:0;height:262px;box-sizing: border-box;width:100%;line-height:262px;text-align:center;background:#004699;color:#fff}
#topbanner .banner img{width:100%;height:auto}

/* stranka vyhledat */
.view-display-id-page_1 .views-row {float:left}


/* stranka print */
.cena-detail {margin:0 0 10px 0}
.wrap{display:inline}
#node-obsah{padding:20px;box-sizing:border-box;text-align:left}
.praveprohlizi{margin:10px 0;width:100%;float:left}
#titul{position:relative;margin:0 auto;width:20%;float:left;box-sizing:border-box;color:#999}
#titul .sleva{background:#D2302C;color:#fff;position:absolute;top:60%;left:30%;right:30%;width:40%;font-size:130%;padding:0px 10px;font-weight:bold;text-align:center;box-sizing:border-box}

#titul .view-id-sytemviews.view-display-id-block_1{}
#titul .view-id-sytemviews.view-display-id-block_1 img{margin:0;width:100%;height:auto}


.detail {margin-top:20px}
.detail p{margin:0;padding:0}
#popis{float:left;width:40%;padding:0 0 0 5%;margin:0;box-sizing:border-box;}
#popis-uzivatele{float:left;width:40%;padding:0 0 0 5%;margin:0;box-sizing:border-box;}
.titulek{width:100%;float:left;box-sizing:border-box;margin:0 0 20px 0;line-height:150%}
.titulek .format{font-weight:normal;display:inline}
.titulek .datum{font-weight:normal;font-size:75%}
/* .cislo{text-align:left;float:left} */
.aktualizace{text-align:right;float:right}
.sdilet{text-align:left;float:left;width:100%;line-height:150%}
.views-field-field-obchodni-podminky{margin:20px 0 0 0;/* font-weight:bold */}

img.darr{height:15px;width:auto;display:inline}

form#hlidejmedia input[type=number]{width:100px;padding:9px 11px;}

/* #mediabot{border:1px solid #cecece;width:100%;box-sizing: border-box;padding:10px} */
#mediabot p{margin:10px 0 0 0;padding:0;line-height:120%;color:#9b9b9b}

#kupmedia label{font-weight: normal}

#kupmedia input[type=submit]{font-size:150%}

#uspora{padding:0 0 40px 0}
/* stranka print edit */

.vertical-tabs {display: none}

/*
.node-print-edit-form {width:100%;float:left;box-sizing:border-box;margin-bottom:150px;padding:0;}
.node-print-edit-form label{width:150px;float:left}
.node-print-edit-form legend{font-weight:bold;display:none}
.node-print-edit-form #edit-field-print-date-wrapper legend{font-weight:bold;display:block}
.node-print-edit-form #edit-group-cena{width:33.333%;float:left;box-sizing:border-box;;padding:0;margin:0;}
.node-print-edit-form #edit-group-cena input{width:100px}
.node-print-edit-form #edit-actions{width:100%;float:left;box-sizing:border-box;}
.node-print-edit-form #edit-group-detail-inzeratu{width:33.333%;float:left;box-sizing:border-box;;padding:0;margin:0;}
.node-print-edit-form #edit-group-casovy-plan{width:33.333%;float:left;box-sizing:border-box;padding:0;margin:0;}
.node-print-edit-form .form-type-vertical-tabs{width:100%;float:left;box-sizing:border-box;clear:both;display:none}
*/
legend, label{color:#999;font-weight:bold}

fieldset{border:0 none;padding:0;margin:0}

input[type=submit],input[type=button],#edit-delete {

/* -webkit-border-radius:9;
-moz-border-radius:9;
border-radius:9px; */

font-family:"Montserrat", sans-serif;
color:#fff;
padding:10px 15px;
text-decoration:none;
cursor:hand;
border:none;
}

input[type=submit],input[type=button] {
background:#D2302C;
}

#edit-delete {
background:#d2d2d2;
}


input[type=submit]:hover,input[type=button]:hover,#edit-delete:hover {
background:#3cb0fd;
text-decoration:none;
}

input[type=submit]:active,input[type=button]:active {
background:#D2302C;
text-decoration:none;
}

input.drazba[type=submit] {
background:#44c620;
}
input.nedrazba[type=submit] {
background:#44c620;
}


/* konfig */

.view-display-id-block_3 img, .view-display-id-page_1 img{width:100%;height:auto}
.view-display-id-page_1 {width:100%;float:left;margin:0 0 120px 0}

/* tags */

/* #views-exposed-form-sytemviews-page-3{/* background:#f0f0f0; */width:100%;box-sizing:border-box;padding:10px 20px 0 0} */
.views-exposed-form {width:100%;margin:0 0 20px 0}
#edit-kategorie--wrapper {width:100%;float:left;}
#edit-pohlavi--wrapper {width:170px;float:left}
#edit-prijem--wrapper {width:200px;float:left}
#edit-vzdelani--wrapper {width:200px;float:left}
#edit-vek--wrapper {width:520px;float:left}
/* outdoor konfig */
#edit-typ--wrapper {width:450px;float:left}
#edit-komunikace--wrapper {width:320px;float:left}
#edit-osvetleni--wrapper {width:150px;float:left}
#edit-umisteni--wrapper {width:620px;float:left}
.form-type-entity-autocomplete{width:300px;float:left}
.form-type-entity-autocomplete input{width:300px;float:left;border:none;height:28px;margin-top:7px;padding:5px 10px}

.ui-slider-horizontal{background:#fff;border:1px solid red;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
margin:10px 0}

.ui-slider-handle{
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;}

/* buttons checkboxes radios*/
.node-form .form-checkbox,.node-form .form-radio,.konfigurator .form-checkbox,.konfigurator .form-radio,.form-radio{position:absolute;visibility:visible;opacity:0;}

.node-form input[type=checkbox] + label,.node-form input[type=radio] + label,.konfigurator input[type=checkbox] + label,.konfigurator input[type=radio] + label {background:#dfdfdf;float: left;margin:0 10px 10px 0;padding:5px 10px}

.node-form input[type=checkbox]:checked + label,.node-form input[type=checkbox]:checked + label:hover,.node-form input[type=radio]:checked + label,.node-form input[type=radio]:checked + label:hover,.konfigurator input[type=checkbox]:checked + label,.konfigurator input[type=checkbox]:checked + label:hover,.konfigurator input[type=radio]:checked + label,.konfigurator input[type=radio]:checked + label:hover{color:#fff;background:#D2302C;}

.node-form input[type=checkbox] + label:hover,.node-form input[type=radio] + label:hover,.konfigurator input[type=checkbox] + label:hover,.konfigurator input[type=radio] + label:hover {background:#cecece;}


input#edit-reset{background:#d2d2d2}

.konfigurator{float:left;width:100%;margin-bottom:100px}


/* registrace node 32 */
#registrace{width:100%;float:left;padding:0;}
#registrace .item{width:48%;float:left;padding:40px;text-align:left;box-sizing:border-box;margin:0}
#registrace .kupovat{background:#e9e9e9;margin-right:2%;}
#registrace .prodavat{background:#e9e9e9;margin-left:2%}
.btn{background:#D2302C;color:#fff;padding:5px 10px;margin:0 10px 10px 0;text-decoration:none;}
.red{color:#D2302C}
/* footer */

html {position:relative;min-height:100%;}
#obsah{width:100%;margin-bottom:200px;float:left}
footer {
position:absolute;
left:0;
bottom:0;
height:100px;/* paticka + copyright */
width:100%;
box-sizing:border-box;
padding:20px;
margin:0;
float:left;
background:#d2d2d2;
color:#666;
box-sizing:border-box;
}

footer .sloupec{width:33%;float:left;}

/* outdoor template */

#popis-outdoor{float:left;width:40%;padding:0%;margin:0;box-sizing:border-box;}
#map{float:left;width:60%;padding:0%;margin:0;box-sizing:border-box;text-align: right}
.sleva{font-size:180%;}


/* tabulkyobjednavek */
#tabulkyobjednavek table,#tabulkypricewatch table{width:100%;margin:40px 0}
#tabulkyobjednavek td,#tabulkypricewatch td{padding:10px 0;border-bottom:1px solid #cdcdcd}
/* nazev */
#tabulkyobjednavek .views-field-webform-submission-value-5{width:40%;}
/* cena nakup */
#tabulkyobjednavek .views-field-webform-submission-value{width:20%;text-align:right;}
/* datum objednavky */
#tabulkyobjednavek .views-field-webform-submission-value-1{width:20%;text-align:right;}
/* datum a cas hlidac */
#tabulkyobjednavek .views-field-webform-submission-value-7{width:15%;text-align:right;}
/* uspora */
#tabulkyobjednavek .views-field-webform-submission-value-6{width:10%;text-align:right;}

/* tabulkypricewatch */
/* nazev */
#tabulkypricewatch .views-field-webform-submission-value-10{width:40%;}
/* cena nakup */
#tabulkypricewatch .views-field-webform-submission-value-6{width:20%;text-align:right;}
/* datum a cas hlidac */
#tabulkypricewatch .views-field-webform-submission-value-7{width:15%;text-align:right;}
/* uspora */
#tabulkypricewatch .views-field-webform-submission-value{width:10%;text-align:right;}
/* tooltips */
.css-tooltip{position: relative;}

.css-tooltip:hover:after{content:attr(data-tooltip);background:#ffe4a9;padding:5px;border-radius:3px;display: inline-block;position: absolute;transform: translate(-50%,-100%);margin:0 auto;color:#000000;min-width:230px;min-width:280px;top:-5px;left: 50%;text-align:center;}

.css-tooltip:hover:before {top:-5px;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(0, 0, 0, 0);border-top-color: #ffe4a9;border-width: 5px;margin-left: -5px;transform: translate(0,0px);}

#topspacer{margin:0;padding:0;height:0;width:100%;box-sizing:border-box;float:left}

.messages--status{display:none}
@media (min-width:320px) and (max-width:800px) { /* mobily */
h1{font-size:150%;margin:0;padding:0;}
input[type=submit] {-webkit-appearance:none;/* vypnuti ios stylu */}
#topmenu{display:none}
.desktop{display:none}
.mobile{display:block}
.wrap{display:block}


#zahlavi{position:relative;top:60px;left:0;height:auto;width:100%;text-align:center;z-index:9998;box-sizing:border-box;padding:20px;margin:0;float:left;display:block}
#zahlavi #svglogo {padding:0;width:100%;height:100%;margin:0 auto;box-sizing: border-box;}
#zahlavi #svglogo img{padding:0;width:100%;height:100%;margin:0;}

#topspacer{margin:0;padding:0;height:0px;width:100%;box-sizing:border-box;float:left}


.nomobile{display:none}
.hometitle{width:100%;margin:0;padding:20px;}
.hometitle h1{font-size:18px;line-height:120%;padding:0;font-weight:normal}

h2{text-align: center;line-height:120%;margin:0 0 20px 0}
.demo{width:100%;padding:10px;margin:20px 0;}

#topbanner{width:100%;float: left;padding:0;margin:0 0 40px 0;box-sizing: border-box;height:100%}
#topbanner .banner{height:auto;}

.scrollmenu {width:100%;float:left;position:fixed;top:0;display:block;z-index:9999;box-sizing: border-box;}
.scrollmenu .content{margin:0;padding:0;height:60px;}
div.scrollmenu {background:#3cb0fd;overflow-x:auto;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;}
div.scrollmenu::-webkit-scrollbar {display:none;}
div.scrollmenu li {display:inline-block;margin:0;padding:0;}
div.scrollmenu a {display:inline-block;color:#fff;text-align:center;padding:0 15px;height:60px;line-height:60px;text-decoration:none;}
div.scrollmenu a.active {display:inline-block;background:#F4F3F0;color:#00a0de;}
div.scrollmenu ul {margin:0;padding:0;}

/* homepage */
/* .views-field-nothing{font-size:24px;} */

.teaser{font-size:80%}

#objednavka{background:#fff;width:100%;padding:20px;}
#objednavka input{width:80%;text-align: left}
#objednavka .form-item{width:100%;float:left;text-align: left}

.mobiletopmargin{margin-top:15px;display:block;}

#obsah{margin-top:20px;float:left;width:100%;}
#node-obsah{padding:20px;box-sizing:border-box;text-align:center}
.sdilet{margin-top:10px;text-align:center}

#popis-outdoor,#map{width:100%}

#kupmedia{margin:20px 0}
form#hlidejmedia input[type=submit]{margin-top:20px}


#topnabidky .views-row,.view-display-id-page_1 .views-row,#node-obsah #dalsinabidky .views-row,#node-obsah #dalsinabidky-outdoor .views-row,#dalsinabidky .views-row{float:left;width:50%;padding:20px;box-sizing:border-box;overflow:hidden}
.konfigurator .views-row img,.view-display-id-page_1 .views-row img{width:100%;float:left;box-sizing: border-box;height:auto}

#dalsinabidky {padding:0 0 80px 0;float:left}
#dalsinabidky .views-row{width:50%;height:auto;}

#toptopnabidka {width:100%;}
#toptopnabidka .views-row {width:50%;}

#topnabidka.outdoor .views-field-nothing{top:20%;}
#topnabidka.outdoor .views-row,.konfigurator .views-row{height:auto;width:100%;text-align:left}
#topnabidka.outdoor .views-field-nothing-2,.konfigurator .views-row .views-field-nothing-2{height:100px;width:100px;float:left;margin-right:20px}
#topnabidka.outdoor .sleva,.konfigurator .views-row .sleva{position:absolute;top:0;left:0;box-sizing: border-box;font-size:150%}

#registrace{margin:0 0 70px 0;padding:0;float:left;}
#registrace .item{width:100%;float:left;padding:40px;text-align:center;box-sizing:border-box;margin:0}
#registrace .kupovat{background:#e9e9e9;margin:0 0 20px 0;}
#registrace .prodavat{background:#e9e9e9;margin:0%}

#titul{position:relative;margin:0 15% 10px 15%;width:70%;float:none;float:left}
#titul .sleva{top:50%;left:0;font-size:180%;margin:0 15%;width:70%}
#titul .view-id-sytemviews.view-display-id-block_1 img{margin:0 auto;width:100%;height:auto}
.cislo{display:none}
.views-field-field-print-datum-vydani{margin:10px 0;width:100%;box-sizing:border-box;float:left}

#popis-uzivatele{float:left;width:100%;margin:40px 0;padding:0;box-sizing:border-box;}

#popis{float:none;width:100%;margin:0;padding:0}


/* exposed */
#views-exposed-form-sytemviews-page-1 .form-item,#views-exposed-form-sytemviews-page-3 .form-item{text-align:center;width:100%;padding:0;margin:10px 0;box-sizing: border-box}

.login-terms{text-align:center;margin-top:0;padding:20px}

/* objednavka */
#objednavka {margin:0;padding:20px}
#objednavka #edit-actions-submit{text-align:center}
#objednavka .form-item-souhlas{text-align:left;padding:0;margin:0;}
#objednavka input[type=text]{width:90%;text-align:right;border:0;background:#fff;color:#000}

#obsah{margin-bottom:50px;/*vyska footeru + padding */}
footer {
position:absolute;
left:0;
bottom:0;
height:auto;/* paticka + copyright */
width:100%;
box-sizing:border-box;
padding:20px;
margin:0;
float:left;
background:#d2d2d2;
color:#666;
box-sizing:border-box;
}
footer .sloupec {width:100%}
.konfigurator fieldset {width:100%;box-sizing:border-box;float:left}
.konfigurator .fieldgroup.form-item label{width:100%;box-sizing:border-box}

#edit-typ--wrapper,#edit-komunikace--wrapper,#edit-osvetleni--wrapper,#edit-umisteni--wrapper,.form-item-region {width:100%;float:left;box-sizing:border-box}
.form-item-region input{width:100%;float:left;box-sizing:border-box}
}



@media screen and (orientation: landscape) {


}