@charset "utf-8";


/* RESET CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color:#51504e;
	background:#e3e1d4;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	text-align:center;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	zoom: 1;
}

.clear {
	clear:both;
}




/* STRUCTURE */

body#home_active {
	background:#e3e1d4 url(images/bck_body_home.png) repeat-x top;

}

body#noticias_active,
body#hotel_active,
body#eventos_active,
body#noticias_active,
body#benidorm_active {
	background:#e3e1d4 url(images/bck_body.png) repeat-x top;

}

.container {
	width:960px;
	margin:0px auto;
	text-align:left;
}

#content {
	width:100%;
}

#content_main {
	float:left;
	width:630px;
	height:1300px;
	position:relative;
	z-index:15;
}

#sidebar {
	float:right;
	width:280px;
	background:#eeede7;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	border:#fff solid 10px;
	position:relative;
	z-index:10;
	height:1570px;
}

#content_footer {
	width:100%;
	background:#2b5035 url(images/bck_footer.gif) repeat-x top;
	border-bottom:#193521 solid 1px;
	padding-top:220px;
	padding-bottom:20px;
	margin-top:-445px;
	position:relative;
	z-index:1;
	text-align:center;
}

#footer {
	width:100%;
	background:#4c402f;
	border-top:#796c5a solid 1px;
	height:57px;
	position:relative;
	z-index:1;
	text-align:center;
}



/* GENERAL */




h1 a {
	width:269px;
	height:108px;
	position:absolute;
	top:14px;
	left:0px;
	text-decoration:none;
	text-indent:-999999px;
	background:url(images/logo.gif) no-repeat;
	display:block;
}

h2 {
	font-size:30px;
	font-weight:normal;
	color:#433828;
	padding-left:40px;
	background:url(images/icon_h.png) no-repeat top left;
	line-height:43px;
	margin:20px 0px;
}

h3 {
	font-size:25px;
	font-weight:normal;
	color:#433828;
	margin:0px 0px 20px 0px;
}

strong {
	font-weight:bold;
}

p {
	line-height:20px;
	margin:10px 0px;
}

p.destaca {
	font-size:18px;
	color:#86855e;
	font-style:italic;
}

p.fuente {
	font-size:12px;
	text-align:right;	
}

p img {
	padding:9px;
	border:#C1BEAA solid 1px;
	background:#FFFFFF;
}

.separacion {
	display:block;
	width:100%;
	height:50px;
	background:url(images/linea.png) no-repeat 50%;
	clear:both;
}

a {
	color:#225731;
	text-decoration:none;
}

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

.errorForm {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	margin:5px 0px;
	text-align:right;
	background:url(images/icon_error.png) no-repeat 100% 50%;
	height:16px;
	line-height:14px;
	padding-right:20px;
	text-align:right;
	display:none;
}


/* TOP */



#top {
	position:relative;
}

#lan {
	width:164px;
	height:25px;
	background:url(images/bck_lan.gif) no-repeat;
	position:absolute;
	top:0px;
	right:0px;
	line-height:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-align:center;
}

#lan a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}
	
#lan a img {
	margin:0px 5px;
	vertical-align:middle
}
	
ul#navbar {
	float:right;
	margin-top:38px;
	width:100%;
	text-align:right;
}

ul#navbar li {
	height:44px;
	display:inline;
}

ul#navbar li a {
	display:inline-block;
	line-height:55px;
	color:#FFFFFF;
	text-decoration:none;
	padding:0px 20px;
	text-transform:uppercase;
	font-size:12px;
}

ul#navbar li a:hover {
	background:url(images/bck_navbar_hover.png) no-repeat center top;
}

body#home_active ul#navbar li a.home,
body#hotel_active ul#navbar li a.hotel,
body#eventos_active ul#navbar li a.eventos,
body#noticias_active ul#navbar li a.noticias,
body#benidorm_active ul#navbar li a.benidorm {
	background:url(images/bck_navbar_hover.png) no-repeat center top;
	cursor:default
}

#tel {
	float:right;
	margin-top:10px;
}

#home-gallery {
	width:940px;
	height:393px;
	padding:9px;
	background:#433829;
	border-top:#3c3224 solid 1px;
	border-left:#3c3224 solid 1px;
	border-bottom:#5c5346 solid 1px;
	border-right:#3c3224 solid 1px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	clear:both;
	margin-bottom:20px;
	display:block;
}

ul#gallery {
	background-color:#FFFFFF;
	overflow:hidden;
	width:940px;
	height:393px;
	margin-bottom:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	position:relative;
}

ul#gallery li,
ul#gallery li img {
	display:block;	
}

ul#gallery li div {
	bottom:0px;
	left:0px;
	color:#FFFFFF;
	position:absolute;
	background:url(images/bck_black70.png);
	height:100px;
	width:100%;
}

