@charset "utf-8";
/* CSS Document */

 body {  margin:0px; text-align:center;background-size:cover}
.header {width:100%; background-color:#CCC; height:210px; }
.fotka { float: none; text-align:center;}


ul, ol, dl {padding: 0;margin: 0;}



html { overflow: scroll;
  background: url('images/wallpaper1.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



h4 {font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif; font-size:20px;}

.language {width:100%; height:45px;  margin-top:-5px;  background-image:url(images/pozadihlavicka-01.png);    }

.enter { width:150px; height:40px; background-color: #000; float:right; padding-top:10px; color:#FFF; margin-top:-5px; 

font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif; font-size:20px;}
.enter:hover { width:150px; height:40px; background-color: #069; float:righ; padding-top:10px; color:#FFF;   margin-top:-5px; 

font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif; font-size:20px;}


.vstup { width:150px; height:40px; background-color: #000; float:right; padding-top:10px;  color:#FFF;  margin-top:-5px;margin-right:50px;

font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif; font-size:20px;}
.vstup:hover { width:150px; height:40px; background-color: #069; float:right; padding-top:10px; color:#FFF;  margin-top:-5px;margin-right:50px;

font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif; font-size:20px;}


.en { width:100px; height:60px; background-color: #FFF; float:left; margin-left:350px; }
.cz { width:100px; height:60px; background-color: #FFF; float:right; margin-right:350px;  }


.container { width:960px;   margin-left:auto; margin-right:auto; overflow: hidden; margin-top:30px; margin-bottom:50px; background-color: #333; padding-bottom:30px; } 

.containerhome  { width:960px;   margin-left:auto; margin-right:auto; overflow: hidden; margin-bottom:50px; background-color: #333; padding-bottom:30px; } 

.sidebar1 { width:250px; height:700px; float:left; }
.gallery { width:700px; height:700px; float:right;}


.nav { margin-left:0; font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif; font-size:14px }
ul.nav { list-style: none; border-top: 1px solid #666; margin-bottom: 15px; text-align:left; }
ul.nav li { background-color:red; }
ul.nav a, ul.nav a:visited { text-align:; padding: 5px 5px 5px 15px; display: block; width: 230px;  text-decoration: none; background-color: #333;  margin-left:auto; margin-right:auto;  color:white}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { background-color: #FFF; color: black;}

.textboxa { width:440px; float:left; padding:20px; color:#FFF; text-align:left; display: block;
 font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif; font-size:12px;
 }
.textboxb { width:440px; float: right; padding:20px; color:#FFF; text-align:left;  display: block;
 font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif; font-size:12px;
 }
 
.sliderimage { margin-top:20px; margin-bottom:20px;} 

@charset "utf-8";

#content { overflow:hidden; width:300px;}
.image {width:100%; height:350px;}
.gallery { width:695px; margin:auto; }
.gallery ul { list-style:none; }	
.gallery li { float:left; margin:0px;  }
.gallery img { display:block; border: 1px solid #000;}
.gallery img:hover { border:1px solid #666;}


.slider { margin-top:60px; margin-bottom:10px; z-index:2; }






.obalmenu {width:100%; background-color: #333333;}
#cssmenu {border: none; border: 0px;margin: 0px; padding: 0px;font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold; width:800px;  margin-left:auto; margin-right:auto;
 
}
#cssmenu ul { background: #333333; height:35px; list-style: none; margin: 0; padding: 0; margin-left:auto; margin-right:auto; }
#cssmenu li { float: left; padding: 0px;}
#cssmenu li a { background: #333333 url('seperator.png') bottom right no-repeat; display: block; font-weight: normal; line-height: 35px; margin: 0px; padding: 0px 15px; text-align: center; text-decoration: none;}

#cssmenu > ul > li > a {color: #cccccc;}
#cssmenu ul ul a { color: #cccccc;}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a { background: #b8c1c4 url('hover.png') bottom center no-repeat; color: #FFFFFF; text-decoration: none;}


#cssmenu li ul { background: #333333; display: none; height: auto; padding: 0px; margin: 0px; border: 0px; position: absolute; width: 225px;z-index: 200;
  /*top:1em;
	/*left:0;*/}
#cssmenu li:hover ul { display: block;}
#cssmenu li li { background: url('sub_sep.png') bottom left no-repeat; display: block;float: none;  margin: 0px; padding: 0px;width: 225px;}
#cssmenu li:hover li a {background: none;}
#cssmenu li ul a { display: block; height: 35px; font-size: 12px; font-style: normal; margin: 0px; padding: 0px 10px 0px 15px; text-align: left;}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {background: #b8c1c4 url('hover_sub.png') center left no-repeat; border: 0px; color: #ffffff; text-decoration: none;}
#cssmenu p { clear: left;}



.text { color:#FFF; width:900px; text-align:left; margin-left: auto; margin-right: auto; padding-top:20px; text-align:left;
	    -moz-column-count:3; /* Firefox */ -webkit-column-count:3; /* Safari and Chrome */ column-count:3; -moz-column-gap:20px; /* Firefox */
        -webkit-column-gap:20px; /* Safari and Chrome */ column-gap:20px; 
		font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;font-size:13px}


@media (max-width: 500px) and (min-width: 0px) {.text {-moz-column-count:1; /* Firefox */ -webkit-column-count:1; /* Safari and Chrome */ column-count:1; -moz-column-gap:20px; /* Firefox */
        -webkit-column-gap:20px; /* Safari and Chrome */ column-gap:20px; 
	margin: 0 0 24px;}}

@media (max-width: 900px) and (min-width: 501px) {.text {-moz-column-count:2; /* Firefox */ -webkit-column-count:2; /* Safari and Chrome */ column-count:2; -moz-column-gap:20px; /* Firefox */
        -webkit-column-gap:20px; /* Safari and Chrome */ column-gap:20px; 
	margin: 0 0 24px;}}

@media (max-width: 250px) and (min-width: 0px) {.text {-moz-column-count:1; /* Firefox */ -webkit-column-count:1; /* Safari and Chrome */ column-count:1; -moz-column-gap:20px; /* Firefox */
        -webkit-column-gap:20px; /* Safari and Chrome */ column-gap:20px; 
	margin: 0 0 24px; font-size:6pt; }}
	
	
		
		
.nadpis { width:960px; height:40px; background-image:url('images/pozadihlavicka-01.png'); margin-left:auto; margin-right:auto; margin-top:30px; margin-bottom:20px; }
.podnadpis { width:960px; height:40px; background-image:url('images/pozadihlavicka-01.png'); margin-left:auto; margin-right:auto; margin-bottom:10px; }


h2 { color: #FFF; text-align:left; padding-left:50px; padding-top:5px;
font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif; font-size:22px }
h3 { color:white; font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif; font-size:16px; text-align:left; margin-left:50px;}


.footer { height:20px; background-color:#333333; }
.kalendar { margin-top:20px;}.container .sidebar1 .nav li #od {
	background-image: url(images/pozadihlavicka-01.png);
	background-position: 100% 100%;}

.kalendar line {}

.imagehome { margin-top:60px;}

#od {
	background-image: url(images/pozadihlavicka-01.png);
}
#linky {
	background-image: url(images/pozadihlavicka-01.png); width:600px; margin-left:auto; margin-right:auto;
}

#img {
	width: 150px;
	float: left;
	height: 220px;
	margin-left: 35px;
}
.img {
	width: 150px;
	float: left;
	height: 220px;
	margin-left: 35px;
}
.recenze { margin-bottom:20px; width:100%; height:220px;}.container img {

}