@keyframes fontzoom {
    from { font-size: 100%;}
    to {font-size: 130%;}
}
@-webkit-keyframes fontzoom {
    from { font-size: 100%;}
    to {font-size: 130%;}
}
@media (min-width: 48em){
}
@media (min-width: 72em) {
}
@media (min-width: 98em) {
}

body {
    overflow-y: scroll;
    line-height: 1.3; 
    background-color: #32373d;
}
.container-fluid{
font-family: 'Palanquin', sans-serif;
}

#clona {display:none;
        background: #32373d;
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9999;
}
.contain {/*smooth page load*/
        opacity: 0;
        transition: opacity 1s;
}
.container-loaded {
	  opacity: 1; 
          -webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
}
.container-fluid{
   
  }
header{
}

.zahlavi{
    display: block;   
    height: 2rem;
}

.bcg{
   
}
.logowh{
    margin: 30px;
}
 .logo{
  padding: 10px 20px 10px 20px;
    
}
.logo img{
   
}
@media (min-width: 48em) {
.logo{ 
    
    }
}


main{ 
     background-color: #32373d;
     color: #949598;
}
main p, main h1, main h2, main h3{
/*    text-align: center; */
}
.darkbg{
    background-color: #333;
     
}

.loga .orange_baner_img{
    padding: 1em;
}
.pruh {
    display: none;
}   
@media (min-width: 72em) {
.pruh {
    display: block;    
    height: 2em;
    background-color: #2d2b27;
}   
}
.prouzek{
     height: 15px;
     background-color: #FFF;
}
.graybg{
    background-color: #FaFaFa;   
}
.whitebg{
    background-color: #FFF;
}

.formular{
    margin: 2em 0;
}

a {
    color:#FF8700;
    
}
a:visited{
    color:#FF8700;
}
a:active,
a:hover{
    color:#29AAE2;
}

.container-fluid{
   
}
.floatingnav{
    
    position: fixed;
    top: 0;
    z-index: 500;
/*    background-color: rgba(255, 255, 255, 0.6);*/
}
/*.floatingnav img{
    width: 100%;
}*/


nav{	
    display:inline;
    z-index: 2000;
    overflow: hidden;
 } 
.navbar {
    display: none;
    overflow: hidden;
    /*background-color: #FFF;*/ 
    margin: 0 5px;
  
}
.navbar a{
    color: #c5c5c6;
    text-align: left;
    /*padding: 0.4em 0.6em;*/
    /*margin: 5px 0;*/
}
.navlink {    
    color: #c5c5c6;
    text-align: right;
    text-decoration: none;  
    font-size: 1.7rem;	
    font-weight: 300;
    padding: 5px 15px;
    
}

.navbar .active .navlink{
    color: #c5c5c6;
}
.navbar .inactive .navlink:hover{
    color: #000;
    transition: color ease-in 0.1s;
    -webkit-transition: color ease-in 0.1s;
    border-bottom: 1px solid #fdb940; 
    
}
.subnav {  
  overflow: hidden;
  display: block;
  padding: 5px 15px;
  text-align: right;
}

.subnav .subnavbtn {
  font-size: 1.3rem;	
  font-weight: 300;  
  border: none;
  outline: none;
  /*color: #fff;*/
}

.navlink:hover, .subnav:hover {
/*  background-color: #fedc9f;
     transition: background-color ease-in 0.2s;
    -webkit-transition: background-color ease-in 0.2s;*/
    /*border-bottom: 1px solid #c5c5c6;*/ 
    color: #fff;
   
}

.navlink a:hover, .subnav a:hover {
    color: #fff;
    
}

.subnav-content {  
  
  left: 0;
  /*top:10px;*/
  margin: 7px 5px 0 5px;
/*  background-color: #eee;*/
  width: 100%;
  z-index: 1;
}

.subnav-content a {
    margin: 3px 0;
    padding: 10px 15px;  
    font-size: 1.1rem;  
    display: block;
    /*float: left;*/
    color: #c5c5c6;
    text-decoration: none;
    border-top: 2px solid #c5c5c6;
}

.subnav-content a:hover {
    /*background-color: #FFF;*/
    color: #FFF;
    /*border-bottom: 1px solid #fdb940;*/
}

.subnav:hover .subnav-content {
  display: block;
  color: #fff;
}
.active {	
    /*background-color: #fff1d9;*/
/*    border-bottom: 1px solid #c5c5c6;*/
	}
.activesub a{
/*    background-color: #fff1d9;*/
    color: black;
/*    border-bottom: 1px solid #fdb940    */
        }
.navmenubutton {
    cursor: pointer;
    display: block;
    padding: 5px 15px;
    text-align: lef;
    font-size: 2.2rem;
    font-weight: 200;
    color: #c5c5c6;
    /*background-color: #fdb940;*/
}