ul#gallery li div h2 {
	font-size:32px;
	background:none;
	color:#FFFFFF;
	margin:0px;
	padding:15px 20px 10px 20px;
	line-height:normal;
}

ul#gallery li div p {
	display:block;
	padding:0px;
	line-height:normal;
	margin:0px 20px;
	font-size:18px;
}

.loader {
	background: url(loader.gif) center center no-repeat #ddd;
}

form#booking {
	width:580px;
	height:152px;
	padding:25px;
	background:url(images/bck_form.gif) no-repeat;
	margin-bottom:70px;
}

form#booking fieldset.txt {
	float:left;
	width:290px;
}

form#booking fieldset.form {
	float:right;
	width:250px;
	height:142px;
	padding-top:10px;
}

form#booking fieldset.txt h2 {
	font-size:20px;
	line-height:24px;
	color:#bdbbaa;
	margin:0px 0px 20px 0px;
	font-weight:normal;
	height:auto;
	line-height:normal;
	padding:0px;
	background:none;
}

form#booking fieldset.txt p {
	font-size:12px;
	color:#9b9683;
	font-family:Arial, Helvetica, sans-serif;
	line-height:17px;
}

form#booking fieldset.form div.fecha {
	width:100%;
	float:left;
	margin-bottom:10px;
}

form#booking fieldset.form div.noches {
	width:73px;
	float:left;
	margin-bottom:10px;
}

form#booking fieldset.form div.hab {
	width:177px;
	float:left;
	margin-bottom:10px;
}

form#booking fieldset.form div.submit {
	width:100%;
}

form#booking fieldset.form div label {
	display:block;
	width:100%;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e3e1d4;
}

form#booking fieldset.form div.fecha select.dia {
	width:65px;
	margin-right:5px;
}

form#booking fieldset.form div.fecha select.mes {
	width:100px;
	margin-right:5px;
}

form#booking fieldset.form div.fecha select.ano {
	width:65px;
}

form#booking fieldset.form div.noches select.noches {
	width:65px;
}

form#booking fieldset.form div.hab select.hab {
	width:172px;
}

form#booking fieldset.form div.submit input.submit {
	width:131px;
	height:34px;
	float:right;
	background:url(images/bck_submit.png) no-repeat;
	padding-bottom:4px;
	border:none;
	text-align:center;
	color:#433829;
	text-shadow: #efeba2 0px 1px 0px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:1px;
}



/* SIDEBAR */


#sidebar div {
	margin:10px;
}

#sidebar h2 {
	display:block;
	text-align:center;
	font-size:30px;
	color:#433829;
	font-weight:normal;
	padding-left:0px;
	height:auto;
	line-height:normal;
	background:none;
	height:auto;
	margin:0px
}

#sidebar h3 {
	display:block;
	text-align:left;
	font-size:20px;
	color:#433829;
	font-weight:normal;
	margin-bottom:10px;
}

#sidebar p {
	margin:10px 0px;
	font-size:12px;
	line-height:16px;
	color:#433828;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
}

#sidebar p a {
	color:#225731;
	text-decoration:none;
	}
	
#sidebar p a:hover {
	color:#225731;
	text-decoration:underline;
	}
	
#sidebar .linea {
	width:100%;
	height:1px;
	font-size:0px;
	line-height:1px;
	padding:0px;
	background:#cfcec7;
	border-bottom:#FFFFFF solid 1px;
	margin:20px 0px;
	clear:both;
	display:block;
}

#sidebar #gallery {
	margin:10px 0px 0px 0px;
}

#sidebar #gallery a {
	border:#c1beaa solid 1px;
	padding:5px;
	background:#FFFFFF;
	display:inline-block;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
}

#sidebar #gallery a:hover {
	border:#7d7961 solid 1px;
}

#sidebar #gallery a.nomargin {
	margin-right:0px;
}

#sidebar #gallery a img {
	display:block;
}



/* FOOTER */

#content_footer h2 {
	font-size:25px;
	color:#99b8a1;
	margin:5px 0px 10px 0px;
}

#content_footer h2.ubicacion {
	background:url(images/icon_ubicacion.gif) no-repeat 0% 50%;
	padding-left:30px;
}

#content_footer h2.contacto {
	background:url(images/icon_contacto.gif) no-repeat 0% 50%;
	padding-left:30px;
}

#content_footer #google {
	width:610px;
	height:137px;
	padding:9px;
	background:#25492f;
	border-top:#20412a solid 1px;
	border-left:#20412a solid 1px;
	border-bottom:#42614b solid 1px;
	border-right:#20412a solid 1px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	margin-bottom:20px;
}

