: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%; }