@media (min-width: 48em) {
.navmenubutton {
    display: none;
}
.navbar {
    display: block;
}
.navlink { 
    text-align: left;
    font-size: 1.4rem;
    padding: 5px 15px;
}
.subnav{
    /*float: left;*/
}
.subnav .subnavbtn {
    
    font-size:1.5rem;   
}
.subnav-content{
    display: none;
    /*position: absolute;*/
}
.subnav-content a {
    display: inline-block;
   margin: 0;
    float: left;    
    font-size: 1.5rem;
    border-top: none;
}        
}
@media (min-width: 72em) {
.navlink { 
    font-size: 1.2rem;
    padding: 4px 15px;
}
}
@media (min-width: 98em) {
.navlink { 
    font-size: 1.4rem;
    padding: 5px 15px;
}
.subnav .subnavbtn {
    font-size: 2.6rem;   
}
.subnav-content a {      
    font-size: 2.6rem; 
}        
}       
.zobrazit .navbar {
    display: block;
}       
nav ul li a{
    /*font-size: 1rem;*/
    font-weight: 300;
    font-style: italic; 
}


footer{
}
address{
    background-color: #FFF;
    font-style: normal;
    color: #000;
    font-size: 0.9rem;
    font-weight: 400;
}
address p{
    font-weight: 400;
}
@media (min-width: 48em) {    
address{
    background: none;
    font-size: 0.9rem;
}
}

@media (min-width: 72em) {
address{
    font-size: 1.1rem;
}
}

@media (min-width: 98em) {
address{
    font-size: 1.4rem;
}
}
.patka{
   font-size: 0.8rem;
    text-align: center;
    background-color: #dadada;
}
.patka a{
    color: #333;
}


