@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,300,700&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext);

*{margin:0;padding:0;}
html{font: normal 1em 'Lato', sans-serif;height:100%;}
body{background:#6EA8AC;color:#125660;height:100%;}

a{text-decoration:none;color:#125660;}
h1{font-size:1.5em;font-weight:bold;letter-spacing:2px;color:#125660;margin:0 0 12px 0; border-bottom: 1px #125660 dotted;}
h2{clear:both;font-size:1.3em;font-weight:normal;letter-spacing:1px;color:#125660;margin:0 0 12px 0; text-align:center;}
hr{border:0;height:1px;margin:12px 0;background-image:linear-gradient(to left, rgba(35,103,113,0), rgba(35,103,113,0.75), rgba(35,103,113,0));background-image:-webkit-linear-gradient(left, rgba(35,103,113,0), rgba(35,103,113,0.75), rgba(35,103,113,0));background-image:-moz-linear-gradient(left, rgba(35,103,113,0), rgba(35,103,113,0.75), rgba(35,103,113,0));background-image:-ms-linear-gradient(left, rgba(35,103,113,0), rgba(35,103,113,0.75), rgba(35,103,113,0));background-image:-o-linear-gradient(left, rgba(35,103,113,0), rgba(35,103,113,0.75), rgba(35,103,113,0));}
ul{margin-left:16px;}
input,textarea{font-size: 1em;font-family:Verdana; padding: 2px 6px;}

img.res, object.res, embed.res{width:100%;max-width:100%; height:auto;}
figure img.res{max-width:100%;}
img.border{border: 1px #125660 solid;}
.clr{clear:both;}
.haslo{font-family: 'Lato', sans-serif;font-size:1.6em;font-style:italic;text-align:center;}

.cols_1, .cols_2, .cols_3, .cols_4, .cols_5, .cols_6{position:relative;margin:4px 1.00%;float:left;display:block;}
.cols_1{width:98%;}
.cols_2{width:48%;min-height:490px;}
.cols_3{width:31.333333%;min-height:560px;}
.cols_4{width:23%;}
.cols_5{width:18%;}
.cols_6{width:14.666666%;}
#container{background: rgba(238,230,228,.8);border-top:1px #BBB3B1 solid;min-height: -moz-calc(100% - 102px);min-height: -webkit-calc(100% - 102px);min-height: calc(100% - 102px);}
.container{margin:0 auto;max-width:960px;background:inherid;}

#container .container {}

header{background:#fff;}
#powitanie{display:none;color:#125660;font-family: 'Lato', sans-serif;font-size:1.8em;font-weight:bold;font-style:italic;text-align:center;margin-bottom:8px;padding:4px 8px;border-bottom:1px #3E889F solid;background:#fff;letter-spacing:1px;}
#logo{float:left;max-width:120px;padding: 0 10px 0 40px;margin:.25em 0;}
#logo img{max-width:100%;}

nav{float:right;width:76%;margin-top: 2em;}
nav .cols_4, nav .cols_5{font-size:1.5em;font-weight:normal; border: 0px #625A67 solid;}
nav a {color:#3E889F;}
.button_menu a{display:block;margin:4px 2px;font-size:0.9em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:8px 0;text-decoration:none;text-align:center;background:#fff;color:#3E889F;}
.button_menu:hover___ a{background:#fff;color:#504D5B;-webkit-box-shadow:0 0 9px 1px #ccc;box-shadow:0 0 9px 1px #ccc;}

#context{margin: 12px 2% 0 2%;}
#context p{line-height: 1.5em; margin: 0.6em 0;}

footer{clear:both;padding:6px 0 12px 0;font-size:0.8em;color:#125660;text-align:center;}
footer .cols_2{margin-top:4px;margin-bottom:4px;min-height:20px;}
footer a{color:#125660;}

.slide {margin: 0 20px; width: 920px; height: 518px; overflow:hidden;}
.film {margin: 0 auto; width: 920px; height: 518px;}
.watermark {position:absolute;margin:139px 340px;z-index:20;display:none;}

@media screen and (max-width:1023px){
body{margin:0;}
#container{-webkit-box-shadow:none;box-shadow:none;}
}
@media screen and (max-width:990px){
#logo{width:14%;}
nav{margin-top: 2.6em;}
.slide {margin: 0 auto; width: 92vw; height: 51.8vw;}
.film {width: 92vw; height: 51.8vw;}
.watermark {margin:13.9vw 34vw;width:24vw;}
}
@media screen and (max-width:767px){
html{font-size:0.85em;}
nav{margin-top: 1.4em;}
footer .cols_2{width:98%;}
.cols_6{width:23%;}
}
@media screen and (max-width:599px){
html{font-size:0.8em;}
nav{width:100%;margin-top:0;}
#powitanie{display:block;}
#logo{display:none;}
}
@media screen and (max-width:479px){
html{font-size:0.7em;}
img.border{border: 1px #625A67 solid;}
.cols_4{width:48%;}
}