/* basic settings */
img.icon { vertical-align: middle; width: 16px; height: 16px; border: 0px; margin-left: 3px; margin-right: 3px; }

img.icon_home { vertical-align: top; width: 17px; height: 17px; border: 0px; padding: 0; margin: -4px 3px 0 3px;} 

/* end of: basic settings */

body{
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	background: #E4AD83 url(../img/layout/background.png) repeat;
	font-family: "Trebuchet MS", "Geneva CE", Tahoma, sans-serif;
}
#background_top{
	margin: 0px;
	padding: 25px 0px 0px 0px;
	background: url(../img/layout/background_top.png) repeat-x;
}
.accessibility{
	display: none;
}
.cleaner{
	font-size: 0;
	clear: both;
	visibility: hidden;
	height: 1px;
	border: none;
	margin: -1px 0 0 0; padding: 0px;
}

#container{
	width: 880px;
	margin: 0 auto;
	padding: 3px 3px 0px 3px;
	background-color: #FEE1CC;
}

div.center {
	text-align: center;
}

p { margin: 0; padding: 0; }

/* forms */
input, textarea {
	color: #000000;
	background-color: #FEF2EB;
	font-size: 13px;
}
select.solid {
	background-color: #FFF8F2;
}
input.solid, textarea.solid, select.solid {
	border: 1px solid #D7B399;
}
input.form_contact, textarea.form_contact {
	width: 400px;
	border: 1px solid #D7B399;
}
input.disabled {
	border: 1px solid #D7B399;
	background-color: #F7F7F7;
}
.required {
	color: #a91e16; font-weight: bold;
}
.optional {
	color: #404040;
	font-weight: bold;
}
h2.form_title {
	font-size: 140%;
	color: #904945;
	margin: 0px 0px 12px 0px;	
}
.button { 
	color: #904945;
	background-color: #FEE1CC;
	border: 1px solid #D0B3A1;
	background-image: url(../img/button.png);
	background-repeat:  repeat-x;
}
.checkbox, .radio {
	vertical-align: middle;
}
.error {color: #E10000;}
.warning {color: #E10000;} 
.ok {color: #5E792F;}
/* end of: forms */

/* header */
#header{
	width: 880px;
	height: 213px;
	background: url(../img/layout/header.jpg) no-repeat;
}
#language_selection{
	position: absolute;
	margin: -13px 0px 0px 8px;
	font-size: 70%;
	font-family: "Times New Roman", Times, serif;
}
#language_selection span{
	padding-left: 2px;
}
#language_selection a{
	color: #7E7771;
	text-decoration: none;
}
#language_selection a:hover{
	color: #000000;
	text-decoration: underline;
}
#language_selection img{
	border: 3px solid #FEE1CC;
}
/* end of: header */

/* menu */
#menu_container{
	width: 880px;
	height: 40px;
	background: url(../img/layout/background_menu.jpg) no-repeat;
	font-size: 75%;
	text-align: left;
}
#menu {
	padding: 8px 0px 0px 4px;
	list-style: none;
	margin: 0px;
}

/* illustrative_photos */
.illustrative_photos {
	width: 880px;
	height: 235px;
}
/* end of: photos */

/* slogan */
#slogan{
	clear: both;
	width: 880px;
	height: 38px;
	border-top: 3px solid #FEE1CC;
	background-color: #6D2925;
	text-align: center;
}
#slogan h3{
	margin: 10px 0 0 0;
	padding: 0;
	color: #DAB5A5;
	font-weight: bold;
	font-style: italic;
	font-size: 90%;
	font-family: "Trebuchet MS", "Geneva CE", Tahoma, sans-serif;
}
/* end of: slogan */

/* content */
#content{
	margin: 0;
	padding: 0;
	background-color: #FEEBDE;
	text-align: justify;
	font-size: 70%;
	color: #65574C;
}

#content_header{
	clear: both;
	width: 880px;
	height: 40px;
	background: url(../img/layout/background_stripe.jpg) no-repeat;
	text-align: center;
	vertical-align: middle;
}

#content_header h2{
	margin: 0px;
	padding: 9px 0px 0px 0px;
	font-size: 140%;
	color: #904945;
}

a{
	color: #A21A57;
}
a:hover{
	text-decoration: none;
}
#content h3{
	margin: 0px 0px 3px 0px;
	padding: 0px;
	font-size: 120%;
}
#content h3 a{
	color: #CE251B;
	text-decoration: none;
}
#content h3 a:hover{
	text-decoration: underline;
}
#content h4{
	margin: 0px 0px 3px 0px;
	padding: 0px;
	color: #904945;
	font-size: 100%;
}

#content h4 a{
	color: #904945;
	text-decoration: none;
}
#content h4 a:hover{
	text-decoration: underline;
}

#content ul{
	text-align: left;
	line-height: 130%;
	/* zdroj: http://developer.mozilla.org/en/docs/Consistent_List_Indentation */
	margin-left: 0; padding-left: 15px;
	margin-top: 8px; margin-bottom: 0px;
	list-style-type: square;
}
#content ol {
	margin-left: 25px; padding-left: 0px;
	margin-top: 8px; margin-bottom: 0px;
}
#content li{
	margin-bottom: 5px;
}