.dtp {    
    background-image: url(../../img/dtp/podklad_stetce.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 40% auto;
    
}
h1, h2, h3 {

 font-family: 'Palanquin', cursive;
}
h1 {  
        margin: 0;
        vertical-align: middle;
        text-align: left;
        font-size: 2.2rem;
        font-weight: 200;
	color: #c5c5c6;
	padding: 0.3em 20px 0.2em 20px;       
        /*border-bottom:  solid  #9ddefc;*/	
}
@media (min-width: 48em) {
h1 { 
        font-size: 2.2rem;
        text-align: left; 	
    }
}
@media (min-width: 72em) {
h1 { 
        font-size: 3rem;
        text-align: left; 	
    }
}

@media (min-width: 98em) {
h1 {  
        font-size: 4rem;
        text-align: left; 
    }
}

h2 {  
        margin: 0;
        text-align: left;
        vertical-align: middle;
        font-size: 1.8rem;
        font-weight:200;
	color: #c5c5c6;
	padding: 0.1em  0em ;  
        /*border-bottom:  solid  #9ddefc;*/	
}
@media (min-width: 48em) {
h2 { 
        font-size: 2.5rem;
/*        border-bottom: none;	*/
    }
}
@media (min-width: 72em) {
h2 {
        font-size: 2.8rem;
/*        border-bottom: none;	*/
    }
}
@media (min-width: 98em) {
h2 { 
        font-size: 3rem;
      	
    }
}
footer h2{color: #367636;}
h3{
    color: #c5c5c6;
    font-size: 2rem;
    font-weight: 400;
}
p {  
    margin: 0;
    padding: 10px 0 ;
    font-weight:100;
    font-size: 1.1rem;
    text-align: justify;
    color: #c5c5c6;
}
@media (min-width: 48em) {
p { 
        font-size: 1.2rem;
         	
    }
}
@media (min-width: 72em) {
p { 
        font-size: 1.3rem;
        	
    }
}
@media (min-width: 98em) {
p {  
        font-size: 1.4rem;
       	
    }
}
ul{
    margin-bottom: 20px;
}

table{
  /*width: 100%;*/
    
}
th{
    text-align: left;
}
.orange_table{
    width: 100%;
    margin: 10px;
}
.orange_clanek, .orange_text,.orange_table,  .orange_formular, .orange_fb-like, .orange_soubor, .orange_baner_text,.infopanelblok, .formular{
        padding: 5px 20px;            
    }
@media (min-width: 48em){
    .orange_clanek, .orange_text, .orange_table,  .orange_formular, .orange_fb-like, .orange_soubor, .orange_baner_text, .formular{
        padding: 5px 20px;            
    }
}
.orange_baner_text{
    color: #fff;
   
    font-size: 5px;
    padding: 0px; 
}
.orange_baner_caption{
    font-size: 15px;
    padding: 10px;
    background-color: #eee;
}
.orange_video_scr{
    padding: 15px;
}
.orange_baner img{

}
.svmodra .orange_baner_text{
    padding: 0.5em;
}
.graf {
    padding: 0.5em 1em;
}
.infopanel {
    background-color: #eee;
    margin: 2px;
    display: block;
    min-height: 13.5em;
    padding: 0 0.5em;
}
@media (min-width: 72em) {
 .infopanel {   
    min-height: 16.5em;
 }
}
@media (min-width: 98em) {
 .infopanel {   
    min-height: 13.5em;
 }
}

.akce{
    background-color: #ff5050; 
    color: #FFF;
    margin: 1em 0 0.5em 0;
}
.akce h2{color: #FFF;}
.em1{font-size: 1rem;}
.em1x2{font-size: 1.2rem;}
.em1x5{font-size: 1.5rem;}
.em2{font-size: 2rem;}
.em2x5{font-size: 2.5rem;}
.em0x8{font-size: 0.8rem;}
.em0x5{font-size: 0.5rem;}
.em0x2{font-size: 0.2rem;}

.pul{
    float: none;
    width: 100%
}
@media (min-width: 800px) {
.pul{
    float: left;
    width: 50%
}
}
.tret{
    float: none;
    width: 100%
}
@media (min-width: 600px) {
.tret{
    float: left;
    width: 50%
}
}
@media (min-width: 900px) {
.tret{
    float: left;
    width: 33.3333333333%
}
}
.ctvrt{
    float: none;
    width: 100%
}
@media (min-width: 500px) {
.ctvrt{
    float: left;
    width: 50%
}
}
@media (min-width: 750px) {
.ctvrt{
    float: left;
    width: 33.3333333333%
}
}
@media (min-width: 1000px) {
.ctvrt{
    float: left;
    width: 25%
}
}

.buttonek{
    background-color: #FF9824;
    display: inline-block;
    color: #FFF;
    padding: 0.3em 0.5em;
    font-size: 1.5rem;
    border-radius: 10px;
    border: solid 1px #FF8700;
    margin: 3px;
    
}
.buttonek:visited{
    color: #FFF;
}
.buttonek:hover{
    background-color: #FF8700;
    color: #FFF;
}

.buttonekblue{
    background-color: #9ddefc;
    display: inline-block;
    color: #003399;
    padding: 0.3em 0.5em;
    font-size: 1.5rem;    
    margin: 3px 0;
    
}
.buttonekblue:visited{
    color: #003399;
}
.buttonekblue:hover{
    background-color: #7dbedc;
    color: #FFF;
}

.js .toggle-content {
    overflow: hidden;
    display: none;
    transition: height .2s;
}

.js .toggle-header {
    cursor: pointer;
    -ms-touch-action: manipulation; /* IE10  */
    touch-action: manipulation; /* IE11+ */
}

/*.container {
	max-width: 1200px; 
	margin: 0 auto;
	width:95%;
}*/


.fixni-menu {position: fixed; left: 0; top: 0; width: 100%; z-index: 10;
	background-image:url(../../Orange_img/podnav5.png);
	background-position:top;
	background-size:contain;
	background-repeat:repeat-x;} 




.zrpform .radio-horizontal , .zrpform .radio-vertical {
    background-color: #555;
}
.zrp-tabulka {
    border: medium solid #f99e45;
    
}


.smminus, .mdminus, .lgminus{
    display: block;
}
.smplus, .mdplus, .lgplus{
    display: none;
}
@media (min-width: 48em) {
.smplus{
    display: block;
}
.smminus{
    display: none;
}
}
@media (min-width: 72em) {
.mdplus{
    display: block;
}
.mdminus{
    display: none;
}
}
@media (min-width: 98em) {
.lgplus{
    display: block;
}
.lgminus{
    display: none;
}
}




.lichyradek td{
    background-color: #4FBAE8;
}
.sudyradek td{
    background-color: #7CCBEE;
}
.floatingimg{
    float: left;
    padding: 15px;
}
/*
SVG efektz
*/
svg {
    width: 100%;
    
}

.center{
    text-align: center;
}   

/* Cookies */
.eu-cookies {
	/*position: fixed;*/
        color:#000;
	font-family:inherit;
	font-size: 1rem;
	background:rgba(230,230,230,.92) ;
	padding:16px;
/*	left: 30px;
        right: 30px;*/
        /*bottom:30px;*/
        top:30px;
	z-index: 9000;        
        border: solid #aaa thick;         
        text-align: center;
}
.eu-cookies p {
   text-align: center; 
   color:#000;
}
.boxmail {
    width: 100%;
    text-align: center;
}
.mailnahled {
       display: inline-block;
       width: 100%;
       height:500px;
}
.admin{
    padding: 20px;
}