/* 
    Document   : styly
    Created on : 12.7.2009, 11:05:09
    Author     : Nox | www.nox-art.cz | petruzelka@nox-art.cz
    Description: hlavní stylový soubor
*/

/* Reset --------------------------- */
html,body,div,p,ul,ol,li,#menu,table,td,blockquote,address,pre,form,fieldset,legend,em,span,
h1,h2,h3,h4,h5,h6,pre,xmp{ margin: 0;padding: 0; }
table,img,fieldset,button{ border: none;outline: none; }

/* HTML --------------------------- */
html{
	background: url('../obr/pozadi.jpg');
}
body{
	background: url('../obr/horni-lista.jpg') repeat-x;
	font: 95% Georgia, "New York CE", utopia, serif;
}

a{
	color: rgb(154,38,12);
}

address, table.cenik{
	background: rgb(243,245,220);
	border: 1px dashed rgb(215,220,190);
	color: rgb(45,56,19);
	padding: 12px 25px 15px 25px;
	margin: 10px 0;
	font-style: italic;
	line-height: 1.3;
	width: 350px;
}

 table.cenik{
	background: rgb(243,245,220);
	border: 1px dashed rgb(215,220,190);
	color: rgb(45,56,19);
	padding: 12px 25px 15px 25px;
	margin: 10px 0;
	font-style: italic;
	line-height: 1.3;
	width: 500px;
}

	address strong{
		color: rgb(75,80,0);
	}

blockquote, .highlight{
	background: rgb(231,228,203);
	border: 1px dashed rgb(209,213,176);
	color: rgb(45,56,19);
	padding: 15px 25px;
	text-indent: 0px;
	margin: 20px 0;
	font-style: italic;
	line-height: 1.6;
}

input{
	width: 390px;
	padding: 5px;
	cursor: pointer;
	border: 1px solid rgb(200,190,180);
	font: 95% Georgia, "New York CE", utopia, serif;
}

input[type=submit]{
	width: auto;
	display: block;
	padding: 6px 20px;
	margin: 10px 0;
}

label{
	display: block;
	margin: 7px 0 3px 0;
}

h1, h2{ color: rgb(154,38,12);font-size: 105%; }
h2{ margin: 0 0 25px -25px;  }
h3{ color: rgb(154,38,12);font-size: 100%;margin-bottom: 10px;margin-top: 10px; }

textarea{
	padding: 5px;
	width: 390px;
	display: block;
	border: 1px solid rgb(200,190,180);
	font: 95% Georgia, "New York CE", utopia, serif;
}

/* Classes ------------------------ */
a.foto{ text-decoration: none; }
a.foto img{
	padding: 4px;
	margin: 18px 12px;
	background: rgb(255,252,245);
	border: 1px solid rgb(200,190,180);
}
a.foto img:hover{ border-color: rgb(110,100,90); }

.center{ margin: 0 auto; }

div.foto{
	display: block;
	width: 180px;
	height: 136px;
	padding: 5px 0 0 5px;
	background: url('../obr/fotografie.jpg') no-repeat;
}

img.foto{
	padding: 4px;
	margin: 18px 12px;
	background: rgb(255,252,245);
	border: 1px solid rgb(200,190,180);
}

.tcenter{ text-align: center; }

ul.decored li{
 list-style: none;
 background: url('../obr/list-item.jpg') no-repeat 0px 2px;
 padding: 0 0 10px 25px;
}

.clear{ clear: both;visibility: hidden;height: 0;width: 0;overflow: hidden; }

/* Template ----------------------- */
#kontejner{
	width: 970px;
	margin: 0 auto;
	padding: 33px 5px 0 5px;
}

h1{
	width: 760px;
	height: 132px;
	position: relative;
	padding: 20px 0 0 100px;
}
h1 a{
	display: block;
	position: absolute;
	left: 26px;
	top: 0;
	width: 870px;
	height: 152px;
	background: url('../obr/hlavicka.jpg') no-repeat;
}

#menu{
	width: 967px;
	height: 81px;
	background: url('../obr/menu.jpg') no-repeat;
	list-style: none;
	margin-top: -2px;
}
#menu li{
	display: block;
	float: left;
}
#menu li a{
	display: block;
	position: relative;
	width: 100%;
	text-decoration: none;
	color: black;
}
#menu li a div{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url('../obr/menu.jpg');
	background-repeat: no-repeat;
	cursor: pointer;
}

.menutext {
	padding-top: 20px;
	color: black;
	text-align: center;
	font-weight: bold;
}

