@charset "utf-8";
/* CSS Document */

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

ol, ul {
list-style : none;
}


body { background-color: #47657f; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; background-repeat: repeat-x; color:#333333;}

strong {
	font-weight: bold;
	color: #284654;
}
a {color:#0099CC;}
a:hover {color:#ff7400;}

p {line-height:18px; margin:0 0 15px 0}

h2 {margin:10px 0;}

/* ------------------- Barra de Idiomas ----------------------- */

#lang {
	width: 950px;
	text-transform: uppercase;
	text-align: right;
	height: 5px;
	color: #FFFFFF;
	font-weight: bold;
	position:absolute;
	top:0px;
	padding:10px 0 0 0;
}
#lang li { display: inline; color: #00bacc;}
#lang li a { color: #FFFFFF;}
#lang li a:hover {color: #00bacc;}

/* ------------------------------------------------------------ */

/* --------------------------- Cabecera ----------------------- */

#framereservation {
height:186px;
width:190px;
padding:0 0 0 45px;
position:absolute;
top:36px;
right:4px;
}

.deu {
background:url(../images/reservade.gif) no-repeat;
}

.esp {
background:url(../images/reservas.gif) no-repeat;
}

.jap {
background:url(../images/reservajp.gif) no-repeat;
}

.fre {
background:url(../images/reservafr.gif) no-repeat;
}

.eng{
background:url(../images/reservaen.gif) no-repeat;
}

#cabecera {	
width: 950px;
margin:0 auto;
height: 186px; 
border:solid 1px #FFFFFF;	
background: url('../images/bg_reservas.png')repeat-x;
position:relative;
*margin-bottom:20px;
}

h1 {margin:0; padding:0;}

.logo {  
width:206px;
height:186px;
float:left;
display:inline;
}


.logo a {
  width:206px;
	height:186px;
	display:block;
	text-indent:-100000px;
	background:url('../images/logo.jpg') no-repeat top left;
	margin:0;
	padding:0;
	float:left;
	display:inline;
}
.reservas {
  border-left:solid 1px #FFFFFF; 
	border-right:solid 1px #FFFFFF;
	float:left;
	display:inline;
}

/*-------------------------- GLYDER --------------------------*/
#flash {
  width:504px;
  height:186px;
  position:absolute;
  top:36px;
  left:208px;
}

#glider div.scroller {
  width:504px;
  height:186px;
  overflow:hidden;
}
#glider div.scroller div.section {
  width:504px;
  height:186px;
  overflow:hidden;
}

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

#motor {
	width: 198px;
	height: 184px;
	float:right;
	display:inline;
	padding: 0px;
}
#motorates { width: 500px; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; padding:10px; border:solid 1px #31434e;}

/* ------------------------------------------------------------ */

/* --------------------------- Menu --------------------------- */

#menu {
	padding: 0;
	width: 950px;
	height: 34px;
	position:absolute;
	top:235px;
	left:0;
	background-image: url(../images/bg_menu.png);
	background-repeat: repeat-x;
}
/* ------------------------------------------------------------ */


/* --------------------------- Contenido --------------------------- */

#page {
	clear:left;
	width: 950px;
	margin : 12px auto 0 auto;
	border: solid 1px #FFFFFF;
	padding-top: 40px;
	background: #fff url(../images/bg_page.jpg) repeat-x left top;
}
div.map{padding: 0 !important;}

#flashcontent{
	border : 5px solid #333;
}
#container{
	min-height:500px;
}
/* ----------------------------------------------------------------- */
/* --------------------------- 1 Columna --------------------------- */
#columna {
	width:100%;
}
.textcolumna {
	margin-right:10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.textcolumna p {
margin-bottom:15px;
}

.textcolumna h2 {
margin-bottom:8px;
}

/* ----------------------------------------------------------------- */
/* --------------------------- 2 Columnas -------------------------- */

.collinks1 {
	width: 440px;
	padding:15px;
	float:left;
	display:inline;
}
.collinks2 {
	width: 440px;
	padding:15px;
	margin-left:470px;
}

.colmapa01 {
	width: 266px;
	padding:5px;
	float:left;
	display:inline;	
}
.colmapa02 {
	width: 650px;
	padding:5px;
	margin-left:276px;
}
/* ----------------------------------------------------------------- */
/* --------------------------- 3 Columnas -------------------------- */
.colizq {
	width: 226px;
	padding:5px;
	float:left;
	display:inline;	
}
.colcentral {
	width: 450px;
	padding:5px;
  margin-left:236px;
}
.colder {
	float:right;
	width: 230px;
	padding:5px;
	display:inline;	
}

/* ----------------------------------------------------------------- */
/* --------------------------- 4 Columnas -------------------------- */

.col0, .col2, .col1, .col3 {
}

.col0 {
	float:left;
	width: 226px;
	padding:4px;
	display:inline;	
}

.col2, .col1 {
	float:left;
	width: 224px;
	padding:4px;
	display:inline;	
}

.col3 {
	width: 232px;
	padding:4px;
	margin-left:705px;
}

.col0 a img, .col1 a img, .col2 a img, .col3 a img {
	border: 3px solid #00bacc;
	margin:4px;
}

.col0 a:hover img, .col1 a:hover img, .col2 a:hover img, .col3 a:hover img {
	border: 3px solid #ff7400;
	margin:4px;
}




/* ----------------------------------------------------------------- */

h2 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c7c7c7;
	color: #2c3c46;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#col0 h2,#col1 h2,#col2 h2,#col3 h2,#collinks1 h2, #collinks2 h2 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c7c7c7;
}


