/* uvod.css */

div#hotely-obal {
	width: 550px;
	margin: 20px auto;
}
div.hotely {
	width: 275px;
	margin: 0px;
	float: left;
	text-align: center;
}
	div.hotely a {
		display: block;
		width: 250px;
		padding-bottom: 25px;
		color: #fff !important;
		font-weight: normal !important;
		font-size: 1.3em;
	}
		div.hotely a:hover, div.hotely a:focus, div.hotely a:active {color: #c33 !important;}
		div.hotely a:hover span, div.hotely a:focus span, div.hotely a:active span {background-position: bottom left !important;}
	div.hotely a strong {
		font-size: 1.2em;
	}
	div.hotely span {
		display: block;
		width: 250px;
		height: 235px;
		margin-bottom: 5px;
		cursor: pointer;
	}
	div#hotel-u-suteru span {background: url(../img/uvod-hotel-u-suteru-1.jpg) no-repeat top left;}
	div#hotel-u-suteru a {background: url(../img/detail-aktivni-3.jpg) no-repeat bottom left;}
	div#hotel-u-sv-jana span {background: url(../img/uvod-hotel-u-sv-jana-1.jpg) no-repeat top left;}
	div#hotel-u-sv-jana a {background: url(../img/uvod-hotel-u-sv-jana-2.jpg) no-repeat bottom left;}


/* texty */
div#uvodnik {
	width: 550px;
	margin: 0px auto;
}
	div#uvodnik p.sloupek {
		width: 45%;
		float: left;
		margin: 20px 0px 0px 0px;
		padding: 10px;
		line-height: 1.4em;
	}
	div#uvodnik p.posledni {
		clear: both;
		width: 100%;
		padding: 0px 0px 30px 0px;
	}
	div#uvodnik p img {
		float: left;
		margin-right: 8px;
	}
	div#uvodnik strong.velky {
		font-size: 1.6em;
		font-weight: normal;
	}
	div#uvodnik h3 {
		margin: 5px 0px;
		font-size: 1.4em;
		font-weight: normal;
	}
	div#uvodnik ul li {
		margin-left: 10px;
		padding: 3px 0px 3px 18px;
		font-size: 1.1em;
		background: url(../img/bg-li.gif) no-repeat left center;
	}

	p#dotace-eu {
		margin-top: 50px !important;
		text-align: center;
	}
	p#dotace-eu img {
		float: none !important;
	}