/* reset5 © 2011 opensource.736cs.com MIT */
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input[type=submit],input[type=button],button{margin:0!important;padding:0!important;}input,select,a img{vertical-align:middle;}

html,body{text-align:center;font-size:0.96em;font-family: 'PT Sans', sans-serif;width:100%;height:100%;line-height:20px;}
.end{clear: both;height: 1px;font-size: 0px;line-height: 0px;}
a{text-decoration:none;}

#top{width:100%;height:105px;background:url("/img/bg_top.jpg") repeat-x;position:relative;-moz-box-shadow: 0 4px 4px -3px #131313;-webkit-box-shadow: 0 4px 4px -3px #131313;box-shadow: 0 4px 4px -3px #131313;z-index:99}

#top #logo{width:156px;height:87px;display:block;left:5%;position:relative;top:9px;background:url("../img/logo.png");font-size:1px;text-indent: -10000px;}

#top ul{position:absolute;top:0;right:2%;z-index:100;}
#top ul li{float:left;list-style:none;}
#top ul li.oddel{background:url("/img/menu_oddel.png");width:2px;height:105px;}
#top ul li a{padding:0 20px;height:105px;display:block;line-height:105px;color:#0d0d0d;font-size:1em;text-align:center;}
#top ul li a:hover,#top ul li a.active{background:url("/img/bg_top_hover.jpg") repeat-x;}
#top #show_menu{position:absolute;top:42px;right:20px;cursor:pointer;display:none;}


#footer{width:100%;height:40px;background:#F9F9F9;position:fixed;bottom:0;left:0;z-index:100;}
#footer .share{position:absolute;top:6px;left:5%;}
#footer .share a{display:block;width:28px;height:27px;float:left;margin-right:5px;}
#footer .share a.fcb{background:url("/img/icon_fcb.png");}
#footer .share a.pint{background:url("/img/icon_pint.png");}
#footer .share a:hover{background-position:0 -28px;}
#footer .copy{position:absolute;bottom:5px;right:1%;color:#595959;text-align:right;font-size:0.8em;}

