* {
   margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }

body {
    font-family: Verdana;
    font-size: 0.95em;
    background-color: #121212;
    text-align:justify; 
    color:#DFC499	
    }
	
div.box{
clear: both;
background-color: #000000;
}


div.blok {
	width: 100%;
	padding: 0px;
	background-color: #393939;
	float: left;
	text-align:center 
	}

div.blok2 {
	width: 100%;
	padding: 0px;
	background-color: #000000;
	float: left;
	text-align:center 
	}
	
div.blok3 {
	width: 100%;
	padding: 0px;
	background-color: #ffffff;
	float: left;
	text-align:center 
	}
	

div.blok-l {border:5px solid #000000; float: left;
			width:30%; 
			padding-left:1%; padding-right:2%; 
			 
}

div.blok-m {float: left;
			width:30%;
			padding-left:1%; padding-right:1%;
			}

div.blok-p {float: right;
			width:30%;
			padding-left:1%; padding-right:2%;
			
}

div.zahlavi {
	width:100%;
	color: #FFFFFF; 
	background-color: #393939;
	height: 60px;
	clear: both;
	}

div.logo {
	width:100%;
	left: 30%; top: 20px;
	color: #FFFFFF; 
	background-color: #393939;
	height: 60px;
	clear: both;
	
	}

div.logo2 {
	width:100%;
	left: 30%; top: 20px;
	color: #FFFFFF; 
	background-color: #393939;
	height: 20px;
	clear: both;
	
	}

div.stranka {
	width: 50%;
	margin-left: 24%;  
	padding: 0px;
	background-color: #000000;
	float: left;
	margin-top:0px; 

	}

	div.pata3{
	width:100%;
	color: #FFFFFF; 
	background-color: #393939;
	height: 45px;
	clear: both;
	}




h1 {
	font-size: 25px; text-align:center; font-family:Arial; letter-spacing:3pt; margin-left:0; margin-right:0;font-weight:normal
	}


p 			{	line-height:150%;margin-left: 20px; margin-right: 20px;}
p.plesy   	{ text-align:center; }
p.center   	{ text-align:center; }
p.reference {  margin-bottom: 20px}
p.zapati-a  {margin-left: 20px; margin-right: 20px; margin-top:0; margin-bottom:2px; }
p.zapati-aa {margin-left: 20px; margin-right: 20px; margin-top:0; margin-bottom:2px; }
p.zapati-b  {margin-left: 20px; margin-right: 20px; margin-top:0; margin-bottom:2px; text-align:center  }
p.zapati-c  {margin-left: 50px; margin-right: 20px; margin-top:0; margin-bottom:2px; text-align:center }
p.mezera	{ }
   
