/* responzivní design mobily a tablety*/

@media (min-width: 841px) and (max-width: 1023px) {

ul.mainmenu {
	position:absolute;
top:60px;
left:0px;
width: 350px;
	
}	
#levy_sloupec {
width:25%;
}
ul.menuleve
{
	-moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 0px #000;
	padding: 3% 3% 3% 3%;
	width:94%
	
}
ul.menuleve li.item
{
width: 100%;
}
#obsahstrany{
	float:right;
	margin: 12px 0 0 3%;
	width:67%;
	padding: 2% 2% 2% 2%;
	min-height:1200px;
	height:auto !important;
	height:1200px;
	-moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 0px #000;
}
ul.menuleve li
{
	list-style-type:none;
	
	
}
}
@media (min-width: 641px) and (max-width: 840px) {

ul.mainmenu {
	position:absolute;
top:60px;
right:0px;
width: 350px;
	
}		
#levy_sloupec {
width:100%;
}
ul.menuleve
{
	-moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 0px #000;
	padding: 3% 3% 3% 3%;
	width:94%
	
}
ul.menuleve li.item
{
width: 100%;
}
#obsahstrany{
	float:left;
	margin: 12px 0 0 0%;
	width:96%;
	padding: 2% 2% 2% 2%;
	min-height:1200px;
	height:auto !important;
	height:1200px;
	-moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 0px #000;
}
ul.menuleve li
{
	list-style-type:none;
	
	
}
}
@media (min-width: 481px) and (max-width: 640px) {

ul.mainmenu {
	position:absolute;
top:60px;
right:0px;
width: 100%;
	
}	
#mainmenu {
background-color:#FFF;	
}		
#levy_sloupec {
width:100%;
}
ul.menuleve
{
	-moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 0px #000;
	padding: 3% 3% 3% 3%;
	width:94%
	
}
ul.menuleve li.item
{
width: 100%;
}
#obsahstrany{
	float:left;
	margin: 12px 0 0 0%;
	width:96%;
	padding: 2% 2% 2% 2%;
	min-height:1200px;
	height:auto !important;
	height:1200px;
	-moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 0px #000;
}
ul.menuleve li
{
	list-style-type:none;
	
	
}
.obal {
	
	width: 80% !important;
	padding: 3% 10% 0% 10% !important;
	position: relative;
	left:0px;
}
}
@media (min-width: 400px) and (max-width: 480px) {

ul.mainmenu {
	position:absolute;
top:60px;
right:0px;
width: 100%;
	
}
#mainmenu {
background-color:#FFF;	
}
h1 {
	
	font-size: 140%;
	
		}
h2 {
	
	font-size: 130%;
	
		}
		
h3 {
	
	font-size: 105%;
	
		}	

#levy_sloupec {
width:100%;
}
ul.menuleve
{
	-moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 0px #000;
	padding: 3% 3% 3% 3%;
	width:94%
	
}
ul.menuleve li.item
{
width: 100%;
}
#obsahstrany{
	float:left;
	margin: 12px 0 0 0%;
	width:96%;
	padding: 2% 2% 2% 2%;
	min-height:1200px;
	height:auto !important;
	height:1200px;
	-moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 0px #000;
}
ul.menuleve li
{
	list-style-type:none;
	
	
}
.obal {
	
	width: 96% !important;
	padding: 3% 2% 0% 2% !important;
	position: relative;
	left:0px;
}
img {
	width:100%;
	
	}
	.logout {
	
	right:0px;
	
}
}
@media (min-width: 321px) and (max-width: 400px) {

ul.mainmenu {
	position:absolute;
top:60px;
right:0px;
width: 100%;
	
}
#mainmenu {
background-color:#FFF;	
}
h1 {
	
	font-size: 140%;
	
		}
h2 {
	
	font-size: 130%;
	
		}
		
h3 {
	
	font-size: 105%;
	
		}

#levy_sloupec {
width:100%;
}
ul.menuleve
{
	-moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 0px #000;
	padding: 3% 3% 3% 3%;
	width:94%
	
}
ul.menuleve li.item
{
width: 100%;
}
#obsahstrany{
	float:left;
	margin: 12px 0 0 0%;
	width:96%;
	padding: 2% 2% 2% 2%;
	min-height:1200px;
	height:auto !important;
	height:1200px;
	-moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 0px #000;
}
ul.menuleve li
{
	list-style-type:none;
	
	
}
.obal {
	
	width: 96% !important;
	padding: 3% 2% 0% 2% !important;
	position: relative;
	left:0px;
}
img {
	width:100%;
	
	}
	.logout {
	
	right:0px;
	
}
}
@media (max-width: 320px) {

ul.mainmenu {
	position:absolute;
top:60px;
right:0px;
width: 100%;
	
}
#mainmenu {
background-color:#FFF;	
}
h1 {
	
	font-size: 140%;
	
		}
h2 {
	
	font-size: 130%;
	
		}
		
h3 {
	
	font-size: 105%;
	
		}

#levy_sloupec {
width:100%;
}
ul.menuleve
{
	-moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 0px #000;
	padding: 3% 3% 3% 3%;
	width:94%
	
}
ul.menuleve li.item
{
width: 100%;
}
#obsahstrany{
	float:left;
	margin: 12px 0 0 0%;
	width:96%;
	padding: 2% 2% 2% 2%;
	min-height:1200px;
	height:auto !important;
	height:1200px;
	-moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
	box-shadow: 0px 0px 0px #000;
}
ul.menuleve li
{
	list-style-type:none;
	
	
}
.obal {
	
	width: 96% !important;
	padding: 3% 2% 0% 2% !important;
	position: relative;
	left:0px;
}
img {
	width:100%;
	
	}
	.logout {
	
	right:0px;
	
}
} 


/* konec responzivního designu */