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

/*responsive style*/
@media only screen and (max-width: 479px) and (min-width: 370px) {
    div.nadpis div.next a.right {
        position: static;
    }

    div.nadpis .tritecky {display: none;}

    div.informace {
        margin-left: 3px;
        margin-right: 3px;
    }

    div.item.text {
        margin: .3em auto .2em auto;
    }

    div.nadpis > *:not(.next), .tritecky{
        font-size: 22px;
    }

    div.minule_pozvanky span{
        display: block;
    }

    div.nadpis span.mapa {
        display: block;
    }

    .obrazek {
        float: none;
        margin-left: auto;
        margin-right: auto;

    }
}

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

html, body { width: 100%; height: 100%; margin: 0; padding: 0; font-size: 1.1em; }
html { font-size: 14px; }

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

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

div.nadpis {
	text-align: center;
	height: 100%;
	display: table;
	width: 100%;
}

div.nadpis > *:not(.next):not(.eggtext), .tritecky{
	font-size: 35px;
}

div.tritecky {
	text-align: center;
	text-shadow: 2px 2px 2px rgba(0,0,0,.2);
}

div.nadpis div.next {

}

div.nadpis div.next a.right {
	display: block;
	position: absolute;
	right: 2px;
	bottom: 2px;
}

div.nadpis div.next > div {position: relative;}

div.nadpis div.next a.right { color: #e60343; }

div.nadpis div.eggtext { color: #e60343; opacity: 0; }

div.nadpis div.next a { text-shadow: 2px 2px 2px rgba(0,0,0,.2); }

div.nadpis div.next a:hover { text-decoration: none; }

div.nadpis .tritecky { text-decoration: none; }

div.nadpis > * { display: table-row; }

div.nadpis > * > * { display: table-cell; }

div.nadpis div.space { height: 30px; }

div.nadpis h1 { font-size: 1.2em; margin: 0; }

div.nadpis span.mapa { font-size: 0.5em; }

div.hlubina {
	height: 90%;
	margin: 0 auto;
	background-image: url('img19/hlubina.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

div.item {
	position:relative;
	background-color: white;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, .8);
}

div.dokument {
	margin: 0 auto;
	padding-top: 1em;

}

div.vers {
	font-size: .8em;
	text-align: center;
}

div.vers span.odkaz {
	font-size: .6em;
}

div.text {
	padding: 1em;
	text-align: justify;
}

div.item.text {
	margin: 1em auto;
}

div.informace {
	margin: 2em;
}

div.fotoodkaz {
	text-align: center;
}

div.fotoodkaz a {
	font-size: 1.5em;
}

.obrazek {
	display: block;
	width: 300px;
	height: 300px;
	margin: 0 auto;
	margin-left: 1em;
	margin-bottom: 1em;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;


}

.obrazek.tulipany {
	outline: 0;
	height: auto;
	background-image: url('img19/papir.jpg');
	box-shadow: 2px 2px 6px rgba(0, 0, 0, .8);
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	transform: rotate(2deg);
	margin: 2em auto;
    background-color: white;
    width: 200px;
	background-position: center center;
	background-size: auto;
	background-repeat: repeat;
}

.obrazek.tulipany:after {
	content: "";
	display: block;
	padding-bottom: 142%;
}

.obrazek.tulipany span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	background-image: url('img19/tulipany.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

div.obrazek.duha {
	background-image: url('img19/duha.png');
	margin: 0 auto;
	margin-top: 3em;

}

div.obrazek.kocky {
	background-image: url('img19/kocky.png');
	margin: 0 auto;
	margin-top: 3em;
}

div.obrazek.propast {
	background-image: url('img19/propast.png');
	margin: 0 auto;
	margin-top: 3em;
}

div.obrazek.motylek {
	background-image: url('img19/motyl.png');
	margin: 0 auto;
	margin-top: 3em;
	padding: 22px;
}

div.obrazek.sopka {
	background-image: url('img19/sopka.png');
	margin: 0 auto;
	margin-top: 3em;
}

div.clearall {
	clear: both;
}

div.copyleft {
	font-size: 0.7em;
	float: right;
}

div.copyleft a { font-weight: normal; text-decoration: none; }

table.infotable {
	border: 1px solid #30160d;
	border-collapse: collapse;
	margin: 0 auto;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, .3);

}

table.infotable td, table.infotable th {
	border: 1px solid #30160d;
	padding: 5px;
}

div.ubytovani {
	max-width: 800px;
    background-color: #e6ffe6;
}

div.program {
	max-width: 700px;
    background-color: #e6ffff;
}

div.prihlasky {
    max-width: 400px;
    background-color: #ffe6e6;
}

div.doprava {
	max-width: 600px;
    background-color: #e6e6ff;
}

div.kontakty {
	max-width: 700px;
    background-color: #ffffe6;
}

div.fotografie {
	max-width: 300px;
    background-color: #ffe6ff;
}

div.velrybicka {
	max-width: 577px;
	background-position: left top;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 5em;
	margin-bottom: 1em;
	background-image: url('img19/velrybicka.png');
}

div.velrybicka:after {
	content: "";
	padding-bottom: 37%;
	display: block;
}

a[href^="tel:"] {
    text-decoration: none;
    cursor: default;
}

.tablescroll{ 
	width: 100%;
	overflow: auto; 
}

div.minule_pozvanky {
	text-align: center;
}

div.nadpis {
	overflow: hidden;
}
div.nadpis div.hlubina > div {
	vertical-align: middle;
}

@media screen and (max-width: 992px) {
	body{
		overflow-x: hidden;
	}

	div.obrazek.motylek{
		width: 90%;
	}

}