﻿html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

.left{
	text-align:left;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

* html .clearfix {height:1px;}

.png
{
 border:0px;
 behavior: url(../imgs/iepngfix.htc);
}

p
{
	margin-top:0em;
}


/* generated by csscreator.com */ 
html, body
{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	
	
}

body{	
	
}

img {
	border:0px;
}

select, input, textarea{
	font-family:Arial, Helvetica, sans-serif;
}

/*CONTENIDO POR DEFECTO */

@charset "UTF-8";
/* CSS Document */
/*Sergio Espín*/
/*Reset*/
img, div, a, ul, li, h1 { behavior: url(iepngfix.htc) }

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, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
} 

body {
     line-height: 1;
	 
}
body{
	behavior:url(csshover.htc);
	}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
/*End Reset*/

/*--------------------------------------------------------------------------*/
body{
	background-color:#0d3d5a;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-weight:lighter;
	font-size:15px;
	color:#1685c9;
}
#wrapper{	
	background:url(../imgs/bg-home.jpg) repeat-x top left;
	}

.bgwhiteBG	{
	background:url(../imgs/bg-content2.jpg) repeat-x top left!important;
	background-color:#f9f9f9!important;
}

.bgwhite{	
	background:url(../imgs/bg-content.jpg) repeat-x top left!important;
	background-color:#f9f9f9!important;
}
#headder{
	position:relative;
	height:100px;
	width:1000px;
	margin:0 auto;	
	}
#headder h1{	
	background-position:0 0;
	background-repeat:no-repeat;
	height:93px;
	width:181px;
	margin-top:4px;
	float:left;
	}
/*Menu Principal*/
#headder ul#nav{
	padding-top:61px;
	margin-left:183px;
	}
#headder ul#nav li{	
	float:left;	
	}
ul#nav li a{
	float:left;
	text-decoration:none;
	color:#1685c9;
	text-align:center;
	padding:0 13px 0 0;
	margin-left:2px;	
	cursor:pointer;
	}
ul#nav li a span{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	padding:0 0 0 12px;
	}
ul#nav li a{
	background:url(../imgs/btn-a-der.gif) no-repeat right;
	}
ul#nav li a span{
	background:url(../imgs/btn-a-izq.gif) no-repeat left;
	height:32px;
	line-height:32px;
	display:block;
	}
ul#nav li a:hover, ul#nav li a.active{
	background:url(../imgs/btn-b-der.gif) no-repeat right;
	color:#fff;
	}
ul#nav li a:hover span, ul#nav li a.active span{
	background:url(../imgs/btn-b-izq.gif) no-repeat left;
	}
ul#nav li a.active span, ul#nav li a.active{
	cursor:default;
	}
/*Menu idioma*/
#menuidioma{
	position:absolute;
	top:10px;
	right:0;
	}
	
#menuidioma ul li{
	float:left;
	padding:0 5px 0 0;
/*	position:relative;*/
	}
	
	
#menuidioma ul li.mail, #menuidioma ul li.phone{
	padding:0 5px 5px 0;
	margin:0px;
	top: 0px;
	}
li.mail , li.phone{
	font-size: 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-indent:20px;
	height:14px;	
	line-height: 14px;
	background-repeat:no-repeat;
	background-position:0 0;
	top:0px;
	vertical-align:top;
}


li.phone{	
	background-image:url(../imgs/phone.gif);
	padding-top: 0px;
	}
li.mail{
	
}
#menuidioma ul li.mail a{
	color:#1685c9;
	text-decoration:none;
	border-bottom:1px solid #1685c9;
	}	
#menuidioma ul li.mail a:hover{
	color:#1685c9;
	text-decoration:none;
	border-bottom:1px dotted #1685c9;
	}
/*Menu secundario*/
ul.menusec{
	position:absolute;
	background:url(../imgs/bg-btn-sup.png) no-repeat top left;
	padding:0 0 0 20px;
	width:151px;
	height:68px;
	line-height:33px;
	top:17px;
	right:0;	
	}
ul.menusecactive2{
	background:url(../imgs/bg-btn-sup-act2.png) no-repeat top left;
	color:#FFFFFF;
	cursor:default;
	}
/*IE6 Only*/
*html ul.menusec{
	background:url(../imgs/bg-btn-sup.gif) no-repeat top left;	
	}