.more{
	width: 100%;
	height: 22px;
	margin: 0px 0px 5px 0px;
	background: url(../img/layout/more.jpg) no-repeat center;
	cursor: pointer;
}
#content .more_text a{
	margin-left: 25px;
	padding-right: 25px;
	background: url(../img/layout/more.jpg) no-repeat right;
	font-weight: bold;
	color: #BF2F27;
}
/* end of: content */

/* main content */
#content_slogan {
}

#content_slogan_padding {
	padding: 10px 30px 10px 40px;
	line-height: 160%;
	text-align: center;
}

#content_panel {
	width: 260px;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
	text-align: center;
}
#content_main {
	margin-right: 260px; /* content_panel width */
	width: 620px;
	_width: 612px; /* IE bugfix */
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
}
.content_padding {
	/* poznamka: nejde nastavit padding-top a padding-bottom (IE bug, aplikuje to na vsechny vnorene divy */
	padding: 0 30px 0 40px;
	margin: 10px 0 0 0;
	line-height: 180%;
}

.content_panel_padding {
	padding: 15px;
	margin: 10px 20px 0 0;
	line-height: 180%;
	background-color: #fef1e9;
}

/* end of: main content */

/* footer */

#footer{
	width: 880px;
	height: 40px;
	background: url(../img/layout/background_stripe.jpg) no-repeat;
	font-size: 70%;
	color: #65676a;
}
#footer a{
	color: #65676a;
	text-decoration: underline;
}
#footer a:hover{
	text-decoration: none;
}
#footer img{
	border: none;
}
#footer_contact{
	float: left;
	width: 600px;
	padding: 13px 0px 0px 15px;
}
#footer_powered{
	float: right;
	width: 250px;
	padding: 9px 15px 0px 0px;
	text-align: right;
}
img.powered {
	width: 145px; height: 21px;
	vertical-align: middle;
}
/* end of: footer */

/* articles */
h1.title_article, h2.title_article {
	font-size: 140%;
	color: #CE251B;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
}
div.text {
	text-align: justify;
}
/* end of: articles */

/* gallery */
div.gallery {
	width: 100%;
	margin-top: 15px;
}
div.photo {
	float: left;
	margin-right: 3px; margin-bottom: 3px;
	background-image: url('../img/gallery/bcg_photo.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}
img.photo {
	height: 100px;
	border: 1px solid #FFFFFF;
	margin: 0px;
	margin-bottom: 7px;                    
	margin-right: 7px;
	vertical-align: bottom;
	text-align: right;
}
/* end of: gallery */


/* preview box */
div.preview_box {
	width: 285px; height: 310px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
}
div.pb_even div.preview_box {
	width: 255px;
}

div.pb_gallery div.preview_box {
	height: 220px;
}
div.pb_padding {
	margin: 0px 0px 0px 0px;
	padding: 10px 30px 10px 0px;
	text-align: center;
}
div.pb_even div.pb_padding {
	padding-right: 0;
}

div.preview_box h2{
	margin: 6px 0px 3px 0px;
	padding: 0px;
	font-size: 120%;
}
div.preview_box h2 a{
	color: #CE251B;
	text-decoration: none;
}
div.preview_box h2 a:hover{
	text-decoration: underline;
}

div.preview_box p{
	margin: 0 0 8px 0;
	font-size: 95%;
	line-height: 160%;
	text-align: justify;
}

div.preview_box p a{
	color: #65574c;
	text-decoration: none;
}
div.preview_box p a:hover{
	text-decoration: underline;
}

div.preview_box_image {
	width: 255px; height: 151px;
	background-image: url('../img/layout/bcg_photo.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}
img.preview_box {
	width: 250px; height: 144px;
	border: 1px solid #FFFFFF;
	margin: 0px;
	margin-bottom: 7px;
	margin-right: 5px;
	vertical-align: bottom;
	text-align: right;
}
/* end of: preview box  */

#newsletter_quick_box {
	margin-bottom: 15px;
}

#newsletter_quick_box a {
	color: #65574c;
}

div.panel_news p {
	margin-bottom: 5px;
	line-height: 140%;
}

div.panel_news p a {
	color: #65574c;
	text-decoration: none;
}

div.panel_news p a:hover {
	text-decoration: underline;
}

div.panel_news p.pn_more {
	text-align: right;
}

div.panel_news p.pn_more a {
	color: #904945;
	text-decoration: underline;
}


/* image effects */
div.image-effect-panoramatic{
	top: 0; left: 0;
	width: 880px; height: 235px;
	font-size: 0;
	padding: 0; margin: 0;
	overflow: hidden;
	position: relative;
}
div.image-effect-panoramatic img{
	width: 880px; height: 235px;
	top:  0; left: 0;
	border: 0;
}

div.image-effect-container{
	width: 880px; height: 235px;
}
div.image-effect-left{
	float: left;
	width: 440px; height: 235px;
	font-size: 0;
	padding: 0; margin: 0;
	overflow: hidden;
	position: relative;
}
div.image-effect-right{
	float: left;
	width: 440px; height: 235px;
	font-size: 0;
	padding: 0; margin: 0;
	overflow: hidden;
	position: relative;
}
div.image-effect-left img, div.image-effect-right img{
	width: 440px; height: 235px;
	top:  0; left: 0;
	border: 0;
}
/* end of: image effect */

fieldset.reservation {
	margin-bottom: 12px;
}
table.reservation {
	width: 530px;
}

table.reservation td {
	vertical-align: top;
	padding-right: 20px;
}