/* CSS Document */

body {
		background: url(images/background/image.jpg) no-repeat center center fixed;
		 -webkit-background-size: cover;
		 -moz-background-size: cover;
		 -o-background-size: cover;
		 background-size: cover;
		font-family: arial, helvetica, sans-serif;
		font-size: small;
		margin: 0;
		padding: 0;
}

#telo {
		width:990px;
		height: 100%;
		margin: 35px auto;
		background-color: rgba(255,255,255,0.80);
		border: 0px solid red;
}

@media screen and (min-width: 280px) and (max-width: 980px){
		#telo {
				width: auto;
				margin: 35px auto;
				background-color: rgba(255,255,255,0.80);
				border: 0px solid green;
		}
		header#zahlavi {
			text-align: center;
			height: auto;
			border: 0px solid red;
}
}

header {
			width: 100%;
			padding: 0;
			color: white;
			text-align: center;
}

header#zahlavi {
			text-align: center;
			border: 0px solid red;
}

/* .zahlavi_img {
		/* position: relative;
		top: -65px;
		width: auto;
		height: auto;
		z-index: 1;
} */

.zahlavinadpis {
		background-color: #f4421a;
		height: 5em;
		padding: 30px 0 0 0;
		border: 0px solid blue;
}

.zahlavinadpis h1 {
		display: block;
		position: relative;
		font-size: 20pt;
		color: #fff;
		margin: 0 0 0 0;
		padding: 10px 0 0 0;
		text-align: center;
		z-index: 100;
		border: 0px solid yellow;
		text-shadow: 1px 1px 8px #000;
}

.zahlavinadpis h1 a {
		color: #fff;
		text-decoration: none;
}


.zahlavinadpis h1.male {
		 font-size:10pt;
		 padding: 2px 0 0 0;
}

.zahlavinadpis h1.male a {
		color: #fff;
		text-decoration: none;
}

a {
			text-decoration: none;
			color: inherit;
}

.zahlaviflags {
			position: relative;
			float: right;
			width: 130px;
			padding: 0;
			border: 0px solid yellow;
			text-align: right;
}

.zahlaviflags img {
			padding: 1px 5px 1px 5px;
			cursor: pointer;
}

.zahlaviflags a {
			cursor: pointer;
}

/* START SLIDER */

#obrazek {
		margin: 0;
		height: 300px;
		padding: 0;
		border-top: 3px solid white;
		border-bottom: 3px solid white;
		border-left: 0px solid white;
		border-right: 0px solid white;
		z-index: 10;
}

#obrazek2 {
		float: none;
		margin: 0;
		width: 638px;
		padding: 0;
		margin: 0 0 0 1em;
		border: 0px solid blue;
		z-index: 10;
}

@media screen and (min-width: 280px) and (max-width: 980px){
#obrazek {
		width: 100%;
		/* height 150px; */
}

#obrazek2 {
		float: none;
		margin: 0;
		width: 100%;
}

.zahlavinadpis h1 {
		font-size: 16pt;
}

.zahlavinadpis h1.male {
		 font-size:8pt;
		 padding: 2px 0 2px 0;
}
}



/* KONEC SLIDER */


/* NAVIGACE */

nav {
		display: block;
		border: 0px solid black;
}

nav ul {
			background-color: #f4421a;
			overflow: hidden;
			color: white;
			padding: 0;
			text-align: center;
			margin: 0;
			-webkit-transition: max-height 0.4s;
			-ms-transition: max-height 0.4s;
			-moz-transition: max-height 0.4s;
			-o-transition: max-height 0.4s;
			transition: max-height 0.4s;
			z-index: 10000;
}

nav ul li {
			display: inline-block;
			padding: 20px;
}

nav ul li:hover {
			background-color: #ce2e0a;
}

.handle {
			width: 100%;
			background: #f4421a;
			text-align: center;
			box-sizing: border-box;
			padding: 15px 10px;
			cursor: pointer;
			color: white;
			display: none;

}

@media screen and (min-width: 280px) and (max-width: 980px){
			nav ul {
				max-height: 0;
			}
			.showing {
				max-height: 20em;
			}
			nav ul li {
				box-sizing: border-box;
				width: 100%;
				padding: 15px;
				text-align: left;
			}
			.handle {
			display: block;
			}
}

/* KONEC NAVIGACE */

section {
			width: 990px;
			height: 100%;
			border: 0px solid red;
			float: left;
			margin: 0;
			padding: 0;
			line-height: 1.5em;
			font-size: 1em;
			background-color: rgba(255,255,255,0.80);
}

.prvni {
			position: relative;
			float: left;
			width: 650px;
			border: 0px solid red;
}

