@font-face {
  font-family: StillTime;
  src: url(./StillTime.ttf);
}
@font-face {
  font-family: StillTimeie;
  src: url(./StillTime.eot);
}
@font-face {
  font-family: segoepr;
  src: url(./segoepr.ttf);
}
@font-face {
  font-family: segoeprie;
  src: url(./segoepr.eot);
}
@font-face {
  font-family: LoveYaLikeASister;
  src: url(./LoveYaLikeASister.ttf);
}


BODY {Background-image: url("bg.jpg"); Background-repeat: repeat; text-align: center; height:100%; font-size: 14px;}
html,body { height:100%; }

#celek {margin: 20px auto; position: relative; width: 919px; height: 1154px}

#nadpis{font-family: StillTime, StillTimeie; font-size: 36px; color: #EAEAEA; line-height: 1.75em; position: relative; bottom: 20px;}
#normalnitext{font-family: segoepr, segoeprie; font-size: 14px; color: #000000; line-height: 1.75em; text-decoration: none; width: 420px}
#normalnitext a{font-family: segoepr, segoeprie; font-size: 14px; color: #000000; line-height: 1.75em;text-decoration: none; font-style: italic;}
#normalnitext a:hover{font-family: segoepr, segoeprie; font-size: 14px; color: #000000; line-height: 1.75em;text-decoration: underline; font-style: italic;}

.zapisek{margin-bottom: 0.6em; position: relative;}
.zapisek_datum{position:relative; left:20px; font-size: x-small; height: 25px; display: inline-block; top: 3px}
.zapisek_obsah{position:relative; position: relative; top: 0px; margin-top: 2px;}
.zapisek_obsah img{max-width: 352px; border-style:solid; border-width: 3px; border-color:white; box-shadow:5px 5px 10px gray;margin-left: auto; margin-right: auto; display: block;}
.zapisek_obsah video{max-width: 400px; border-style:solid; border-width: 3px; border-color:white; box-shadow:5px 5px 10px gray;margin-left: auto; margin-right: auto; display: block;}
#youtube_iframe{max-width: 400px; border-style:solid; border-width: 3px; border-color:white; box-shadow:5px 5px 10px gray;margin-left: auto; margin-right: auto; display: block;}
.zapisek_obsah p{margin:0px; padding:0px;}
.zapisek_obsah p + p{margin:0px; padding-top:0.65em;}
.zapisek_obsah .fotobox{margin:0px; padding:0px; text-align: center; padding-top: 8px;}
.zapisek_social {visibility:hidden; text-align: right; width:100px; position: relative; left:150px; top: 5px; display: inline-block}
.zapisek_social a img{opacity: 0.5; filter: alpha(opacity=50);}
.zapisek_social a img:hover{opacity: 1.0; filter: alpha(opacity=100);}

.menu_button {height: 90px; width: 144px; margin-bottom: 35px; text-align: right; padding-right: 36px; font-family: StillTime, StillTimeie; font-size: 45px; line-height: 90px; text-decoration: none; color: black;}
.menu_button a{font-family: StillTime, StillTimeie; font-size: 45px; text-decoration: none; color: black;}
.menu_button span{display: inline-block; vertical-align: middle; line-height: 0.85;}
.aktivni_button {background-image: url(./aktivni_button_bg.png);}
.showMore {font-family: StillTime, StillTimeie; font-size: 30px; text-decoration: none; color: black; cursor: pointer}
.showMore > span {display: inline-block; -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg)}

#zapisnik{font-family: segoepr, segoeprie; font-size: 14px; color: #000000; line-height: 1.75em; position: relative; width: 420px; margin: 0px 0px 16px 0px}
#zapisnik a{font-family: segoepr, segoeprie; font-size: 14px; color: #000000; line-height: 1.75em;text-decoration: none; font-style: italic;}
#zapisnik a:hover{font-family: segoepr, segoeprie; font-size: 14px; color: #000000; line-height: 1.75em;text-decoration: underline;font-style: italic;}
#smsinfo{font-family: segoepr, segoeprie; font-size: 14px; color: #000000; line-height: 1.75em; position: relative; width: 480; height: 500px; margin: 0px 0px 16px 0px}
#textsms{font-family: segoepr, segoeprie; font-size: 14px; color: #000000; line-height: 1.75em; position: relative; border: none; background-color: transparent; width: 330px; height: 300px; margin-top: 58px; overflow-y:hidden;}
#textsmsokolo{position: relative; Background-image: url("motak.png"); Background-repeat: no-repeat; width: 420px; height: 391px; }
  
