html, body {
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: White;
}

body {
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.55, rgb(251,251,255)),color-stop(0.92, rgb(232,235,250)));
font-family:sans-serif;
font-size:100%;
line-height:1.125em;
}


h1, h2, h3, h4, h5, h6 {
	color:#000084;
}

h1 {
	font-size: 1.375em;
	line-height: 1.636em;
}

header h1 {
	float:left; 
	margin:0 0 0 0;
	color: transparent;
	width:330px;
	height:76px;
	background:transparent url(http://www.minfo.cz/nesvacily/im/MLN08_300.png) 0.5em 0 no-repeat scroll;
}


h2 {
	font-size: 1.25em;
	margin:1em 0 0.2em 0;
	line-height: 1.5em;
	text-shadow: 2px 2px 3px #c0c0c0;
}

h3 {
	font-size: 1.12em;
	margin: 0.9em 0 0.2em 0; 
}

h4 {
	font-size: 1.10em;
}

h5 {
	font-size: 1.05em;
}

h6 {
	font-size: .95em;
	margin: 0 0 0.6em 0; 
}

p, li {
	font-size: 0.875em; 
	margin: 0 0 0.7em 0; 
}

li {
list-style: none;
}

header, nav, section, article, figure, figcaption, aside, footer {
	display: block;
}

strong {
color:#000084;
}

a {
text-decoration:none;
}

p a:link, li a:link, h4 a:link, h6 a:link {
color:#000084; 
text-decoration:none; 
border-bottom:1px solid #E8EBFA;
}

p a:visited, li a:visited, h4 a:visited, h6 a:visited {
color:#000084; 
text-decoration:none; 
border-bottom:1px solid #E8EBFA;
}

p a:hover, li a:hover, h4 a:hover, h6 a:hover {
color:#000084; 
text-decoration:none; 
border-bottom:1px solid #000084;
}


form {
width:50%;
}

legend {
font-size:smaller;
}

label {
font-style: italic;
}

input{
margin:0.5em 0 0.5em 15%;
}

button{
margin:0.5em 0 0 45%;
}



header{
width:100%;
height:5.5em;
padding: 0.5em 0 0.5em 0;
border-bottom: solid 1px silver;
}



nav {
	margin: 0.5em 0 0 0.5em;
	padding: 0 0 0 0;
	display: inline-block;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex; 
}


.navig{
	display: inline-block;
	list-style-type: none;
	margin:0 .5em 0 .5em;
	padding:0.2em 0.5em 0.1em 0.5em;
	border:solid 1px silver;
	background-color:#E8EBFA;
	font-size:0.8em;
	font-weight: bold;
	text-align: center;
	text-overflow: ellipsis; 
	overflow: hidden;
	white-space: nowrap;
} 
 
 
 
a:link .navig  {
	color:#000084; 
	text-decoration:none; 
}

a:visited .navig {
	color:#000084; 
	text-decoration:none; 
}

a:hover .navig {
	background-color: #DDDDDD;
	text-decoration:none; 
} 
 
 

 
 
 


hr.cleaner {
	clear:both; 
	height:1px; 
	margin: -1px 0 0 0; 
	padding:0 0 0 0; 
	border:none; 
	visibility: hidden;
}

img{
	max-width: 100%;
	height: auto;
}

.kulrohy{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.kulrohy5{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.hlavni {
	width: 42em;
	margin: 0.5em auto 1em 0.5em;
	padding:0 1em 0 1em;
	border:solid 1px silver;
	background-color: #ffffff; 
 }

 

article{
 width: 90%;
 margin: 0 0 10px 1em;
 padding:0.5em 0.5em 0.5em 0.5em;
}

article p{
width:85%;
text-align: justify;
}


footer{
text-align: center;
}

footer li{
	display: inline;
	list-style-type: none;
	padding:0.5em 1em 0.5em 1em;
	font-size: smaller;
 }
 



.box, nav{ 
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex; 
}

.box{ 
	justify-content: space-around;
}
  
.akce{
}

.odsaz{
margin-top:2em;
}

.lakadlo{

}

.aktualita{
width:60%;
border:solid 1px silver;
margin:1em 0 0.5em 1em;
padding:0.5em 0.5em 0.5em 0.5em;
text-align:center;
}

.aktualita h2{
margin:.5em 0 0 0;
padding:0 0 0 0;
}

.aktualita h5{
margin:0.5em auto 0.5em auto;
padding:0 0 0 0;
}

.engl{
	float:right;
	margin:0.5em 0.5em 0.5em 0.5em;
	padding:0.5em 0.5em 0.5em 0.5em;
	text-align:center;
	font-size:0.6em;
}

.podklad{
	padding:0.5em 0.5em 0.5em 0.5em;
	border:solid 1px silver;
	background-color:#E8EBFA;
}

.nepodklad{
	padding:0.5em 0.5em 0.5em 0.5em;
	border:solid 1px silver;
}

.partneri{
	max-width:160px;
	margin:0.5em auto;
}

.partneri img{
	margin:0 0 .75em 0;
}

.obrazek{
	float:right;
	clear:right;
	width: 30%;
	padding:0 0.5em 0.75em 0.5em;
}

.prvni{
margin-top:1em;
}

.obrazek img{
	float:right;
	width: 95%;
}

.obr_popis{
	display:block;
	font-style: italic;
	text-align:center;
	font-size:0.7em;
}



@media (max-width: 800px) and (min-width: 240px){

.hlavni {
	width: 95%;
}

article{
	width: 100%;
}

aside{
	clear:both;
	width:100%;
	width:50%;
}

.partneri{
	margin-top:0;
}


.box{
	display: block;
}
		  
}