/* CSS Document */
/* general - body, hedings, etc */
body{
background-color:#372e25;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:62.5%;
}

html,body{
height:100%;
width:100%;
}

h2{
color:#666666;
font-size:1.6em;
background:#7a6f65 url(../images/e_dot_2.jpg) no-repeat left;
border: #5d564f solid 1px;
text-transform:uppercase;
color:#FFFFFF;
font-family:Arial, Verdana, Helvetica, sans-serif;
padding:6px 63px;
}

h2 a, h2 a:hover{
	color:#fff;
	text-decoration:none;
}

#left_col h2{
	color:#666666;
font-size:16px;
background:#7a6f65;
border:none;
text-transform:uppercase;
color:#FFFFFF;
font-family:Arial, Verdana, Helvetica, sans-serif;
padding:6px 10px;
}

h3{
color:#666666;
font-size:14px;
padding: 20px 0px;
}

p{
padding-bottom:10px;
}

a{
color:#57A9E6;
text-decoration:none;
}

a:hover{
color:#99C2E1;
text-decoration:underline;
}

div.hr {
  height: 11px;
  background: url(../images/hr.jpg) no-repeat top center;
}
div.hr hr {
  display: none;
}


/* building blocks */


#outer{
background:url(../images/bgr.gif) repeat;
min-height:1050px;
width:1024px;
margin-left:auto;
margin-right:auto;
}

#container{
margin-top:25px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
width:875px;
display:table;

}

#language_selection{
font-size:1.6em;
font-family:Arial, Helvetica, sans-serif;
word-spacing:1em;
float:right;
margin-top:-18px;

}

#language_selection a{
text-decoration:none;
color:#FFFFFF;
}

#language_selection a:active{
text-decoration:none;
font-weight:bold;
}

#language_selection a:hover{
text-decoration:underline;

}



#header{
font-size:0.7em;
text-align:right;
color:#FFFFFF;
width:auto;
}

#top{
background:#FFFFFF;
padding:11px;
float:left;
margin-bottom:11px; 
}
#top img{
margin-right:11px;
float:left;
}

#top .right{
float:right;
margin-bottom:-2px;
}

#booking_square{
float:left;
width:211px;
margin-right:0px;
background-color:#eeeeec;
border: #5d564f solid 1px;
height:210px;
color:#474747;
}

#booking_square p{
text-transform:uppercase;
text-align:center;
background-color:#796f65;
border-bottom: 1px solid #7d7369;
font-weight:bold;
color:#FFFFFF;
font-size:1.1em;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
padding:8px 9px 8px;

}

#booking_square table{
width:200px;
margin:14px 11px 11px;
text-align:right;

}
#booking_square td{
padding:6px 2px;
vertical-align:middle;
}


#booking_square label{
float:left;
padding-top:5px;
}

#booking_square img{
margin-bottom:-4px;
}




#wrapper{
clear:both;
background-color:#FFFFFF;
padding-bottom:10px;



}

#left_col{
color:#666666;
font-size:12px;
margin-right:11px;
margin-top:11px;
float:left;
overflow:auto;
}

#logo{
margin-left:11px;
}

/* MENU */

#menu{
margin-left:11px;
background-color:#ffffff;
/*background-color:#f4f4f4;*/
width:210px;
border: #5d564f solid 1px;
font-family: "Arial Narrow", Arial, Helvetica, sans-serif;

}

#menu li a{
display: block;
color:#474747;
padding:8px 11px 8px;
background: #eeeeec;
text-decoration:none;
border-top:#fff 1px solid;
border-bottom:#a9a5a1 1px solid;
word-spacing:.2em;

}

#menu li a:hover{
background-color:#7a6f65;
color:#FFFFFF;
background:url(../images/e_dot.jpg) right no-repeat;
border-top:#7a6f65 1px solid;
border-bottom:#7a6f65 1px solid;
}

#menu .active {
background:url(../images/e_dot.jpg) right no-repeat;
color:#FFFFFF;
border-top:#5d564f 1px solid;
border-bottom:#5d564f 1px solid;

}
#menu li a.offer {
background:url(../images/menu_offer_a.jpg) right no-repeat;
}
#menu li a.offer:hover {
background:url(../images/menu_offer_active.jpg) right no-repeat;
}

