@import url("../cm/cmun-serif.css");

* { color: black; font-family: "Computer Modern Serif", serif; }
a { font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

html, body { margin: 0; padding: 0;}

h1, h2 { text-shadow: 2px 2px 2px rgba(0,0,0,.3); clear: both; }

body { background-image: url("../img/papir.jpg"); }

body > * { text-align: center; }

h1 { font-size: 48px; margin-bottom: 0px; }

p.poznamka { font-style: italic; }


div.text {
	border-radius: 5px;
	padding: 1em 2em;
	max-width: 750px;
	margin: 1em auto;
	box-shadow: 2px 2px 6px rgba(0,0,0,.8);
	background-image: url('../img/papir2.jpg');
	text-align: justify;
	font-size: 1.2em;
}

div.podpis {
	padding: 0em 1em 1em 0em;
	max-width: 750px;
	margin: 0 auto;
	font-size: 1.5em;
	text-align: right;
}


div.menu{
	border-radius: 5px;
	padding: 1em 2em;
	max-width: 750px;
	margin: 1em auto;
	background-image: url('../img/papir2.jpg');
	text-align: center;
	box-shadow: 2px 2px 6px rgba(0,0,0,.8);
}

@media only screen and (max-width: 850px) {
    div.text, div.menu {
	margin-left: 1em;
	margin-right: 1em;
    }
}

div.menu ul{
 	display: inline;
	font-size: 20px;
	padding: 0;
}

div.menu ul li{
 	display: inline;
	margin: 1em 1em;
}

div.clearall {
	clear: both;
}


div#kontrolka{
        width:30px;
        height:30px;  
        float: right;
        background-size: contain;
	background-repeat: no-repeat;
        background-image: url('../img/kontrolka_off.png');
}


div#kontrolka.on:hover, div#kontrolka_on_preload{
	background-image: url('../img/kontrolka_on.png')
}

@media only screen and (max-width: 680px) {
    div#kontrolka {
	float: none;
	margin: auto;
    }
    div.menu ul {
	display: block;
	margin: auto;
    }
    div.menu ul li {
	display: block;
    }
}

table.kontakty {
	margin: 1em auto;
}

table.kontakty td, table.kontakty th {
	padding: .1em 1em;
}

div#kontrolka_on_preload{
	width: 1px;
	height: 1px;
}