body { 	 
	color:#0e0e0e;
	background:#15081f;
  margin: 0px;
  font-family: 'Oswald', sans-serif;
  }
.skryte {display:none}
a {color:black;outline:none;text-decoration:none;}
a:hover {color:#cf202c;text-decoration:underline;}
img {width:100%;}
ul  {float:left;-webkit-padding-start: 0px; padding:20px;text-align:center;min-width:100px;}
hr {width:90%;text-align:center;}
.hr_menu {display: none;width:100%}
#topmenu_hlavni {width:100%; position:fixed; background:#16081f; z-index:99; top:0;}
#topmenu {min-height:72px;position:relative;font-weight:300; font-size:18px;font-family: 'Oswald', sans-serif;}
.logo {float:left;width:16%;text-align:center}
.logo img {margin:auto;}
.jed  {float:left;width:100%;color:#fff;margin-top:6px;line-height:25px;}
.left_jed a, .right_jed a {color:white;outline:none;text-decoration:none;padding-bottom:10px}
.left_jed a:hover, .right_jed a:hover {color:white;border-bottom:3px solid #b19168}
.left_jed {float:left;width:42%;position:relative;}
.right_jed {float:left;width:42%;position:relative;}
.left_jed ul {float:right;}

.ico  {float:right;margin-top:12px;text-align:right;}

#content {margin-top:72px;background:url(../images/top.jpg) center no-repeat;min-height:597px;background-size:cover}
#content2 {background:transparent;padding-bottom:17px;}
#content3 {background:#15081f;margin-top:-22px;text-align:center;width:100%;color:white;margin-bottom:42px}

#content3 img{max-width:200px; padding:40px;}
#content4 {background:#15081f;margin-top:-44px;text-align:center;width:100%;color:white;}
#content4 img:hover {background:url(../img/gal_hover.png)!important ;background-repeat:no-repeat;background-size: 100% 100%;}


#content5 {background:#15081f;margin-top:0px;padding-bottom:40px;color:white;}
#content_frm {text-align:center;width:100%;}
#content3 hr, #content4 hr, #content5 hr {background:#b19168;height:3px;width:15%;margin-top:30px;margin-bottom:30px;border-style: none;border-width: 0px;text-align:center;margin-left:auto;margin-right:auto;}




.left {float:left;width:50%;text-align:right;position:relative}
#content_left {text-align:center;float:right;padding:20px 20px 0 20px;}
.right {float:left;width:50%;text-align:left;position:relative}
#content_right {text-align:left;float:left;padding:20px 20px 0 20px;}

.left_rec {float:left;text-align:right;width:40%;position:relative}
.right_rec {float:left;text-align:left;width:60%;position:relative}

.left_ome {float:left;text-align:left;width:60%;position:relative;}
.right_ome {float:left;text-align:left;width:40%;position:relative;}

.left_kont {float:left;width:60%;position:relative;}
.right_kont {float:left;width:10%;position:relative;padding:2%}
.right_kont a {color:#b19168;}
.right_kont2 {float:left;width:21%;position:relative;padding:2%}
.right_kont2 a {color:#b19168;}
.left_cenik {float:right;width:50%;text-align:center;}
.right_cenik {float:right;width:50%;text-align:center;}
#content_cen_le {width:50%;border:1px solid #d4d4d4;max-width:400px;padding:3%;margin-left:3%;margin-right:auto;}
#content_cen_ri {width:50%;border:1px solid #d4d4d4;max-width:400px;padding:3%;margin-left:auto;margin-right:3%;}
.btn {margin-top:20px;margin-bottom:15px;color:white;background:#15081f; padding:5px 40px 5px 40px;font-size: 90%;float: right;}

#odesilaci-formular {width:90%;max-width:700px;margin-left:auto;margin-right:auto;}
.odesilaci-formular1 {width:100%;float:left;padding-bottom:5px;text-align:left ;} 
.input1{width:40%;height:35px;margin-right:6%;  font-family: 'Roboto Slab', regular;font-weight:300;padding:5px;font-size:17px;}
.input2{width:47%;height:35px;font-family: 'Roboto Slab', regular; font-weight:300;font-size:17px;padding:5px;}
.odesilaci-formular2{width:96.5%;float:left;}
.input3{width:100%;font-family: 'Roboto Slab', regular;font-weight:300;font-size:17px;min-height:150px;padding:5px;}
.errors{margin-left:15px;padding-top: 12px; color: red;}


.title {max-width:1170px;width:100%;text-align:center;vertical-align:middle;margin-left: auto;margin-right: auto;color:#fff;}
.title2 {max-width:1170px;width:100%;text-align:center;vertical-align:middle;margin-left: auto;margin-right: auto;color:black;}

h1 {font-family: 'Oswald', sans-serif; padding-top:30px;padding-bottom:20px;font-size:28px; line-height:35px;font-weight:300;-webkit-margin-before: 0em;color:white;}

h2 {font-family: 'Oswald', sans-serif; color:#b19168; font-size:23px; line-height:30px;text-decoration:bold;-webkit-margin-after: 0em;-webkit-margin-before: 0.5em;font-weight:300;}

h3 {font-size:23px; line-height:29px;color:#000; text-decoration:bold;-webkit-margin-after: 0em;-webkit-margin-before: 0.5em;font-weight:600;}

h4 {font-size:20px; line-height:25px;color:#cf202c; text-decoration:bold;-webkit-margin-after: 0em;-webkit-margin-before: 0em;font-weight:600;}

p  {font-weight: 300;font-size:13px; line-height:20px;-webkit-margin-before:0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}

.bott {max-width:1170px;width:100%;text-align:center;vertical-align:middle;margin-left: auto;margin-right: auto;color:#000;}




.box {
  width: 33.333%;
  margin: 0 auto;
  
  background-clip: padding-box;
  text-align: center;
  
  float:left;
}
.box2 {
  width: 100%;
  margin: 0 auto;
  
  background-clip: padding-box;
  text-align: center;
  min-height:340px;
  float:left;
}
.button {
  font-size: 1em;
  color: transparent;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
  
}

.button:hover {
  background: #06D85F;
}

.but_over {width:100%;height:100%;opacity:0.7;background:black;min-height:2700px}

.overlay {
  
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
   opacity: 1;

  
  background: transparent;
   visibility: hidden;
  z-index: 1000;
  height: 2000px;
}
.overlay:target {
  visibility: visible;

}

.popup {
  top: 0%;
  opacity: 1;
  left: 15%;
  right: 15%;
  padding: 60px;
  background: #fff;
  border: 3px solid #b19168  ;
  width: 95%;
  position: absolute;
    margin-top:50px;
  font-family: font-family: 'Roboto Slab', regular;
   z-index: 1400;
}
.popup2 {
  top: 10px;
  opacity: 1;
  left: 15%;
  right: 15%;
  padding: 60px;
  background: #fff;
 
  width: 95%;
  position: absolute;
  margin-top:50px;
  font-family: font-family: 'Roboto Slab', regular;
  z-index: 1400;
}
.popup2 img {
  float:right;
  position:absolute;
  width:100%;
  margin-top: 0;
  right:0;
  top:0;
   border: 3px solid #b19168  ;
  }
  .popup2 .close {
    position: absolute;
    top: -14px;
    right: -6px;
    color: white;
    z-index: 1000;
    background: black;
    border-radius: 50px;
    line-height: 22px;
    font-size: 35px;
    padding: 0 10px 10px 10px;

    
}
.popup2 .close:hover {
  color: #06D85F;
  text-decoration:none;
}
  
.popup h2 {
  line-height:60px;
  font-size:49px;
  margin-top: 0;
  color: #15081f;
  padding-bottom:20px;
  
  
}
.popup h3 {
  line-height:40px;
  font-size:30px;
  font-family: 'Roboto Slab', regular;
  font-weight:300;
  margin-top: 0;
  color: #b19168;
  padding-bottom:20px;
  
  
}
.popup hr {
  background: #b19168;
  height:3px;
  width:99.5%;
  border-style: none;
  border-width: 0px;
  text-align:center;
  margin-left:auto;margin-right:auto;
}
.popup p {
  line-height:25px;
  font-size:20px;
  font-family: 'Roboto Slab', regular;
  margin-top: 0;
  color: #000;
  font-weight:300;
}
.popup strong {

  font-weight:bold;
}
.popup li {
  line-height:25px;
  font-size:20px;
  font-family: 'Roboto Slab', regular;
  margin-top: 0;
  color: #000;
  font-weight:300;
}

.popup img {
  float:right;
  position:absolute;
  max-width:50%;
  margin-top: 0;
  right:0;
  top:0;
  }
.popup .close {
    position: absolute;
    top: -14px;
    right: -6px;
    color: white;
    z-index: 1000;
    background: black;
    border-radius: 50px;
    line-height: 22px;
    font-size: 35px;
    padding: 0 10px 10px 10px;

    
}
.popup .close:hover {
  color: #06D85F;
  text-decoration:none;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}
.contentpopup  {
max-width:50%;

}
.contentpopup2  {
max-width:90%;

}
.contentpopup h1{
  color: black;
}
.contentpopup_kont  {
  width:100%;
  float:left;
}
.contentpopup_kont1  {
  width:20%;
  float:left;
  line-height:20px !important;
  font-size:15px !important;
  
}
.contentpopup_kont1 p  {

  line-height:20px;
  font-size:15px;
  
}
.contentpopup_kont2  {
  width:20%;
  float:left;
}
.contentpopup_kont2 p  {

  line-height:20px;
  font-size:15px;
  
}
.contentpopup_kont2 a  {

  color:#b19168;
  
}
.contentpopup_kont3  {
  width:60%;
  float:left;
}

#pat {background:#15081f;width:100%;float:left;color:white;}
#pat a {color:#b19168;}
.patka   {
    
    margin-left: auto;
    margin-right: auto;
 
   }
.patka1   {
    width: 40%;
    float: left;
    padding-left: 5%;
    
   }
.patka2   {
    width: 30%;
    float: left;    
   }      
 .patka3   {
   width: 20%;
   float: left;
   text-align: right;
  
   padding-right: 5%;
   }  
    
#back-top {
	position: fixed;
	bottom: 58px;
	right:-8%;
	
}

        
        /* jssor slider bullet navigator skin 03 css */
        /*
        .jssorb03 div           (normal)
        .jssorb03 div:hover     (normal mouseover)
        .jssorb03 .av           (active)
        .jssorb03 .av:hover     (active mouseover)
        .jssorb03 .dn           (mousedown)
        */
        .jssorb03 {
            position: absolute;
        }
        .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
            position: absolute;
            /* size of bullet elment */
            width: 21px;
            height: 21px;
            text-align: center;
            line-height: 21px;
            color: white;
            font-size: 12px;
            background: url('img/b03.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb03 div { background-position: -5px -4px; }
        .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
        .jssorb03 .av { background-position: -65px -4px; }
        .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }

        /* jssor slider arrow navigator skin 03 css */
        /*
        .jssora03l                  (normal)
        .jssora03r                  (normal)
        .jssora03l:hover            (normal mouseover)
        .jssora03r:hover            (normal mouseover)
        .jssora03l.jssora03ldn      (mousedown)
        .jssora03r.jssora03rdn      (mousedown)
        */
        .jssora03l, .jssora03r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 55px;
            height: 55px;
            cursor: pointer;
            background: url('img/a03.png') no-repeat;
            overflow: hidden;
        }
        .jssora03l { background-position: -3px -33px; }
        .jssora03r { background-position: -63px -33px; }
        .jssora03l:hover { background-position: -123px -33px; }
        .jssora03r:hover { background-position: -183px -33px; }
        .jssora03l.jssora03ldn { background-position: -243px -33px; }
        .jssora03r.jssora03rdn { background-position: -303px -33px; }