#nahoreuprostred_milesovka{position: absolute; width: 559px; height: 354px; top: 0px; left: 180px;background-image: url("./milesovka_grafika/nadpis_milesovka.png")}
#nahoreuprostred_snezka{position: absolute; width: 559px; height: 354px; top: 0px; left: 180px;background-image: url("./snezka_grafika/nadpis_snezka.png")}
#nahoreuprostred_rozcvicka{position: absolute; width: 559px; height: 354px; top: 0px; left: 180px;background-image: url("./rozcvicka_grafika/nadpis_zubri_2013.png")}
#nahoreuprostred_email{position: absolute; width: 559px; height: 354px; top: 0px; left: 180px;background-image: url("./grafika/email_nadpis.png")}
#nahoreuprostred_nisa{position: absolute; width: 559px; height: 354px; top: 0px; left: 180px;background-image: url("./nisa_grafika/nisa2013.png")}
#nahoreuprostred_k_mori{position: absolute; width: 559px; height: 354px; top: 0px; left: 180px;background-image: url("./k_mori_2014_grafika/k_mori_2014.png")}
#nahoreuprostred_benatky{position: absolute; width: 559px; height: 354px; top: 0px; left: 180px;background-image: url("./benatky_grafika/benatky.png")}
#nahoreuprostred_nizke_tatry_2015{position: absolute; width: 559px; height: 354px; top: 0px; left: 180px;background-image: url("./nizke_tatry_2015_grafika/nizke_tatry_2015.png")}
#nahoreuprostred_dunaj{position: absolute; width: 559px; height: 354px; top: 0px; left: 180px;background-image: url("./dunaj_grafika/dunaj.png")}
#nahoreuprostred_spreva{position: absolute; width: 559px; height: 354px; top: 0px; left: 180px;background-image: url("./spreva_grafika/spreva.png")}

#dolevlevo{display: block; position: absolute; width: 180px; min-height: 800px; top: 354px; left: 0px}
#doleuprostred{position: absolute; width: 559px; min-height: 800px; top: 354px; left: 180px; color: white; Background-color: black}
#dolevpravo{position: absolute; width: 180px; min-height: 800px; top: 354px; left: 739px}
#paticka{position: relative; width: 480px; color: #BBBBBB; font-family: Arial; font-size: xx-small; text-align:right}
#paticka a{position: absolute; color: #BBBBBB; font-family: Arial; font-size: xx-small; text-decoration: none;}