#menu li a:hover{
color: #9a260c;
	text-decoration: none;
}


	#menu li#skladba-pokoju{ width: 159px; }
	#menu li#skladba-pokoju a div{ background-position: 0px 0px; }
	#menu li#skladba-pokoju a:hover div, menu li#skladba-pokoju.aktualni a div{ background-position: 0px -81px; }

	#menu li#online-registrace{ width: 160px; }
	#menu li#online-registrace a div{ background-position: -159px 0px; }
	#menu li#online-registrace a:hover div, menu li#online-registrace.aktualni a div{ background-position: -159px -81px; }

	#menu li#cenik{ width: 89px; }
	#menu li#cenik a div{ background-position: -319px 0px; }
	#menu li#cenik a:hover div, menu li#cenik.aktualni a div{ background-position: -319px -81px; }

	#menu li#fotogalerie{ width: 70px; }
	#menu li#fotogalerie a div{ background-position: -408px 0px; }
	#menu li#fotogalerie a:hover div, menu li#fotogalerie.aktualni a div{ background-position: -408px -81px; }

	#menu li#vylety-v-okoli{ width: 70px; }
	#menu li#vylety-v-okoli a div{ background-position: -529px 0px; }
	#menu li#vylety-v-okoli a:hover div, menu li#vylety-v-okoli.aktualni a div{ background-position: -529px -81px; }

	#menu li#klientum-nabizime{ width: 191px; }
	#menu li#klientum-nabizime a div{ background-position: -670px 0px; }
	#menu li#klientum-nabizime a:hover div, menu li#klientum-nabizime.aktualni a div{ background-position: -670px -81px; }

	#menu li#restaurace{ width: 100px; }
	#menu li#restaurace a div{ background-position: -750px 0px; }
	
	#menu li#kontakt{ width: 126px; }
	#menu li#kontakt a div{ background-position: -841px 0px; }
	#menu li#kontakt a:hover div, menu li#kontakt.aktualni a div{ background-position: -841px -81px; }

#obsah{
	width: 870px;
	min-height: 450px;
	background: url('../obr/pozadi-stranky.jpg');
	padding: 0px 40px 65px 60px;
	margin-left: -2px;
	position: relative;
}

#stin-levy, #stin-pravy{
	position: absolute;
	top: 0;
	width: 5px;
	height: 100%;
	background: url('../obr/stiny.jpg');
}
#stin-levy{
	left: 0;
}
#stin-pravy{
	right: 0;
	background-position: -5px 0;
}

#paticka
{
	background: url('../obr/paticka.jpg');
	margin-left: 2px;
	width: 962px;
	height: 89px;
}
#paticka #leva, #paticka #prava{
	width: 13px;
	height: 89px;
	float: left;
	background: url('../obr/paticka-kraje.jpg') no-repeat;
}
#paticka #prava{
	float: right;
	background-position: -13px 0;
}
#paticka ul{
	float: left;
	width: 936px;
	padding-top: 35px;
	list-style: none;
}
#paticka li{
	display: block;
	float: left;
	height: 22px;
	font-size: 90%;
}
#paticka li a{
	color: rgb(10,15,20);
	text-decoration: none;
}
#paticka li a:hover{
	text-decoration: underline;
}
	#paticka li#facebook{
		font-size: 70%;
		margin-left: 25px;
	}

	#paticka li#facebook img{
		float: left;
		margin-right: 7px;
	}

	#paticka li#skareda-ikonka{
		margin-left: 60px;
		position: relative;
		top: -4px;
		opacity: 0.45;
	}

	#paticka li#napiste-nam{
		padding-left: 35px;
		margin-left: 30px;
		background: url('../obr/ikona-napiste-nam.jpg') no-repeat;
	}
	#paticka li#webmaster{
		padding-left: 35px;
		margin-left: 35px;
		color: rgb(87,94,98);
	}
	#paticka li#copy{
		margin-left: 25px;
		color: rgb(87,94,98);
	}
	
	#paticka li#nahoru{
		margin-left: 105px;
		margin-top: -25px;
		width: 124px;
		height: 36px;
		position: relative;
	}
	#paticka li#nahoru a span{
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		background-image: url('../obr/nahoru.jpg');
	}
	#paticka li#nahoru a:hover span{
		background-position: 0 -36px;
	}

/* Pages -------------------------------- */

/** Index **/
#button-rezervace{
	display: block;
	height: 26px;
	padding-left: 30px;
	margin: 0 auto;
	width: 160px;
	background: url('../obr/ikona-registrujte-se.jpg') no-repeat;
	position: relative;
	left: -20px;
}

.index-blok{
  float: left;
	width: 46%;
	margin: 50px 4% 20px 0;
}
.index-blok .foto{
	float: left;
	margin-right: 5%;
}

/* Rezervace */
.two-input{
	width: 140px;
	margin-right: 5%;
	float: left;
}
.two-input input{
	width: 100px;
}
input.small{
	width: 50px;
}

#karty { margin-top: 30px; }
#karty li{ list-style: none;margin-bottom: 6px; }
#karty img{ padding-right: 50px;vertical-align: text-bottom; }
#karty img[width="30"]{ padding-right: 72px; }

.mapa {
width: 425px;
padding: 5px;
	background: rgb(243,245,220);
	border: 1px dashed rgb(215,220,190);
	float: right;
	text-align: right;
}

.zpet {
	position: relative;
	top: 15px;
	left: 0px;
/*	font-size: 10px;*/
	color: #d7dcbe;
	text-align: right;
}

.povinne {
	color: rgb(154,38,12);
	font-size: 15px;
	font-weight: bold;
}
label.error { float: none; color: rgb(154,38,12); padding-left: .5em; vertical-align: top; display: none; font-weight: bold;}

.flags {
	position: absolute;
	top: 1px;
	left:1px;
	width: 99%;
	height: 200px;
	text-align: right;
}

.mezenter {
line-height: 2px;
display: inline;
}

.textbox {
text-align: justify;
font-style: italic;
}

.predpovedpocasi {
	position: absolute;
	left: 600px;
}