:root{
 
--menu: #038C9D;
--svetle-zelena: #55B618; 
 
}
@font-face { font-family: Myriad Pro;   src: url(../font/M.ttf); font-weight: normal; font-style: normal;}
@font-face { font-family: Myriad Pro;   src: url(../font/MB.ttf); font-weight: bold; font-style: bold;}

html{  font-family: Myriad Pro;line-height:1.5; }
body {background: white; background-size: cover; background-repeat: no-repeat; margin: 0px; padding: 0px; text-align: center;}
a { text-decoration:none;}

.obsah{margin:0 auto;width:65%;}

@media (max-width: 767px) {

	.obsah{margin:0 auto; width:100%;}

}
.green { background-color: var(--menu);}

.hlavicka { float:left; width:100%;}
.hlavicka .logo{ float:left;margin-top: 25px;}
.hlavicka .pravo { float: right;width:450px;margin-top:40px; }
.hlavicka .pravo .social-ikony { float:right; }
.hlavicka .pravo .social-ikony img { float:left;margin-right:15px;}
.hlavicka .pravo .vyhledat { float:right;margin-right:0%; width:49%;}
.hlavicka .pravo .vyhledat input[type=text] { float: left; padding: 6px;   margin-right: 0px; font-size: 12px; border: 1px solid #E0E0E0;color:#E0E0E0; }
.hlavicka .pravo .vyhledat button { float: left; padding: 6px 10px;  margin-right: 16px; margin-left: 0px; background:white; font-size: 12px; border: none; cursor: pointer; color:#E0E0E0; }


@media (max-width: 767px) {

	.hlavicka .logo {width:25%;float:left; margin-top:20px;} 
	.hlavicka .pravo { float: right;width:33%;margin-top:20px; }
	.hlavicka .pravo .social-ikony { float:left; }
	.hlavicka .pravo .vyhledat { float:left;margin-right:0%; width:49%;display:none;}
	.hlavicka .pravo .vyhledat input[type=text] { float: left; padding: 6px;   margin-right: 0px; font-size: 12px; border: 1px solid #E0E0E0;color:#E0E0E0; }
    .hlavicka .pravo .vyhledat button { float: left; padding: 6px 10px;  margin-right: 16px; margin-left: 0px; background:white; font-size: 12px; border: none; cursor: pointer; color:#E0E0E0; }

}

@media (max-width: 767px) { 
   
   .vyhledat { float:left;margin-top:3%;margin-right:2%;width:100%;padding-bottom:10%;}				

}


.menu { float:left;width:100%;background-color:var(--menu); height:38.73px;overflow:hidden;margin-top:20px;} 
.menu a { float:left; background-color:var(--menu); color:white;padding-right:2%; margin-top:4px; font-size: 16pt; margin-right:3%; font-weight: bold;}
.menu .menu_home{  float:left;margin-top:0px; padding-right:0%; padding-top:0%;padding-bottom: 0%;} 
.menu .menu_5{ margin-left:10%;}
.menu_mobil{ display:none;}



@media (max-width: 767px) { 
   
   .menu { float:left;width:100%;background-color:var(--menu); height:38.73px;overflow:hidden;margin-top:20px;} 
   .menu a { float:left; background-color:var(--menu); color:white;padding-right:2%; margin-top:4px; font-size: 8pt; margin-right:3%; font-weight: bold;}			

}



.popis_index{float:left;width:100%;background-color:var(--menu); margin-top:20px;line-height:1;}
.popis_index h2{float:left;font-size:30pt;color:white; width:100%; margin-top:10px;}
.popis_index h3{float:left;font-size:25pt;color:white; width:100% ; margin-top:0px;font-weight: normal;margin-top:-10px}
.popis_index span{float:left;font-size:60pt;color:#6ABF4C; width:100%;font-weight: bold;margin-top:-10px; }
.popis_index h4{float:left;font-size:25pt;color:white; width:100%; margin-top:-20px;font-weight: normal;}
.popis_index img{ float:left; width:35%;margin-left:2.5%; margin-bottom: min(25px, 5%);  }
.popis_index p{float:left;font-size:16pt;color:white; width:59%;margin-left:2.5%;  line-height:1.7;margin-top:0px;} 

.video .player{ float:left;width:65%;margin-top:1%;}
.video .player #test_video {float:left;width:100%;}
.tv_program { float:right; width:33%;margin-top:1%;padding-left:1%; background:white;margin-bottom:1%;overflow-y: hidden; overflow-x: hidden;}
.tv_program .radek {float:left;width:100%;border-bottom:1px solid grey; margin-bottom:15px; height:140px;overflow: hidden;margin-top:10px;}
.tv_program .radek img{float:left;width:45%;margin-right:10px;}
.tv_program .radek p img{float:left;width:100%;margin-top:0px; margin-right:10px;}
.tv_program .radek .pravo { float:left;width:51%; }
.tv_program .radek .pravo h3{float:left;width:90%;margin-top:0px;font-size: 12pt;overflow: hidden;text-align: left;line-height:1 }
.tv_program .radek .pravo a{text-decoration: none;color:black;}
.tv_program .radek .pravo span{float:left;width:100%;margin-top:-10px;font-size:8pt;color:#6B7255;text-align: left;}
.tv_program .radek .pravo p{float:left;width:100%; margin-top:0px;font-size: 10pt; line-height:95%;text-align: left; height:50px;overflow: hidden;}
 
 
 @media (max-width: 767px) { 
   
   .video .player{ float:left;width:100%;margin-top:1%;}	
   .tv_program { float:left; width:100%;margin-top:1%;padding-left:1%; }	
   .tv_program .radek {float:left;width:100%;border-bottom:1px solid grey; margin-bottom:15px; height:140px;overflow: hidden;margin-top:10px;}	

}
 
 
.info_lista { float:left; width:100%; height:30px; background-color:var(--svetle-zelena); border-radius: 10px;color:white;font-size:16pt;} 

@media (max-width: 767px) { 
   
	.info_lista { float:left; width:100%; height:30px; background-color:var(--svetle-zelena); border-radius: 10px;color:white;font-size:14pt;} 	

}
 

.posledni_videa { width:100%;float:left;margin-top:25px; text-align: center;}
.posledni_videa .polozka{ float:left;width:20%;padding-right:1.1%;padding-left:2.9%;margin-top:10px; }
/* .posledni_videa .polozka2{ float:left;width:20%;padding-right:1.1%;padding-left:2.9%;margin-top:10px;  } */
.posledni_videa .polozka2{ width:92%;padding-right:1.1%;padding-left:2.9%;margin-top:10px;  }
.posledni_videa .polozka2 img{ float:left;width:100%;margin-top:0px;}
.posledni_videa .polozka img{ float:left;width:100%;margin-top:-34px;}
.posledni_videa h3{ font-size:12pt;border:1px solid white;overflow: hidden;height: 25px;text-align: left;}
.posledni_videa .nazev_kategorie{Opacity:0.9; padding:5px;  position:relative;   float:left;  background-color: #E0E0E0;color:var(--menu);font-weight: bold;}
.posledni_videa .radek { float:left;width:20%;padding-right:1.1%;padding-left:2.9%;margin-top:10px; }
.posledni_videa .radek img { float:left;width:100%;margin-top:-34px;}

.sloupec_tv{ width:20%;float:left;margin-top:-1.6%;}
.sloupec_tv h3{ color:white;}
.sloupec_tv .radek{ float:left;width:100%;font-size:9pt;}
.sloupec_tv .radek span{ float:left;margin-left:5%;color:white;width:10%;}
.sloupec_tv .radek strong{ float:left;margin-left:5%;color:white;font-weight:normal;width:70%;margin-bottom:3%;text-align:left;}

@media (max-width: 767px) {

.sloupec_tv{ width:50%;float:left;margin-top:-1.6%;}

}

.radek_banner_homepage{ float:left; width:100%;border:1px solid black;overflow: hidden;}
.radek_banner_homepage p{ float:left;}
.radek_banner_homepage img {float:left;margin-left:0px; }

.reference_nadpis{float:left;width:100%;background-color:var(--svetle-zelena); margin-top:20px;margin-left:0px;}
.reference_nadpis .kamera_1 { float:left; margin-top:2px;margin-bottom: 2px;margin-left:25px; }
.reference_nadpis span { float:left;color:white;font-weight: bold;font-size: 25pt; margin-top:12px;   width:80%;}
.reference_nadpis .kamera_2{ float:right;margin-top:2px;margin-bottom: 2px;margin-right:25px; }
 
.reference_popis{float:left;width:100%;background-color:var(--menu);margin-top:25px;}
.reference_popis p{float:left;font-size:16pt;color:white; width:95%;margin-left:2.5%;font-weight: bold;}


.posledni_videa_reference{ width:100%;float:left;margin-top:25px;text-align: center; margin-left:1%; }
.posledni_videa_reference .polozka{ float:left;width:29%; margin-top:10px;padding-right:2%;padding-left:2%;}
.posledni_videa_reference h3{ display: none;}
.posledni_videa_reference img{ float:left;width:100%;}



.kategorie { width:100%;float:left;margin-top:25px; text-align: center;}
.kategorie h1{ color:var(--svetle-zelena);font-size:35pt;}
.kategorie .polozka{ float:left;width:20%;padding-right:1.1%;padding-left:2.9%;margin-top:30px; }
.kategorie .polozka img{ float:left;width:100%;margin-top:-34px;}
.kategorie h3{ font-size:12pt;border:1px solid white;overflow: hidden;height: 50px;text-align: left; }
.kategorie strong{ display:none;}
.kategorie .cely_clanek {float:left;height:55px;color:black;  font-size: 10pt;;margin-top:-15px;margin-bottom:25px;overflow: hidden;text-align: left;}
.kategorie .strankovani{ float:left;width:100%;text-align: center; }
.kategorie .pagination { list-style-type: none;}
.kategorie .pagination li{float:left; padding:10px;background-color: var(--menu); margin-left:2px;color:white;}
.kategorie .pagination a{color:white;} 


@media (max-width: 767px) { 

	.kategorie h1{  font-size:20pt; margin-bottom: 30px;}
	.kategorie .polozka{  width:25%; }
	.kategorie h3{ font-size:8pt; }

} 

.stranka { float:left;width:100%;margin-top:30px;}
.stranka h2{ color:var(--svetle-zelena);font-size:35pt;}
.stranka h1{ color:var(--svetle-zelena);font-size:35pt;}
.stranka .video {float:left;width:60%; }
.stranka p{float:left; width:34% ; margin-left:5%; margin-top:0px; text-align: left;}
.stranka .portfolio-item{ float:left;width:23%; margin-left:1%; margin-top:20px; border:1px solid grey;overflow: hidden;}
.stranka .portfolio-item img{ float:left;width:100%; }
.stranka ul { list-style-type: none;}
.stranka .thumb-info-inner { display:none;}
.stranka .thumb-info-type{display:none;}
.stranka .thumb-info-action-icon{display:none;}

@media (max-width: 767px) {

	.stranka h2{ font-size:12pt;}
    .stranka h1{  font-size:12pt;}
	.stranka p{float:left; width:100% ;  }
	.stranka .video {float:left;width:100%; }
 
} 

.partneri { float:left;  width:100%;}
.partneri span{ float:left;color:var(--menu);;font-weight: bold;font-size: 35pt; margin-top:32px;   width:100%;}
.partneri img{ float:left;  width:100%;}

.paticka { float:left; width:100%;margin-top:20px;background-color:var(--menu);} 
.paticka .levo { float:left; width:30%;margin-top:1%;background-color:var(--menu);color:white; padding-bottom: 30px;}
.paticka  h3 { font-size:20pt;margin-top:0px;}
.paticka .levo span { float:left;font-size:15pt;width:100%;}
.paticka .pravo{ float:right;color:white;margin-top:15px;margin-bottom: 15px;}
.paticka .pravo .radek{float:left;width:100%; }
.paticka .pravo label{ float:left;width:28%;border:1px solid var(--menu);text-align: right;padding-right:2%;}
.paticka .pravo input { float:left;width:60%;} 
.paticka .pravo h3{ float:left;width:60%;}
.paticka .pravo textarea{ float:left;width:60.2%;height:150px;resize: none;}
.paticka .pravo .odeslat{float:left;width:61%; }
.paticka span{ float:left;width:95%;color:white;font-size: 10pt;margin-bottom: 10px;margin-left:2%;margin-right: 2%; }