table.mezera       { height: 30px; width:95% }
table.vstupenky           { width: 50%; border:10px solid #B39109; background-color: #6F0241; color:#B39109; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; font-size:16px   }
table.vstupenky2           { width: 50%; margin-left: 20%;  border:3px solid #DFC499; background-color: #000000; color:#DFC499; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; font-size:16px; }


td.zapati {background-color: #6f0241; margin-top:0px; }
td.media { border:1px solid #ffffff; text-align:center; width:33%; height:80px}

td.zjkp {background-color: #E0E0E0; margin-top:0px; border-radius: 15px; }
td.pn18 { border: 1px solid #b39109; text-align:center; width: 20%; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px;  }
td.pn17 { border:0px solid #b39109; background-color: #6f0241; text-align:center; width:20%; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; }
td.vstupenky2 { text-align: center;   }
td.vstupenky3 { text-align: center; }
td.vstupenky4 { text-align: right;  }
td.pr01  { background-color: #6F0241; width:18%;height:50px; color:#FFFFFF; font-size:1.3em; padding-left:10px }
td.pr02  { background-color: #E0E0E0; color:#6F0241;font-size:1.3em; padding-left:10px; padding-top:3px; padding-bottom:3px  }
td.pr03  {background-color: #ffffff;width:15%;height:5px; font-size:3px }
td.pr04  { background-color: #ffffff; height:5px;font-size:3px}


li           { margin-left:40px; margin-top: 5px }
li.zjkp {margin-left:40px; margin-bottom: 10px; color:#6F0241; margin-right:40px;font-size: 18px; }
li.birnbach {margin-left:40px; margin-bottom: 10px; color:#6F0241; margin-right:40px;font-size: 16px; }

img.x45 { width: 45%    }

img.home2 			{    }
a img:hover.home2 {opacity: 0.5; }

img.z2 {    }
a img:hover.z2 {opacity: 0.5;}

img.z3 {    }
a img:hover.z3 {transform: scale(1.2);}

img.z4 { width: 100%    }
a img:hover.z4 {box-shadow: 5px 8px 10px #311612;}

img.home1         {   }
a img:hover.home1 {transform: scale(1.05);}	

img.all         { border-width: 8px; border-style: solid; border-color: #ffffff; width: 15%;  }
	
img.lektori         { border-width: 8px; border-style: solid; border-color: #ffffff; width: 20%;  }
img.lektori2         { border-width: 8px; border-style: solid; border-color: #ffffff; }

   
img.foto         { border-width: 0px; border-style: solid; border-color: #ffffff; width: 45%; }
a img:hover.foto {opacity: 0.5;}

img.blog         { border-width: 8px; border-style: solid; border-color: #ffffff; width: 400px; }
a img:hover.blog {box-shadow: 5px 8px 10px #311612;}

img.tlacitko 	{ width: 80% 
				}	
a img:hover.tlacitko {opacity: 0.5;}


img.tlacitko2 	{ width: 35% }	
a img:hover.tlacitko2 {transform: scale(1.1);}

img.tlacitko3 	{ width: 20% }	
a img:hover.tlacitko3 {transform: scale(1.1);}

img.tlacitko4 	{ width: 60% }	
a img:hover.tlacitko4 {transform: scale(1.1);}

img.tlacitko5 	{ width: 50% }	
a img:hover.tlacitko4 {transform: scale(1.1);}


img.partneri 		{    }
a img:hover.partneri {opacity: 0.5;}

a       { font-weight: bold; color: #ffffff; }
a:hover { font-weight: bold; color: #d31d05; text-decoration: none;}


a.t {text-decoration:none; color: #FFFFFF; }
a:visited.t {text-decoration:none; color: #FFFFFF; }
a:active.t {text-decoration:none; color: #FFFFFF; }
a:hover.t { font-weight: bold; color: #d31d05; text-decoration: none;}
a.pn24 { font-weight: bold; color: #DFC499; }
a:hover.pn24  {font-weight: bold; color: #d31d05; text-decoration: none;}


.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;

}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
@media (max-width: 1400px) {

div.stranka {
	width: 80%;
	margin-left: 10%; 
	}

h1 {
	font-size: 20px;
	}
	
	table.vstupenky           { width: 90%; }

		
img.tlacitko4 	{ width: 60% }	
a img:hover.tlacitko4 {transform: scale(1.1);}

img.tlacitko 	{ width: 60% }	
a img:hover.tlacitko {opacity: 0.5;}

}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


@media (max-width: 1100px) {
	
		
	div.stranka {
		width: 90%;
		margin-left: 5%;
		/*background-color: #fccccc;*/
	}

div.tlacitka{
	position: absolute; z-index: 0; width: 80%; left: 10%; right: 10%; top: 330px
	}	


	div.stranka img {
		max-width: 100%;
	}

table.vstupenky           { width: 90%; }

li.zjkp {margin-left:40px; margin-bottom: 10px; color:#6F0241; margin-right:40px;font-size: 14px;}

	
img.tlacitko2 	{ width: 45% }	
a img:hover.tlacitko2 {opacity: 0.5;}
	
img.tlacitko4 	{ width: 80% }	
a img:hover.tlacitko4 {transform: scale(1.1);}

img.tlacitko 	{ width: 80% }	
a img:hover.tlacitko {opacity: 0.5;}
	
	
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

@media (max-width: 800px) {
	
	div.stranka {
		width: 96%;
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 20px;
		/*background-color: #ccccfc;*/
		}

div.site{
	position: fixed; right: 0.1em; top: 0em;
z-index:20;
	}	
		
div.blok-l {float: left;
			width:100%;

}

div.blok-m {float: left;
			width:100%;

}

div.blok-p {float: left;
			width:100%;

}

	div.stranka img {
		max-width: 100%;
		
	}
	
	h1 {
		font-size: 20px;
	}

	
p.zapati-a      {margin-left: 5px; margin-right: 5px; margin-top:0; margin-bottom:2px;  }
p.zapati-aa      {margin-left: 20px; margin-right: 20px; margin-top:0; margin-bottom:2px; display: none }
p.zapati-b      {margin-left: 5px; margin-right: 5px; margin-top:0; margin-bottom:2px; text-align:center  }
p.zapati-c      {margin-left: 5px; margin-right: 2px; margin-top:0; margin-bottom:2px; text-align:center }
p.lektori   	{ font-size: 1.0em; margin-bottom:10px }
p.mezera		{display: none }

table.vstupenky2           { width: 95%; margin-left: 2%;}

td.obed { display: none}

li.zjkp {margin-left:40px; margin-bottom: 10px; color:#6F0241; margin-right:40px;font-size: 12px; }
	
			
img.lektori         { border-width: 8px; border-style: solid; border-color: #ffffff; width: 30%; 
   }
	
img.tlacitko 	{ width: 85%}
a img:hover.tlacitko {opacity: 0.5;}

img.tlacitko3 	{ width: 40% }	
a img:hover.tlacitko3 {transform: scale(1.1);}
				
img.tlacitko2 	{ width: 30% }	
a img:hover.tlacitko2 {opacity: 0.5;}
	
img.tlacitko4 	{ width: 80% }	
a img:hover.tlacitko4 {transform: scale(1.1);}

  
}