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;
}

#framereservation {
  border-bottom:1px solid #555555;
  margin-bottom:18px;
}

#sidebar ul{
	list-style-type:none;
}


#sidebar h2.widgettitle {
  font-size:20px;
  font-weight:normal;
  color:#555555;
  border-bottom:1px dashed #555555;
  margin:15px 0 5px;
  padding:0 0 5px 2px;
}


#sidebar div.blog{
  border:none;
}

#sidebar input#s{
  width: 60px;
}

#contenidos p.postmetadata{
 margin-top:10px
}


#contenidos p.postmetadata a{
  font-weight: bold;
}

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

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

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

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

.thumb a:hover, a:active {
color:#cccccc;
text-decoration:underline;
}

body {
background-color:#898989;
background-image:url("../img/body.gif");
background-position:center 0;
background-repeat:repeat-y;
color:#FFFFFF;
font-size:14px;
}

#header {
background-image:url("../img/header.gif");
background-repeat:repeat-x;
border-bottom:1px solid #CCCCCC;
height:112px;
position:relative;
}
#container_top {
background-image:url("../img/body_top.gif");
background-repeat:repeat-x;
height:292px;
margin:0 auto;
width:100%;
}
#container {
margin:0 auto;
width:980px;
background-image:url(../img/body.gif);
background-repeat:repeat-y;
background-position: center;
}

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

#logo_es {
width:810px;
height:112px;
background-repeat:no-repeat;
background-image:url(../img/logo_es.gif);
position:absolute;
top:0px;
left:0px;
}

#logo_en {
width:810px;
height:112px;
background-repeat:no-repeat;
background-image:url(../img/logo_en.gif);
position:absolute;
top:0px;
left:0px;
}

#logo_fr{
width:810px;
height:112px;
background-repeat:no-repeat;
background-image:;
position:absolute;
top:0px;
left:0px;
	}

#logo_de{
width:810px;
height:112px;
background-repeat:no-repeat;
background-image:;
position:absolute;
top:0px;
left:0px;
	}
#logo_it{
width:810px;
height:112px;
background-repeat:no-repeat;
background-image:;
position:absolute;
top:0px;
left:0px;
	}
#logo_cat{
width:810px;
height:112px;
background-repeat:no-repeat;
background-image:;
position:absolute;
top:0px;
left:0px;
	}

#top_imagen {
margin:0 4px 0 4px;
background: url(../img/top2.jpg) no-repeat;
height:292px;
}

#top_imagen_rooms {
margin:0 4px 0 4px;
height:192px;
}

#top_imagen_services {
margin:0 4px 0 4px;
height:192px;
}

#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 {
font-family:'Arial';
color:#d6d000;
float:right;
margin-top:10px;
margin-right:-5px;
}

* html #language {
	margin-right:0;
	}

#language li {
list-style:none;
float:left;
margin-left:10px;
font-size:12px;
border-right:1px solid #555555;
padding-right:10px;
}
* html #language li{
	padding-rigth:5px;
	padding-left:5px;
	}

#language li a, #language li a:visited {
text-decoration:none;
color:#555555;
font-weight:normal !important;}

#language li a:hover, #language li a:active{
color:#fff;
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;
}


#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-family:'Arial';
font-size:20px;
padding-left:2px;
padding-bottom:4px;
font-weight:bold;
color:#ffffff;
padding-bottom:0;
margin-bottom:5px;
}

#dinamic h4 {
font-family:'Arial';
font-size:20px;
padding-left:2px;
padding-bottom:4px;
font-weight:normal;
color:#fff;
padding-bottom:0;
margin-bottom:5px;
}

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


#sections {
font-family:'Arial';
float:left;
display:inline;
position:relative;
width:670px;
padding:20px 0px 20px 30px;
}

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

#sections h3 {
font-family:'Arial';
color:#fff;
font-size:16px;
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 #ccc;
height: 38px;
background-image:url(../img/menu.gif);
background-repeat:repeat-x;
width:973px;
margin:0 auto;
}

#tabs {
font-family:'Arial';
width:960px;
margin:auto;
}

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

#tabs a, #tabs a:visited {
float: left;
display:inline;
padding: 7px 10px;
font-size:17px;
font-weight:normal;
text-decoration: none;
color: #fff;
}

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

.activa {
background-color:#fff;
color:#555555;
float: left;
padding: 9px 14px;
font-size:17px;
text-decoration: none;
}

.vcard {
    background: url("../img/footer.gif") repeat-x scroll 0 0 #555555;
    border-top: 1px solid #CCCCCC;
    clear: both;
    height: 145px;
    padding-top: 16px;
    position: relative;
    text-align: center;
}

.TA_excellent {
    position: absolute;
    right: 0;
    top: 0;
}

.vcard p {
    color: #FFFFFF;
    font-size: 15px;
    margin-top: 10px;
}

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

.vcard a, a:visited {
text-decoration:none;
color:#fff;
font-weight:bold;
}

.vcard a:hover, a:active {
color:#d6d000;
text-decoration:underline;
font-weight:bold;
}

.region {
display:none;
}

#clip_es {
position:absolute;
bottom: 0;
right:20px;
}

#clip {
position:absolute;
bottom: 0;
right:20px;
}

#iconos {
    position: absolute;
    right: -55px;
    top: 85px;
    width: 280px;
    z-index: 11;
}
#iconos li {
	display:inline;
	float:left;
	margin:0 3px;
}
#iconos li img {
	width:26px;
	height:26px;
}

