:root{
 
--menu: #038C9D;
--svetle-zelena: #55B618; 
--tmave-modra:#18343C;
}
@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:60%;}

@media (max-width: 767px) {

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

}
 

.hlavicka { float:left; width:100%;  padding-bottom:10px; }
.hlavicka .logo{ float:left;margin-top: 5px;margin-left:0px;width:15%;}
.hlavicka .pravo { float: right;width:450px;margin-top:20px; }
.hlavicka .pravo .social-ikony { float:right; }
.hlavicka .pravo .social-ikony img { float:left;margin-right:15px;}


@media (max-width: 767px) {

    .hlavicka { float:left; width:100%;   padding-bottom: 10px;}
	.hlavicka .logo {width:25%;float:left; margin-top:10px;} 
	.hlavicka .pravo { float: right;width:45%;margin-top:10px; }
	.hlavicka .pravo .social-ikony { float:left;width:100%; }
 
}



/*
background-color:var(--tmave-modra);
********************************************************************/
.menu { float:left;width:100%;  height:38px;overflow:hidden; padding-top:10px;background-color:var(--tmave-modra);} 
.menu a { float:left;   color:white;padding-right:2%; margin-top:0px; font-size: 15pt; margin-right:3%; font-weight: normal;margin-left:15px;}
 



@media (max-width: 767px) { 
   
   .menu { float:left;width:100% ;  height:22px;overflow:hidden;margin-top:0px;   padding-top:5px; } 
   .menu a { float:left;   color:white;padding-right:0%; margin-right:0%;margin-left:15px; font-size:8pt;  font-weight: normal; }		
   
}



.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:30%;margin-top:1%; }
.video .player #test_video {float:left;width:100%;}

.tv_program { float:right; width:69%; margin-top:1%;  background:white; margin-bottom:1%;overflow-y: hidden; overflow-x: hidden;}
.tv_program .radek { position: relative;float: left;width: 47%;margin-left: 3%;}
.tv_program .radek img {width: 100%;display: block;}
.tv_program .radek .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.45);  opacity: 1;transition: opacity 0.3s ease;}
.tv_program .radek:hover .overlay {opacity: 0;} 
.tv_program .radek h3 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0;padding: 0 10px;color: white;font-size: 14pt;text-align: center;z-index: 2;text-shadow: 0 0 5px black;}
.tv_program .radek h3 a {color: white;text-decoration: none;}


@media (max-width: 767px) { 
   
    .tv_program { float:right; width:100%;margin-top:1%; background:white;margin-bottom:1%;overflow-y: hidden; overflow-x: hidden; }
	.tv_program .radek {  position: relative;  width: 47%; margin-left: 0px; }
	.tv_program .radek img { width: 100%; display: block;}
}

 
.tv_program .radek h3 { position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);  margin: 0;padding: 0 0px;color: white;font-size: 16pt; text-align: center; text-shadow: 0 0 5px black;}
.tv_program .radek h3 a {  color: white; text-decoration: none;}


 
 
 @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:5px solid grey; margin-bottom:15px; height:140px;overflow: hidden;margin-top:10px;}	

}
 
 
.info_lista { float:left; width:100%; height:30px; background-color: #E0E0E0;  border-radius: 00px;color:white;font-size:15pt; margin-bottom: 5px;} 
.info_lista marquee {color: var(--menu);}

.reklama_homepage_google  { float:left; width:100%;   }

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

}


.dalsi_videa {float:left;width:100%;}
.dalsi_videa { float:right; width:100%; margin-top:1%;  background:white; margin-bottom:1%;overflow-y: hidden; overflow-x: hidden;}
.dalsi_videa .radek { position: relative;float: left;width: 32%;margin-right: 2%;margin-bottom: 10px;}
.dalsi_videa .radek img {width: 100%;display: block;}
.dalsi_videa .radek .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.45);  opacity: 1;transition: opacity 0.3s ease;}
.dalsi_videa .radek:hover .overlay {opacity: 0;} 
.dalsi_videa .radek h3 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0;padding: 0 10px;color: white;font-size: 14pt;text-align: center;z-index: 2;text-shadow: 0 0 5px black;}
.dalsi_videa .radek h3 a {color: white;text-decoration: none;}
.dalsi_videa .radek:nth-child(3n) {  margin-right: 0;}
 
