@charset "utf-8";

*, 
*:after, 
*:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {margin: 0; padding: 0; color: #cccccc; background:#010101; font-family: 'Nunito', sans-serif; font-size:1em;
    background-image:url("/design/pozadi-1920.jpg");
    background-image:url("/design/pozadi-1920.webp");
     background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% auto;    
}

#BodyMyTextarea
{	background-image:none; background: rgba(031,031,031,1);
    padding:10px 16px 20px 20px; 
}

.cookiesNastaveni {cursor:pointer;font-size:1em;color:grey}
ul {margin:0em}
li {line-height:2em}
.bilePismo {color:#fff}
.tucnejsi {font-weight:600}
.blok {display:inline-block}
.opacity5 {opacity:.5}

header {width:100%;max-width:1100px;margin:0 auto;}
header img {width:250px;margin:0 0 0 20px}
header div.klicovaSlova {font-weight:700;margin:.25em 0 1em 40px;
                background: -webkit-linear-gradient(#fff, #000);
                  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;text-transform:uppercase}


article {width:100%;max-width:1100px;margin:0 auto;}
body.video article {width:100%;max-width:none;margin:0 auto;text-align:center}
body.fotogalerie article {width:100%;max-width:1400px;margin:0 auto;text-align:center}


h1 {margin:0 0 1em 0; font-size:1.125em}
p  {margin:0; line-height:2.125em;}

nav.interni {width:100%;margin:3em auto 3em;text-align: center}
nav.externi {margin:4em auto 4em;text-align: center}
nav.interni li a span {display:none}
nav.interni ul, nav.interni li{margin:0;padding:0}
nav.interni li {display:inline-block;height:70px;margin:0 20px 0 20px;background-repeat: no-repeat !important;background-size:contain!important}
nav.interni li:first-child {margin:0 20px 0 0}
nav.interni li:last-child {margin:0 0 0 20px}


nav.interni li a {display:block;height:60px;}
nav.interni li.novinky {background:url("/design/menu/m-domu.png");width:116px}
nav.interni li.treninky {background:url("/design/menu/m-treninky.png");width:202px}
nav.interni li.seminare {background:url("/design/menu/m-seminare.png");width:209px}
nav.interni li.diskuze {background:url("/design/menu/m-diskuze.png");width:170px}
nav.interni li.kontakt {background:url("/design/menu/m-kontakt.png");width:183px}
nav.interni li.foto {background:url("/design/menu/m-foto.png");width:106px}
nav.interni li.video {background:url("/design/menu/m-video.png");width:122px}

body.novinky nav.interni li.novinky {background:url("/design/menu-aktual/m-domu.png")}
body.treninky nav.interni li.treninky {background:url("/design/menu-aktual/m-treninky.png")}
body.seminare nav.interni li.seminare {background:url("/design/menu-aktual/m-seminare.png")}
body.diskuze nav.interni li.diskuze {background:url("/design/menu-aktual/m-diskuze.png")}
body.kontakt nav.interni li.kontakt {background:url("/design/menu-aktual/m-kontakt.png")}
body.fotogalerie nav.interni li.foto {background:url("/design/menu-aktual/m-foto.png")}
body.video nav.interni li.video {background:url("/design/menu-aktual/m-video.png")}


nav.interni li.novinky:hover {background:url("/design/menu-pres/m-domu.png")}
nav.interni li.treninky:hover {background:url("/design/menu-pres/m-treninky.png")}
nav.interni li.seminare:hover {background:url("/design/menu-pres/m-seminare.png")}
nav.interni li.diskuze:hover {background:url("/design/menu-pres/m-diskuze.png")}
nav.interni li.kontakt:hover {background:url("/design/menu-pres/m-kontakt.png")}
nav.interni li.foto:hover {background:url("/design/menu-pres/m-foto.png")}
nav.interni li.video:hover {background:url("/design/menu-pres/m-video.png")}

nav.externi img {max-width:8em}
nav.externi img:hover {opacity:.6}

div.strankovani {font-size:1.25em;background:#aa0000}
div.strankovani a {display:inline-block;margin:0.25em}

.error {color:red;font-weight:600}

.skryte { display:none; }


label { display: block;line-height: 2em}

button, .button {display:inline-block;font-size:.875em;padding:.25em 1em .25em 1em;background:#4b4b4b;color:#fff;border-radius:4px;border:0;cursor: pointer}
button:hover, .button:hover {background:#3f3f3f}



form.prihlaseni {max-width:450px;width:100%;margin:0 auto; text-align:center;padding:20px 30px 20px 30px;border-radius: 8px;background: rgba(031,031,031,.70)}
form.prihlaseni span {display:inline-block;min-width:5em;}


input[type=text], input[type=email], textarea, input[type=number], input[type=radio], input[type=password], input[type=checkbox], select { 
	padding: 3px 10px 3px 10px; height:auto; width:200px;
	color: #fff;
	background-color: #3f3f3f;
	background-image: none;
	border: 1px solid #b6b6b6;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
	}

textarea {width:100%;resize:none;	}

	
input[type=readonly] {background: inherit !important}




#vyberNovinky, .obalAdmin {padding:4px 0px 4px 20px; margin-bottom:30px;border-radius:8px; background: rgba(031,031,031,.70);border:1px solid #b04600}
div#vyberNovinky button, div#vyberNovinkyMensi button {margin-left:5px}


.novinkaObal {background: rgba(031,031,031,.70);padding:1.5em 2em 1.5em 2em;border-radius: 10px;margin-bottom:20px;border:1px solid #aa0000;}
.novinkaObal img {max-width:100%}


#novinkaTextova, #novinkaObrazek {padding:1.5em;margin-bottom:100px; background: rgba(031,031,031,.70); border:1px solid #b04600;border-radius:10px}
#novinkaTextova {padding:0 0 1.5em 0; border-radius:0;text-align:center}

a {color:#fff!important;text-decoration: none}
a:hover {text-decoration:underline}

.AdminMenuMale {margin-bottom:1em;padding-bottom:1em;border-bottom:1px solid #383838}







#formularDiskuze {width:100%; max-width:900px;background: #191919; margin:0 auto 3em; padding:1.5em 2em 1.5em 2em; border:1px solid #999999; border-radius:8px;line-height:1.75em;color:#fff}

#formularDiskuze #formularVzkaz {height:10em}

#formularDiskuze input {margin-left:20px}
#formularDiskuze textarea {padding:1em}

.DiskuzeObal {width:100%; max-width:900px;background: #191919; margin:0 auto 1.5em; padding:1em; border:1px solid #aa0000; border-radius:8px;line-height:1.75em}

.DiskuzeJmeno { margin-bottom:.5em;font-weight: 700;padding:0 0 .5em 1em;border-bottom:1px solid #383838;color:#8b8b8b;text-transform:uppercase}
.DiskuzeZprava { margin:0;padding:0 1em .25em 1em;}


.reakcePrispevek {text-align:center;}
.reakcePrispevek textarea {background:#404952; margin:20px 0px 5px 0px; border:1px solid #232b33;width:100%; padding:10px;color:#fff}

.reakce { margin:1em 0 0 0; padding-top:1em; border-top:1px solid #6e6e6e; color:#8b8b8b}
.reakce .datum {font-size:.875em;margin-right:1.5em}

.reakce a, a.rea {margin:0 1em 0 1em;cursor: pointer; color:#8b8b8b}
.reakce a:hover, a.rea:hover {color:#bdbdbd}

.odpovedRadim { background: rgba(031,031,031,.70); width:100%; margin:1em auto 0; padding:1em 1.5em 1em 1.5em; border-radius:8px;}
.odpovedRadim .jmeno {color:#8b8b8b;font-size:.875em }



body.kontakt article {width:100%; max-width:1200px;background: rgba(031,031,031,.70); margin:0 auto; padding:3em; border:1px solid #aa0000; border-radius:8px;line-height:1.75em} 
#mapka, #mapkaDve, #mapkaTri {
	width: 100%;
	height: 250px
}



table#kontakty {margin-bottom:3em}
td.nadpis {color:#fff;font-weight:500;  vertical-align: top;}
td.text {padding-left:1em;color:#fff}
div.mapaObal {margin-bottom:2.5em}
div.mapaObal:last-child {margin-bottom:0}



hr {color:#aa0000;background:#aa0000}


.fotoAlbumObal { display:inline-block; vertical-align:top;padding:1.5em 3em 1em 3em;margin:10px; background: rgba(031,031,031,.70);border:1px solid #aa0000; border-radius:8px}

.fotoAlbumObal .vypisAlb {line-height: 2em;text-align:center;}
.fotoAlbumObal .rok {margin-bottom:.5em;padding-bottom:.5em;font-weight:600;font-size:1.375em;color:#fff;letter-spacing: 0.063em;border-bottom:1px solid #aa0000 }


.vypisAlb a.album {display:block}
.vypisAlb td a.album {display:inline-block}
.vypisAlb table {  border-collapse: collapse;}
.vypisAlb table tr:hover {background:#1e1e1e}




.obalVideo {width:100%;max-width:560px;max-height:315px;height:312px;margin:0px 10px 20px 10px;background: #191919; padding:0em; border:2px solid #aa0000; border-radius:8px;text-align:center;display:inline-block}

div.admin {display:inline-block;width:280px;margin:0px 5px 10px 5px;border:1px solid #aa0000;border-radius:8px;background: #191919;}
div.admin .obalVideo {width:100%;max-height:150px;margin:0px 0px 0px 0px;background: #191919;border:0px}



footer {width:100%;height:auto;margin:4em auto;text-align:center;vertical-align: top}

footer .text {font-size:2.25em;letter-spacing:0px;font-weight:700;margin:.25em 0 .25em 0;
                background: -webkit-linear-gradient(#fff, #000);
                  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

footer .textDoprovodny {font-size:1.25em;font-weight:600;margin:.25em 0 .5em 0;
                background: -webkit-linear-gradient(#fff, #000);
                  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;text-transform:uppercase}


footer .developed {font-size:.75em;color:#6c6c6c;font-weight: 600;margin:3em 0 1em 0}
footer img.logo {max-width:600px;width:100%;height:auto}

img.fb {width:100px; height:auto}
img.toplist {width:88px; height:auto; border:60px;opacity:.8}




  #map1, #map2 {
    height: 400px;
    margin-bottom: 20px;
  }


.leaflet-control,
.leaflet-control * {
  color: #000 !important;
  background: rgba(255,255,255,0.9) !important;
}



@media (max-width: 1200px) {

     article {padding:0 1em 0 1em}
nav.externi {margin:0em auto 2em;text-align: center}
    
nav.interni {width:100%;margin:3em auto 0em;text-align: center;border-bottom:0px solid red;padding-bottom:.5em}
nav.interni li {display:inline-block;height:60px;margin:0 15px 0 15px;}
nav.interni li:first-child {margin:0 15px 0 0}
nav.interni li:last-child {margin:0 0 0 15px}
nav.interni li a {display:block;height:50px;}
nav.interni li.novinky {width:67px}
nav.interni li.treninky {width:128px}
nav.interni li.diskuze {width:108px}
nav.interni li.kontakt {width:115px}
nav.interni li.foto {width:67px}
nav.interni li.video {width:77px}
nav.interni li.seminare {width:130px}        
    

nav.externi img {max-width:7em}    
}



@media (max-width: 800px) {
body {margin: 0; padding: 0;

   
}
    
header {text-align:center}
header img {width:250px;margin:0 auto}
header div.klicovaSlova {font-weight:700;margin:.25em 0 1em 0;
                background: -webkit-linear-gradient(#fff, #000);
                  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;text-transform:uppercase}
    
}




@media (max-width: 700px) {
body {
    background-repeat: no-repeat;
    background-size:auto 75% ;    
}    
    
nav.interni {width:100%;margin:1em auto 0;text-align: center;border-bottom:0px solid red;padding-bottom:.5em}
nav.interni li {display:inline-block;height:50px;margin:0 10px 0 10px;}
nav.interni li:first-child {margin:0 10px 0 0}
nav.interni li:last-child {margin:0 0 0 10px}
nav.interni li a {display:block;height:50px;}

    nav.externi img {max-width:4.5em}
    
article{padding:0 .5em 0 .5em}

#kontakt {padding:1em;} 
  
.obalVideo {width:100%;margin:0px 0px 20px 0px;display:inline-block}

body.kontakt article {padding:1em;} 
body.kontakt {padding:0 .5em 0 .5em;} 

.fotoAlbumObal { width:100%;display:inline-block;padding:1.5em 1em 1em 1em;margin:0 0 2em 0}       

.reakce { margin:1em 0 0 0; padding-top:1em; border-top:1px solid #6e6e6e; color:#8b8b8b}
.reakce .datum {font-size:.875em;margin-right:0;display:block}    
    
footer {padding:0 .5em 0 .5em}
}