@keyframes fontzoom {
    from { font-size: 100%;}
    to {font-size: 130%;}
}
@-webkit-keyframes fontzoom {
    from { font-size: 100%;}
    to {font-size: 130%;}
}
@media (min-width: 480px) {
}
@media (min-width: 800px) {
}
@media (min-width: 1300px) {
}
.color-primary-0 { color: #29AAE2 }	/* Modré Main HlavnĂ­ barva */
.color-primary-1 { color: #7CCBEE }
.color-primary-2 { color: #4FBAE8 }
.color-primary-3 { color: #089BDA }
.color-primary-4 { color: #0472A2 }

.color-complement-0 { color: #FF9824 }	/* Oranžové Main Doplňková barva */
.color-complement-1 { color: #FFC27F }
.color-complement-2 { color: #FFAC4F }
.color-complement-3 { color: #FF8700 }
.color-complement-4 { color: #FF8700 }

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

#clona {display:none;
        background: #FFF;
        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{
}
.svmodra{
    background-color: #9ddefc;    
}
.stmodra{
    background-color: #29ABE2;   
}
.tmmodra{
    background-color: #003399;
}
.zahlavi{
    display: block;   
    height: 2em;
}
.mas_topline{       
	background-color:#003399;
	color:#9ddefc;
	text-align: right;
/*	background-image:url(../Orange_img/logo_orange_male.png);
	background-position:left;
	background-size:contain;
	background-repeat:no-repeat;*/
        z-index: 5000;
}
.logowh{
    margin: 30px;
}
 .logo{
/*  padding: 5px 10px;*/
  background: #fff;
}
@media (min-width: 480px) {
.logo{ 
    
    }
}
.textwhite {color:  #FFF;}
.textblack {color:  #000;}
.textgreen {color:  #0B450B;}
.slogan{
    margin: 1em 40px 0 40px;
}

.slogan{
    font-size: 2.5em;
    font-family: 'Palanquin', cursive;
    font-weight:200;
}
@media (min-width: 480px) {
.slogan{
   
   font-size: 4em;
}
}
@media (min-width: 650px) {
.slogan{
   font-size: 5em;
}
}
@media (min-width: 800px) {
.slogan{
    font-size: 4em;
}
}
@media (min-width: 1000px) {
.slogan{
    font-size: 5em;
}
}
@media (min-width: 1300px) {
.slogan{
   font-size: 6em;
   margin: 0.4em 40px 0 40px;
}    
}
main{ 
/*    font-size: 15px;*/
     
}
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: 800px) {
.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{	
	z-index: 2000;
	overflow: hidden;
 }
.titlenav{
    
    /*background-color: #9ddefc;*/
    padding: 0 0 0 0;
}
.titlenav ul{
    margin:  0;
    padding: 0;
    display: none;
}
.titlenav li{
        font-family: 'Palanquin', cursive;
	display:block;	
	text-align: center;
        font-size: 2.5em;	
        font-weight: 300;
	padding: 0.2em 1em;
/*        margin: 5px 0;*/
/*        border-bottom: 1px solid #003399; */
        background-color: #9ddefc;
	}
.titlenav li a{
	color: #003399 ;
	padding: 0px;
}
.titlenav .active a{
    color: #FFF;
}
.titlenav .active{
    background-color: #29ABE2;
    /*border-bottom: 1px solid #9ddefc;*/
}
.titlenav .inactive a:hover{
    color: #FFF;
    transition: color ease-in 0.1s;
    -webkit-transition: color ease-in 0.1s;
}
 
.navmenubutton {
    cursor: pointer;
    display: block;
/*    padding: 5px 10px;*/
    text-align: center;
    font-size: 2.2em;
    font-weight: 200;
    color: #FFF;
    background-color: #003399;
}
        
@media (min-width: 480px) {
.navmenubutton {
    display: none;
}
.titlenav ul{
    display: block; 
    text-align: left;
    margin: 0;
    
}
.titlenav li{
	font-size: 2em;  
        text-align: right;
        display: inline-block;
        margin: 0;
         
} 
}


@media (min-width: 650px) {
.titlenav li{
	font-size: 2.2em;
        
	}  
}
@media (min-width: 800px) {
    .titlenav{
/*        padding: 4px 0px 0 0;*/
}
    .titlenav ul{
    display: block;  
    margin: 0px 0;
   text-align: right;
}

}
@media (min-width: 1000px) {
  
    .titlenav{
    /*padding: 20px 0px 0 0;*/
}
}
@media (min-width: 1300px) {

    .titlenav{
    /*padding: 45px 0px 0 0;*/
}
}
@media (min-width: 1600px) {
    .titlenav{
    /*padding: 65px 0px 0 0;*/
    }
}
.zobrazit ul {display: block;}


.fixni-orange-nav {
    display: block;
    position: fixed; 
    width:inherit;
}	

footer{
   background-color: #dde8d5;
}
address{
    background-color: #FFF;
    font-style: normal;
    color: #000;
    font-size: 1.6em;
    font-weight: 400;
}
address p{
    font-weight: 400;
}
@media (min-width: 480px) {    
address{
    background: none;
    font-size: 0.9em;
}
}
@media (min-width: 650px) {
address{
    font-size: 1em;
}
}
@media (min-width: 800px) {
address{
    font-size: 1.1em;
}
}
@media (min-width: 1050px) {
address{
    font-size: 1.2em;
}
}
@media (min-width: 1300px) {
address{
    font-size: 1.4em;
}
}
.patka{
   
    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: 2em;
        font-weight: 200;
	color: #003399;
	padding: 1em 20px 0.2em 20px;       
        border-bottom:  solid  #9ddefc;	
}
@media (min-width: 480px) {
h1 { 
        font-size: 2.2em;
         	
    }
}
@media (min-width: 800px) {
h1 { 
        font-size: 3em;
        	
    }
}

@media (min-width: 1300px) {
h1 {  
        font-size: 4em;
       
    }
}

h2 {  
        margin: 0;
        text-align: left;
        vertical-align: middle;
        font-size: 1.8em;
        font-weight:200;
	color: #003399;
	padding: 0.1em  0em ;  
        border-bottom:  solid  #9ddefc;	
}
@media (min-width: 480px) {
h2 { 
        font-size: 2.5em;
/*        border-bottom: none;	*/
    }
}
@media (min-width: 800px) {
h2 {
        font-size: 2.8em;
/*        border-bottom: none;	*/
    }
}
@media (min-width: 1300px) {
h2 { 
        font-size: 3em;
      	
    }
}
footer h2{color: #367636;}
h3{
    color: #003399;
    font-size: 2em;
    font-weight: 400;
}
p {  
    margin: 0;
    padding: 10px 0 ;
    font-weight:100;
    font-size: 1.5em;
    text-align: justify;
}
@media (min-width: 480px) {
p { 
        font-size: 1.6em;
         color: #003399;	
    }
}
@media (min-width: 800px) {
p { 
        font-size: 1.7em;
        	
    }
}
@media (min-width: 1300px) {
p {  
        font-size: 1.8em;
       	
    }
}
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: 480px){
    .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: 20px;*/
    padding: 20px; 
}
.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: 800px) {
 .infopanel {   
    min-height: 16.5em;
 }
}
@media (min-width: 1000px) {
 .infopanel {   
    min-height: 13.5em;
 }
}

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

.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%
}
}
.color-complement-0 { color: #FF9824 }	/* Oranžové tóny Main Doplňková barva */
.color-complement-1 { color: #FFC27F }
.color-complement-2 { color: #FFAC4F }
.color-complement-3 { color: #FF8700 }
.color-complement-4 { color: #FF8700 }
.buttonek{
    background-color: #FF9824;
    display: inline-block;
    color: #FFF;
    padding: 0.3em 0.5em;
    font-size: 2em;
    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.5em;    
    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;
    
}
.v480plus{
    display: none;
}
@media (min-width: 480px) {
.v480plus{
    display: block;
}
}
.v0-480{
    display: block;
}
@media (min-width: 480px) {
.v0-480{
    display: none;
}
}
.v800plus{
    display: none;
}
@media (min-width: 800px) {
.v800plus{
    display: block;
}
}
.color-primary-1 { color: #7CCBEE }
.color-primary-2 { color: #4FBAE8 }
.color-primary-3 { color: #089BDA }
.mastable{
    margin: 10px;
    background-color:#089BDA;

}
.mastable td, .mastable th{
    padding: 0.5em;
    text-align: center;
    vertical-align: top;
}
.lichyradek td{
    background-color: #4FBAE8;
}
.sudyradek td{
    background-color: #7CCBEE;
}
.floatingimg{
    float: left;
    padding: 15px;
}
/*
SVG efektz
*/
svg {
    width: 100%;
    
}
#obce{
    display: block;
}
#obcemas g polygon,#obcemas g text, #obcemas g path {
    opacity: 0;
    -webkit-transition: opacity 0.5s; /* For Safari 3.1 to 6.0 */
        transition: opacity 0.5s;
}
#obcemas g polygon:hover,#obcemas g path:hover {
    opacity: 1;
    filter:url(#f3);
}
#obcemas g polygon:hover+text, #obcemas g path:hover+text{
    opacity: 1;
}
#sifra{
    border: solid 2px #29ABE2;
}
.center{
    text-align: center;
}   
.joker{
    font-size: 2em;
    padding: 0.5em;
    background-color: #FF9824;
    color: #FFF;
}
.joker p{
    color: #FFF;
}

/* Cookies */
.eu-cookies {
	position: fixed;
        color:#000;
	font-family:inherit;
	font-size: 1.3em;
	background:rgba(230,230,230,.92) ;
	padding:16px;
	left: 30px;
        right: 30px;
        /*bottom:30px;*/
        top:30px;
	z-index: 9000;        
	border-radius:5px;
        border: solid #FF8700 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:600px;
}
.admin{
    padding: 20px;
}
.cile{
    width: 100%;
    font-size: 1.2em;
}
.blueform{
    background-color: #4FBAE8;
    color:#000;
}
#boddel{
    display:none;
}
.zolik{
    cursor: pointer;
    position: static;
    display: table;
    background-color: #4FBAE8;
    width: 100%;
    border-radius: 10px;
}
.zolik:hover{
    background-color: #7CCBEE;    
}
.zolikimg{
    display: table-cell;
    height: 100px;
    text-align: center;
}
.zolikimg img{
    height: 100px;
}
.zolikh{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    
}
.zolikh h2{
    text-align: center;
}
.zoliknapoveda{
    background-color: #7CCBEE;
    border-radius: 10px;
}
#znapoveda{
    display: none;
}
.masinfobodytable{
    width: 100%;
}
/*#obcemas g polygon:hover, #obcemas g path:hover{
    fill:#66CFFF;
    filter:url(#f3);
    opacity: 1;
}*/


/*#obcemas g polygon, #obcemas g path{
fill:#29ABE2;
stroke:none;
opacity: 0;
}
#obcemas g:hover{
    opacity: 1;
}
#obcemas g polygon:hover, #obcemas g path:hover{
    fill:#66CFFF;
    filter:url(#f3);
    opacity: 1;
}*/

    /*.homeSlide{
    height: 350px;

}

.bcg {
    background-position: center center;
    background-repeat: no-repeat;

    background-size:cover;
    height: 100%;
    width: 100%;
}
@media (min-width: 800px) {
.bcg {
    background-attachment: fixed;
}
}
 Slide 1 
#blokID-10 .bcg {
    background-image:url('../img/titulkas.jpg');
}
@media (min-width: 800px) {
#blokID-10 .bcg {
    background-image:url('../img/titulka1.jpg');
}

/*#pole_ID-6, #pole_ID-61,#pole_ID-67,#pole_ID-94,#pole_ID-80,#pole_ID-87{
    position: absolute;
    bottom: 0;
}*/