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, b, u, i, center, 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-size : 100%;
vertical-align : baseline;
background : transparent;
}

#gmap {
margin:0 0 10px 0;
}

.imagen {
border:1px solid #999999;
margin-top:10px;
}

a, a:visited {
text-decoration:none;
color:#0c6ba5;
}

.thumb a, .thumb a:visited{
float:left;
border:3px solid #CCCCCC;
text-decoration:none;
padding:2px;
margin:17px;
height:120px;
}

.thumb a:hover, .thumb a:active {
border:3px solid #0099FF;
}

a:hover, a:active {
text-decoration:underline;
}

body {
font-family:Verdana, Geneva, sans-serif;
background-image:url(../img/body.gif);
background-repeat:repeat-y;
background-color:#fcfcfc;
background-position: center;
font-size:14px;
color: #303030;
}

#header {
position:relative;
background-image:url(../img/header.gif);
background-repeat:repeat-x;
border-bottom:1px solid white;
height:112px;
}

h1 {
text-indent:-10000px;
width:699px;
height:112px;
background-repeat:no-repeat;
background-image:url(../img/logo.gif);
position:absolute;
top:0px;
left:0px;
}

#top_imagen {
width:100%;
background:#2273c6 url(../img/top.jpg) center no-repeat;
height:192px;

}
.top_imagen_dos {
    background:#2273c6 url(../img/top_dos.jpg) center no-repeat!important;
}


#header strong {
color: #2b3670;
font-size:22px;
font-weight:normal;
letter-spacing:1px;
}

address {
color:#6c6a6a;
font-style:normal;
font-size:13px;
padding-top:18px;
}

#info {
position:absolute;
text-align:right;
right:10px;
top:35px;
}

.interior {
width:960px;
margin:auto;
position:relative;
}

#language {
float:right;
margin-top:5px;
margin-right:15px;
}

#language li {
list-style:none;
float:left;
margin-left:10px;
font-size:12px;
border-left:1px solid #CCCCCC;
padding-left:10px;
}

#language li a, #language li a:visited {
text-decoration:none;
color:#2273c6;
}

#language li a:hover, #language li a:active{
color:#333;
text-decoration:underline;
}

#flash {
background:url(../img/flash.png);
height:200px;
position:relative;
}

.section img {
padding: 0 11px;
}

* html .section img {
margin-bottom:4px;
}

.section span.mask  {
background: transparent no-repeat center center url(../img/mask.png);
height: 188px;
width: 281px;
margin-top: -183px;
position: relative;
z-index: 15;
display: block;
font-size: 90%;
margin-bottom: 15px;
}

/** html .section span.mask {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mask.png');
}*/

.image {
float:left;
}

.image-first {
float:left;
padding-left:19px;
}

div.scroller { 	
margin:auto;
width: 920px; 
height: 200px;
overflow: hidden;
position:relative;
}
	
div.scroller div.section {	
width:920px;
height:200px;
overflow:hidden;
float:left;
padding:16px;

}
		
div.scroller div.content {
width: 10000px;
}


.left{
position:absolute;
top:80px;
left:0px;
background-image:url(../img/left.png);
text-indent:-100000px;
width:46px;
height:46px;
background-repeat:no-repeat;
}

.right{
position:absolute;
top:80px;
right:0px;
background-image:url(../img/right.png);
text-indent:-100000px;
width:46px;
height:46px;
background-repeat:no-repeat;
}

#arrows {
width:970px;
margin:auto;
position:relative;
}

/* - Menu - */

.panel {
display: none;
}
.panel.active-tab-body {
display: block;
}

#dinamic {
float:left;
width:205px;
padding:15px
}

#dinamic h2 {
font-size:20px;
padding-left:2px;
padding-bottom:4px;
font-weight:normal;
color:#133463;
border-top:1px solid #133463;
padding-bottom:0;
margin-bottom:5px;
}

