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

body {
  font-size:80%; color: #fff; text-align: justify; line-height: 18px;
}
body, p, div, ul, li, form, select, input, table, tr, td, th {
  font-family: 'Trebuchet MS', Verdana, , Helvetica, sans-serif;
}
body {
  background:#0e0e0e url('../images/bg_body.jpg') repeat-x left top;
}

a img, :link img, :visited img {
  border:none;
}
a:link, a:visited {
  color:#b3191f;
  text-decoration:none;
}
a:hover, a:active {
  color:#fff;
  text-decoration:underline;
}
*:focus {
  outline:none;
}

/*-------------------------- CONTENEDOR --------------------------*/

#container {
  width:960px;
  margin:0 auto;
  position:relative;
	background:url('../images/bg_container.jpg') 0px 0px no-repeat;
  /*position: absolute;
  top:50%;
  left:50%;
  margin-top:-300px;
  margin-left:-480px;*/
}

/*-------------------------- MENU --------------------------*/

#menu {
  width:960px;
  height:35px;
	padding:0;
	/*margin:20px 0 0 0;*/
	position:absolute;
	top:95px;
	border-bottom:3px solid #626363;
}
ul#menu li {
  float:left;
	display:block;
  font:90% Arial, Helvetica, sans-serif; 
	font-weight:600;
	color:#fff;
	line-height:29px;
	margin-right:6px;
}

ul#menu li a:link, ul#menu li a:visited {font-weight:600; color:#fff; padding:0 10px;}

ul#menu li a:hover, ul#menu li a:active {
    display:block;
    background: url('../images/bg_menu.jpg');
    padding:0 0 0 10px;
    color:#fff;
}
ul#menu li a:hover strong, ul#menu li a:active strong {
    display:block;
    background:url('../images/bg_menu.jpg') right top;
    padding:0 10px 0 0;
}

#menu .current a:link, #menu .current a:visited {
    display:block;
    background: url('../images/bg_menu.jpg');
    padding:0 0 0 10px;
    color:#fff;
  }
#menu .current a strong {
    display:block;
    background:url('../images/bg_menu.jpg') right top;
    padding:0 10px 0 0;
}



/*-------------------------- Logo --------------------------*/

.logo a {
  width:345px;
  height:55px;
  position:absolute;
  top:0px;
  left:0px;
  display:block;
  text-indent:-1000000px;
	z-index:3;
}
/*-------------------------- CONTENIDO --------------------------*/

#content {
  position:relative;
	padding:0px;
	margin:60px 0 0 490px;
	padding:10px 5px 5px 5px;
	width:455px;
	height:290px;
	clear:both;
}

/*-------------------------- FORMATOS --------------------------*/

#content p {
  text-align: justify;
  margin-bottom: 10px;
  line-height:18px;
	font-size: 0.9em;
}
#content h2 {
  font-size: 1.1em;
  color: #b1bac0;
	border-bottom:1px solid #b3191f;
  text-transform: uppercase;
  clear: both;
	margin:0 0 8px 0;
	padding:5px 0 5px 30px;
	background:url('../images/ico_h2.png') 8px 8px no-repeat;
}

#content h3 {
  font-size: 1.1em;
  color: #b1bac0;
	border-bottom:1px solid #b3191f;
  text-transform: uppercase;
  clear: both;
	margin:0 0 8px 0;
	padding:5px 0 5px 30px;
	background:url('../images/ico_h2.png') 8px 8px no-repeat;
}

#content a:link img, #content a:visited img {
	border:1px solid #fff;
	padding:1px;
	float:left; display:inline; margin:5px 3px;
}
#content a:hover img, #content a:active img {
	border:1px solid #b3191f;
	padding:1px;
}
.oculto {
	height:256px;
	display:none;
}
/* Lists */

ol.number {
  margin:15px 15px 0 35px;
  font-size:125%;
}
ol.number li {
  margin-top:5px;
  margin-bottom:5px;
}
ol.number li span {
  font-size:75%;
}
dl dt {
  font-weight: bold;
  margin:10px 0 0px 10px;
	padding: 0 0 0 10px;
  color:#fff;
	background:url('../images/ico.png') 0px 8px no-repeat;
}
dl dd {
  margin:6px 0 0px 22px;
  text-align: justify;
	color:#ccc;
}
.section ul li {
  margin:0 0 6px 15px;
	padding: 0 0 0 20px;
  background: url('../images/ico_list2.png') left top no-repeat;
}

/* MOTOR */
/*----------------------------------------------------*/
#framereservation {
  width:960px;
	height:40px;
	position:absolute;
	top:470px;
	/*margin-top:10px;*/
	text-align:center;
}

h3 {
  font-size: 1.4em;
  color: #fff;
	border-bottom:1px dashed #fff;
  clear: both;
	margin:50px 0 0 0;
	padding:0 0 5px 5px;
	font-weight:normal;
}


/* Mapa */

#gmap {
  clear:both;
	position:absolute;
	left:0px;
	top:180px;
	padding:2px;
	width:456px;
	height:246px;
}
.zoom {background: url('../images/zoom.png') no-repeat; padding-left:26px;}


