/* Theme Name: AVIZO.cz - default lyout model Theme URI: http://www.avizo.cz/ Version: 2019-04-21.1 Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu) */ /* <-------------- LESS */ .border-radius ( @radius: 5px ) { -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius; } .position-centered { position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); } .position-vertical { position: absolute; top: 50%; transform: translateY( -50% ); } .position-horizontal { position: absolute; left: 50%; transform: translateX( -50% ); } /* <-------------- Vychozi nastaveni */ *, *:after, *:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} hr, .n {display:none;} .show {display:block !important;} div, form, section, header, footer, nav, aside {display:block;margin:0;padding:0;} /* <-------------- Telo */ html {margin:0;padding:0;width:100%;height:100%;} body {width:100%;height:100%;min-width:320px;margin:0;padding:0;position:relative;overflow-x:hidden;} /* <-------------- Defaultni boxmodel */ .inner-wrapper {width:100%;position:relative;} .wrapper {width:100%;max-width:1328px;min-width:755px;margin:0 auto;position:relative;padding:0;} .iframe-body .wrapper { max-width:1026px; text-align: left; } .grid {width:100%;} .section-default { padding: 30px; } #avizo-preloader {position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:9999999999999999;} .aligncenter {text-align:center;} /* responzivni sloupce */ [class*='col-'] {float:left;padding-right:20px !important;} .col-1-1 {width:100%;} .col-2-3, .col-8-12 {width:66.66%;} .col-1-2, .col-6-12 {width:50%;} .col-1-3, .col-4-12 {width:33.33%;} .col-1-4, .col-3-12 {width:25%;} .col-1-5 {width:20%;} .col-1-6, .col-2-12 {width:16.667%;} .col-1-7 {width:14.28%;} .col-1-8 {width:12.5%;} .col-1-9 {width:11.1%;} .col-1-10 {width:10%;} .col-1-11 {width:9.09%;} .col-1-12 {width:8.33%} .col-11-12 {width:91.66%} .col-10-12 {width:83.333%;} .col-9-12 {width:75%;} .col-5-12 {width:41.66%;} .col-7-12 {width:58.33%; } /* <-------------- Zarovnani, odsazeni a obrazky */ .txtcenter {text-align:center !important;} .txtright {text-align:right !important;} .txtleft {text-align:left !important;} .txtjustify {text-align:justify !important;} .imgfull {width:100%;height:auto;} .imgright {float:right;margin-left:20px;} .imgleft {float:left;margin-right:20px;} .imgcenter {display:block;margin-left:auto;margin-right:auto;} .content-margin-box {margin:0 0 60px 0;} .float-left {float:left;} .float-right {float:right;} /* <-------------- SLICK - slider */ .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} .slick-slide , .slick-slide a {outline:none !important;} /* <-------------- Defaultni formulare */ .frm {width:100%;margin:0 0 15px 0;} .frm-group, .form-group {margin:0 0 15px 0;} .frm input[type="text"], .frm input[type="password"], .frm input[type="email"], .frm input[type="number"], .frm input[type="tel"], .frm input[type="date"], .frm textarea { width:100%; padding:10px 10px; outline:none !important; text-align:left; position:relative; } .frm select { padding:10px 5px; width:auto; outline:none !important; text-align:left; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } label {outline:none !important;} .frm-label, .frm-group .control-label {float:left;text-align:right;outline:none !important;} /* <-------------- SELECTBOX */ .frm-selectbox {width:100%;position:relative;text-align:left;} .frm-selectbox-label {display:block;width:100%;overflow:hidden;cursor:pointer;} .frm-selectbox-icon {position:absolute;right:1px;top:9px;cursor:pointer;padding-right: 4px;} .frm-selectbox ul {position:absolute;top:44px;left:0;right:0;margin:0;padding:0;list-style:none;z-index:99999;max-height:400px;overflow:auto;overflow-x:hidden;} .frm-selectbox ul input {display:none;} .frm-selectbox ul label {display:block;padding:15px 20px;cursor:pointer;} /* <-------------- Formular -filtr */ .frm-filter {padding:15px; .border-radius; margin-bottom:20px;} /* <-------------- Tlacitka */ button, .button, .button:visited, .btn, .btn:visited {display:inline-block;padding:10px 15px;line-height:1em;cursor:pointer;text-decoration:none !important;text-transform:uppercase;} /* <-------------- top lista */ .top-main-bar {padding:0 20px;} .top-main-bar p {display:block;margin:0;padding:0;width:auto;line-height:1em;} .top-main-bar-link {float:left;} .top-main-bar-other {float:right;} .top-main-bar-link span {display:none;} .top-main-bar-link a, .top-main-bar-link a:visited {display:inline-block;padding:15px 30px;margin:0;} a.top-main-bar-helplink, a.top-main-bar-helplink:visited {display:inline-block;padding:14px 0;margin-right:50px;} .top-main-bar-infolinka {display:block;width:auto;float:right;padding:7px 0 0 0;text-align:left;} .top-main-bar-infolinka small {display:block;line-height:1em;padding-left:15px;} .top-main-bar-infolinka-link-mail {margin-left:15px;} /* topline - cookise */ .topcookies {padding:10px 20px;text-align:center;} .topcookies {display:none;} .topcookies-button, .topcookies-button:visited {display:inline-block;padding:7px 15px;margin:0 30px;line-height:1em;cursor:pointer; } /* logo */ #logo {text-align:center;margin:0;padding:0;line-height:1em;display: block; float: left; position: relative; } #logo a {display:block;float:left;width:328px;height:75px;overflow:hidden;text-align:left;margin:0;padding:0;background:url(https://www.inzerce-avizo.cz/assets/css/img/avizocz-logo.png) no-repeat 0 0;background-size:100% auto;text-indent:-6000px;cursor:pointer;} #logo span {display:inline-block;margin-left:20px; font-size:1.2em;padding-bottom:12px;vertical-align:bottom;text-transform:uppercase;} #logo b {display:block;width: 250px; text-align: left; position: absolute; left: 348px; bottom: 0; font-size:16px;vertical-align:bottom;text-transform:none;} /* <-------------- pata */ footer {display:block;} footer .wrapper {text-align:left;} .flinks {margin:0 0 30px 0;padding:0;line-height:70px !important;font-size:12px;} .flinks:after {content:"";display:table;clear:both;} .flogo {display:block;float:left;width:200px;height:46px;overflow:hidden;text-align:left;margin:0 20px 0 0;padding:0;} .fnav ul {list-style:none;margin:0;padding:0;} .fnav h2 {margin:0 0 15px 0;padding:0;line-height:1.2em;font-size:1.2em;} footer .socicon {width:auto;margin:0;padding:0;line-height:1em;font-size:2.4em;position:absolute;top:10px;right:0;} footer .socicon a em {display:none;} footer .socicon a {text-decoration:none !important;} .footer-copyright {clear:both;padding-top:25px;font-size:0.75em;text-align:right;} /* <-------------- OBSAH --------------------------------------------------> */ /* <-------------- box model pro obsahovou cas stranky */ .main-content {padding:30px 20px 60px 20px;} .main-content .wrapper {text-align:left;} /* <-------------- GOOGLE ADSENSE KODY A REKLAMA --------------------------------------------------> */ .viewi-googlebnr-container { padding: 0; margin: 0; text-align: center; } .viewi-googlebnr { width: auto; margin: 0 auto 40px auto; } .detail-list-pad .viewi-googlebnr-container-mid { margin: 0 auto 40px auto; width: 100%; } #bottadcontainer { width: 100%; } .bmid { margin: 30px 0; text-align: center; } .bmid img { margin: 0 auto; width: 100%; max-width: 666px; height: auto; border: solid 1px #d3f0fe !important; border-radius: 10px; } .mbid-mobile { display: none; } .viewlist-google-responsive { width: 100%; height: 150px; } .viewi-exobnr { width: 100%; min-height: 190px; margin: 0 0 40px 0; } /* <-------------- RESPONZIVE --------------------------------------------------> */ @media handheld, only screen and (max-width: 929px) { .wrapper {width:100% !important;min-width:100% !important;} #logo b {width: auto; left: 0px; bottom: -17px; right: 0; font-size:11px; letter-spacing: 0.75em; padding-left: 5px; } } @media handheld, only screen and (max-width: 600px) { .viewlist-google-responsive { width: 100%; height: 150px; } .mbid-mobile { display: block; max-width: 450px; } .mbid-desktop { display: none; } } @media handheld, only screen and (max-width: 450px) { .viewlist-google-responsive { width: 100%; height: 340px; } } @media handheld, only screen and (max-width: 767px) { [class*='col-'] {width:auto;float:none;margin-left:0px;margin-right:0px;margin-top:10px;margin-bottom:10px;padding-left:0px;padding-right:10px !important;} #logo span {display:block;margin:50px 0 0 0;font-size:1.0em;padding-bottom:0;} } @media handheld, only screen and (max-width: 420px) { #logo a {width:200px; height: 55px; } #logo {margin:25px 0 0 0;text-align:left;} #logo b {display: none; } }