/*stylopis stopu */

/* Písma */
body, td, ul { font-family: Arial, Helvetica, Sans-serif; font-size: 94% }
.male		{font-size: 13px}
/* Barvy */

body         { background-color: #ffffdd; color: black; background-image: url('images/pozadi.gif'); background-repeat: repeat-y;}
h1, h2           { color: navy}
a:link		{color: blue}
a:visited	{color: navy}
#levysloupec a            { text-decoration: none }
a:hover      { text-decoration: underline; color: red }

/* Obrázky na pozadí */
li           { list-style-image: url('images/ruka2.gif'); list-style-position: outside; 
               padding-left: 10px }
h2           { background-image: url('images/stop2.gif'); background-repeat: no-repeat }

/* Okraje odstavců, řádkování */		 
h2           { margin-top: 0px; margin-bottom: 0px; padding-left: 40px; padding-right: 0px; padding-top: 8px; padding-bottom: 2px }
h4		{margin-top: 28px; margin-bottom: 2px; border-bottom: 1px solid navy}
.levysloupec p {margin-top: 0px}
p, li        { line-height: 140% }

/*Sloupce */
#mimochodem  { position: absolute; top: 120px; left: 710px; float: right; width: 200px}
#hlavicka    { position: absolute; top: 20px; left: 190px }
#hlavnitext  { position: absolute; top: 120px; left: 190px; width: 500px }
#levysloupec { width: 150px; position: absolute; top: 20px; left: 20px }
.levysloupec { background-color: #004000; color: #ffffdd; font-size: 13px }
.levysloupec a:visited { color: #ffffee }
.levysloupec a:link, .levysloupec a, .zalozka a:visited { color: white }
#upoutavka       { position: relative; top: -200px; left: -170px; width: 150px }

.lista {text-align: center}

@media (max-width: 500px){
	#mimochodem, #hlavicka, #hlavnitext, #levysloupec, #upoutavka {position: static; box-sizing: border-box;}
	#hlavnitext, #mimochodem {width: 100%;}
	body {background-image: none;}
	#levysloupec, #upoutavka {width: 100%; padding: 1px 10px; margin-bottom: 2em;}
	.levysloupec br {display: none;} 
	.levysloupec br + a:before {content: " - ";}
	#mimochodem {color: white; background-color: #004000;}
	
	.nemobil, .reklama {display: none;}
	
}