*html ul.menusecactive2{
	background:url(../imgs/bg-btn-sup-act2.gif) no-repeat top left;	
	}
ul.menusec li a{
	font-size: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-decoration:underline;	
	}
ul.menusec li a:hover{
	text-decoration:none;	
	}
ul.menusec li.xtrapadding{
/*	margin-left:10px;*/
	
	}
/*home*/
#home{
	width:1003px;
	height:524px;
	margin:20px auto;
	background:url(../imgs/marco.gif) no-repeat;
	position:relative;
	}
.foto-home{
	position:absolute;
	top:29px;
	left:29px;	
	width:948px;
	height:387px;
	}
#home h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	padding:55px 200px 0 28px;
	height:80px;
	line-height:28px;
	}
#home .reserva{	
	font-family:Georgia, "Times New Roman", Times, serif;
	width:182px;
	height:28px;
	float:left;
	position:absolute;
	right:26px;
	bottom:15px;
	margin:25px 0 15px 25px;
	padding-bottom:10px;		
	}
#home a{
	font-size:23px;
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid white;	
}
#home a:hover{
	border-bottom:1px dotted white;
	}
/*Content*/
.text{
	width:940px;
	margin:0 auto;
	padding:2px 0;
	position:relative;
	}
h6.text{
	color: #1685c9;
	padding:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	}
.text p{
	padding:15px 0 0 8px;
	line-height:20px;
	text-align:justify;	
	}
.text p.xtratop{
	padding:20px 25px 0 5px;
	}
.text img{
	padding:2px;
	margin:0;
	}
.text img.der{
	float:right;
	margin:15px 0 10px 30px;
	}
.text img.izq{
	float:left;
	margin:15px 30px 10px 3px;
	}

span.text{
	padding-top:10px;
	text-indent:-9999px;
	height:73px;
}	

h1.text{
	text-indent:-9999px;
	height:73px;	
	}
h3.titular{
	padding:16px 0 17px 9px !important;
	padding:15px 0 17px 9px;
	background:url(../imgs/h3bg-izq.gif) no-repeat  left;
	display:inline;
	font-size:23px;
	line-height: 23px;
	}
div.titulares{
	margin:25px 0 10px 0;
	}


h3.titular span{
	background:url(../imgs/h3bg-der.gif) no-repeat  right;
	padding:16px 20px 17px 10px;	
	color:#FFFFFF;
	text-align:left;
	display:inline;
	}
.text p a{
	color:#126fa8;
	text-decoration:none;
	border-bottom:1px solid #126fa8;
	}
	
.text p{
	color: #1685c9;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.text p a:hover{
	border-bottom:1px dotted #126fa8;
	}
p.text {
	padding:3px 0 8px 0;
	font-size:12px;
	}

.text form{
	font-size:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
}	

p.hilo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
p.hilo a{	
	color:#1685c9;
	text-decoration:none;
	}
p.hilo a:hover{
	border-bottom:1px dotted #126fa8;
	}
.bigger{
	font-size:150%;
	color: #1685c9;
	}
ul.listado{
	list-style-type:disc;
	list-style:outside;
	margin:30px 15px;
	}

ul.listado li{
	line-height:25px;
	color: #1685c9;
	font-size: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	list-style-type: disc;
	}
ul.mapaweb{
	display:block;
	background-color:#cce1ed;
	margin:25px;	
	}
ul.mapaweb li{
	padding:7px 15px 7px 15px;
	}
ul.mapaweb li a{
	color:}
span.salto{
	display:block;
	margin-top:20px;
	}
/**/

blockquote.indicaciones{
	background-color:#cce1ed;	
	margin:15px 15px 15px 0;
	border:1px dotted #0e5987;
	width:453px;
	height:200px;
	float:left;
	}