div.offer_txt{
	float:left;
	width:405px;
	margin-right:20px;
}
div.offer_img{
	float:left;
	width:205px;
	height:auto;
	margin:5px 0;
	padding-bottom:5px;
}


#menu .offer_active {
background:url(../images/menu_offer_active.jpg) right no-repeat;
color:#FFFFFF;
border-top:#5d564f 1px solid;
border-bottom:#5d564f 1px solid;

}

#menu .offer_active:hover {
background:url(../images/menu_offer_active.jpg) right no-repeat;
color:#FFFFFF;
border-top:#5d564f 1px solid;
border-bottom:#5d564f 1px solid;

}

#menu .active2 {
background:url(../images/e_triangle.jpg) right no-repeat;
color:#FFFFFF;
border-top:#5d564f 1px solid;
border-bottom:#5d564f 1px solid;
font-weight:bold;
}

#menu .active li{
padding-bottom:5px;
background-color:#7e7d79;
color:#FFF;
}

#menu .active li a{
padding:10px 10px;
color:#FFF;
background:url(../images/inset_2.png) no-repeat;
}

#menu .active li a:hover{
background-color:#7e7d79;
padding:10px 10px;
color:#FFF;
}

#menu .sub{
background:#fff;
text-align:right;
padding:8px 26px 8px 11px;
text-transform:uppercase;
}
#menu .sub:hover{
background:#fff;
text-align:right;
padding:8px 26px 8px 11px;
background:url(../images/e_triangle_2.jpg) right no-repeat;
color:#474747;
border-top:#fff 1px solid;
border-bottom:#a9a5a1 1px solid;

}

#menu .subactive{
background:#fff;
text-align:right;
padding:8px 26px 8px 11px;
background:url(../images/e_triangle_2.jpg) right no-repeat;
color:#474747;
border-top:#fff 1px solid;
border-bottom:#a9a5a1 1px solid;
text-transform:uppercase;
}

#menu .subactive:hover{
background:#fff;
text-align:right;
padding:8px 26px 8px 11px;
background:url(../images/e_triangle_2.jpg) right no-repeat;
color:#474747;
border-top:#fff 1px solid;
border-bottom:#a9a5a1 1px solid;
}

#menu .home{
border-top:none;
padding-bottom:8px;
}

#menu .home:hover{
border-top:none;
padding-bottom:8px;
}


/* RIGHT COLUMN*/
#right_col{
margin:11px 11px 11px 0px;
float:left;
width:630px;
min-height:499px;
overflow:auto;
}



#show{
margin-top:0px;
float:left;
margin-right:11px;
overflow:hidden;
}

#show_small{
margin-top:0px;
float:left;
margin-right:11px;
}



#image2{
padding:10px;
}


#content{
text-align:justify;
color:#474747;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
width:630px;
}

#text{
padding:25px 30px 35px;
float:left;
width:339px;
margin-left:35px;
}

#text.wider{
	width:565px;
	padding-right:0;
	margin-right:0;
}

.wider table td{
	vertical-align:top;
	text-align:left;
	padding-bottom:20px;
}

#text table{
text-align:center;
color:#766C60;
}

#text td{
padding-right:11px;

}

#text ul.square{
list-style-type:square;
}

#text_wide{
padding:2px 0px 30px 0px;
float:left;
width:568px;
margin-left:0px;
}

#text_news{
padding:2px 0px 30px 0px;
float:left;
width:auto;
margin-left:64px;
margin-top:24px;
}
.news_item{
	display:block;
}
.news_text{
	float:left;
	width:331px;
	margin-right:21px;
}
.news_img{
	float:left;
}
.news_hr{
	border:none;
	border-top:1px solid #5d564f;
	margin-bottom:35px;
}






table.brown{
border: 1px #7a6f65 solid;
border-top:3px #7a6f65 solid;
text-align:center;
color: #666666;
width:630px;
background-color:#eeeeec;
}
table.autowidth{
width:auto;
}

table.stable{
	width:524px;
}

table.brown td{
border-bottom: 1px dashed #b2b2b2;
text-align:left;
padding: 3px 14px;
border-right: 1px dashed #b2b2b2;
}

table.brown .odd{
background-color:#eeeeec;
}

table.brown img{
opacity: 1;
}

table.brown img:hover{
opacity: 1;
}

