.nav-button { display: none; } /* hide the navigation button by default */
.cntc  {
	display: none;
}
.mblv  {
	display: none;
}
@media only screen and (min-width: 0px) and (max-width: 1023px) {
body {
	
	background-image: url(../grafika/pozadi.jpg);
	
		}
.mblv  {
	display: block;
}

#layer { 
	width:94%;
	margin:0 3% 0 3%;
		 }
.copyright {
	width:96%;
	margin:2% 0% 0 0%;
	-moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 0px #000;
	padding-top: 2%;
padding-right:  2%;
padding-bottom:  2%;
padding-left:  2%;
}
.hlavicka {
	float:left;
	height: 100px;
	width: 100%;
	border-radius:20px;
    -moz-border-radius:20px; 
    -webkit-border-radius:20px;
	background-image: none;
	background-color:#000;
	border: 2px solid #FFFFFF;
	  -moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 0px #000;
}
.logo {
	display:none
}
.slideshow {
	display:none
	
}
.karty  {
	display: none;
}
.ruleta {
	position: absolute;
	height: 400px;
	width: 100%;
	left:0%;
	top: 50px;
	background-image: url(../grafika/ruleta1.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	opacity:0.2;
	z-index:1;
}
.aktuality {
	
	  -moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 0px #000;
	
	
}
#footer { 
	width:100%;
		 }
ul.mainmenu li {
    
    padding: 0;
}
.mt
{
display:none;
}
 
.mt1
{
display:table;
}	/* Navigation Button
	-------------------------------------------------------- */
.nav-button img {
	border: 0 none !important;
}

	.nav-button {
		display: block;
		position:absolute;
		
		top:30px;
		left:30px;
		width: 50px;
		height: 50px;
		background: url('../img/menu-icon-large-fin2.png');
		
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 50px, 100%;
		cursor: pointer;
				outline: none;
    border: none !important;
-moz-appearance:none;
		z-index: 999;
		text-indent: -9999px;
			-moz-transition: all 0.5s ease-in-out;
  	-webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	}
	.nav-button a{
	
				outline: none;
    border: none !important;
-moz-appearance:none;
		
	}
	.nav-button:hover { 
	background: url('../img/menu-icon-large-fin2.png');
	background-position: center center;
		background-repeat: no-repeat;
		background-size: 50px, 100%;
			-moz-transition: all 0.5s ease-in-out;
  	-webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
			outline: none;
    border: none !important;
-moz-appearance:none;
	
	}
	.nav-button.open {
		background: url('../img/menu-icon-large-fin2.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 50px, 100%;
				outline: none;
    border: none !important;
-moz-appearance:none;
	}

	/* Navigation Bar
	-------------------------------------------------------- */

	

	.mainmenu {
		
		position:absolute;
		right:0px;
		
		background-color: #f5ebeb; /* change the menu color */
		
		display: block;
		height: 0px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		z-index: 998;
		clear: both;
	
	}
	.mainmenu li {
		display: none;
		width: 100%;
		
	
	
		
	}
	.mainmenu li a {
		display: block;
		width: 90%;
		padding: 10px 5% !important;
		font-size: 14px;
		font-weight: normal;
		
		color: #ff0000;
		text-decoration: none;
		border-bottom-width: thin;
	
	border-bottom-style: solid;
	
	border-bottom-color: #fff; 
	}
	.mainmenu li a:hover {
	
	}
	.mainmenu > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.mainmenu.open { 
		height: auto; 
		padding-top: 0px;
		margin-top:0px;
		-moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

	}
	.mainmenu.open li { 
		display: block; 
		
	}

	/* Submenus – optional .parent class indicates dropdowns */

	.mainmenu > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: #fff;
	}
	.mainmenu li.parent > a:after {
		content: "▼";
		color: rgba(255,255,255,.5);
		float: right;
	}
	.mainmenu li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	.mainmenu li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.mainmenu li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
	.mainmenu li:hover ul {
		display: block;
		border-top: 0 none;
	}
