/* CSS Document */

/*** ESTRUCTURE  ***/
body{
	background:#f5f4f3 url(../images/bg_main.jpg) no-repeat center top;
	margin: 0px;
}
img{padding: 0px; margin: 0px;}
p.p-small { font-size: 0.85em; color:#ababab; padding-top:18px;}

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;}

.main-pic-frame { padding-bottom: 21px;}
.slide img{ padding: 11px 0px 0px 12px;}

.contraste{background-color:#fafafa;}

/*** FOOT ***/
.container-foot{ width: 100%; height: 184px; margin: 72px 0px 0px 0px; padding: 0px; background:url(../images/bg_foot.gif) repeat-x; background-color: #8c8b8b;	}
.div-foot{ margin-top: 16px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 0.9em; background: none; }
.subfoot{ height: 7px; padding: 5px 0px 0px 0px; font-size: 0.85em; color: #fff; background-color:#85765f;}


/*** TIPOGRAPHY ***/
.div-foot address{margin: 0px; font-style: normal; color:#6d5b34;}
em {background:none; color:#505050; }
blockquote{ font-size:1.1em; color:#6d5b34; font-weight:bold; margin-left:10px;}

/**** NAVIGATION ****/
h3 span{
	color: #999966;
	font-size: 0.8em;
}
h3 a{color:#999966;}
	
h4 { padding-top:18px; font-size:1.25em;}


.div-menutabs{
	padding-top: 57px;
	height: 52px;
	text-align:right;
}
ul.ul-nav-main{
	height: 52px;
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
}

	ul.ul-nav-main li { display: inline; margin:0px 3px; float: left; list-style: none; }	

		ul.ul-nav-main li a{
	display: block;
	height: 52px;
	color:#fff;
	text-decoration:none;
	padding-top: 18px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
		ul.ul-nav-main li a:hover{
	background: url(../images/bg_tabs.jpg) repeat-x;
	color:#77654A;
}
		
		#theresort ul.ul-nav-main li a.tab-theresort,
		#about ul.ul-nav-main li a.tab-about,
		#photos ul.ul-nav-main li a.tab-photos,
		#rates ul.ul-nav-main li a.tab-rates,
		#contact ul.ul-nav-main li a.tab-contact {
	background: url(../images/bg_tabs.jpg);
	color:#77654A;
}
		

.div-foot ul{list-style: none;} 
	.div-foot ul li{padding: 3px 0px; border-bottom:1px solid #aea696;} 
	.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:#6d5b34;} 

/** LINKS **/

a:focus, a:hover{ color: #b0b05c; }
a { color: #999966; 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;}

/** 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;}

/** MARQUEE **/
#marquee_replacement{
	border:none;
	width:247px;
	height:170px;
	overflow:auto;
	margin-left:16px;
	margin-top: 28px;
	float: left;
}
#marquee_replacement p.spacer{
 height:77px;
}
.submenu {
	height: 30px;
	padding-top: 5px;
	font-size: 1.4em;
	margin-left: -12px;
	margin-bottom: 0px;
}
.items_submenus {
	float: left;
	margin-top: -27px;
	height: 24px;
	width: auto;
	padding-top: 10px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