@media (max-width: 767px) { 
   
	.dalsi_videa .radek { position: relative;float: left;width: 100%;margin-right: 1.33%;margin-bottom: 10px;}

}


.posledni_videa { float:left; width:60%; }
.posledni_videa .polozka { width: 100%;  float: left;  margin: 10px 2.9% 0 0;}
.posledni_videa .polozka .nazev_kategorie { background-color: #E0E0E0; color: var(--menu);  font-weight: bold; padding: 5px; opacity: 0.9; margin-bottom: 5px;}
.posledni_videa .polozka img { float: left;width: 40%; margin-right: 10px;  display: block;}
.posledni_videa .polozka h3 { font-size: 18pt;margin: 0; line-height: 1.2;overflow: hidden;text-align: left;  display: block;}
.posledni_videa .polozka p {  display: block;  overflow: hidden; margin: 0 0 10px 0; line-height: 1.4; text-align: left;}


@media (max-width: 767px) {
    .posledni_videa { float:left; width:100%; }
	.posledni_videa .polozka { width: 100%;  float: left;  margin: 10px 2.9% 0 0%;}
	.posledni_videa .polozka h3 { font-size: 10pt;margin: 0; line-height: 1.2;overflow: hidden;text-align: left;  display: block;}
 } 


 
  .posledni_videa .dalsi_zpravy {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

 .posledni_videa  .dalsi_zpravy a {
    display: inline-block;
    padding: 12px 25px;
    background: var(--tmave-modra);
    color: white;
    font-size: 16px;
    font-weight: bold;
    border-radius: 6px;
    text-decoration: none;
    transition: 0.3s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

 .posledni_videa  .dalsi_zpravy a:hover {
    background: #003a7a;  /* trochu světlejší modrá */
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.3);
}

 .posledni_videa  .dalsi_zpravy a:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}




.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 { float:right; width:35%; margin: 10px 0 0 2%;  }
.reference .reference_nadpis{float:left;width:100%;background-color: #E0E0E0; font-weight: bold; padding: 5px; opacity: 0.9; margin-bottom: 5px;}
.reference .reference_nadpis span {  color:var(--menu);font-weight: normal;font-size: 13pt; margin-top:10px;   width:72%; font-weight: bold;}
.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;}
.reference .posledni_videa_reference {width: 100%;margin-top: 25px;text-align: left;  }
.reference .posledni_videa_reference .polozka{ float:left; margin-top:10px;}
.reference .posledni_videa_reference .polozka img { float:left; width:100%;}
.reference .posledni_videa_reference .polozka h3{ position:absolute;background-color: #E0E0E0; color: var(--menu);  font-weight: normal; padding: 5px; opacity: 0.9; margin-bottom: 0px;}

@media (max-width: 767px) { 
.reference { float:left; width:98%; margin: 10px 2.9% 0 0;  }
}



.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 .video_stranka { float:left; width:60%; }
.stranka .video_stranka h2{ color:var(--svetle-zelena);font-size:20pt;}
.stranka .video_stranka p{ font-size:15pt;width:100%; }


.stranka { float:left;width:100%;margin-top:30px;}
.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 .video_stranka { float:left; width:100%; }
    .stranka h2{font-size:12pt;}
    .stranka h1{font-size:12pt;}
	.stranka p{float:left; width:100% ;  }
	.stranka .video {float:left;width:100%; }
 
} 
 

.paticka {float:left; width:100%;margin-top:20px;background-color:var(--tmave-modra); } 
.paticka  h3 {font-size:20pt;margin-top:0px;}
.paticka .levo span {float:left;font-size:11pt; margin-top:45px ;}
.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%; }

.anotation {float:left; width:33%; margin-bottom:250px;}
.anotation p {float:left; width:100%;  }
@media (max-width: 767px) {

	.anotation { float:left; width:90%; margin-bottom:250px;}
	.anotation p{ float:left; width:100%;  }
 
}