.svetla { color:#89e8e0; }
.svetlabg { background-color:#89e8e0; }
.tmava { color:#398f88; }
.tmavabg { background-color:#398f88; }

@font-face{font-family:'loveloline_bold';src:url('../fonts/lovelo_line_bold-webfont.eot');src:url('./fonts/lovelo_line_bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/lovelo_line_bold-webfont.woff') format('woff'),
url('../fonts/lovelo_line_bold-webfont.ttf') format('truetype'),
url('../fonts/lovelo_line_bold-webfont.svg#loveloline_bold') format('svg');font-weight:normal;font-style:normal;}



.fadeinauto {
        -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



.fotkavpravo {
width:40%;
float:right;
margin:0 0 0 20px;
}

.fotkavlevo {
width:40%;
float:left;
margin:0 20px 0 0;
}

 body {
  background: #2c3136 url(bg.png) no-repeat center top;

  margin: 0;
  padding: 0;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  color:#b0b0b0;
  line-height:20px;
 }

.hlavniobsah a {
color:#398f88;
text-decoration: none;
}

a.barevnylink {
color:#398f88;
text-decoration: none;
border-bottom:1px dashed #398f88;
}


strong {
color:#f0f0f0;
font-weight: normal;
}


 a
 {
  color:#398f88;
  text-decoration: none;
 }  

 h1{
 font-family:'loveloline_bold';
 text-align: center;
color:#398f88;
text-shadow: 2px 2px 6px black ;
font-weight: normal;
font-size:50px;
padding:30px 0 30px 0;
margin:0;
line-height:50px;
}

h2 {
font-family:'Raleway';
color:#398f88;
text-shadow: 2px 2px 6px black ;
font-weight: bold;
font-size:27px;
padding:20px 0 10px 0;
margin:0;
}
 


.holder {
  width: 1010px;
  margin: 0 auto;
  text-align: left;
 }


.clenovebox img {
border-radius:90px 20px;
width:180px;
height:180px;
float:left;
display:block;
margin:30px 0 20px 20px;
float:right;
border:4px solid #398f88;
}


.clenovetext {
display:block;
text-align: justify;
}

.clenovebox {
padding: 0 0 20px 0;
}

.clenovebox span {
color:#909090;
font-size:20px;
text-shadow: 0 0;

}


#menu {
left:240px;
position: absolute;
}

.logo {
display: inline-block;
background: url('logosml.png') no-repeat left center;
background-size: 100% auto;
position: absolute;
top:5px;
left:20px;
width:180px;
height:30px;

}



.myform {
width:90%;
max-width: 600px;
background-color: #3c4146;
border-radius:5px;
border:1px solid black;
text-align: center;
}
.myformin {
padding:20px;
}


.myform .inputbox {
width:90%;
padding:6px 8px;
margin:2px 0;
border:0;
background-color: #2c3136;
color:#89e8e0;
border:1px solid RGBA(0,0,0,0.2);
font-family: 'Open Sans', sans-serif;
font-size:14px;
}

.inputboxsubmit {
font-family: 'Open Sans', sans-serif;
font-size:16px;
background-color: #398f88;
color:black;
border:0;
margin:8px 0;
padding:5px 14px;
border:1px solid RGBA(0,0,0,0.6);
border-radius:5px;
cursor: pointer;
}

.inputboxsubmit:hover {
background-color: #499f98;
}





.centerh2 {
text-align: center;
text-shadow: 0 0;
background: linear-gradient(to right, #2c3136, #398f88, #2c3136);
font-size:30px;
line-height:30px;
margin:20px 0 10px 0;
padding:10px 0;
color:#2c3136;

}



.fotogaleriebox {
width:25%;
text-decoration: none;display: inline-block;
}

.fotogalerieboxin {
border:4px solid #398f88;
margin:3px;
display: block;
height:200px;
background-size: 100%;

}








.videobox {
width: 50%;;
display: inline-block;
position: relative;
}

.videobox span {
display: block;
padding:5px 10px;
position: relative;
}

.videobox span .nahled {
width:100%;
border:4px solid #398f88;
box-shadow: 2px 2px 6px black ;
}

.videobox span .youtube {
position: absolute;
top:37%;
left:37%;
width:24%;
opacity:0.7;
}

.videobox .videotitle {
position: absolute;
bottom:18px;
left:18px;
margin:0 auto;
background-color: #398f88;
font-size:15px;
color:black;
}








#slider {
position:relative;
}

.biglogo1 {
width:100%;
position:absolute;
bottom:0px;
height:200px;
left:0;
background:linear-gradient(RGBA(0,0,0,0),RGBA(44,49,54,0.2),RGBA(44,49,54,0.6),RGBA(44,49,54,1));
display:block;
}


#biglogo2 {
width:100%;
position:absolute;
bottom:10px;
height:180px;
left:0;
background:url(logo.png) no-repeat center center;
background-size: contain;
}



.bxslider {
margin:0;
padding:0;
}
.bxslider li {
height:570px;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bubliny {
height:570px;
}















.holderin {
 padding:0 20px;
}

#toplogodiv {
height: 40px;
padding:0;
margin:0;
position: relative;
}

.logo {
//display:none;
}
#topdivcolor {
background-color: black;
position: fixed;
width:100%;
z-index:999;
box-shadow: 2px 2px 6px RGBA(0,0,0,0.5);
}



.hideme {
display: none;
}






#menumobile {
display: none;
position: absolute;
right:20px;
top:4px;
background:url('mobilemenu.png') no-repeat left top;
width:28px;
height:28px;
}





#menumobilediv {
position: fixed;
top:40px;
display: block;
background-color: RGBA(0,0,0,0.8);
width:100%;
left:0;
overflow: hidden;
list-style: none url();
box-shadow: 0 8px 8px RGBA(0,0,0,0.4) ;
padding:0;
z-index:999;
}