a{color: #999999;}

#blok{position: relative; width: 500px; min-height: 770px;; top: 0px; left: 0px; Background-image: url("ctverecky.jpg"); Background-repeat: repeat}
#okrajnahore{position: absolute; width: 500px; height: 8px; top: 0px; left: 0px;Background-image: url("./snezka_grafika/okraj_nahore.png"); Background-repeat: repeat-x}
#okrajvlevo{position: absolute; width: 8px; height: 100%; top: 0px; left: 0px;Background-image: url("./snezka_grafika/okraj_vlevo.png"); Background-repeat: repeat-y}
#okrajvpravo{position: absolute; width: 8px; height: 100%; top: 0px; left: 492px;Background-image: url("./snezka_grafika/okraj_vpravo.png"); Background-repeat: repeat-y}
#okrajdole{position: absolute; width: 500px; height: 16px; bottom: -4px; left: 0px;Background-image: url("./snezka_grafika/okraj_dole.png"); Background-repeat: repeat-x}

ul { padding: 0px; margin:0px;}
li { list-style-type: none;}
li a {  text-decoration:none; padding: 0px; margin:0px; font-family: segoepr, segoeprie;  color: rgb(182,182,182); font-size: 18px ; padding-bottom: 15px; }
li a:hover { text-decoration:none; padding: 0px; margin:0px; font-family: segoepr, segoeprie;  color: #EAEAEA; font-size: 18px ;  padding-bottom: 15px; }
#polozky_box_aktivni  {  text-decoration:none; padding: 0px; margin:0px; font-family: segoepr, segoeprie;  color: #EAEAEA; font-size: 18px ; font-weight: bolder; padding-bottom: 0px; }
#pravy_box {margin-left:auto; margin-right:auto; position: relative; top: -18px; padding: 0px; margin:0px;}
#pravy_box_zahlavi {background-image:url('/grafika/horniokrajpravehoboxu.png'); width:150px; height:18px;}
#pravy_box_telo {background-color:black; width:150px; height: auto; color:white}
#pravy_box_zapati {background-image:url('/grafika/dolniokrajpravehoboxu.png'); width:150px; height:18px; position: relative; top: -1px;}
#pravy_box_horizontalne{ display: none; }

td a img {border-style:solid; border-width: 3px; border-color:white; box-shadow:5px 5px 10px gray;}
td a img:hover {border-style:solid; border-width: 3px; border-color:black; box-shadow:5px 5px 10px gray;}
a img{border-style:none;}
a:hover {border: none; outline: none;}
a:active, a:selected, a:visited {border: none; outline: none;}

#map_canvas {width:400px; height:400px; position:relative; top:20px; border-width: 6px; border-style: solid; border-color: white; box-shadow:5px 5px 10px gray;}
#map {width:400px; height:400px; position:relative; top:20px; border-width: 6px; border-style: solid; border-color: white; box-shadow:5px 5px 10px gray;}
.gm-style-iw{font-family: segoepr, segoeprie; font-size: 12px; color: #000000; line-height: 1.75em;text-align: left;}

.social_icons {opacity: 0.7; filter: alpha(opacity=70);  margin: 0px 5px 5px 5px;}
.social_icons:hover {opacity: 1.0; filter: alpha(opacity=100); margin: 0px 5px 5px 5px;}

#loadingmask{position:absolute; left:50%; top:410px ; margin-left: -250px; width:500px; background:#000 url(icony/loading.gif) no-repeat; background-position: 50% 2%; opacity: 0.6; filter: alpha(opacity=60);}

.scrollToTop{z-index: 1000; width:49px; height:49px;	padding:0px; position:fixed; bottom:15px;	right:15px;	display:none;	background: url('/grafika/to_top.png') no-repeat 0px 0px; filter: alpha(opacity=70); opacity: 0.7;}
.scrollToTop:hover{ filter: alpha(opacity=100); opacity: 1.0;}

.menu_cudlik {display:none}

#notification {display: none; position: fixed; bottom: 20px; right: 20px; background-color: #4CAF50; color: white; padding: 10px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.3); z-index: 1000;}


@media screen and (max-width: 919px) {
  #dolevpravo{display: inline-block; width:470px; margin-left:auto; margin-right:auto; position: absolute; top: -45px; left: 50%; min-height: 0px; }
  #pravy_box{display:none; position: fixed; top: 5px; right: 5px; z-index: 100; }
  #dolevlevo{min-height: auto; display:none; position: fixed; top: 5px; left: 5px; background-color: white; left:auto; z-index: 99; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
  #doleuprostred{ position: relative; margin-left:auto; margin-right:auto; top:auto; left:auto}
  #pravy_box a img{ display:none}
  #prave_menu_cudlik {position: absolute; top: 5px; right: 30px }
  #leve_menu_cudlik {position: absolute; top: 5px; left: 30px }
  
  .menu_cudlik {display:block; cursor: pointer; cursor: hand}
  .show {display:block!important;}
  
  
  .menu_button {height: 40px; width: 144px; margin-bottom: 35px; text-align: right; padding-right: 36px; font-family: StillTime, StillTimeie; font-size: 45px; line-height: normal; text-decoration: none; color: black;}
.aktivni_button{height: 90px;}
.menu_button a{font-family: StillTime, StillTimeie; font-size: 20px; text-decoration: none; color: black;}
.menu_button span{display: inline-block; vertical-align: middle; line-height: 0.85;}
  
  div[id^="nahoreuprostred_"] {position: relative!important; margin-left:auto; margin-right:auto; left:auto!important}
 /* #pravy_box_horizontalne {width:540px; display: inline-block; margin-left:auto; margin-right:auto; position: relative; left: -50%; top: -18px; }
  #pravy_box_horizontalne_zahlavi {float:left; margin-left:auto; margin-right:auto;background-image:url('/grafika/levyokrajpravehoboxu.png'); width:18px; height:53px;}
  #pravy_box_horizontalne_telo {float:left; margin-left:auto; margin-right:auto;background-color:black; height: 53px; color:white; padding: 0px 10px 0px 10px;}
  #pravy_box_horizontalne_telo ul li{display: inline-block;}
  #pravy_box_horizontalne_zapati {float:left; margin-left:auto; margin-right:auto;background-image:url('/grafika/pravyokrajpravehoboxu.png'); width:18px; height:53px; position: relative;} */
  #celek {position: absolute; top: 45px; width: 100%; height: 1154px}
  
  li a {  text-decoration:none; padding: 0px; margin:0px; font-family: segoepr, segoeprie;  color: rgb(182,182,182); font-size: 12px ; padding-bottom: 15px; }
  li a:hover { text-decoration:none; padding: 0px; margin:0px; font-family: segoepr, segoeprie;  color: #EAEAEA; font-size: 12px ;  padding-bottom: 15px; }
  #polozky_box_aktivni  {  text-decoration:none; padding: 0px; margin:0px; font-family: segoepr, segoeprie;  color: #EAEAEA; font-size: 12px ; font-weight: bolder; padding-bottom: 0px; }

}