* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	margin: 0 auto -45px; /* the bottom margin is the negative value of the footer's height */
	
	x-background-image: URL('img/bg2.png');
	background-color: #f7f7ff;
	background-position: top left;
	
	
}
.push {
	height: 45px; /* '.push' must be the same height as 'footer' */
}
footer {
	height: 45px; /* '.push' must be the same height as 'footer' */
	background-color: #4f4f4f;
}



.foto100
{
  border: 0px; width: 100%;
  margin: 0px;
  padding: 0px;
  line-heigth: 0px;
  display: block;
}
.sha-top
{
  background-image: URL('img/shadow-top.png');
  background-position: bottom left;
  background-repeat: repeat-x;
  background-size: auto 100%;
  height: 3em;
  margin: 0px;
  padding: 0px;
}

.sha-bottom
{
  background-image: URL('img/shadow-bottom.png');
  background-position: bottom left;
  background-repeat: repeat-x;
  background-size: auto 100%;
  height: 3em;
  margin: 0px;
  padding: 0px;
}


/*************************************************************
  general definitions
*************************************************************/



#content
{
  font-family: 'PT Sans', 'Droid Serif', 'Open Sans Condensed', sans-serif;
  font-weight: 400;
  font-size: 1.9vw;
}
@media only screen and (min-width: 800px) {
  #content { font-size: 1.6vw; xborder: 1px solid #ff0000; }
}


H2
{
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}
p { margin-top: 0.6em; }
ul { font-size: 90%; list-style-type: square; margin: 0; padding: 0 0 0 1.5em; }



/*************************************************************
  text boxes
*************************************************************/


.space
{
  width: 92%;
  margin: 2vw auto;
}
@media screen and (max-width: 320px) {
  .space { width: 97%; margin: 0 auto; }
}
.left30
{
  float: left;
  x-background-color: #afafff;
  width: 30%;
}
.left30 H2
{
  font-size: 150%;
  border-bottom: 0.3em solid #000000;
}
.right70
{
  width: 70%;
  float: right;
  x-background-color: #ffafaf;
}
.right70 DIV { padding: 0.3em 0.2em 0em 1.5em; font-size: 125%; }

.clear { clear: both; }

















.slider-img { width: 100%; display: block; margin: 0; padding: 0; }
.slider-p { width: 100%; display: block; margin: 0; padding: 0; }



/*************************************************************
  Sticky Header a Responsive nav
*************************************************************/


#zacatek
{
  position: relative;
  width: 100%;
}

header
{
  position: absolute;
  top: 0;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 1vw;
  z-index: 2000;
}
header IMG { width: 57%; transition: all 0.6s ease; float: left; }
header #header-inner #topmenu { display: none; }


header.sticky
{
  position: fixed;
  background-image: URL('img/white80.png');
}
header.sticky IMG { width: 30%; }
header.sticky #header-inner #topmenu { display: block; }

#header-inner
{
  xborder: 1px solid #ffaaaa;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 18.5vw;
  padding: 0;
}
#topmenu
{
  xbackground-color: #76d64a;
  margin-left: 5vw;
  margin-top: 0.8vw;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0;
  float: left;
}
#topmenu ul
{
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#topmenu li
{
  font-family: Arial;
  font-size: 1.3vw;
  font-weight: bold;
  
  float: left;
  padding: 0.1vw;
  margin: 0 1vw;
  border-bottom: 0.3vw solid #ffffff;   
  cursor: pointer;cursor: hand; 
}

@media only screen and (max-width: 820px) {
    #topmenu { float: none; clear: both; text-align: center; margin: 1.5vw 0 0 0; xborder: 1px solid #ffff00; background-color: #ffffff; }
    #topmenu ul { margin: 0.4vw 0px auto 0px; display: inline-block; }
    #topmenu ul li { font-size: 3vw; background-color: #ffffff; border-bottom: 0px; border-right: 0.5vw solid #00003f; padding: 0px 1.8vw; margin: 0; }
    #topmenu ul li.last { border-right: 0px; }
    header.sticky #header-inner { margin: 0; }
    header.sticky IMG { float: none; width: 65%; display: block; margin: 0px auto; }
}










/*************************************************************
  jQuery rozbalovaci seznam
*************************************************************/

/* oprava space70 */
#seznam div { padding: 0; }


#seznam { padding-top: 0px; padding-left: 0.9em; text-align: left; xborder: 1px solid #ffff00; margin: 1vw auto; }



#seznam h3
{
  color:#000000;
  border-bottom: 1px solid #7f7f7f;
  padding: 0.2em 0 0.3em 0;
  font-size: 90%;
}
#seznam h3#nadpis-1 { border-top: 1px solid #7f7f7f; }

#seznam h3 span {display: block; padding-right: 2em;}
#seznam h3.sipka { background:transparent url(img/sipka.png) no-repeat right center; background-size: 1.2em;}
#seznam h3.sipka:hover { cursor: pointer;cursor: hand; }
#seznam h3.active { background:transparent url(img/zavrit.png) no-repeat right center; background-size: 1.0em; }
#seznam h3.last { border-bottom:0px; }

#seznam div.popis { background: transparent url(img/grey80.png) repeat top left; overflow: hidden; height:0px; line-height: 1.4em; font-size: 70%; }
#seznam div.popis p { color:#fff; }
#seznam div.popis li { color:#fff; margin-bottom: 0.2em; margin-left: 0em; padding-left: 0.1em; line-height: 1.2em;}
#seznam div.popis ul, #seznam div.popis ol { padding-left: 6vw; margin-top: 0.3em; }
#seznam p { margin-bottom: 1em; margin-left: 3vw; }
#seznam div.popis:hover { cursor: pointer; cursor: hand; }



/*************************************************************
  jQuery goUp
*************************************************************/
#nahoru { display: block; text-align: center; }
.nahoru
{
  border: 1px solid #7f7f7f;
  padding: 0px;
  background: transparent url("img/up.png") no-repeat scroll center center / 5vw;
  outline: 0px none;
  width: 5vw;
  height: 4.5vw;
  margin: 1vw auto;
}



/*************************************************************
  google maps patch
*************************************************************/
#gmapy { width: 90%; margin: 1vw auto; }
#gmapy div { padding: 0; font-size: 100%; }


.center90 { width: 90%; margin: 2em auto; font-size: 1.3vw; color: #3f3f3f; }



.leftit { float: left; xborder: 1px solid #ff0000; font-size: 90%!important; }
.leftit TABLE { }
.leftit TABLE TH { text-align: right; padding: 0em 0.3em 0em 0.1em; }
.leftit TABLE TD { text-align: left; padding: 0em 0.1em 0em 0.3em; }


#nastym { font-size: 90%; }
#nastym H3 { font-size: 125%; margin-top: 1em; }
#nastym H3.first { margin-top: 0; }
#nastym UL { margin-top: 1em; }


footer div { font-size: 1vw; width: 80%; margin: 0 auto; padding: 1vw 0; font-family: 'PT Sans', 'Droid Serif', 'Open Sans Condensed', sans-serif; }