.textcolumna ul, #collinks1 ul, #collinks2 ul{
	margin:5px 0px;
	color:#284654;
}

.textcolumna ul li, #collinks1 ul li, #collinks2 ul li{
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	list-style-image: url(../images/dot_list.gif);
	line-height: 20px;
}
.textcontainerlink {
	border: solid 1px #CCCCCC;
	margin-bottom:10px;
}

.textcontainerlink h1{
	background-color:#00bacc;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00bacc;
	padding:0px;
	margin:0px;
	color:#FFFFFF;

}
 
/* ------------------------------------------------------------ */
/* --------------------------- Mapa --------------------------- */

.mapa {
	background-image: url(../images/ico-mapa.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 150px;
	width: 215px;
	margin-left:auto;
	margin-right:auto;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top:10px;
	line-height: 14px;
	padding-left:100px;
}

.mapa a:hover {
	color: #00bacc;
}

.mapa a {
	color: #fff;
	text-decoration:none;
}

/* --------------------------- Pie de Página --------------------------- */
 
#pie {
	clear:left;
	width: 950px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	color: #FFFFFF;
	height:115px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #384d59;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	background-image: url(../images/bg_menu.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #2c3c46;
}

#pie a {
	color: #00bacc;
	text-decoration: none;
}

#pie a:hover {
	color: #FFF;
}

.vcard {
position:absolute;
bottom:25px;
width:950px;
text-align:center;
color:#CCCCCC;
}

#contenedor {
position:relative;
width:950px;
margin:0 auto 0 auto;
padding-top:35px;
}

/* ------------------------------------------------------------ */

/* --------------------------- Fotos --------------------------- */
.photos {
	text-align:center;
}

.photos a img {
	border: solid 1px #fff;
	padding: 2px;
	font-size: 10px;
	background-color: #284654;
	margin: 3px;
}
.photos a:hover img {
	border: solid 1px #00bacc;
	padding: 2px;
	font-size: 10px;
	background-color: #00bacc;
}
.thumbnails {
  margin:15px 20px 15px 50px;
}

.thumbnails a, .thumbnails a:visited{
	float:left;
	margin:0 10px 10px 0;
	display:block;
	border:none;
	padding:3px;
	background:#CCCCCC;
	border:1px solid #999999;
}

.thumbnails a:active, .thumbnails a:hover {
   background:#2c3c46;
   border:1px solid #000;
}


.thumbnails img.thumbnail {
	position:relative;
	z-index:5;
	border:none;
	}

/* ------------------------------------------------------------ */

/* --------------------- Opiniones de Clientes ---------------- */

.opiniones {
	margin-left: -40px;
	margin-top: 15px;
}

.hssurveys {
	color:#2e3e49;
}
.hssurveys a{
	color:#0066CC;
}
.hssurveys a:hover{
	color:#00bacc;
}
.reviewRecord ul.questions.like li p.answer {
	font-style: italic;
	color:#999999;
}
.reviewRecord .comments h4 span.date {
	color: #FFFFFF;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-top: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c7c7c7;
	border-right-color: #c7c7c7;
	border-bottom-color: #c7c7c7;
	border-left-color: #c7c7c7;
	background-color: #2c3c46;
}
/* ------------------------------------------------------------ */