#content_footer form {
	width:588px;
	padding:20px;
	background:#25492f;
	border-top:#20412a solid 1px;
	border-left:#20412a solid 1px;
	border-bottom:#42614b solid 1px;
	border-right:#20412a solid 1px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	margin-bottom:20px;
}

#content_footer form fieldset {
	width:284px;
	float:left;
}

#content_footer form fieldset div {
	margin-bottom:5px;
}

#content_footer form fieldset div label {
	display:block;
	margin-bottom:5px;
	color:#9eb9a5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#content_footer form fieldset div input,
#content_footer form fieldset div textarea {
	width:270px;
	border:#1d3824 solid 1px;
	background:#ccddd0;
	padding:3px;
	color:#1d3824;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#content_footer form fieldset div input.trp {
	display:none;
}

#content_footer form fieldset div textarea {
	height:108px;
}

#content_footer form fieldset div label.check {
	text-align:right;
}

#content_footer form fieldset div label.check a {
	color:#FFFFFF;
}

#content_footer form fieldset div label.check input {
	display:inline;
	border:none;
	padding:0px;
	margin-left:10px;
	width:auto;
	background:none;
}

#content_footer form fieldset div.submit input.submit {
	width:129px;
	height:31px;
	background:url(images/bck_submit_footer.png) no-repeat;
	border:none;
	text-align:center;
	color:#1d3824;
	padding-bottom:4px;
	text-shadow: #e4dd67 0px 1px 0px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	float:right;
}

#content_footer #contacto {
	position:absolute;
	bottom:20px;
	right:0px;
	width:280px;
	height:128px;
	padding:20px 0px;
	text-align:right;
	color:#e3e1d4;
	background:url(images/bck_contacto.gif) no-repeat left;
	font-family:Arial, Helvetica, sans-serif;
}

#content_footer #contacto a {
	color:#FFFFFF;
}

#footer .container_footer,
#content_footer .container_footer {
	position:relative;
	width:960px;
	margin:0px auto;
	text-align:left;
}

#footer p {
	color:#9c8d79;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	padding-left:110px;
	height:57px;
	line-height:57px;
	background:url(images/logo_subfooter.gif) no-repeat left 50%;
	margin:0px;
}

#footer p a {
	color:#FFFFFF;
}

#footer a.credits {
	position:absolute;
	top:10px;
	right:0px;
	width:57px;
	height:38px;
	background:url(images/credits.gif) no-repeat;
	text-indent:-999999px;
}


/* NEWS */



.news {
	background:url(images/linea.png) no-repeat bottom;
	padding-bottom:20px;
	margin-bottom:20px;
	overflow:hidden;
}

.news h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#73644e;
}

.news h3 {
	font-size:20px;
	font-weight:normal;
	margin:5px 0px 10px 0px;
}

.news h3:hover {
	text-decoration:underline;
}

.news img {
	width:95px;
	height:95px;
	float:left;
	padding:5px;
	background:#FFFFFF;
	display:block;
}

.news a.foto {
	border:#C1BEAA solid 1px;
	display:inline-block;
	margin-right:10px;
	float:left;
	
}

.news a.foto:hover {
	border:#7d7961 solid 1px;
}

ul.paginacion {
	text-align:center;
	width:100%;
	margin:-5px auto;
	font-size:14px;
}

ul.paginacion li {
	display:inline;
	margin:0px 3px;
}

ul.paginacion li a {
	display:inline-block;
	padding:4px 9px 7px 9px;
	text-decoration:none;
	border:#4c402f solid 1px;
	color:#4c402f;
	background:#d2cfc2;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
}

ul.paginacion li span {
	display:inline-block;
	padding:4px 9px 7px 9px;
	text-decoration:none;
	border:#ada18f solid 1px;
	color:#ada18f;
	background:#d2cfc2;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	cursor:default;
}

ul.paginacion li a.current,
ul.paginacion li a:hover {
	display:inline-block;
	padding:4px 9px 7px 9px;
	text-decoration:none;
	border:#225731 solid 1px;
	background:#cde3d3;
}





/* SALONES */



.salones {
	background:url(images/linea.png) no-repeat bottom;
	padding-bottom:7px;
	margin-bottom:7px;
	overflow:hidden;
}

.salones p {
	display:inline-block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.salones p a {
	font-weight:bold;
}

.salones h3 {
	font-size:20px;
	font-weight:normal;
	margin:10px 0px 0px 0px;
	width:400px;
}

.salones img {
	padding:5px;
	background:#FFFFFF;
	display:block;
}

.salones a.foto {
	border:#C1BEAA solid 1px;
	display:inline-block;
	margin-right:10px;
	float:left;
	
}

.salones a.foto:hover {
	border:#7d7961 solid 1px;
}

#booking {
	width:800px;
	height:533px;
	background:#e3e1d4;
	text-align:left;
}