#menumobiledivin {
padding:0 0;
}

#menumobilediv a {
display: block;
color:#89e8e0;
text-align: left;
font-size:18px;
padding:7px 4px 7px 15px;
text-decoration: none;
overflow: hidden;
}
 

#menumobilediv a.actual, #menumobilediv ul li a.actual {
background-color: #398f88;
color:white;
}


#menumobilediv ul li a {
color: #c0c0c0;
padding-left:27px;
}

.menudiv {
background-color: #efefef;
}
#menumobilediv ul {
padding:0;
margin: 0;
}
#menumobilediv ul li {
padding: 0 ;
margin: 0;
}



.obrazekhomepage {
width:50%;
margin:0 20px 20px 0;
float:left;
}


 #footer {
 margin:30px 0 0 0;
  background-color: black;
  padding:10px 0;
  font-size:12px;
  color:#398f88;
 }

.footerlink{ color:#398f88; text-decoration: none;}


.topsizeholder {
height:28px;
}
#footer small {
font-size: 12px;
line-height: 12px;
}

.footerstyle {
color:#398f88;
font-size:24px;
line-height: 30px;
}

.karaoke {
font-size: 12px;
text-align: center;
line-height: 14px;
}

 .clearer {
  clear: both;
 }






.sipka {
background: url(sipka.gif) no-repeat right ; 
}



.boxy3box {
width:33%;
float: left;
}

.boxy3mezera,.boxy3mezerabila {
width:0.5%;
float: left;
}






@media (max-width: 1010px) {

.placeholder {
}
.holder{
width:100%
}

#menu {
display: none;
}
#menumobile {
display: inline-block;
}
#menumobilediv {
display: inline-block;
}

.hideontablet {
display: none;
}


.logo {
display: inline-block;
background: url('logosml.png') no-repeat left center;
background-size: 100% auto;
position: absolute;
top:5px;
left:20px;
width:180px;
height:30px;

}



.fotogaleriebox {width:33%;}
.fotogalerieboxin {height:150px;}

.bxslider li,.bubliny {height:500px;}
}

@media (max-width: 700px) {


.obrazekhomepage {
width:100%;
float:none;
margin:0 0 10px 0;
}


.bxslider li,.bubliny {height:400px;}

.zpravaobsah {
font-size:12px;
}


.fotogaleriebox {width:33%;}
.fotogalerieboxin {height:150px;}

.boxy3box {
width:100%;
float: none;
}

.boxy3mezera {
float: none;
background-color: #d9d9d9;
width: 100%;
overflow: hidden;
height:2px;
}

.boxy3mezerabila {
float: none;
background-color: white;
width: 100%;
overflow: hidden;
height:10px;
}


.clenovebox img {
float:none;
margin:0 auto;

}




.fotogaleriebox {width:50%;}
.fotogalerieboxin {height:150px;}
.videobox .videotitle {
font-size:14px;
line-height:15px;
}



.fotkavpravo, .fotkavlevo {
width:100%;
float: none;
margin:0;
}


}


@media (max-width: 420px) {

.placeholder {
}

.bxslider li,.bubliny {height:300px;}

.videobox {
width: 100%;;
}


.hideonmobile {
display: none;
}


.biglogo1 {
height:140px;
}


#biglogo2 {
height:100px;
bottom:30px;
}

 h1
 {
 padding:30px 10px 10px 0px;
 font-size:30px;
 line-height:32px;
 }

 h2
 {
 padding:20px 0 5px 0;
 font-size:17px;
 }

.clenovebox span {
font-size:14px;
}


}