.container{background:url("/img/bg_container.png") top right repeat-y;width:800px;height:70px;position:absolute;top:45%;left:0;color:#000;text-align:left;z-index:10;padding:20px 50px;font-size:1.6em;line-height:1.6em;display:none;}

#small_slide{height:140px;}
h1{color:#0D0D0D;font-size:1.9em;text-align:left;font-weight:normal;margin:0 0 20px 0;}
h2{color:#0D0D0D;font-size:1.4em;text-align:left;font-weight:normal;}
hr{border:0;border-top:1px dotted #676767;margin:20px 0;}

.main{width:90%;margin:3% 5% 100px 5%;}
.main a{text-decoration:underline;color:#005B90;}

.proc .policko{width:20%;min-width:100px;float:left;text-align:center;margin-top:40px;margin-bottom:20px;}
.proc .policko img{width:85%;max-width:158px;margin-bottom:10px;border-radius: 50%;}
.proc .policko p{width:95%;max-width:198px;font-size:0.9em;margin:0 auto;color:#363636;}
.proc .policko p strong{font-size:1.1em;color:#0D0D0D}
.proc h2{background:url("/img/bg_h2.png") 8px 2px no-repeat;padding-left:40px;cursor:pointer;}
.proc h2:hover{text-decoration:underline;}
.proc h2.act{background-position:8px -40px;}
.textik{margin:10px 0 0 40px;text-align:left;overflow:hidden;}
.textik p {margin:10px 0;}

.kontakt a{text-decoration:none;}
.kontakt a:hover{text-decoration:underline;}
.kontakt .adres{width:22%;float:left;margin-right:3%;text-align:left;margin-bottom:20px;}
.kontakt .adres .nadp{font-weight:700;font-size:1.15em}
.kontakt .adres span{float:left;}
.kontakt .adres span.tuc{width:70px;font-weight:700;}

.kontakt .kont_face{width:30%;height:64px;float:left;padding-left:70px;line-height:64px;background:url("../img/kontakt_face.jpg") left center no-repeat;text-align:left;color:#0D0D0D;margin:30px 0;display:block;}
.kontakt .kont_pint{width:30%;height:64px;float:left;padding-left:70px;line-height:64px;background:url("../img/kontakt_pint.jpg") left center no-repeat;text-align:left;color:#0D0D0D;margin:30px 0;display:block;}
.kontakt .kont_biano{width:25%;height:64px;float:left;line-height:64px;margin:30px 0;display:block;text-align: left;}
.kontakt .kont_biano img {width:50%;height:auto;}

.kontakt .policko{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;width:49%;height:140px;background:#f2f2f2;float:left;text-align:left;padding:20px 0;margin:20px 0 0 0;
}
.kontakt .policko.first{margin-right:2%;}
.kontakt .policko .foto{margin: 0 20px;float:left;height:140px;}
.kontakt .policko .nad{color:#0D0D0D;font-size:1.4em;margin-top:7px;}
.kontakt .policko .poz{color:#3A3A3A;font-size:1.1em;}
.kontakt .policko div{float:left;}
.kontakt .policko div p{margin:0;}
.kontakt .policko .tel{background:url("/img/mobil.png") 3px center no-repeat;padding-left:35px;line-height:23px;margin-top:15px;}
.kontakt .policko .email{background:url("/img/email.png") left center no-repeat;padding-left:35px;line-height:23px;margin-top:10px;}

.kontakt .vzorko{width:49%;margin-top:20px;float:left;}
.kontakt .vzorko img{width:47%;margin-right:1%;max-width:203px;}
.kontakt .vzorko.first{margin-right:2%;text-align:left}
.kontakt .vzorko .mapka{width:100%;height:270px;}
.kontakt h2.rot{background:url("/img/bg_h2.png") 8px 2px no-repeat;padding-left:40px;cursor:pointer;margin-top:20px;}
.kontakt h2.rot:hover{text-decoration:underline;}
.kontakt h2.rot.act{background-position:8px -40px;}

.sluzby{text-align:left;}
.sluzby ul{margin:30px 0 30px 5%;line-height:30px}
.sluzby h2{background:url("/img/bg_h2.png") 8px 2px no-repeat;padding-left:40px;cursor:pointer;}
.sluzby h2:hover{text-decoration:underline;}

.sluzby h2.act{background-position:8px -40px;}

.novinka-title{cursor: pointer; text-decoration: underline; background: url(/img/bg_h2.png) 8px 8px no-repeat; padding-left: 40px; line-height: 32px; font-size:1.9em;text-align:left;font-weight:normal;}
.active .novinka-title{background-position:8px -32px; line-height: 32px;}
.novinky h2{font-weight: bold;}
.novinky .text{display: block;text-align: left; padding: 20px 0;}
.novinky .float_div img{width: 30%; padding: 10px;}

@media screen and (max-width: 768px) {
    .novinky .float_div img{width: 85%; padding: 10px;}
    .kontakt .kont_biano{width:100%;}
    .kontakt .kont_biano img{max-height: 75px; width: auto;}
}

.architekti{text-align:left;}
.architekti ul{margin:0;line-height:30px}
.architekti h2{background:url("/img/bg_h2.png") 8px 2px no-repeat;padding-left:40px;cursor:pointer;}
.architekti h2:hover{text-decoration:underline;}

.architekti h2.act{background-position:8px -40px;}

.architekti h3{font-size:22px;margin:20px 0;font-weight:normal;}
.architekti .bg_em{width:96%;background:#EFEFEF;padding:2%;}

#emaily_kat{margin:30px 0;}
#emaily_kat label{margin:0 10px 0 0;}
#emaily_kat .email{height:41px;line-height:41px;padding:0 10px;border:1px solid #FFF;width:260px;}
#emaily_kat .odeslat{height:44px;line-height:41px;padding:0 30px !important;margin-left:10px !important;border:1px solid #146594;color:#146594;cursor:pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#EFEFEF;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
#emaily_kat .odeslat:hover{background:#146594;color:#fff;}


.sluzby .float_sluzby{float:left;width:50%;}
.sluzby .float_div{float:left;width:45%;margin:30px 0;text-align:right;}
.sluzby .float_div img{margin-bottom:10px;}

.vizualizace{text-align:left;}
.vizualizace ul,.vizualizace ol{margin:20px 30px;line-height:20px}
.vizualizace ul li,.vizualizace ol li{margin:10px 0;}
.vizualizace h2{background:url("/img/bg_h2.png") 8px 2px no-repeat;padding-left:40px;cursor:pointer;margin-top:20px;}
.vizualizace h2:hover{text-decoration:underline;}
.vizualizace h2.act{background-position:8px -40px;}
.vizualizace h3 a{text-decoration:none;color:#333;}

.architekti{text-align:left;}
.architekti ul{margin:30px 60px;line-height:30px}
.architekti .logo,.katalogy .logo{float:left;text-align:center;width:12%;margin-right:2%;color:#0D0D0D;text-decoration:none;cursor:pointer;border:1px solid #fff;min-width:100px;padding:1%;}
.architekti .logo img,.katalogy .logo img{width:100%;max-height:150px;}
.architekti .logo:hover,.katalogy .logo:hover{border:1px solid #005B90;color:#005B90;text-decoration:underline;}
.architekti .red{color:#900;display:none;}

.hide{display:none;text-align:left;}

.katalogy{position:relative;}
#katalogy{position:absolute;top:30px;left:0;}
.zpet{text-decoration:none !important;color:#0D0D0D !important;cursor:pointer;}
.zpet:hover{text-decoration:underline !important;color:#005B90 !important;}



.sortiment .sormenu{margin:20px 0;}
.sortiment .sormenu li{float:left;width:33%;min-width:250px;display:block;text-align:left;line-height:33px;}
.sortiment .sormenu li a {background:url("/img/bg_h2.png") 10px 4px no-repeat;padding-left:40px;cursor:pointer;color:#0D0D0D;text-decoration:none;font-size:1.3em}
.sortiment .sormenu li a:hover,.sortiment .sormenu li a.act{color:#005B90;text-decoration:underline;}

.vyprod{margin-top:20px;width:33%;float:left;min-width:350px;}
.vyprod td{vertical-align:top;text-align:left;}
.vyprod td.icon{width:30px;}
.vyprod td a{text-decoration:none;color:#0D0D0D}
.vyprod td a:hover{text-decoration:underline;}
.vyprod td img{margin-right:10px;}
.vyprod td .download{border:1px solid #116393;text-decoration:none;display:block;height:28px;line-height:28px;text-align:center;width:120px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-top:10px;color:#116393;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.vyprod td .download:hover{background:#116393;color:#fff;text-decoration:none;}

.sortiment .detail{text-align:left;}
.sortiment .detail h2{margin-bottom:20px;}
.sortiment .detail p{margin-bottom:10px;line-height:25px;}
.sortiment .detail a{text-decoration:none;}
.sortiment .detail a:hover{text-decoration:underline;}
.sortiment .detail p.nad{margin-top:20px;}
.sortiment .detail .logo{float:left;text-align:center;width:12%;margin-right:2%;color:#0D0D0D;text-decoration:none;cursor:pointer;border:1px solid #fff;min-width:100px;padding:1%;}
.sortiment .detail .logo img{width:100%;max-height:150px;object-fit: contain;}
.sortiment .detail .logo:hover{border:1px solid #005B90;color:#005B90;text-decoration:underline;}

 .galerie{margin-top:40px;}
 .galerie2{margin-top:10px;}
 .galerie img,.galerie2 img{height:200px;margin:0 5px 5px 0; width: 200px; float: left; object-fit: cover;}
 .galerie .hide{display:none;}
.galerie .more{position:relative;display:block;float:left;}
.galerie .more .vice{position:absolute;top:60px;width:80px;height:80px;-webkit-border-radius:80px;margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  -moz-border-radius:80px;
  -ms-border-radius:80px;
  -o-border-radius:80px;
  border-radius:80px;
  background:rgba(153,153,153,0.8);
  font-size:13px;color:#FFF;text-align:center;line-height:80px;display:none;
  }
.galerie .more:hover .vice{display:block}

.sortiment .vyr_logo{margin-right:20px;}

.upload{text-align:left;width:600px;margin:50px auto;}
.upload label{width:300px;display:inline-block;}

@media all and (max-width: 1023px){
body{font-size:0.9em;line-height:17px;}
#top ul{right:2%;}
#top ul li a{padding:0 10px;font-size:1em;}
.container{width:600px;height:60px;padding:10px 40px;font-size:1.5em;line-height:1.5em;}
.kontakt .policko{width:100%;font-size:1.1em;}
.sortiment .detail .galerie img{height:130px;margin:0 5px 5px 0;}

}

@media all and (max-width: 830px){
#top #logo{width:111px;height:62px;top:20px;background:url("../img/slogo.png");}


}
@media all and (max-width: 700px){
#top #show_menu{display:block;}
#top ul{position:absolute;top:105px;left:0;width:100%;display:none;}
#top ul li{float:none;list-style:none;width:100%;}
#top ul li.oddel{display:none;}
#top ul li a{background:#f2f2f2;height:35px;line-height:35px;text-align:center;}
.container{width:90%;padding:20px;font-size:1.5em;line-height:1.5em;height:auto;}

.kontakt .vzorko{width:100%;margin-bottom:20px;}
.kontakt .mapka{width:100%;}

.sortiment .detail .galerie img{height:110px;margin:0 3px 3px 0;}

}
@media all and (max-width: 430px){
.kontakt .policko .foto{margin: 0 10px;}
.kontakt .policko .nad{font-size:1em;}
.kontakt .policko .poz{font-size:0.8em;}
.kontakt .policko div p{margin:15px 0;font-size:0.7em;}
.kontakt .policko .tel{background:none;padding-left:0px;line-height:23px;}
.kontakt .policko .email{background:none;padding-left:0px;line-height:23px;font-size:0.6em}
.sluzby .float_sluzby{float:none;width:95%}
.sluzby .float_div{float:none;width:100%;text-align:center;}
    .galerie img,.galerie2 img{height:150px;margin:0 5px 5px 0; width: 150px; float: left; object-fit: cover;}

}
@media all and (max-width: 360px){

}

/* line 7, ../sass/lightbox.sass */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 32, ../sass/lightbox.sass */
.lightbox a img {
  border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 44, ../sass/lightbox.sass */
.lb-container {
  padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  /* Trick IE into showing hover */
  display: block;
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}
/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../img/prev.png) left 48% no-repeat;
}

/* line 90, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}
/* line 93, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../img/next.png) right 48% no-repeat;
}

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 103, ../sass/lightbox.sass */
.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}
/* line 106, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 111, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.footer-svg {
  width: 35px;
  height: 15px;
  margin-bottom: 5px;
}