/* 
URL: Gallery - Zlin.cz
Emersion CMS Template - ver. 3.8.02
*/



/* --- Default --- legacy */
img { vertical-align: middle; }
.clear {clear:both; line-height:0px; height:0px; font-size:0;}
.c {clear:both;}
.n {display:none;}
.text-l {text-align:left !important;}
.text-r {text-align:right !important;}
.text-c {text-align:center !important;}
.text-l strong {margin-left:7px;}
.ac {overflow:auto; width:100%;}
.bold {font-weight:bold;}
.no-padd {padding:0 !important}
.npm {padding:0 !important; margin:0 !important;}
img.center {display:block; margin:0 auto;}
.l {float:left !important; display:inline !important;}
.r {float:right !important; display:inline !important;}


/* --- GENERAL --- */
* {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#colorbox, #cboxLoadedContent, #cboxContent {box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
html {/*background:url(img/bg-html.png) #c4e6fb repeat-x*/;}
body {background:#fff/*url(img/bg-body.png) repeat-x;*/;color:#444;font:75% Arial,sans-serif;margin:0;padding:0;}
table, input, select, textarea {font-family:Arial,sans-serif;font-size:100%;}
/* HTML5 Shiv elements */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
video {background-color:#000;}
/* utils */
.invisible {position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clear {clear:both;font-size:1px;height:1px;line-height:1px;}
.segreg {height:20px;clear:both;}
.debug {background:yellow !important;border:1px solid red !important;}
.example {display:none;}
.no-gutter {padding:0;}
/* hr */
hr {clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;margin:15px 0;min-height:0;height:1px;}
hr.alt1{border-style:solid;}
hr.alt2{border-style:dashed;}



/* --- TYPO --- */
/* typo elements */
h1 {font-size:150%;font-weight:bold;}
h2, h3, h4, h5, h6 {/*font-family:Tahoma,sans-serif;*/color:#2B3548;margin:1.5em 0 .15em 0;line-height:1.3em;}
h2 {font-size:130%;}
h3 {font-size:130%;}
h4 {font-size:120%;}
h5 {font-size:110%;}
h6 {font-size:100%;}
.aside h2, .aside h3, .aside h4, .aside h5, .aside h6 {color:#2B3548;margin:.7em 0 .15em 0;line-height:1.3em;}
.aside h2 {font-size:120%;}
.aside h3 {font-size:110%;}
.aside h4 {font-size:100%;}
.aside h5 {font-size:91%;}
.aside h6 {font-size:91%;}
p, ul, ol, dl, td, th {line-height:1.6;}
p {margin:0 0 .7em 0;}
abbr, acronym {cursor:help;padding-bottom:1px;border-bottom:1px dashed #000;}
pre, kbd, code, .code {font-family:"Courier New",Courier,monospace;}
code {display:block;text-align:center;font-size:120%;margin:50px 0 30px 0;border:1px solid #ddd;}
.code {border:1px solid #757575;background:#FFFFDE;color:#f00;padding:0 .3em;}
blockquote {background:#ddd;margin:20px 0px;padding:15px 20px;}
blockquote p {font-style:italic;}
blockquote span {display:block;font-size:91%;color:#000;}
pre {width:100%;overflow:scroll;}
ins {color:#00f;}
del {color:#f00;text-decoration:line-through;}
cite {font-style:italic;color:#666;}
caption {color:#555;}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
s {position:relative;text-decoration:none;}
s:before {position:absolute;content:"";left:0;right:0;top:50%;border-top:1px solid #000;transform:rotate(-5deg);}

/* typo classes */
.frame {padding:15px 20px;background:#eee;}
.editorial {background:transparent;color:#000;font-size:150%;padding:5px 0 10px 0;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.strike {text-decoration:line-through;}
.small-caps {font-variant:small-caps;} 
.align-justify {text-align:justify;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.text-valign {height:50px;line-height:50px;border:1px solid #000;padding:0 20px;text-align:center;}
.hidden {display:none;}
.info {color:#555;}

/* lists */
ul, ol {margin:.4em 0 .4em 1em;}
/* ul, ol {overflow:hidden;zoom:1;} */ /* overflow = float img overlapping fix */
ul {padding:0 0 0 17px;}
ol {padding:0 0 0 25px;}
ul li {list-style-type:disc;list-style-image:url(img/li-c.png);}
ul.checks {padding:0;margin:0 0 20px 0;}
ul.checks li {list-style-type:none;margin:0;background:url(img/icon-check.png) no-repeat 5px 0.5em;padding-left:30px;}
ul.alt {padding:0;margin:0 0 20px 0;}
ul.alt li {list-style-type:none;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;margin:0 0 -1px 0;background:url(img/icon-arrow-right.png) no-repeat 5px 0.7em;padding-left:20px;}
ul.no-list {margin:0;padding:0;}
ul.no-list li {list-style-type:none;list-style-image:none;}
ul.chrono-list li {position:relative;}
ul.chrono-list li span.date {display:block;width:30%;position:absolute;top:0;left:0;}
ul.chrono-list li span.title {display:block;padding-left:30%;}
ul.centered-floats {margin:0;padding:0;text-align:center;}
ul.centered-floats li {display:inline-block;list-style-type:none;}


/* --- LINKS --- */
a:link, a:active {color:#e96525;text-decoration:underline;}
a:visited {color:#e96525;text-decoration:underline;}
a:hover, a:focus {color:#e96525;text-decoration:none;}
#setting a, #setting a:visited {color:#000;text-decoration:underline;}
#setting a:hover {color:#000;text-decoration:none;}
.frame a, .frame a:visited {/*color:#fff;*/text-decoration:underline;}
.frame a:hover {/*color:#fff;*/text-decoration:none;}


/* tooltip */
.tooltip:hover {background:transparent;text-decoration:none;cursor:help;}
.tooltip span {display:none;padding:5px;margin-left:10px;width:250px;}
.tooltip:hover span {cursor:default;display:inline;position:absolute;background:#fff;color:#444;padding:10px 15px;border:1px solid #ddd;font-size:91%;line-height:1.5em;}



/* responsive */
.rwd-image-holder {float:right;margin-bottom:0.5em;margin-left: 2.53164557%;  /* 12px / 474px */width: 48.7341772%;  /* 231px / 474px */;border:1px solid red;}
.rwd-image-holder img {width:100%;}
img.rwd-image {width:100%;}
.rwd-media {position:relative;width:100%;height:0;padding-bottom:56.25%;/*16:9*/}
.rwd-media iframe, .rwd-media video, .rwd-media object, .rwd-media embed {position:absolute;width:100%;height:100%;}
.rwd-media .player, .rwd-media #player119 {position:absolute;width:100% !important;height:100% !important;}
/* video {width:100% !important;height:auto !important;} */

/* buttons */
.button, a.button {color:#e9e9e9;border:solid 1px #555;background-color:#6e6e6e;display:inline-block;vertical-align:baseline;margin:0 2px;outline:none;cursor:pointer;text-align:center;text-decoration:none;font-size:100%;padding:.5em 2em .55em;}
.button:hover, a.button:hover {background-color:#616161;text-decoration:none;}
.button:active, a.button:active {color:#afafaf;position:relative;top:1px;}
.button.rounded {;}
.button.medium {padding:4px 15px}
.button.small {font-size:91%;padding:2px 10px}



/* --- LAYOUT --- */
#page {;}
#header {background:#fff;color:inherit;}
#header-holder {background:transparent;color:inherit;position:relative;border-bottom:1px dashed #b3b3b3;padding-top:15px;}
h1#logo {float:left;display:inline;margin:15px 50px 15px 0;padding:0;font-size:190%;}
h1#logo a {display:block;width:180px;height:47px;position:relative;overflow:hidden;text-decoration:none;}
h1#logo span {display:block;z-index:1;background:url(img/logo.png) top left no-repeat;width:180px;height:47px;margin:0;padding:0;position:absolute;left:0;top:0;cursor:pointer;}
/*
h1.logo-en span {background:url(img/logo-en.png) top left no-repeat;}
h1.logo-de span {background:url(img/logo-de.png) top left no-repeat;}
*/
h1#logo strong {position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}
#slider, #motive {clear:both;background-color:#eee;background-position:center center;background-repeat:no-repeat;line-height:0;max-width:1920px;margin:auto;}
#slider {;}
#motive {;}
#content {background:#fff;color:inherit;}
#content-holder {margin-top:0px;margin-bottom:50px;position:relative;}
#left {background:transparent;color:inherit;}
#right {background:transparent;color:inherit;}
#main {background:transparent;color:inherit;}
#footer {background:#333;color:inherit;}
#footer-holder {background:transparent;color:inherit;position:relative;}
/* footer fix
html, body {height:100%;}
#body {position:relative;min-height:100%;}
#holder {padding-bottom:100px;}
#footer-holder	{position:absolute;bottom:0;left:0;width:100%;}
*/
.block-left {float:left;width:50%;padding-right:15px;clear:left;}
.block-right {float:right;width:50%;padding-left:15px;clear:right;}

.aside .object {border:0px solid #000;background:transparent;color:inherit;margin-bottom:30px;}
.aside .object-holder {font-size:100%;padding:0;}
h2.section {color:#000;font-size:160%;font-weight:normal;margin:0;padding:15px 0 0 0;border-bottom:0px solid #aaa;text-align:right;}
.aside h2.section {/*background-image:url(img/h2-m.png);background-color:transparent;background-position:left center;background-repeat:no-repeat;color:#000;font-size:120%;font-weight:bold;margin:0;padding:4px 4px 4px 15px;border-bottom:1px solid #aaa;*/}


/* Gallery */
a.close {position:absolute;top:10px;right:10px;font-size:130%;color:#e70027;font-weight:bold;text-decoration:none;line-height:16px;}
a.close:hover {color:#f00;}
a.close span {display:inline-block;width:16px;height:16px;background:url(img/close.png) #555 center center no-repeat;vertical-align: middle;margin-left:5px;}
a.close:hover span {background-color:#f00;}
.zgallery {background-color:#b3b3b3;padding:25px 15px;}
.img-control {text-align:right;}
.img-control a {display:inline-block;background-color:#333;background-image:url(img/arrows.png);background-repeat:no-repeat;color:#fff;font-size:130%;font-weight:bold;padding:0 20px;line-height:40px;text-decoration:none;}
.img-control a.prev {background-position:left top;padding:0 20px 0 30px;}
.img-control a.prev:hover {background-position:left bottom;}
.img-control a.next {background-position:right top;padding:0 30px 0 20px;}
.img-control a.next:hover {background-position:right bottom;}
.img-control span.counter {font-size:130%;color:#000;font-weight:bold;line-height:40px;padding:0 10px;}
.img-holder {line-height:.8;}
.img-holder a {position:relative;display:block;color:#444;}
.img-holder a span {display:block;position:absolute;top:-40px;left:0;background:url(img/zoom.png) left center no-repeat;width:100px;height:40px;line-height:40px;padding-left:30px;text-decoration:underline;}
.img-desc {background-color:#4d4d4d;color:#fff;padding:20px;}
.tag-adv {text-align:right;font-size:91%;}
.img-sharing {padding:10px 10px 0 0;height:30px;}
.addthis_toolbox {text-align:right !important;}

/*#right img {width:100%;height:100%;}*/


/* footer */
#footer {background:#333333;}
#footer, #footer a {color:#fff;}
    #footer a:hover {text-decoration:underline;}
    #footer .top {margin-bottom:1px; background:#4d4d4d; border-top:1px #666666 solid;}
        #footer .header, #footer .header a {color:#636363;}
        #footer .header {position:absolute; top:-29px; left:10px; border-bottom:6px #4d4d4d solid;}
            #footer .header a span {background-position:0 -45px;}
        #footer .cols {margin-bottom:0; padding:20px 0; line-height:1.8;}
            #footer .col1 {width:180px;}
            #footer .col2 {width:220px;}
            #footer .col3 {width:200px;}
            #footer .col4 {width:200px;}
            #footer .col5 {width:180px;}
                #footer li, #footer p {font-size:12px;}
    #footer .bottom {border-top:1px #808080 solid; padding:20px 0 15px 0;}
        #footer .bottom .l, #footer .bottom .r {line-height:47px;}
            #footer .bottom .l a {margin:0 10px;}
            #footer .bottom .logo {margin:0 50px 0 0 !important;}
            #footer .bottom .sitemap {margin:0;}
        #footer p {margin-top:10px;}
.sitemap {padding-right:39px; background:url(/wcs/templates/zlin/img/ico-sitemap.png) 100% 50% no-repeat;}


/* pager - CORE */
ul.pager {clear:both;margin:10px 0;padding:0;list-style-type:none;list-style-image:none;}
ul.pager li {float:left;margin:0;list-style-type:none;list-style-image:none;margin:0 4px;}
ul.pager li a {display:block;text-decoration:none;color:#555;padding:1px 6px;border:1px solid #ccc;font-size:91%;}
ul.pager li a.current-page {/*background:#fff;*/color:#78624c;border:1px solid #78624c;font-weight:bold;}
ul.pager li a:hover {border:1px solid #999;color:#333;background-color:#f2f2f2;}


/* --- AJAX --- */
#e-loading {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.8);z-index:100000;}
#e-loading div {position:fixed;top:50%;left:50%;width:100px;height:60px;margin-left:-50px;margin-top:-30px;border:0px solid red;background:url(/wcs/templates/design/css/img/loading.gif) top center no-repeat;}
#e-loading div span {position:absolute;bottom:0;display:block;width:100%;text-align:center;font-weight:normal;}

/* info-box */
.info-box {position:fixed;top:50%;left:50%;width:500px;height:200px;margin-left:-250px;margin-top:-100px;border:5px solid #eee;background-color:#fff;background:rgba(255,255,255,0.95);padding:25px;z-index:9999;font-size:120%;text-align:center;}



/* --- MEDIA QUERIES --- */
/* media */
@media screen{
.grid-container {max-width:1100px;padding-left:0;padding-right:0;}
}


/* max 400px */
@media screen and (max-width:400px){
#page, #header-holder, #content-holder, #footer-holder {padding:0 5px;}  
/* table {overflow-x:auto;display:block;} */
}


/* max 767px */
@media screen and (max-width:767px){

/*
h1#logo {float:none;max-width:250px;display:block;margin:10px auto;padding:0;}
h1#logo a {width:250px;height:90px;}
h1#logo span {background-size:contain;width:250px;height:90px;}
*/

h2.section {clear:both;color:#000;font-size:160%;font-weight:normal;margin:0;padding:15px 0 15px 0;text-align:left;}

.zgallery {background-color:#b3b3b3;padding:15px 5px;}
.img-control a {display:inline-block;width:50px;height:40px;}
.img-control a span {display:none;}

#left, #main {padding-left:0;padding-right:0;min-height:0;}
.bx-wrapper .bx-pager, #left-shadow {display:none;}
.bx-text {display:none;}
.smart-boxes-hots .sbox {margin-bottom:20px;}
.smart-boxes-footer .sbox {margin-bottom:20px;}
}


/* min 768px - max 1024px */
@media screen and (min-width:768px) and (max-width:1024px){

}


/* min 1025px */
@media screen and (min-width:1025px){

}



/* DEBUG GRID */
*[class*="grid--"] {border:1px dotted #ccc !important;}