#contenidos {
width:970px;
margin:auto;
clear:both;
border-top:2px solid #fff;
}

#sections {
float:left;
width:670px;
padding:20px 0px 20px 30px;
}

#opiniones {
width:670px;
margin:20px auto;
}

#opiniones h2 {
color: #000000;
font-size:21px;
letter-spacing:1px;
font-weight:normal;
padding-bottom:7px;
margin-bottom:7px;
border-bottom:1px solid #CCCCCC;
}

#hssurveys_full h2 {
font-size:18px;
letter-spacing:0px;
margin-left:-10px;
width:670px;
color:#006633;
}

div.hssurveys_full {
width:630px;
}

#sections h2 {
color: #000000;
font-size:21px;
letter-spacing:1px;
font-weight:normal;
padding-bottom:7px;
margin-bottom:7px;
border-bottom:1px solid #CCCCCC;
}

#sections h3 {
color:#836229;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
padding-bottom:8px;
padding-top:8px;
}

#sections ul {
padding-top:7px;
padding-bottom:5px;
padding-left:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#sections li {
list-style:url(../img/list.gif);
padding-bottom:10px;
}

#sections p, dl {
font-size:14px;
line-height:18px;
padding-bottom:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#sections dt {
background-image:url(../img/list.gif);
background-repeat:no-repeat;
background-position:0 5px;
padding-left:16px;
font-weight:bold;
padding-bottom:5px;
}

#sections dd {
border-left:1px solid #CCCCCC;
margin:2px 5px 20px 5px;
padding:2px 5px 2px 12px;
}

#mainmenu {
border-top:1px solid #c1e0f3;
height: 38px;
background-image:url(../img/menu.gif);
background-repeat:repeat-x;
}

#tabs {
width:960px;
margin:auto;
font-size:18px;
}

#tabs li {
float: left;
list-style: none;
}

#tabs a, #tabs a:visited {
float: left;
padding: 7px 10px;
text-decoration: none;
color: #fff;
}

#tabs a:hover, #tabs a:active {
text-decoration:underline;
}

.menuactivo {
background-color:#fff;
color:#2b3670;
float: left;
padding: 8px 10px;
text-decoration: none;
}

#footer {
background-color: #fff;
background-image:url(../img/footer.gif);
clear:both;
height:84px;
border-top:1px solid #c1e0f3;
text-align:center;
padding-top:16px;
}

#footer p {
font-size:13px;
padding-bottom:3px;
color:#fff;
}

#footer strong {
font-size:16px;
color:#fff;
}

#footer a, a:visited {
text-decoration:none;
color:#fff;
}

