/*  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)  CSS from:http://codepen.io/transportedman/pen/NPWRGq  and:http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide  Inspired from:http://codepen.io/Rowno/pen/Afykb */
.carousel-fade .carousel-inner .item{opacity:0;  transition-property:opacity;}
.carousel-fade .carousel-inner .active{opacity:1;}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right{left:0;  opacity:0;  z-index:1;}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right{opacity:1;}
.carousel-fade .carousel-control{z-index:2;}
/*WHAT IS NEW IN 3.3:"Added transforms to improve carousel performance in modern browsers."now override the 3.3 new styles for modern browsers & apply opacity*/
@media all and (transform-3d),(-webkit-transform-3d){.carousel-fade .carousel-inner > .item.next,.carousel-fade .carousel-inner > .item.active.right{opacity:0;      -webkit-transform:translate3d(0,0,0);              transform:translate3d(0,0,0);    }
.carousel-fade .carousel-inner > .item.prev,.carousel-fade .carousel-inner > .item.active.left{opacity:0;      -webkit-transform:translate3d(0,0,0);              transform:translate3d(0,0,0);    }
.carousel-fade .carousel-inner > .item.next.left,.carousel-fade .carousel-inner > .item.prev.right,.carousel-fade .carousel-inner > .item.active{opacity:1;      -webkit-transform:translate3d(0,0,0);              transform:translate3d(0,0,0);    }
}
/*! * Start Bootstrap - Half Slider HTML Template (http://startbootstrap.com) * Code licensed under the Apache License v2.0. * For details,see http://www.apache.org/licenses/LICENSE-2.0. */
/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default,but can be any height! */
.carousel{height:100%;    margin-top:50px}
.item, .active, .carousel-inner{height:100%;}
/* Background images are set within the HTML using inline CSS,not here */
.fill{width:100%;    height:100%;    background-position:center;    -webkit-background-size:cover;    -moz-background-size:cover;    background-size:cover;    -o-background-size:cover;    background-attachment:fixed;}
footer{margin:50px 0;}
.carousel-caption{padding-bottom:0px;    bottom:45%;}
header{min-height:80%;}
.col-big{position:relative;min-height:1px;padding-right:15px;padding-left:15px;width:20%;}
.hovereffect{width:100%;  height:100%;  float:left;  overflow:hidden;  position:relative;  text-align:center;  cursor:default;}
.hovereffect .overlay{width:100%;  height:100%;  position:absolute;  overflow:hidden;  top:0;  left:0;  background-color:rgba(75,75,75,0.7);  -webkit-transition:all 0.4s ease-in-out;  transition:all 0.4s ease-in-out;}
.hovereffect:hover .overlay{background-color:rgba(48,152,157,0.4);}
.hovereffect img{display:block;  position:relative;}
.hovereffect h2{text-transform:uppercase;  color:#fff;  text-align:center;  position:relative;  font-size:17px;  padding:10px;  background:rgba(0,0,0,0.6);  -webkit-transform:translateY(45px);  -ms-transform:translateY(45px);  transform:translateY(45px);  -webkit-transition:all 0.4s ease-in-out;  transition:all 0.4s ease-in-out;}
.hovereffect:hover h2{-webkit-transform:translateY(5px);  -ms-transform:translateY(5px);  transform:translateY(5px);  margin:0px;}
.hovereffect p.info{display:inline-block;  text-decoration:none;  padding:7px 14px;  text-transform:uppercase;  color:#fff;  border:1px solid #fff;  background-color:transparent;  opacity:0;  filter:alpha(opacity=0);  -webkit-transform:scale(0);  -ms-transform:scale(0);  transform:scale(0);  -webkit-transition:all 0.4s ease-in-out;  transition:all 0.4s ease-in-out;  font-weight:normal;  margin:7px;}
.hovereffect:hover p.info{opacity:1;  filter:alpha(opacity=100);  -webkit-transform:scale(1);  -ms-transform:scale(1);  transform:scale(1);}
.hovereffect p.info:hover{box-shadow:0 0 5px #fff;}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width:959px){header{min-height:70%;}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width:768px) and (max-width:959px){header{min-height:60%;}
.carousel{height:60%; margin-top:50px}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px){header{min-height:60%;}
.carousel{height:50%; margin-top:50px}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width:480px) and (max-width:767px){header{min-height:50%;}
.carousel{height:50%; margin-top:50px}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px){header{min-height:20%;}
.carousel{height:20%; margin-top:50px}
}
body{background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAABlBMVEX4+Pj09PQf/c7fAAAAGklEQVR4Xq3MIQEAAADDIPqX/kvMIMEWEm8O7b0/wewc/NcAAAAASUVORK5CYII=) repeat;}
.block{
/*  height:5em;  line-height:5em;  width:10em;  background:#464646;  color:#fdfdfd;  text-align:center;  margin:1em auto; */
text-shadow:0 0 1px #333;
/* so one can see fadeBgColor properly */
}
/* initially hide animatable objects */
.animatable{visibility:hidden;  -webkit-animation-play-state:paused;          -moz-animation-play-state:paused;       -ms-animation-play-state:paused;  -o-animation-play-state:paused;     animation-play-state:paused; }
/* show objects being animated */
.animated{visibility:visible;    -webkit-animation-fill-mode:both;  -moz-animation-fill-mode:both;  -ms-animation-fill-mode:both;  -o-animation-fill-mode:both;  animation-fill-mode:both;    -webkit-animation-duration:1s;  -moz-animation-duration:1s;  -ms-animation-duration:1s;  -o-animation-duration:1s;  animation-duration:1s;  -webkit-animation-play-state:running;  -moz-animation-play-state:running;  -ms-animation-play-state:running;  -o-animation-play-state:running;  animation-play-state:running;}
/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px);}
100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px);}
100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px);}
100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes fadeIn{0%{opacity:0;}
20%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes fadeIn{0%{opacity:0;}
20%{opacity:0;}
100%{opacity:1;}
}
@-o-keyframes fadeIn{0%{opacity:0;}
20%{opacity:0;}
100%{opacity:1;}
}
@keyframes fadeIn{0%{opacity:0;}
60%{opacity:0;}
20%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);}
60%{-webkit-transform:translateX(20px);}
80%{-webkit-transform:translateX(-5px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px);}
60%{-moz-transform:translateX(20px);}
80%{-moz-transform:translateX(-5px);}
100%{opacity:1;-moz-transform:translateX(0);}
}
@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px);}
60%{opacity:1;-o-transform:translateX(20px);}
80%{-o-transform:translateX(-5px);}
100%{opacity:1;-o-transform:translateX(0);}
}
@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px);}
60%{transform:translateX(20px);}
80%{transform:translateX(-5px);}
100%{opacity:1;transform:translateX(0);}
}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);}
60%{-webkit-transform:translateX(-20px);}
80%{-webkit-transform:translateX(5px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px);}
60%{-moz-transform:translateX(-20px);}
80%{-moz-transform:translateX(5px);}
100%{opacity:1;-moz-transform:translateX(0);}
}
@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px);}
60%{-o-transform:translateX(-20px);}
80%{-o-transform:translateX(5px);}
100%{opacity:1;-o-transform:translateX(0);}
}
@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px);}
60%{transform:translateX(-20px);}
80%{transform:translateX(5px);}
100%{opacity:1;transform:translateX(0);}
}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px);}
100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px);}
100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);}
100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);}
50%{-webkit-transform:scale(1.05);}
70%{-webkit-transform:scale(.9);}
100%{opacity:1;-webkit-transform:scale(1);}
}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3);}
50%{-moz-transform:scale(1.05);}
70%{-moz-transform:scale(.9);}
100%{opacity:1;-moz-transform:scale(1);}
}
@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3);}
50%{-o-transform:scale(1.05);}
70%{-o-transform:scale(.9);}
100%{opacity:1;-o-transform:scale(1);}
}
@keyframes bounceIn{0%{opacity:0;transform:scale(.3);}
50%{transform:scale(1.05);}
70%{transform:scale(.9);}
100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes moveUp{0%{opacity:1;-webkit-transform:translateY(40px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes moveUp{0%{opacity:1;-moz-transform:translateY(40px);}
100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes moveUp{0%{opacity:1;-o-transform:translateY(40px);}
100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes moveUp{0%{opacity:1;transform:translateY(40px);}
100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes fadeBgColor{0%{background:none;}
70%{background:none;}
100%{background:#464646;}
}
@-o-keyframes fadeBgColor{0%{background:none;}
70%{background:none;}
100%{background:#464646;}
}
@keyframes fadeBgColor{0%{background:none;}
70%{background:none;}
100%{background:#464646;}
}
.animated.animationDelay{animation-delay:.4s;-webkit-animation-delay:.4s;}
.animated.animationDelayMed{animation-delay:1.2s;-webkit-animation-delay:1.2s;}
.animated.animationDelayLong{animation-delay:1.6s;-webkit-animation-delay:1.6s;}
.animated.fadeBgColor{-webkit-animation-name:fadeBgColor;-moz-animation-name:fadeBgColor;-o-animation-name:fadeBgColor;animation-name:fadeBgColor;}
.animated.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn;}
.animated.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight;}
.animated.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft;}
.animated.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;}
.animated.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;}
.animated.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp;}
.animated.moveUp{-webkit-animation-name:moveUp;-moz-animation-name:moveUp;-o-animation-name:moveUp;animation-name:moveUp;}
.block{text-shadow:none;}
.carousel-caption h2{font-size:5.5em;  font-weight:200; text-shadow:1px 2px 1px rgba(0,0,0,0.9);line-height:1.5em}
h2{font-size:1.5em;  font-weight:400;}
h3{font-size:1.2em; color:#CD4F56; margin-top:0px; font-weight:400;}
.program,.download{padding-top:50px}
.program{background-color:#4f4642; color:#fff; text-align:left}
.partneri{background-color:#efefef;padding-top:0px}
.partneri img{margin-top:50px; margin-left:60px; margin-right:60px;    margin-bottom:60px;    border:none;}
.media img{margin-right:20px; margin-left:20px; margin-top:50px;    border:none;}
.program td{padding-left:10px}
.white,white a{background-color:#fff; color:#000; padding:10px}
.white img{display:block; margin:0 auto;}
.white h2{text-align:center;color:#000}
.download img{margin-bottom:20px;margin-top:20px;}
#download a{color:#fff}
#uvod{background-color:#CD4F56; color:#fff;}
#download .container{background-image:url('../img/download_photo.jpg');background-repeat:no-repeat; min-height:360px;background-size: cover;}
#galeria .container{background-image:url('../img/fotogaleria_photo.jpg');background-repeat:no-repeat; background-size: cover;    }
#download .container .row{padding-top:50px;}
#galeria .container-fluid{margin:40px 100px 40px 100px; min-height:300px}
#galeria a{color:#fff}
.bg-1,.bg-1 a{background-color:#efefef;padding:10px;color:#4a413d;}
.bg-2,.bg-2 a{background-color:#f7f6f6; padding:10px; margin:0;color:#4a413d;}
.bg-1 a,.bg-2  a{padding:0px}
.red{color:#cd4f56;}
#archiv{padding-top:30px; text-align: center;}
#galeria{margin-top:-100px; padding-top:40px; background-color:#fff }
#footer p{color:#4a413d; margin-top:40px; margin-bottom:0px}
#footer a{color:#4a413d; }
#footer{padding-bottom:0px; padding-top:0px; margin-top:-100px}
a.back-to-top{width:70px;    height:70px;    padding-right:20px;    position:fixed;    bottom:5px;    right:0px;    display:none;    background-image:url(../img/icon_back-to-top.png);    background-repeat:no-repeat;  text-indent:-9999px;  z-index:999;}
@media (min-width:1200px) and (max-width:1600px){.download .container{width:1280px; background-size:100% 100%;background-size: cover;}
}
@media (min-width:1600px){.download .container, #galeria .container{width:1660px; background-size:100%; height:400px;background-size: cover;}
}
@media (max-width:400px){.download .container{background-size:cover;}
.carousel-caption{padding-bottom:0px; bottom:5%;}
.carousel-caption h2{font-size:1.5em;}
}
@media (max-width:800px){#galeria .container-fluid{margin:0px; min-height:300px}
}
@media (min-width:768px){.navbar-collapse.collapse{display:table!important;    height:auto!important;    padding-bottom:0;    overflow:visible!important;    margin-left:auto!important;    margin-right:auto!important;    table-layout:fixed;}
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    margin-bottom: 10px;
}
table {width: 100%; border:0; cellpadding:0;}

td {valign:top;padding-bottom: 2px;}
.media img {vertical-align: middle;}
.right  {text-align:right}