#Q {
position:absolute;
top:1060px;
right:10px;
z-index:11;
}
#Q li {
display:inline;
float:left;
margin:0 3px;
}
#Q li img {
width:138px;
height:52px;
}

#Q_faq {
position:absolute;
top:1510px;
right:10px;
z-index:11;
}
#Q_faq li {
display:inline;
float:left;
margin:0 3px;
}
#Q_faq li img {
width:138px;
height:52px;
}

#Q_location {
position:absolute;
top:1440px;
right:10px;
z-index:11;
}
#Q_location li {
display:inline;
float:left;
margin:0 3px;
}
#Q_location li img {
width:138px;
height:52px;
}

#Q_photos {
position:absolute;
top:1480px;
right:10px;
z-index:11;
}
#Q_photos li {
display:inline;
float:left;
margin:0 3px;
}
#Q_photos li img {
width:138px;
height:52px;
}

#Q_rooms {
position:absolute;
top:965px;
right:10px;
z-index:11;
}
#Q_rooms li {
display:inline;
float:left;
margin:0 3px;
}
#Q_rooms li img {
width:138px;
height:52px;
}

#Q_services {
position:absolute;
top:1030px;
right:10px;
z-index:11;
}
#Q_services li {
display:inline;
float:left;
margin:0 3px;
}
#Q_services li img {
width:138px;
height:52px;
}

#offersHs {padding:0px!important}
#titleDivOffers p {display:none!important}

#ccoriginaldiv {height:100%!important; background-color:#fff!important}

#sections div.hssurveys_full ul li {list-style:none!important; list-style-image:none!important}
#hssurveys_full, div.hssurveys_full {width:670px!important; padding:0!important; font-size:90%!important}


#logoFacebook {
  border-top:1px solid #CCCCCC;
  height:34px;
  left:247px;
  margin:15px 0 5px;
  padding-top:10px;
  position:relative;
  width:715px;
}

#logoFacebook a {
  display:block;
  float:left;
  height:34px;
  margin-right:3px;
  width:140px;
}

* html #logoFacebook {
  width:721px;
}

#sb-body-inner  {
background-color:#FFFFFF!important}

/*----calendario---*/

.calendar table {
background:none repeat scroll 0 0 #EEEEEE!important;
}
.calendar thead .hilite, .calendar tbody .rowhilite td, .calendar tbody td.selected, .calendar tfoot .hilite, .calendar .combo {
background:none repeat scroll 0 0 #E1CCC8!important;
}
.calendar thead .name {
background-color:#CCCCCC!important;
}
.calendar thead .title, .calendar tfoot .ttip {
background-color:#6ea3ac !important;
}
/*------------formulario-------------*/

#form {
position:relative;
width:510px;
}

#form p {
padding-bottom:5px;
}

#persona_contacte, #telefono3, #telefono4, #comentaris {
background:#2c2c2c;
border:1px solid #464646;
margin-bottom:10px;
width:205px;
-moz-border-radius:8px;
color:#fff;
font-size:12px;
padding:2px 7px;
font-family:Trebuchet MS;
}

#comentaris {
height:120px;
}

.submit {
background:#a19d01;
border:1px solid #fff;
margin-bottom:10px;
color: #fff;
font-size:11px;
padding:1px 4px;
font-family:Trebuchet MS;
margin-right:5px;
cursor:pointer;
}

.submit:hover {
border:1px solid #fff;
color:#ccc;
}

.conf {
color:#80FF80;
margin-bottom:10px;
}
.error {
color:#33FF66!important;
font-size:12px!important;
padding-left:8px!important;
}

.aupatours {
font-size:16px;
color:#d6d000;
font-weight:bold;
}

.aupatours:visited {
text-decoration:none;
color:#fff;
font-weight:bold;
}

.aupatours:hover {
color:#fff!important;
text-decoration:underline;
font-weight:bold;
}
.boton_offer {
	background-color: #c2bd01;
	font-weight: bold;	
	padding: 10px;
	font-size: 12px;
	font-family: Arial;
	cursor:pointer;
	text-align:center;
	height:17px;
	border:#cbcbcb outset 1px;
}
.boton_offer:hover{	
	color:#668202;
}
#carrusel{
	margin: 10 auto;
	border:1px;
}	
#photos-fade {
	height:430px;
	width:650px;
	overflow:hidden;
}
#photos-fade li{
	list-style:none;
}
/*--- Principio Contenedor del motor de reservas ---*/
#mirai_bookentrance {
    margin-bottom: 40px;
    padding: 10px 0 0 3px;
}
#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: #C3BE02;
    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:#C3BE02;
    color: #FFFFFF;
    height: 34px;
    line-height: 34px;
    width: 177px;
    border: 1px outset #CCCCCC;
}
#mirai_be7 input:hover { /*--- Boton "Input Reservar Hover" ---*/
    /*---*/
    color:#676405;
}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    /*text-decoration:underline;*/
    /*color:#00f;*/
    border: medium none;
    color: #C3BE02;
    display: block;
    font-size: 12px;
    height: 30px;
    line-height: 40px;
    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 ---*/
#offersPhoto .linkRss {
    position: absolute;
    top: -17px;
    left:173px;
}
#offersPhoto a.mirai_btOffers, #offersPhoto a.mirai_btOffers:link {
    position: absolute;
}