blockquote.indicaciones p{
	padding:15px;
	margin: 0px;
}blockquote.indicaciones h5{
	font-weight:normal;
	padding:15px;
	margin: 0px;
	background-color:#b5d4e6;
	color: #0e5987;
	font-size: 19px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.text h5{
	font-size:125%;	
	color:#0e5987;
	border-bottom:1px dotted #0e5987;	
	}
	/**/
.testimonios blockquote{
	background-color:#cce1ed;
	margin:20px 0;
	padding:15px;
	border:1px dotted #0e5987;
	}
.testimonios span.date{
	font-size:70%;
	padding-left:5px;
	color:#147ab9;
	}
blockquote.testimonios p{
	padding:25px 25px 38px 25px;
	background:url(../imgs/comic.gif) no-repeat bottom left;
	background-color:#fff;
	margin-bottom:5px;
	border-top:1px solid #7fb4d2;
	}
blockquote.testimonios h5{
	border:none;
	padding:0 0 0 0px;
	margin:0;
	}

blockquote.linklist{
	text-align:left;
	clear:both;	
	background-color:#cce1ed;
	margin:0;
	padding:0;
	border:1px dotted #0e5987;
	margin-right:15px;
	}
blockquote.linklist h5{
	margin:0;
	padding:15px;
	border:none;
	background-color:#258bc5;
	color:#fff;
	font-weight:bold;
	letter-spacing:1px;
	}
blockquote.linklist a{
	text-decoration:none;
	color:#126fa8;
	border-top:1px dotted #126fa8;
	padding:9px 5px 5px 5px;
	display:block;
	text-indent:20px;
	background:url(../imgs/arrow_right.gif) no-repeat 4px 8px;
	font-size: 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
blockquote.linklist a:hover{
	background:url(../imgs/arrow_right_hover.gif) no-repeat 4px 8px;
	background-color:#258bc5;
	border-top:1px solid #fff;
	color:#fff;	
	}
.maps{
	width:924px;
	height:300px;
	border:1px dotted #0e5987;
	padding:0px;
	margin:0px;
	background-color:#cce1ed;
	clear:both;
	}
.habitaciones{
	position:relative;
}	
.habitaciones ul{
	bottom:10px;
	padding-bottom:20px;
	
	}
.habitaciones ul.izq{
	right:0;	
	float:right;	
}
.izq li{
	list-style-type:none;
}

.izq li a{
	text-decoration: none;
}

.der li{
	list-style-type:none;
}

.der li a{
	text-decoration: none;
}
.habitaciones ul.der{
	left:0;	
}
.habitaciones ul li{
	float:left;
	padding:7px 10px 7px 0;
	}
.habitaciones ul li	{
	height:16px;
	}
.habitaciones ul li a{
	float:left;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0e5987;
	text-align:center;
	padding:7px 13px 9px 0;
	}
.habitaciones ul li a span{
	padding:7px 0 9px 12px;
	
	}
.habitaciones ul li a{
	background:url(../imgs/button-bg-der.gif) no-repeat right;
	}
.habitaciones ul li a span{
	background:url(../imgs/button-bg-izq.gif) no-repeat left;
	}
.habitaciones ul li a:hover, .habitaciones ul li a.active{
	background:url(../imgs/button-bg-der-hover.gif) no-repeat right;
	}
.habitaciones ul li a span:hover, .habitaciones ul li a.active span{
	background:url(../imgs/button-bg-izq-hover.gif) no-repeat left;
	color:#fff;
	}
/*Secciones*/
h1.pos_9{
	background:url(../imgs/icono-9.png) no-repeat top left;
	}
h1.pos_1{
	background:url(../imgs/icono-1.png) no-repeat top left;	y
	}
	
.pos_tittle{
	width:940px;
	margin:0 auto;
	padding:2px 0;
	position:relative;
	padding-left:100px;
	height:73px;
}
div.pos_1{
	background:url(../imgs/icono-1.png) no-repeat top left;	
	left: 50px;
	}

div.pos_2{
	background:url(../imgs/icono-2.png) no-repeat top left;	
	left: 50px;
	}
div.pos_3{
	background:url(../imgs/icono-3.png) no-repeat top left;	
	left: 50px;
	}
div.pos_4{
	background:url(../imgs/icono-4.png) no-repeat top left;	
	left: 50px;
	}
div.pos_5{
	background:url(../imgs/icono-5.png) no-repeat top left;	
	left: 50px;
	}
div.pos_6{
	background:url(../imgs/icono-6.png) no-repeat top left;	
	left: 50px;
	}
div.pos_7{
	background:url(../imgs/icono-7.png) no-repeat top left;	
	left: 50px;
	}
div.pos_8{
	background:url(../imgs/icono-8.png) no-repeat top left;	
	left: 50px;
	}
div.pos_11{
	background:url(../imgs/icono-11.png) no-repeat top left;	
	left: 50px;
	}
div.pos_12{
	background:url(../imgs/icono-12.png) no-repeat top left;	
	left: 50px;
	}
div.pos_10{
	background:url(../imgs/icono-10.png) no-repeat top left;	
	left: 50px;
	}
h1.contacto{
	background:url(../imgs/logo-contacto.png) no-repeat top left;	
	}
h1.legales{
	background:url(../imgs/logo-legales.png) no-repeat top left;	
	}
h1.mapaweb{
	background:url(../imgs/logo-mapaweb.png) no-repeat top left;	
	}
/*Footer*/
/*Footer dinamico*/
html
{
	height: 100%;
}

body
{
	height: 100%;
}

#wrapper
{
	position: relative;
	min-height: 100%;
}

* html #wrapper
{
	height: 100%;
}

#content
{
	padding-bottom: 8em;
}

/*Footer*/

#footer{
	position: relative;
	margin-top: -6em;
	background-color:#f9f9f9;
	height:90px;
	padding-top:0px;
	clear:both;
} 
#footer a.seccion{
	border-bottom:1px dotted #6699cc;
	cursor:default;
	}