/*-------------------------- ADDRESS --------------------------*/
address {
  z-index:2;
  width:600px;
	margin:0px 0 0 350px;
  height:80px;
  clear:both;
  text-align:right;
  font-style:normal;
	padding:15px 0 0 0;
	line-height:18px;
	font-size:90%;
}
/*-------------------------- OFERTAS --------------------------*/

#offers_de a:link, #offers_de a:visited {
  background:url('../images/ofertas_de.png') no-repeat;
	display:block;
	text-indent:-100000px;
	width:150px;
	height:100px;
	position:absolute;
	top:336px;
	left:320px;
	z-index:5;
}
#offers_de a:hover, #offers_de a:active {
  background:url('../images/ofertas_de_hover.png') no-repeat;
}
#offers_es a:link, #offers_es a:visited {
  background:url('../images/ofertas_es.png') no-repeat;
	display:block;
	text-indent:-100000px;
	width:150px;
	height:100px;
	position:absolute;
	top:336px;
	left:320px;
	z-index:5;
}
#offers_es a:hover, #offers_es a:active {
  background:url('../images/ofertas_es_hover.png') no-repeat;
}
#offers_en a:link, #offers_en a:visited {
  background:url('../images/ofertas_en.png') no-repeat;
	display:block;
	text-indent:-100000px;
	width:150px;
	height:100px;
	position:absolute;
	top:336px;
	left:320px;
	z-index:5;
}
#offers_en a:hover, #offers_en a:active {
  background:url('../images/ofertas_en_hover.png') no-repeat;
}
#offers_fr a:link, #offers_fr a:visited {
  background:url('../images/ofertas_fr.png') no-repeat;
	display:block;
	text-indent:-100000px;
	width:150px;
	height:100px;
	position:absolute;
	top:336px;
	left:320px;
	z-index:5;
}
#offers_fr a:hover, #offers_fr a:active {
  background:url('../images/ofertas_fr_hover.png') no-repeat;
}

/*-------------------------- PUNTUACION --------------------------*/
div#hsRating.hsRating p {
  text-align:center!important
}
div#hsRating.hsRating {
  border-top:none!important
}
/*-------------------------- GRAFICO DISPONIBILIDAD --------------------------*/
#disponibilidad {
}

/*-------------------------- LANGUAGES --------------------------*/
#languages {
	position: absolute;
	top:60px;
	left:-8px;
  padding:0;
	font-weight:400;
	z-index:3;
}

ul#languages li {float:left; display:inline; padding:0 0.8em; border-right: 1px solid #fff; color:#fff; line-height:16px; height:16px;}
ul#languages li a:link, ul#languages li a:visited {color:#b3191f; font-size:90%;}
ul#languages li a:hover, ul#languages li a:active {color:#fff;}


/*-------------------------- GLYDER PHOTO --------------------------*/
#photo {
  clear:both;
	width: 470px;
  height: 250px;
	position:absolute;
	left:0px;
	top:180px;
}

#photo div.scroller {
  width: 470px;
  height: 250px;
  overflow: hidden;
}
#photo div.scroller div.section {
  width: 454px;
  height: 240px;
	padding:5px 7px;
  overflow:hidden;
  float:left;
}
#photo div.scroller div.section img {
  margin:0 auto;
}

#photo div.scroller div.content {
  width: 10000px;
}
/*-------------------------- Controls --------------------------*/
ul.tabs {margin-top:23px;}

ul.tabs li {float:left; display:inline}

.tabs li a:link, .tabs li a:visited, .tabs li a:hover, .tabs li a:active {
  float:left;
	display:inline;
	padding:3px;
	background: #b3191f;
	margin-right:1px;
	color:#fff;
	font-size:12px;
}

#selectInsert {
  position:absolute;
	top:70px;
	right:9px;
	font-size:80%;
}

.col {
	float:left;
	display:inline;
	margin:5px;
	display:block;
	font-size:85%;
	width:23%;
}
.col a img {
	border:1px solid #B3191F;
	display:inline;
	float:left;
	margin-bottom:20px;
	margin-left:70px;
	margin-right:11px;
	width:85px;
	}


.text{
	clear:both;
	}
.text p, .text h4{
	text-align:center;
	}

/*-------------------------- OBJECT CONTACT --------------------------*/
#contacto {
	position:relative;
	}

#iframeX {
    width:390px;
    height: 300px;
    position: absolute;
    top: -2px;
    left: -2px;
}

/*----Iconos---------*/

#social-icons {
position:absolute;
left:550px;
top:16px;
}

.fbook {
background:url(../images/facebook-trans.png);
}

.fbook:hover {
background:url(../images/facebook-on-trans.png);
}

#social-icons a {
float:left;
margin-right:4px;
width:38px;
height:38px;
display:block;
z-index:5;
text-indent:-10000px;
cursor:pointer;
}

.twitter {
background:url(../images/twitter-trans.png);
}

.twitter:hover {
background:url(../images/twitter-on-trans.png);
}

.rss {
background:url(../images/rss-trans.png);
}

.rss:hover {
background:url(../images/rss-on-trans.png);
}

.youtube {
background:url(../images/youtube-trans.png);
}

.youtube:hover {
background:url(../images/youtube-on-trans.png);
}