/* CSS Document */

/*** ESTRUCTURE  ***/
body{ background:url(../images/bg_main.gif) repeat-x; margin: 0px;}
img{padding: 0px; margin: 0px;}
p.p-small { font-size: 0.85em; color:#ababab;}

img.img-left{ float: left; margin: 0px 13px 10px 0px; border:1px solid #ccc;}
img.img-right{ float: right; margin: 0px 0px 10px 13px; border:1px solid #ccc;}
img.img-borde{ border:1px solid #ccc;}

.container-foot{ width: 100%; height: 250px; margin: 45px 0px 0px 0px; padding: 0px ; background:url(../images/bg_foot.gif) repeat-x; background-color: #8c8b8b;	}
.div-foot{ margin-top: 18px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 0.9em; background: none; }

.subfoot{ height: 10px; padding: 8px 0px 0px 0px; font-size: 0.9em; color: #fff; background-color:#8c8b8b; }
.main-pic-frame{ width: 829px; height: 300px; padding: 11px 0px 0px 12px; background: url(../images/pic_main_frame.jpg) no-repeat top left;	}
.main-pic-frame img{ width: 806px; height: 259px; padding: 0px; }
.slide img{ padding: 11px 0px 0px 12px;}

.contraste{background-color:#fafafa;}

/*** NAVEGATION ***/
h3 a{color:#999;}
h3 span{color:#999; font-size: 0.9em;}
h4 { padding-top:18px; font-size:1.25em;}

div.div-menutabs{ padding-top: 0px; height: 58px;}
ul.ul-nav-main{	height: 58px; list-style: none;	padding: 0px; margin: 0px; }
	ul.ul-nav-main li { display: inline; margin:0px 0px -4px 0px; float: left; list-style: none; padding: 0px;	}	
		ul.ul-nav-main li a{ display: block; height: 58px; background-position: 0px 0px;}
	
		ul.ul-nav-main li a.tab-activities{width: 130px; background: url(../images/tab_activities.gif);}
		ul.ul-nav-main li a.tab-restaurant{width: 140px; background: url(../images/tab_restaurant.gif);}
		ul.ul-nav-main li a.tab-gallery{width: 140px; background: url(../images/tab_gallery.gif);}
		ul.ul-nav-main li a.tab-rates{width: 140px; background: url(../images/tab_rates.gif);}
		ul.ul-nav-main li a.tab-reservations{width: 140px; background: url(../images/tab_reservations.gif);}
		ul.ul-nav-main li a.tab-contactus{width: 140px; background: url(../images/tab_contact.gif);}
	
		ul.ul-nav-main li a.tab-activities:hover{background-position: 0px 68px;}
		ul.ul-nav-main li a.tab-restaurant:hover{background-position: 0px 68px;}
		ul.ul-nav-main li a.tab-gallery:hover{background-position: 0px 68px;}
		ul.ul-nav-main li a.tab-rates:hover{background-position: 0px 68px;}
		ul.ul-nav-main li a.tab-reservations:hover{background-position: 0px 68px;}
		ul.ul-nav-main li a.tab-contactus:hover{background-position: 0px 68px;}
	
		#activities ul.ul-nav-main li a.tab-activities{background: url(../images/tab_activities_on.gif);}
		#restaurant ul.ul-nav-main li a.tab-restaurant{background: url(../images/tab_restaurant_on.gif);}
		#gallery ul.ul-nav-main li a.tab-gallery{background: url(../images/tab_gallery_on.gif);}
		#rates ul.ul-nav-main li a.tab-rates{background: url(../images/tab_rates_on.gif);}
		#reservations ul.ul-nav-main li a.tab-reservations{background: url(../images/tab_reservations_on.gif);}
		#contactus ul.ul-nav-main li a.tab-contactus{background: url(../images/tab_contact_on.gif);}
	
.div-foot ul{list-style: none;} 
	.div-foot ul li{padding: 5px 0px; border-bottom:1px solid #cecece;} 
	.div-foot ul li a:focus, .div-foot ul li a:hover {color:#444; font-weight:bold;}
	.div-foot ul li a{text-decoration: none; color:#797979;} 
	
/*** TIPOGRAPHY ***/
span.span-notext{ display: none;}
.div-textbox-left{ float: left; font-size: 1.25em; color:#353535; background:url(../images/bg_textbox.gif) repeat-y 140px 0px; text-align: left; padding-right: 70px; }
.div-textbox-right{ float: right; font-size: 1.25em; color:#353535; background:url(../images/bg_textbox.gif) repeat-y 0px 0px; text-align: right; padding-right: 70px; }		
.div-foot address{margin: 0px; font-style: normal;}


/** LINKS **/
a:focus, a:hover{ color: #000; }
a { color: #c55368; text-decoration: underline; }

.container-foot a:focus, .container-foot a:hover { color: #666; }
.container-foot a { color: #000; text-decoration: underline; }


/*** SIDEBAR ***/
img.img-box-sections{ margin-bottom: 9px;}
img.img-titles{ margin-bottom: 9px;}

/*** BOXES ***/
.div-box-stb{ height: 90px;	padding: 5px 9px 9px 80px; font-style:italic; }
	
.bg-logo-hotel{ background:url(../images/logo_stb_hotel.gif) no-repeat 0px 0px;}
.bg-logo-self{ background:url(../images/logo_stb_selfcatering.gif) no-repeat 0px 0px;}
.bg-logo-green{ background:url(../images/logo_green_tourism.gif) no-repeat 0px 0px;}

/*** DINNER MENU ***/
.div-dinner-menu p, .div-dinner-menu h5, .div-rates p, .div-rates h5{margin:0px; padding:0px;}

.div-dinner-menu h4, .div-rates h4{margin:0px; padding:0px; color:#000; font-weight:bold; text-align:right;}
.div-dinner-menu div {
	margin: 0px 5px 0px 0px;
}
.div-dinner-menu hr, .div-rates hr{margin:0px; padding:0px; height: 1px; color: #ddd; background-color: #ddd;}

/*** RATES ***/
.div-rates div{margin-bottom:10px; margin-top:10px;}
.div-rates h4{font-weight:normal; }
.div-rates h5.contraste{color:#d58686; background-color:#fff;}
.div-rates h4.contraste{color:#797979; background-color:#fff;}


/** FORM **/
fieldset {padding:10px 0px 20px 0px;}
legend{ padding: 0px 10px 0px 10px; margin-left:20px; color:#333;}
input.text, select.text {color: #892134; background: #f9f9f9; font-size:1.1em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; margin:0.5em 0.5em 0.5em 0; padding:5px; font-weight: bold;}
input[type="checkbox"] {width: 18px;height: 18px; color:#999900; margin-bottom:0px;}
select.text {width:124px;}

label {width: 100%; display:block; font-weight: normal; font-weight: normal; color:#666; margin-top:3px;}
.div-checkboxes label{width: 100%; font-weight: normal; color:#666; margin:0px 40px 0px 0px; padding-bottom:0px; display:inline;}


textarea            { width: 300px; height: 85px; color:#892134; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: bold;}
textarea            { border:1px solid #bbb; background:#f9f9f9; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

.btn-submit{display:block; height:35px; width: 170px; color:#fff; font-weight:bold; font-size: 1.2em;	padding:3px 23px; margin-top: 23px; background-image: url(../images/bg_submit.jpg); cursor:pointer; border:2px solid #333; }

input.input-dates { background: url(../images/ico_calendar.gif) no-repeat 133px 3px; background-color:#f9f9f9 }
input.input-dates:focus { background: url(../images/ico_calendar.gif) no-repeat 133px 3px;}

/** FORM MESSAGE**/
.p-form-ok{ border: 2px solid #a0d8a3; color: #006c03; font-style:italic; background: url(../images/ico_ok.gif) no-repeat 15px 8px; padding: 18px 5px 18px 80px;}
.p-form-ko{ height: 60px; border: 2px solid #c61700; color: #ae0020; font-style:italic; background: url(../images/ico_ko.gif) no-repeat 15px 8px; padding: 18px 5px 18px 80px;}