@media screen and (max-width: 480px){
body {
	font-size: small;
	}
	#test {
	background-image: url(../files/uvod40.jpg);
	height:130pt;
	background-position:center top;
	background-repeat: repeat;
	}
	#hlava {
	height: 60px;
	}
	#hlava img{
	height: 50px;
	padding: 7px 25px 0 25px
	}
	#sluzby {
	margin: 25px 5px 0 5px;
	}

}
@media screen and (min-width: 481px) and (max-width: 680px) {
	body {
	font-size: small;
	}
	#test {
	background-image: url(../files/uvod70.jpg);
	height:225pt;
	background-position:center top;
	background-repeat: repeat;
	}
	#sluzby {
	width: 180px;
	margin-left: 20px;
	}
	#o_nas {
	margin-right: 200px;
	}
	#kontmap {
	margin-right: 0px;
	}	
	#hlava {
	height: 50px;
	}
	#hlava img{
	height: 40px;
	padding: 7px 25px 0 25px
	}		
}
@media screen and (min-width: 681px) {
	body {
	font-size: medium;
	}
	#test {
	background-image: url(../files/uvod.jpg);
	height:320pt;
	background-position:center top;
	background-repeat: repeat;
	}
	#sluzby {
	width: 210px;
	margin-left: 20px;
	}
	#o_nas {
	margin-right: 230px;
	}
	#kontmap {
	margin-right: 230px;
	}	
	#hlava img {
	height: 30px;
  	padding: 7px 15px 0 15px
  	}
}

body {
font-family: Verdana, Geneva, Arial, sans-serif;
}
#sluzby {
border-width: thin;
border-style: solid;
border-color: #7E0052;
/*width: 210px;*/
padding-right: 8px;
padding-left: 8px;
padding-bottom: 20px;
background-image: url(../files/vzor.gif);
background-repeat: repeat-y;
float: right;
}
#hlava {
background-color: #7E0052;
text-align: right;
/*width: 100%;
position: fixed;*/
}
#infospot {
padding-top: 80px;
}
#info {
margin: -10px 8px 0 8px;
font-size: small;
text-align: justify;
float: left;
}

#o_nas, #kontmap, #hlavni   {
/*font-style: italic;
border: 1px solid #7E0052;
border-radius: 15px;*/
padding-left: 2%;
padding-right: 2%;
text-align: justify;
line-height: 110%;
/*margin-right: 230px;*/
/*background-color: #FCE7EE;*/
/*border-bottom: 1px solid #7E0052;*/
}
h1, h2, h3, h4 {
font-family: "Times New Roman", Times, serif;
color: #7E0052;
text-align: center;
}
h1 {
/*border-bottom: 1px solid black;*/
font-size: 1,7em;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 120%;
line-height: 90%;
}
h4 {
font-size: 100%;
line-height: 85%;
}
p {
color: #595959;	
margin-top:0;		/* odstraní vertikální mezeru mezi hlava a test */
margin-bottom:0;	/* odstraní vertikální mezeru mezi hlava a test */
}

em {
font-weight: bold;
}
#sluzby ul {
font-size: 0.9em;
line-height: 95%;
list-style-type: none;
margin: -10px;
list-style-type: none;
}
#sluzby li {
  padding-right: 0.5em; 
  text-indent: -1.2em;
}

/*#sluzby li::before {
  content: "• ";
  color: #7E0052; 
}*/
a:link {
color: #7E0052;
}
a:visited {
color: #7E0052;
}
a:hover {
background: pink;
color: #7E0052;
}
.durazh3 {
font-size: 150%;
line-height: 100%;
}
.sedepoz {
background-color: #f0f0f0;
}

ul {
line-height: 150%;
}
li {
  padding-right: 2em; 
  text-indent: 0.5em;
  text-align: left;
}
table {
width: 100%;
height: 200px;
border-spacing: 0px;
text-align: center; 
}
#qr {
width: 100%;
}
#footer {
background-color: #7E0052;
clear: right;

}
#footer p
{
color: #aaaaaa;
text-align: center;
font-size: 50%;
line-height: 150%;
}