.prvni p {
			border: 0px solid red;

}

.druhy {
			position: relative;
			float: right;
			width: 320px;
			border: 0px solid yellow;
}

.treti {
			position: relative;
			float: left;
			width: 650px;
			border: 0px solid blue;
}

/* .ctvrty {
			position: relative;
			float: none;
			width: 310px;
			border: 0px solid blue;
}*/

.tip-vpravo-index {
			width: 640px;
			padding: 0 0 0 10px;
}


/* TIP */

.tip a {
		text-decoration: none;
		color: #000;
}

p.tip {
		margin: 0;
		padding: 0 0 0 25px;
		border: 0px solid red;
}


ul.tip {
		list-style-type: circle;
		margin: 0 0 0 20px;
}

ul.tip li ul li {
		list-style-type: disc;
}

ul.tip li {
		margin: 3px 0 3px 0;
		border: 0px solid red;
}


/* .tip-vpravo {
		width: 400px;
		position: relative;
		display: block;
		padding:0px;
		margin: 10px 30px 10px 10px;
		border: 0px solid red;
}*/

/* END TIP */

/* GALERIE */

.fotogalerie {
					position: relative;
					display: block;
					height: 100%;
					border: 0px solid red;
					padding: 10px 0 30px 32px;
}

.gal-obal {
					position: relative;
					float: left;
					width: 172px;
					height: 172px;
					padding: 0;
					margin: 5px;
					background-image: url("images/podklad_pod_obrazek.png");
					background-position: top left;
					background-repeat: none;
					border: 0px solid red;
}

.gal-foto {
					text-align: center;
					width: 130px;
					height: 130px;
					border: 0px solid red;
					padding: 22px;
}

.gal-foto a img {
					border: 0px solid red;
}

/* END GALERIE */

@media screen and (min-width: 280px) and (max-width: 980px){
section {
			width: 99%;
			border: 0px solid blue;
			margin: 0 0.1em 0 0.1em;
			padding: 0 0.1em 0 0.1em;
}

.prvni {
			float: none;
			width: 95%;
			margin: 0 auto;
			padding: 0;
			border: 0px solid red;
}

.druhy {
			float: none;
			width: 95%;
			margin: 0 auto;
			padding: 0;
			border: 0px solid yellow;
}

.treti {
			float: none;
			width: 95%;
			margin: 0 auto;
			padding: 0;
			border: 0px solid blue;
}

.ctvrty {
			width: 95%;
			margin: 0;
			padding: 0;
			border: 0px solid blue;
}

.tip-vpravo-index, .tip-vpravo {
			width: 98%;
			margin: 0 1px 0 1px;
			border: 0px solid red;
}
}

header h2 {
			font-size: 2em;
			padding: 0.8em 0 0.2em 0;
			color: #000;
			text-align: left;
}

/* MAPY */

iframe.i-mapa  {
			width: 300px;
			height: 450px;
			border:none;
			frameBorder: 0;
}

iframe.k-mapa {
			width: 970px;
			height: 450px;
			margin: 0 0 0 10px;
			border: none;
			frameBorder: 0;
}

@media screen and (min-width: 280px) and (max-width: 980px){
iframe.i-mapa, iframe.k-mapa {
			width: 98%;
			margin: 0 1px 0 1px;
			border:none;
			frameBorder: 0;
}
}

.cist-dal {
		position: relative;
		display: block;
		padding: 5px 0 0 15px;
		border: 0px solid red;
}

header h2 {
		font-size: 28px;
		padding: 20px 15px 20px 15px;
		border: 0px solid red;
}

header h2 a {
		color: black;
		text-decoration: none;
}

header h2 a:hover {
		color: black;
		text-decoration: underline;
}

h3, h3 a {
		font-size: 22px;
		padding: 25px 15px 0 15px;
		color: black;
		text-decoration: none;
}

article p {
		padding: 0 15px 0 15px;
		text-align: justify;
}

/* PATICKA */

footer#zapati {
		position: relative;
		float: left;
		width: 100%;
		height: 150px;
		border: 0px solid yellow;
		background-color: #333;
		text-align: center;
}

footer#zapati p {
		font-size: x-small;
		color:#fff;
		padding: 15px 0 0 0;
}

#zapati nav {
		position: relative;
		border: 0px solid green;
		text-align: center;
    background-color: #333;
}

#zapati nav ul li a {
		color: #fff;
		text-decoration: none;
		margin: 0 25px 0 25px;
}

.foto_v_textu, .tip-vpravo {
		max-width: 960px;
		border: 0px solid red;
}

@media screen and (min-width: 280px) and (max-width: 980px){
.foto_v_textu {
		max-width: 100%;
		border: 0px solid blue;
}
}