body{margin:0px;padding:0px;font-size:2em;font-family:Arial,Helvetica,sans-serif; }
p{margin:0px;padding:0px;display:inline;}
h1{margin:0px;padding:0px;font-family:Arial,Helvetica,sans-serif;}
h2{margin:0px;padding:0px;font-weight:normal;display:inline;font-family:Arial,Helvetica,sans-serif;}
h3{margin:0px;padding:0px;font-weight:normal;display:inline;font-family:Arial,Helvetica,sans-serif;}
h4{margin:0px;padding:0px;font-weight:normal;display:inline;font-family:Arial,Helvetica,sans-serif;}
h5{margin:0px;padding:0px;font-weight:normal;display:inline;font-family:Arial,Helvetica,sans-serif;}
h6{margin:0px;padding:0px;font-weight:normal;display:inline;font-family:Arial,Helvetica,sans-serif;}


/*kontejnery mají pevné rámy*/
*{box-sizing: border-box;}

/*
div {border-style:solid;border-width:0.1em;border-color:white;}
img {border-style:solid;border-width:0.1em;border-color:grey;}
h2 {border-style:solid;border-width:0.1em;border-color:yelow;}
*/

/*odstavce a nadpisy*/ 
span{color:rgb(144,144,144); font-size:1em;}
span a:link{color:rgb(144,144,144); font-size:1.1em;}
span a:hover{color:rgb(144,144,144); font-size:1.2em;}
span a:active{color:rgb(144,144,144); font-size:1em;}
span a:visited{color:rgb(144,144,144); font-size:1.1em;}

h1{color:white;font-style:italic;font-family:verdana;font-weight:bold;}
h1 a:link {color:rgb(192,192,192); font-size:1.1em;}      /*h1 odkaz*/
h1 a:hover {color:rgb(192,192,192); font-size:1.2em;}     /*h1 odkaz při najetí myši*/
h1 a:active {color:rgb(192,192,192); font-size:1em;}    /*h1 odkaz při navštívení*/
h1 a:visited {color:rgb(192,192,192); font-size:1.1em;}   /*h1 odkaz již navštívil*/
h1{text-shadow:rgb(78,78,78) 10px 8px 9px;}

h2{color:rgb(192,192,192);font-size:2.2em;font-style:italic;font-family:arial;}
h2 a:link {color:rgb(192,192,192); font-size:1.1em; text-decoration:underline;}
h2 a:hover {color:rgb(192,192,192); font-size:1.2em; text-decoration:underline;}
h2 a:active {color:rgb(192,192,192); font-size:1em; text-decoration:underline;}
h2 a:visited {color:rgb(192,192,192); font-size:1.1em; text-decoration:underline;}

#hlavnih2{color:rgb(224,224,224); letter-spacing:0.1em;font-style:italic;font-family:arial;font-weight:bold;}

h3{color:rgb(0,0,255);font-size:2.2em;font-style:italic;font-family:arial;}
h3 a:link {color:rgb(0,0,255);font-size:1.1em;text-decoration:underline;}
h3 a:hover{color:rgb(0,0,255);font-size:1.2em;text-decoration:underline;}
h3 a:active{color:rgb(0,0,255);font-size:1em;text-decoration:underline;}
h3 a:visited{color:rgb(0,0,255);font-size:1.1em;text-decoration:underline;}


h4{color:rgb(112,112,112);font-size:1.8em;font-style:italic;}
h4 a:link {color:rgb(112,112,112);font-size:1em;text-decoration:underline;}
h4 a:hover{color:rgb(112,112,112);font-size:1em;text-decoration:underline; background-color:rgb(224,224,224);}
h4 a:active{color:rgb(112,112,112);font-size:1em;text-decoration:underline;}
h4 a:visited{color:rgb(112,112,112);font-size:1em;text-decoration:underline;}