#footer a:hover, a:active {
text-decoration:underline;
}
.offers{ min-height:200px; background:#FFF;}


/*ofertas*/
#offerscontainer {
	position:absolute;
    right: 4px!important;
    top: 122px!important;
	z-index:999;
	right:7px;
}
#offersSmall {
    border: 1px none !important;
}
/*--- Principio Contenedor del motor de reservas ---*/
#mirai_bookentrance {
    padding: 10px 0 10px 20px;
}
#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select { /*#mirai_be2, #mirai_be0 input, #mirai_be0 select para que se vea la misma letra en IE6 y IE7*/
    /*font-family: Verdana;*/
    /*font-size: 13px;*/
}
#mirai_be0 {
    /*width:13.7em;*/
    /*height:11.5em;*/
}
/*--- Fin Contenedor del motor de reservas ---*/
/*--- Principio Posición de elementos ---*/
#mirai_be1, #mirai_be3, #mirai_be5 { /* Espacio a la izquierda para "Entrada" y "Noches" y margin para igualar horizontalmente con textos de los input */
    /*left:0;*/
    /*margin-top:0.25em;*/
    color: #000000;
    font-weight: 700;
}
#mirai_be2, #mirai_be4, #mirai_be6 { /* Espacio a la izquierda para "Input Entrada", "Input Noches", y "Input Codigo Promocional" */
    /*left:6.5em;*/
}
#mirai_be7, #mirai_be8 { /* Espacio a la izquierda para "Input Reservar", "Input Ver/Cancelar" */
    /*left:0;*/
}
#mirai_be1, #mirai_be2 { /* Espacio superior para "Entrada" y "Input Entrada" */
    /*top: 0; */
}
#mirai_be3, #mirai_be4 { /* Espacio superior para "Noches" y "Input Noches" */
    /*top:2.2em;*/
}
#mirai_be5 { /* Espacio superior y a la izquierda para "Codigo Promocional" */
    /*top: 6.15em;*/
    /*left: 0em;*/
}
#mirai_be6 { /* Espacio superior para "Input Codigo promocional" */
    /*top:4.6em;*/
}
#mirai_be7 { /* Espacio a la izquierda y superior para "Input Reservar" */
    /*top: 6.9em;*/
    /*left:0;*/
}
#mirai_be8 { /* Espacio a la izquierda y superior para "Input Ver/Cancelar" */
    /*top: 9.9em;*/
    /*left:0;*/
}
/*--- Fin Posición de elementos ---*/
/*--- Principio Estilos de Botones y Codigo Promocional ---*/
#mirai_be2, #mirai_be6 { /* Anchura para "Input Entrada" y "Input Codigo Promocional" */
    /*width:7em;*/
}
#mirai_be2, #mirai_be4, #mirai_be6 { /* Estilos "Input Entrada", "Input Noches" y "Input Codigo Promocional" */
     /*background-color:#FFFFFE;*/ /* para que el "color" de < slect > en Safari funciona, no se pudede asignar #FFFFFF. Color de letra para Text Inputs */
     /*border:1px solid #999;*/
     /* color: #444;*/
    }
#mirai_be5 { /*--- Texto "Codigo Promocional" ---*/
    /*font-size: 0.75em;*/
    /*line-height: 0.9em;*/
    /*width: 3em;*/
}
#mirai_be7 input { /*--- Boton "Input Reservar" ---*/
    /*padding:0 0.8em;*/
    background:#2A78C7;
    color: #FFFFFF;
    height: 34px;
    line-height: 34px;
    width: 177px;
    border:none;
}
#mirai_be7 input:hover { /*--- Boton "Input Reservar Hover" ---*/
    /*---*/
    background:#63A7D2;
}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    /*text-decoration:underline;*/
    /*color:#00f;*/
    border: medium none;
    color: #2A78C7;
    display: block;
    font-size: 11px;
    height: 30px;
    line-height: 40px;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
    width: 180px;
}
#mirai_be8:hover { /*--- Boton "Input Ver/Cancelar" ---*/
    /*---*/
    text-decoration:underline;
}
/*--- Fin Estilos de Botones y Codigo Promocional ---*/
/*--- Principio Para que el calendario aparezca siempre encima ---*/
#ui-datepicker-div {
    font-size:1em;
}
/*--- Fin Para que el calendario aparezca siempre encima ---*/

/*** CSS SLIDER ***/

.clear {
	clear:both;
}

#top_gallery {
	background: #2273C6;
	width:100%;
	}

#gallery {
	position:relative;
	height:200px;
	margin:0 auto;
	width:964px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500;
	}

	#gallery .caption {
    background-color: #000000;
    bottom: 0;
    color: #FFFFFF;
    height: 50px !important;
    margin: 0.2em;
    position: absolute;
    width: 240px !important;
    z-index: 600;
}

	#gallery .caption .content {
    margin: 15px;
}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#ffffff;
	}
	
#xdhsOfferContent-offers_script {
    background: none repeat scroll 0 0 #FFFFFF;
    opacity: 0.8;
}

table.jqplot-table-legend{position:absolute!important;bottom:23px!important;left:30px!important;}


/****************BANNER TEMPORAL FLASH*************************/
/*#flashcontent { width:206px; height:194px; margin-bottom:40px;}*/