.url {
	color: #00bacc;
 	text-align: right;
}
.url a {
	color: #00bacc;
	background-image: url(../images/flecha.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
}
.url a:hover { color:#FFF; }

.pusher {
clear:both;
}

/* ----------------------------- Quick Check Graph ------------------------------------ */


.textcolumna h3{
	font-size: 14px;
	color: #2c3c46;	
}

#page #pricegraph  {
	margin: 15px 30px; 
}

#page p.quickcheckgraph a{
	color:#00bacc;
}


#page #pricegraph p#closegraph {
	margin: 15px 0;
	text-align:right;
	background:url('../images/close.png') no-repeat right center;
	line-height:19px;
	padding-right:24px;
}

#page #pricegraph p#closegraph:hover { background:url('../images/close_over.png') no-repeat right center;}



#page p.quickcheckgraph {
	height:100px;
	line-height:100px;
	background:url('../images/quickcheckgraph.gif') no-repeat left;
	padding-left:80px;
	font-size:110%;
	margin-left:55px;
	margin-top:8px;
}

#page p.quickcheckgraph a{
	color:#00bacc;
}
#page p.quickcheckgraph a:hover{
	color:#2c3c46;
}
/* ----------------------------- Special Offers ------------------------------------ */
#page #offerslink_ h1 {
	font-size: 125%;
	color:#80291a;
	background:url(../images/ico_02.gif) no-repeat 10px center;
	line-height:50px;
	height:50px;
	padding-left:55px;
	border-bottom:solid 1px #efefef;
}
#page #offerslink_ div {
	height:100px;
	line-height:100px;
	padding-left:135px;
	color:#565656;
	margin: 20px 0 20px 55px
}
#page #offerslink_ div.en { background: url(../images/bg_offers_en.gif) no-repeat left center;}

#page #offerslink_ div.fr { background: url(../images/bg_offers_fr.gif) no-repeat left center;}

#page #offerslink_ div.es { background: url(../images/bg_offers_es.gif) no-repeat left center;}

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

#offers_container {
text-align:center;
}
/* ----------------------------- Reviews ------------------------------------ */

div#hsRating.hsRating {border:none!important}

/* ----------------------------- New Index ------------------------------------ */

.section-col01 {
  width:675px;
  float:left;
  display:inline;
  position:relative;
}
.section-col02 {
  background: url('../images/bg_section-col02.jpg') no-repeat left top;
  width:230px;
  height:590px;
  float:right;
  display:inline;
  padding:0 10px;
  margin:15px 0 10px 0;
	z-index:2;
}
.section-col02 h3 {
  margin:40px 20px 10px 0;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom:1px solid #c7c7c7;
  color: #2c3c46;
}
.section-col01 .col {
  width:320px;
  float:left;
  display:inline;
  padding:0 5px;
  margin:0 0 0 5px;
}
.section-col01 .col  p {
  margin-bottom:5px;
}
.section-col01 .col a img {border:none; width:100%;}

.section-col01 .colsub {
  width:209px;
  float:left;
  display:inline;
}
.section-col01 .minibox {
  width:48%;
  height:69px;
  /*background: url('../images/mini-box.jpg') no-repeat top left;*/
  float:left;
  display:inline;
  margin:0px;
  padding:0;
}
.section-col01 .minibox p {    
  height:49px;
  display:block;
  position:relative;
  margin:0; 
  padding:15px 0 0 65px;
}
.section-col01 .minibox p span {
  position:absolute;
  top:5px;
  left:3px;
  width:60px;
  height:50px;  
  line-height:normal;
}
.ico01, .ico02, .ico03,  .ico04, .ico05, .ico06, .ico07, .ico08, .ico09 {
  border:none;
}
.ico01 {background: url('../images/iconos.gif') no-repeat 0px 0px;}
.ico02 {background: url('../images/iconos.gif') no-repeat -63px 0px;}
.ico03 {background: url('../images/iconos.gif') no-repeat -125px 0px;}
.ico04 {background: url('../images/iconos.gif') no-repeat -225px 0px;}
.ico05{ background: url('../images/iconos.gif') no-repeat -300px 0px;}
.ico06 {background: url('../images/iconos.gif') no-repeat -375px 0px;}
.ico07 {background: url('../images/iconos.gif') no-repeat -450px 0px;}
.ico08 {background: url('../images/iconos.gif') no-repeat -438px 0px;}
.ico09 {background: url('../images/iconos.gif') no-repeat -500px 0px;}

#titleDivOffers p {display:none!important}

#widget h2 {display:none!important; font-size:10px!important;}

#gmap{
width:620px;
height: 294px;
}

#mreLoader #frame_bookingArea {
padding:30px 0 0 10px!important;
}