#footer ul{
	width:955px;
	margin:0 auto;
	padding:15px 0;
	}
#footer ul li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0 0 10px 20px;
	float:left;	
	}
#footer ul li a:link, #footer p a:link{
	color:#6fa5cd;
	text-decoration:none;
	}
#footer ul li a:visited, #footer p a:visited{
	color:#6fa5cd;
	text-decoration:none;
	}
#footer ul li a:hover, #footer p a:hover{
	border-bottom:1px dotted #6699cc;
	}
#footer p, #footer ul.menulegal li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	clear:both;
	width:800px;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:10px;
	text-align:center;
	}
#footer p.menulegal a{
	margin:0 10px;
	}

/**/
.bold{
	font-weight:bold;
	}
.italic{
	font-style:italic;
	}
hr{
	background-color:#8ac2e4;
	color:#8ac2e4;
	margin:1px 0 0 0;
	padding:0;
	clear:both;
	margin: 0px;
	padding:0px;
	line-height:1px;
	}
	
.hr{
	height:1px;
	background-color:#8ac2e4;
	color:#8ac2e4;
	margin:1px 0 0 0;
	padding:0;
	clear:both;
	margin: 0px;
	padding:0px;
	line-height:1px;
	}
.blanco{
	color:#fff;
	font-size:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
		}
blockquote.minimargen{
	margin-top:0;
	}

/*Form*/
form{
	text-align:right;
	vertical-align:text-top;
	width:500px;
	margin-top:25px;
	color: #1685c9;
	}
	
.formleft{
	text-align:left; 
	padding-left: 250px;
	font-size: 13px;
}

.formleft label{
	padding-left:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.formleft textarea{
	height: 150px;
}

/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/
.text input, .text textarea, .text select {
	background-color:#e6eff7;
	border: 1px solid #1478b5;
	border-left:none;
	border-top:none;
	border-right:none;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-size: 16px;
	color: #454743;
	padding:5px 5px;
	margin:10px 5px;
	text-align:left;
	width:250px;
}

 .text select{
 	border:none;
	padding:5px 5px;	
	width:260px;
	}

/** You can use this style for your LABEL elements **/
.content input, .content textarea, .content select {
	font-family: 'Courier New', Courier, monospace;
	font-style: normal;

	font-size: 14px;
	color: #147ab8;
	padding:20px 0px;
	vertical-align:top;
}
.btnform{
	clear:both;
	width:80px!important;
	text-align:center!important;
	border:none!important;
	color:white!important;
	background-color:#116bb5!important;
	cursor:pointer!important;	
	}
input:hover, input:focus, textarea:hover, textarea:focus{
	background-color:#c6e0f7;
	}	
.text .contactar textarea{
	padding-bottom:0;
	margin-bottom:0;
	overflow:hidden;
}
.text form.contactar{
	text-align:left;
	padding-left:250px;
	margin-top:35px;
	
	}
.text form.contactar label{
	padding-left:5px;
	}
blockquote.masmargen{
	margin-top:40px;
}
blockquote.masmargen2{
	margin-top:20px;
}
blockquote.masmargen2 a.noborder{
	border:none;
	}
/*SLIDE SHOW*/

#myGallery
{
width: 948px !important;
height: 387px !important;
border:none !important;
} 