table.brown th{
color:#fff;
background-color:#7a6f65;
}

#text_wider{
width:600px;
padding-top:0px;
}

.small_info{
font-size:.9em;
font-style:italic;
}

#booking_btns{
margin:0;
padding:0;
margin-top:30px;
}

.book_left{
margin-right:4px;
margin-left:-1px;
}
.book_right{
}

.date{
font-size:.9em;
font-style:italic;
}


/**********************************************************************/


#images{
width:148px;
float:right;
padding-top:30px;
}
#images img{

margin-bottom:11px;
}

.clear{
clear:both;
}



#d3pokoje{
width:630px;
}

#d3lokalizacja{
height:367px;
width:641px;
float:right;
margin:0px 10px 10px 0px;
}

/* FOOTER */
#footer{
clear:both;
padding:11px 10px 9px 11px;
background: #fff;
margin-top:11px;

}
#quick_links{
text-align:left;
padding:0px;
}

#quick_links img{
padding:0px;
}

#copyrights{
padding-top:5px;
padding-bottom:30px;
color:#FFFFFF;
font-size:1em;
line-height:11px;
}

#quick_links .one{
margin-right:8px;
}

#quick_links .two{
margin-right:8px;
}

.three{
margin-right:22px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.1em;
height: 14px;
border-right:1px solid #fff;
padding-right:22px;
padding-top:7px;
}

.four{
margin-right:18px;
}
/* styles */
/* forms */
form{
font-size:11px;

}

input{
background-color:#fff;
color:#666666;
border-style:none;
border: 1px solid #7e7d79;
font-size:10px;
width:100px;
}

.short_input{
width:92px;

}

.advert{
font-size:1.5em;
font-weight:bold;
font-style:italic;
color:#99C2E1;
}

.menu_advert{
margin:11px 0 0 11px;
overflow:hidden;
}

select{
background-color:#fff;
color:#666666;
border-style:none;
border: 1px solid #7e7d79;
font-size:10px;
margin-right:11px;
width:50px;
}

.long select {
width:100px;
}


textarea{
background-color:#fff;
color:#666666;
border-style:none;
border: 1px solid #7e7d79;
font-size:11px;
}

.buttons{
margin-top:6px;
background-color:#7a6f65;
color:#FFFFFF;
border-style:none;
padding:2px 4px 2px;
margin-right:11px;
width:114px;
}

.radiobtns{
border:none;
background-color:transparent;
width:20px;
}


/*******************************
special classes - can be removed
*******************************/
.old_price{
	text-decoration:line-through;
	font-size:.9em;
	color:#912422;
}
.new_price{
	font-size:1.2em;
	color:#50873A;
	font-weight:bold;
}

/*******************************
Rooms presentation _gallery_floor_ etc
*************************************/
#zob_gal{
	border:1px solid red;
	display:inline;
	float:right;
}


#floor2 a, #floor2_pl a{
	display:block;
	background:url(../images/en_floor_2.jpg) top center;
	height:109px;
	width:212px;
	text-indent:-300px;
	overflow:hidden;
	
}
#floor2 a:hover{
	background:url(../images/en_floor_2.jpg) bottom center;
}
#floor2_pl a{
	background:url(../images/pl_floor_2.jpg) top center;
}
#floor2_pl a:hover{
	background:url(../images/pl_floor_2.jpg) bottom center;
}

#floor3 a, #floor3_pl a{
	display:block;
	background:url(../images/en_floor_3.jpg) top center;
	height:101px;
	width:212px;
	text-indent:-300px;
	overflow:hidden;
	
}
#floor3_pl a{
	background:url(../images/pl_floor_3.jpg) top center;
}
#floor3 a:hover{
	background:url(../images/en_floor_3.jpg) bottom center;
}
#floor3_pl a:hover{
	background:url(../images/pl_floor_3.jpg) bottom center;
}

.rzut{
	margin:11px 0 0 11px;
}

#rzut_flash{
	background:url(../images/flash_rzut_2.jpg) bottom center;
	display:block;
	width:212px;
	height:211px;
}
a.back{
	margin:0 8px 0 0;
	display:inline;
	padding:0;
}
a.check{
	margin:0 8px 0 0;
	display:inline;
	padding:0;
}
a.contact{
	margin:0;
	display:inline;
	padding:0;
	}