h5{color:rgb(112,112,112);font-size:1.8em;font-style:italic;}
h5 a:link {color:rgb(112,112,112);font-size:1em;text-decoration:underline;}
h5 a:hover{color:rgb(112,112,112);font-size:1em;text-decoration:underline; background-color:rgb(224,224,224);}
h5 a:active{color:rgb(112,112,112);font-size:1em;text-decoration:underline;}
h5 a:visited{color:rgb(112,112,112);font-size:1em;text-decoration:underline;}

p{color:rgb(160,160,160);font-size:2.2em;font-style:italic;font-family:arial;}
p a:link{color:white; font-size:1em; text-decoration:underline; }
p a:hover{color:white; font-size:1em; text-decoration:underline;}
p a:active{color:white; font-size:1em; text-decoration:underline;}
p a:visited{color:white; font-size:1em; text-decoration:underline;}

/*nastavení tlačítka menu*/
#menu nav{float:none;}
#tlacitko-menu{color:rgb(240,240,240);}

.malemenu a{display:block;font-size:0.8em;font-family:Arial,Helvetica,sans-serif;color:black;font-weight:bold;font-style:italic;text-decoration:none;line-height:1em;text-align:center;width:100%;padding:4%;background-color:#FFA050;box-shadow:rgba(0,0,0,.25) 8px 6px 10px 0px;margin:0.6em;}
.malemenu a:hover{text-decoration:none;font-size:0.8em;}
.malemenu1 a{display:block;width:98%;padding:2px;background-color:#FFA050;box-shadow:rgba(0,0,0,.25) 8px 6px 10px 0px;}
.malemenusiroke a{display:block;width:280px;padding:2px;background-color:#FFA050;box-shadow:rgba(0,0,0,.25) 8px 6px 10px 0px;}
.zvetsitmenu:hover{transform:scale(1.1);z-index:300;}
.zvetsitmenu a{transform:scale(1);transition:0.10s;}
nav a:hover{transform:scale(1.06);z-index:200;}

/*přidá ikonu telefonu ke kontaktu*/
a[href^="tel:"]:before {
  content: "\260e";
  margin-right: 0.1em; 
}

/*doprostred*/
.doprostred {margin:0 auto;}

/*formátování textu*/
.text2{color:rgb(224,224,224);}
.bold{font-weight:bold;}
.kurziva{font-style:italic;}
.text-mensi{font-size:0.8em;}
.text-vetsi{font-size:1.5em;}
.text-nejvetsi{font-size:2.6em;}
.nadpisvtextu{color:red;font-size:1em;}
.text-zarovnat-vlevo{text-align:left;}
.text-zarovnat-vpravo{text-align:right;}
.text-zarovnat-stred{text-align:center;}
.text-zarovnat-roztahnout{text-align:justify;}

/*text pres obrázek -  div kontejner musí být position: relative; moje-css - relativní - jinak bude na tom místě na celé stránce*/
.do-leveho-horniho-rohu-kontejneru {position: absolute; top: 1em; left: 1em;}
.do-praveho-horniho-rohu-kontejneru {position: absolute; top: 1em; right: 1em;}
.do-leveho-spodniho-rohu-kontejneru {position: absolute; bottom: 1em; left: 1em;}
.do-praveho-spodniho-rohu-kontejneru {position: absolute; bottom: 1em; right: 1em;}
.doprostred-kontejneru {position: absolute; top: 50%; left: 50%;}

/*doprostred*/
.doprostred {margin:0 auto;}

/*podtržení*/
.podtrzene{text-decoration-line: underline;}
.zrusit-podtrzeni{text-decoration-line:none;}
.nadtrzeni{text-decoration-line: overline;}
/*styly podtrzeni*/
.normalni-podtrzeni{text-decoration-style: solid;}
.vlnkove-podtrzeni{text-decoration-style: wavy;}
.dvojite-podtrzeni{text-decoration-style: double;}


/* stiny zvetsovani a efekty */
div.stin{box-shadow:8px 8px 11px 6px rgb(78,78,78);}
table.stin{box-shadow:rgb(78,78,78) 1px 1px 1px 1px;}
img.stin{box-shadow:rgb(78,78,78) 1px 1px 1px 1px;}
img.stinvelky{box-shadow:8px 8px 11px 0px rgb(78,78,78);}
.stintext {text-shadow:rgb(78,78,78) 15px 13px 9px;}
.stintext1 {text-shadow:rgb(78,78,78) 10px 8px 9px;}
a:active{transform:rotate(5deg);transition:1s;}
.zvetsit-div-img {transition:0.4s; }
.zvetsit-div-img:hover {transform:scale(1.05);transition:0.4s; }
img:active{transform:rotate(5deg);transition:1s;}
.zvetsit:hover{transform:scale(1.35);z-index:300;}
.zvetsit{transform:scale(1);transition:0.25s;}
.otoc45{transform:rotate(-37deg);position:absolute;}
.odkazobr:hover {transform:scale(1.06);z-index:200;}

/*cary <hr>*/
hr.cara-1 {
    border: 0;
    height: 70%; /* Firefox... */
    box-shadow: 0 0 1em 0.1em grey;}
hr.cara-1:after {  /* Not really supposed to work, but does */
    content: "\00a0";  /* Prevent margin collapse */}
hr.cara-2 {
    border: 0;
    height: 0.2em;
    background-image: linear-gradient(to right, rgba(119, 119, 119, 0), rgba(119, 119, 119, 0.75), rgba(119, 119, 119, 0));
    width:70%;}
hr.cara-3 {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);}
hr.cara-4 {
    overflow: visible; /* For IE */
    height: 30px;
    border-style: solid;
    border-color: grey;
    border-width: 1px 0 0 0;
    border-radius: 20px;}
hr.cara-4:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: grey;
    border-width: 0 0 1px 0;
    border-radius: 20px;}

/*vzhled formulářů----------------------------------------*/
.input-textove-pole { 
    text-align: center;
    background-color: rgba(255,255,255,0.1); /* Remove background fill */
    
    border-radius: 0; /* Remove corner curve */
    border: 2px solid #fff; /* 2px white border */
    color: #fff; /* White text */
   }
.input-textove-pole {width: 90%; 
       height: 130%; /* Increase input height */
        } 
.input-textove-pole {width: 95%; 
          height: 130%; /* Increase input height */
           }    
input:valid{color:white;}
input:invalid{color:red;}

/*chceckbox*/

input[type="checkbox"]{
    display:inline-block;
    width:2em;
    height:2em;
    
    vertical-align:middle;
    background:url(check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked{
    background:url(check_radio_sheet.png) -19px top no-repeat;
}




/*tlačítko odeslat */
#odeslat1{ appearance: none;

display:inline-block;
padding:0.5em 3em;
border:0.16em solid grey;
margin:0 0.3em 0.3em 0;
box-sizing: border-box;
text-decoration:none;
font-family:sans-serif;
font-weight:400;
color: grey;
text-align:center; 
transition: all 0.15s;
background-color:rgba(0,0,0,0.2);
}

#odeslat1:hover{color:white; border-color:white;}
#odeslat1:active{ color:#BBBBBB; border-color:#BBBBBB;}

/*alert javascript*/


/*Roztažení---------------------------------------------------------*/
.pres-10 {width:10%;}
.pres-13 {width:13%;}
.pres-15 {width:15%;}
.pres-18 {width:18%;}
.pres-20 {width:20%;}
.pres-23 {width:23%;}
.pres-25 {width:25%;}
.pres-28 {width:28%;}
.pres-30 {width:30%;}
.pres-33 {width:33%;}
.pres-35 {width:35%;}
.pres-38 {width:38%;}
.pres-40 {width:40%;}
.pres-43 {width:43%;}
.pres-45 {width:45%;}
.pres-48 {width:48%;}
.pres-50 {width:50%;}
.pres-52 {width:52%;}
.pres-53 {width:53%;}
.pres-55 {width:55%;}
.pres-58 {width:58%;}
.pres-60 {width:60%;}
.pres-63 {width:63%;}
.pres-65 {width:65%;}
.pres-68 {width:68%;}
.pres-70 {width:70%;}
.pres-73 {width:73%;}
.pres-75 {width:75%;}
.pres-78 {width:78%;}
.pres-80 {width:80%;}
.pres-83 {width:83%;}
.pres-85 {width:85%;}
.pres-88 {width:88%;}
.pres-90 {width:90%;}
.pres-93 {width:93%;}
.pres-95 {width:95%;}
.pres-96 {width:96%;}
.pres-97 {width:97%;}
.pres-98 {width:98%;}
.pres-cele{width:100%;}
.pres-cele-max{max-width:98%}

/*výška elementu*/
.vyska-minimalni-20em {min-height: 11em; }
.vertikalne-uprostred {top:-50%; }
.vyska-1em{height: 1em;}
.vyska-2em{height: 2em;}
.vyska-3em{height: 3em;}
.vyska-4em{height: 4em;}
.vyska-5em{height: 5em;}
.vyska-6em{height: 6em;}
.vyska-7em{height: 7em;}
.vyska-8em{height: 8em;}
.vyska-9em{height: 9em;}
.vyska-10em{height: 10em;}
.vyska-11em{height: 11em;}
.vyska-12em{height: 12em;}
.vyska-13em{height: 13em;}
.vyska-14em{height: 14em;}
.vyska-15em{height: 15em;}
.vyska-16em{height: 16em;}
.vyska-31em{height: 31em;}



/*pozice*/
.clear-vlevo{clear:left;}
.clear-vpravo{clear:right;}
.clear-dole{clear:both;}
.zarovnat-vlevo{float:left;margin:0.5em;}
.zarovnat-vpravo{float:right;margin:0.5em;}
.zarovnat-nikam {float:none;}
.block{display:block;}
.absolutni{position:absolute;}
.relativni{position:relative}
.clearfix{overflow: auto;}


/*přizpůsobení obrázku kontejneru div*/
.obrazek-fit-pomer-stran-podle-kontejneru {object-fit: fill;}
.obrazek-fit-zmenseni-tak-aby-se-vesel {object-fit: cover;}
.obrazek-fit-obrazek-neresi-kontejner {object-fit: none;}
.obrazek-fit-zachova-pomer-stran {object-fit: contain;}
.obrazek-fit-zachova-pomer-stran-necha-pruhy-po-stranach {object-fit: scale-down;}


/*VELKÁ NEBO MALÁ PÍSMENA*/
.velka-pismena {text-transform: uppercase;} /* VŠECHNO VELKÝM */


/*tabulky*/
/*musi byt nastavene i width */
.ohraniceni-tabulky-horni{border-top:0.05em solid rgb(186,186,186);}
.radkyzmenabar tr:hover{background-color:rgba(219,219,219,0.8);transition:background-color .3s ease-out;}
.zvyraznit-pozadi{display:block;background-color:rgb(223,223,223);}
.ramecek{display:block;border-style:solid;border-width:0.1em;border-color:black;}
.ramecektenky{width:98%;margin:0.2em;padding:0.1em;display:block;border-style:solid;border-width:0.1em;border-color:black;}
.block{display:block;}

.kotva:target{background:rgb(255,255,204);font-size:3em;}

/*barvy*/
.cerna{color:black;}
.cervena{color:red;}
.zelena{color:green;}
.oranzova{color:orange;}
.seda{color:gray;}
.seda a{color:gray;}
.seda a:hover{color:gray;}
.modra{color:blue;}
.ruzova{color:pink;}
.zluta{color:yellow;}
.bila{color:white;}

 /*barvy pozadí*/
.pozadi-cerna{background-color:black;}
.pozadi-cervena{background-color:red;}
.pozadi-zelena{background-color:green;}
.pozadi-oranzova{background-color:orange;}
.pozadi-seda{background-color:gray;}
.pozadi-modra{background-color:blue;}
.pozadi-ruzova{background-color:pink;}
.pozadi-zluta{background-color:yellow;}
.pozadi-bila{background-color:white;}
 /*okraje*/
.margin-dole{margin-bottom:1em;}
.margin-nahore{margin-top:1em;}
.margin-vpravo{margin-right:3%;}
.margin-vpravo-1{margin-right:1%;}
.margin-vpravo-2{margin-right:2%;}
.margin-vpravo-3{margin-right:3%;}
.margin-vlevo{margin-left:3%;}
.margin-vlevo-1{margin-left:1%;}
.margin-vlevo-2{margin-left:2%;}
.margin-vlevo-3{margin-left:3%;}
.margin-vlevo-vpravo-30 {margin-left:30%;margin-right:30%; }
.margin-vlevo-vpravo-10 {margin-left:10%;margin-right:10%; }
.margin-vlevo-vpravo-9 {margin-left:9%;margin-right:9%; }
.margin-vlevo-vpravo-8 {margin-left:8%;margin-right:8%; }
.margin-vlevo-vpravo-7 {margin-left:7%;margin-right:7%; }
.margin-vlevo-vpravo-6 {margin-left:6%;margin-right:6%; }
.margin-vlevo-vpravo-5 {margin-left:5%;margin-right:5%; }
.margin-vlevo-vpravo-4 {margin-left:4%;margin-right:4%; }
.margin-vlevo-vpravo-3 {margin-left:3%;margin-right:3%; }
.margin-vlevo-vpravo-2 {margin-left:2%;margin-right:2%; }
.margin-vlevo-vpravo-1 {margin-left:1%;margin-right:1%; }

/*vnitřní okraj*/
.padding-dole{padding-bottom:3%;}
.padding-nahore{padding-top:3%;}
.padding-vlevo{padding-left:3%;}
.padding-vlevo-1{padding-left:1%;}
.padding-vlevo-2{padding-left:2%;}
.padding-vlevo-7{padding-left:7%;}
.padding-vpravo{padding-right:3%;}
.padding-vpravo-1{padding-right:1%;}
.padding-vpravo-2{padding-right:2%;}
.padding-vpravo-3{padding-right:3%;}
.padding-vpravo-7{padding-right:7%;}
.padding-vlevo-vpravo-20 {padding-left:20%;padding-right:20%; }
.padding-vlevo-vpravo-15 {padding-left:15%;padding-right:15%; }
.padding-vlevo-vpravo-10 {padding-left:10%;padding-right:10%; }
.padding-vlevo-vpravo-9 {padding-left:9%;padding-right:9%; }
.padding-vlevo-vpravo-8 {padding-left:8%;padding-right:8%; }
.padding-vlevo-vpravo-7 {padding-left:7%;padding-right:7%; }
.padding-vlevo-vpravo-6 {padding-left:6%;padding-right:6%; }
.padding-vlevo-vpravo-5 {padding-left:5%;padding-right:5%; }
.padding-vlevo-vpravo-4 {padding-left:4%;padding-right:4%; }
.padding-vlevo-vpravo-3 {padding-left:3%;padding-right:3%; }
.padding-vlevo-vpravo-2 {padding-left:2%;padding-right:2%; }
.padding-vlevo-vpravo-1 {padding-left:1%;padding-right:1%; }
.padding-vlevo-vpravo-0-3 {padding-left:0.3%;padding-right:0.3%; }


@media all and (max-width:48em){
/*zarovnat jen v malém pro mobily*/
.do-48em-clear-vpravo{clear:right;}
.do-48em-clear-vlevo{clear:left;}
.do-48em-clear-dole{clear:both;}
h1{font-size:2em;letter-spacing:0.2em;}
#hlavnih2{font-size:1.5em;}
.pro-mobil-text-zarovnat-stred {text-align: center;}
.zarovnat-doleva-pro-mobil-doprostred {margin:0 auto;}
.zarovnat-doprava-pro-mobil-doprostred {margin:0 auto;}
.vyska-mobil-7em{height: 7em;}
}

@media all and (min-width:49em){
.malemenudiv{width:21%;margin-right:4%;float:right;}
.odskok-vlevo-1{margin-left:3%}
.odskok-vlevo-2{margin-left:20%}
h1{font-size:3em;}
#hlavnih2{font-size:2.3em;}
.text-mensi{font-size:0.7em;font-style:italic;}
.zvetsit-doleva{transition:0.4s; }
.zvetsit-doleva:hover{transform:scale(1.05);transition:0.4s; }
.zvetsit-doleva:active{transform: scale(2.8) translate(-25%, -18%);}
.zvetsit-doprava{transition:0.4s; }
.zvetsit-doprava:hover{transform:scale(1.05);transition:0.4s; }
.zvetsit-doprava:active{transform: scale(2.8) translate(25%, -18%);}
.zvetsit{transition:1s;}
.zvetsit:hover{transform:scale(1.05);z-index:300;}
.zvetsit:active{transform:scale(2.8);transition:0.25s;}
img {transition:0.4s; }
img:hover{transform:scale(1.05);transition:0.4s; }
}



/*rozbalování a skrývání*/
.rozbalovaci{display: block;}
.skryt{display:none;} 

/*pro iframe*/
.border-0 {border: 0; }

/* ---INDEX--- */



/* nastevení hlavního videa*/
#video-top{width:100%;} 
#index-hlavni-video{width:100%; height:100%; float:left;}



/* nastavení hlavního menu  */
#menu a{clear:both;display:block;font-size:2em;
/* 16px x 1,1em = 19*/
font-family:Arial,Helvetica,sans-serif;color:black;font-weight:bold;font-style:italic;text-decoration:none;line-height:1em;text-align:center;width:99%;padding:4%;background-color:rgb(192,192,192);box-shadow:rgb(66,66,66) 13px 11px 9px 0px;margin:1px;}
#menu.hide{display:none;}


/*levy sloupec pod menu*/
#levy-sloupec-pod-menu{text-align:center; display:block;}


/*patička*/
#paticka{color:black;font-size:1em;font-style:italic;font-weight:bold;background-color:grey; } 
#paticka{float:left;width:100%;}

/*nastavení pro mobily*/
@media all and (max-width:48em){ 
.pro-mobil-pres-cele{width:100%;}
.pro-mobil-pres-35{width:35%;}
.nezobrazit-do-48em{display: none;}
/* DIV nastavení hlavní velikosti*/
#hlavni-box-pro-sloupce{margin:0px auto;width:100%;}
#nadpisy{width:100%;text-align:center;float:none;}   /* h1 a h2 */
#sloupec-menu{float:none;width:98%;}
#sloupec-hlavni-obsah{float:none;width:100%;margin-right:0.5%;}
#levy-sloupec-pod-menu{clear:both;float:none;width:100%;}
#sloupec-tabulka{float:none;width:90%;}
table{width:80em;display:inline-block;}
.posunovani{width:100%;overflow:scroll;}
.hlavni-napis-na-hornim-obrazku{font-size:1.3em}

}

@media all and (min-width:49em){
.nezobrazit-48-100em{display: none;}
/*nastavení pro maly pc*/
/* DIV nastavení hlavní velikosti*/
#hlavni-box-pro-sloupce{margin:0px auto;width:100%;}
#sloupec-menu{width:22%;float:left;}
#nadpisy{float:right;width:77%;text-align:center;}    /* h1 a h2 */
#sloupec-hlavni-obsah{float:right;width:73%; margin-right:3em; margin-left:1em;}
#levy-sloupec-pod-menu{float:left;width:21.8%;}
#sloupec-tabulka{float:right;width:77%;}
table{width:80em;display:inline-block;}
.posunovani{width:100%;overflow:scroll;}
#menu div{float:left;
/*jen pro pomocne tlačítko menu aby se skrylo nebo zobrazilo,zbytek funce je v yass.js */
}
.hlavni-napis-na-hornim-obrazku{font-size:1.5em}
}
/*nastavení oddalování při velké obrazovce*/

@media all and (min-width:100em){
.nezobrazit-nad-100em{display: none;}
/* DIV nastavení hlavní velikosti*/
#hlavni{margin:0px auto; width:170em;}
}



/* poslední - tento zápis musí být poslední*/
body{margin:0px;padding:0px;border:0px;vertical-align:baseline;text-align:left;font-size:10px;text-size-adjust:100%;}
body{color:rgb(255,255,255);background-color:rgb(26,26,26);}