ul.mainmenu li.item a
{
	display: block;
	padding: 10px 20px;
	text-align: left; /* vodorovne centrovani */
	text-decoration: none;
	color: #ff0000;
	background-attachment: scroll;
	/*background-image: url(../img/v.png);
	background-repeat: no-repeat;
	background-position: right;	*/
	-moz-transition: all 0.5s ease-in-out;
  	-webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
ul.mainmenu li.item a:hover
{   
	background-color:#fff;
	color: #343434;
	border-radius:0px;
    -moz-border-radius:0px; 
    -webkit-border-radius:0px;
	background-attachment: scroll;
	/*background-image: url(../img/cv.png);
	background-repeat: no-repeat;
	background-position: right;	*/
	-moz-transition: all 0.5s ease-in-out;
  	-webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
ul.mainmenu li.itemactive a
{
	display: block;
	padding: 10px 20px;
	text-align: left; /* vodorovne centrovani */
	text-decoration: none;
	color: #000;
	background-attachment: scroll;
	/*background-image: url(../img/v.png);
	background-repeat: no-repeat;
	background-position: right;	*/
	-moz-transition: all 0.5s ease-in-out;
  	-webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
ul.mainmenu li.itemactive a:hover
{   
	background-color:#fff;
	color: #343434;
	border-radius:0px;
    -moz-border-radius:0px; 
    -webkit-border-radius:0px;
	background-attachment: scroll;
	/*background-image: url(../img/cv.png);
	background-repeat: no-repeat;
	background-position: right;	*/
	-moz-transition: all 0.5s ease-in-out;
  	-webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.mbl {
	color:#60bb46;
	float:left;
	margin-left:8px;
	margin-top:0px;
	
}
.tlf
{
float:left;
margin-top:1px;

}

.tlf a
{
float:left !important;
border-top-width: 0px !important;
background-image:none !important;
border-bottom-width: 0px !important;
background-color:transparent !important;
width:auto !important;
padding:0 !important;
color:#60bb46 !important;
}
.cr
{
float:left;
margin-top:11px;

}
.lr
{
text-align:left !important;
}
.lr a
{
text-align:left !important;
color:#60bb46 !important;
}
ul.mainmenu li.cntc a
{
	display:block;
	background-color:#404041;
	color:#fff;
	background-image:none;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #fff; 
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: transparent; 
}

ul.mainmenu li.cntc a:hover
{   
	
	display:block;
	background-color:#343434;
	color:#fff;
	background-image:none;
	
}
.zav {
	color:#fff;
	font-size:200%;}

.img_right {
	float:right;
	margin-left:4%;
	width:35%;
	margin-top:0%;
}
.width_page_in3 {
	width:100%;
	margin: 5% auto 2% auto;	
}

p {
    line-height:200%;
}

.halamka {
	position:absolute;
	
	font-size:150%;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	}
.program {
	position:absolute;
	
	font-size:100%;
	color:#FFF;
	font-weight:bold;
	
	}


} 
@media only screen and (min-width: 641px) and (max-width: 1023px) {
.tablet
{
display:none;
}
.halamka {
	
	width:100%;
	margin: 30px 0 0 0;
	
	}
.program {
	
	width:100%;
	margin: 65px 0 0 0;
	
	
	}	
}
@media only screen and (min-width: 421px) and (max-width: 640px) {
#layer {
	font-size:90%;
}
#center_column {
	margin:5% 0% 5% 0%;
	
	
	}
.m
{
display:none;
}
 
.m1
{
display:table;
}
#slide-out-div p {
	line-height:150%;
	margin:0;
}
#footer {
	line-height:200%;
	margin:0;
}
.program {
	position:absolute;
	width:80%;
	margin: 65px 0 0 20%;
	font-size:100%;
	color:#FFF;
	font-weight:bold;
	
	}
.halamka {
	
	width:90%;
	margin: 30px 0 0 10%;
	
	}
.program {
	
	width:90%;
	margin: 65px 0 0 10%;
	
	
	}
}
@media only screen and (min-width: 0px) and (max-width: 420px) {
#layer {
	font-size:90%;
}
#center_column {
	margin:5% 0% 5% 0%;
	
	
	}
.m
{
display:none;
}
 
.m1
{
display:table;
}
#slide-out-div p {
	line-height:150%;
	margin:0;
}
#footer {
	line-height:200%;
	margin:0;
}
.halamka {
	font-size:130%;
	width:70%;
	margin: 30px 0 0 30%;
	text-transform:none;
	}
.program {
	
	width:70%;
	margin: 65px 0 0 30%;
	
	
	
	}
.hlavicka {
	
	height: 120px;
	
}

}
/* End Mobile Styles */