body {
	background-image: url(imgs/bck_484.png);
	background-repeat: repeat-x;
	background-position: top left;
	background-attachment: scroll;
	background-color: #CCCCCC;
	margin: 0;
	padding: 0;
	font-family: "Microsoft Sans Serif", sans-serif;
	font-size: 14px;
	color: #333333;
}

.mobile-menu{	display: none; }
/* rozjizdeci podmenu */

.dropdown { display: inline-block; padding: 10px; margin: 0px; }
.dropbtn {    display: inline-block; padding: 0px; margin: 0px;}

.dropdown-content {
    display: none;
    padding: 10%;
	position: absolute;
    background-color: #fff;
    min-width: 600px;
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.2);
    z-index: 99;
}

.dropdown-content a {    display: block;    text-align: right;}
.dropdown-content a:hover  {background-color: #; }
.dropdown:hover .dropdown-content { display: block; }	
.dropdown:hover  {    background-color: #aaa; }

/* rozjizdeci podmenu konec */

table {	font-size: 14px;}
a {	color: #66ABDE;	text-decoration: none}
a:hover {	color: #66ABDE;	 text-decoration: underline }


H1 {
	font-family: "Microsoft Sans Serif", sans-serif;
	font-size: 27px;
	color: #016495;
	font-weight: normal;
	letter-spacing: -1px
}

HR {	height: 1px;	background-color: #999;	border-bottom-color: #999;	border: 0;}

.nadpisky, h2 {	font-size: 18px;	color: #333333;	font-weight: normal;}

h3 {	font-size: 14px;	color: #333333;}

p {	font-size: 14px;	color: #333333;}
p a:hover {	color: #66ABDE;	text-decoration: underline }
a p:hover {	color: #66ABDE;	text-decoration: underline }

.clanek {	background-color: #fff;	text-decoration: none;	color: #000;	display: block;	padding: 20px;}
.clanek:hover {	background-color: #efefef;	text-decoration: none;	color: #000;}
.clanek h2:hover {	color: #000;	text-decoration: none;}
.clanek p:hover {	color: #000;	text-decoration: none;}
.clanek h2 a:hover {	color: #000;	text-decoration: none;}
h2 a:hover {	color: #000;	text-decoration: none;}
.clanek span:hover {	color: #000;	text-decoration: none;}

.zapati {	font-size: 12px;	color: #333;	padding-left: 10px;	margin-left: 10px; }
.menu {
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 30px;
	margin-left: 30px;
	font-style: normal;
	text-align: left;
}
.supermale {
	font-family: "Microsoft Sans Serif", sans-serif;
	font-size: 10px;
	color: #333333;
	/* text-align: justify; */
}

.text_pravo 	{	font-size: 10px;	text-align: right;	color: #666;	padding-right : 20px; padding-top: 20px;	margin-top:20px;	}
.text_pravo a:hover {	color: #66ABDE;	text-decoration: underline }

	
.obr {	padding : 20px;	border: 1px solid #fff;	opacity: 0.6;    filter: alpha(opacity=66);}
.obr:hover {	padding : 20px;	border: 1px solid #ccc;	opacity: 1;    filter: alpha(opacity=100);}

li, ul {	font-size: 14px;}
	
	
@media screen and (max-width: 500px) {	

.menu {
/* standartni desktopove menu */

}

.mobile-menu {
display: block;
font-size: 20px;
position: absolute; top: 0px; width: 90%; 
padding: 10%; 
width: auto;
margin-right: 0px;
background-color: #000;
text-align: left; 
z-index: 999;
height: 50px;
opacity: 1.0;
}

}