#booking h1 {
	height:60px;
	line-height:60px;
	color:#FFFFFF;
	font-size:30px;
	padding:0px 25px;
	font-weight:normal;
	background:url(images/bck_body.png) repeat-x -30px;
	text-shadow: #000 0px -1px 1px;

}

#booking p {
	margin:25px 25px;
}

#booking form fieldset.left {
	float:left;
	margin:5px 20px 5px 30px;
	width:350px;
}

#booking form fieldset.right {
	float:left;
	margin:5px 30px 5px 20px;
	width:350px;
}

#booking form fieldset div {
	margin-bottom:5px;
}

#booking form fieldset div label {
	margin-bottom:2px;
	display:block;
}

#booking form fieldset div label.tel {
	margin-bottom:2px;
	display:inline-block;
	float:left;
	width:170px;
	margin-right:10px;
}

#booking form fieldset div label.tel input {
	width:160px;
	margin-top:2px;
}

#booking form fieldset div label input.trp {
	display:none;
}

#booking form fieldset div label.email {
	margin-bottom:2px;
	display:inline-block;
	float:left;
	width:170px;
}

#booking form fieldset div label.email input {
	width:160px;
	margin-top:2px;
}

#booking form fieldset div label.poblacion {
	margin-bottom:2px;
	display:inline-block;
	float:left;
	width:270px;
	margin-right:10px;
}

#booking form fieldset div label.poblacion input {
	width:260px;
	margin-top:2px;
}

#booking form fieldset div label.cp {
	margin-bottom:2px;
	display:inline-block;
	float:left;
	width:70px;
}

#booking form fieldset div label.cp input {
	width:60px;
	margin-top:2px;
}

#booking form fieldset div label.fecha1 {
	margin-bottom:2px;
	display:inline-block;
	float:left;
	width:170px;
	margin-right:10px;
}

#booking form fieldset div label.fecha1 input {
	width:80px;
	margin:2px 5px 0px 0px;
	display:inline;
	float:left;
}

#booking form fieldset div label.fecha2 {
	margin-bottom:2px;
	display:inline-block;
	float:left;
	width:170px;
}

#booking form fieldset div label.fecha2 input {
	width:80px;
	margin:2px 5px 0px 0px;
	float:left;
}

#booking form fieldset div label.fecha1 span,
#booking form fieldset div label.fecha2 span {
	font-size:10px;
	font-style:italic;
	height:26px;
	line-height:26px;
	display:inline-block;
	float:left;
}

#booking form fieldset div input,
#booking form fieldset div textarea {
	background:#FFFFFF;
	border:#b8b6a8 solid 1px;
	padding:4px;
	width:340px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#booking form fieldset div textarea {
	height:105px;
}

#booking form fieldset div select {
	background:#FFFFFF;
	border:#b8b6a8 solid 1px;
	padding:4px;
	width:350px;
}

#booking form fieldset div input.submit {
	float:right;
	width:146px;
	background:url(images/bck_submit_booking.png) no-repeat;
	height:33px;
	border:none;
	text-align:center;
	color:#FFFFFF;
}


/* HOTEL */


ul.servicios {
	margin:20px 0px;
	width:100%;
	display:block;
}

ul.servicios li {
	width:285px;
	margin-right:10px;
	float:left;
	padding:0px 0px 10px 20px;
	display:inline-block;
	background:url(images/icon_li.png) no-repeat 0% 10%;
	line-height:16px;
}




#slider {
    width: 450px;
    margin: 50px 0 0 10px;
	padding:10px 10px 10px 150px;
    position: relative;
	background:#FFFFFF;
	border:#b6b4a4 solid 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#slider span {
	position:absolute;
	top:-31px;
	right:20px;
	height:30px;
	background:#FFFFFF;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top:#b6b4a4 solid 1px;
	border-right:#b6b4a4 solid 1px;
	border-left:#b6b4a4 solid 1px;
	padding:0px 20px;
	line-height:35px;
	font-size:18px;
}


.scroll {
    height: 294px;
    width: 450px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
	float:right;
}

.scrollContainer div.panel {
    padding: 0px;
    height: 294px;
    width: 450px;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.knavigation {
	width:218px;
	position:absolute;
	top:20px;
	left:-10px;
	z-index:100;
}

ul.knavigation li {
	width:218px;
	height:39px;
	display:block;
}

ul.knavigation a {
    color: #000;
    text-decoration: none;
	display:block;
	font-size:12px;
	width:148px;
	height:39px;
	line-height:36px;
	text-align:right;
	padding-right:70px;
	font-family:Arial, Helvetica, sans-serif;
}

ul.knavigation a:hover {
	color:#000000;
}

ul.knavigation a.wactive {
	background:url(images/bck_hab.png) no-repeat;
}

ul.knavigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
	display:none;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}