/* CSS Document */
body {
font-size:90%; color: #363735; 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 left top;
}

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

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

#container {
width:960px;
height:496px;
margin:0 auto;
position:relative;
background:url('../images/bg_container.jpg') 0px 0px no-repeat;
padding:496px 0 0 0;
}

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

.logo a {
	width:262px;
	height:100px;
	display:block;
	position:absolute;
	top:25px;
	left:12px;
	text-indent:-1000000px;
}

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

#menu {
width:960px;
height:35px;
padding:0;
position: absolute;
top:137px;
left:15px;
}
ul#menu li {
float:left;
display:block;
font:80% Arial, Helvetica, sans-serif; 
font-weight:600;
color:#fff;
line-height:29px;
margin-right:10px;
}

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:#002293;
}
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;
color:#002293;
}

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



/*-------------------------- CONTENIDO --------------------------*/

#content {
background:#ffffff;
width:920px;
margin:0 auto 0 auto;
position:relative;
}

/*-------------------------- FORMATOS --------------------------*/
.col {
width:440px;
padding:10px;
float:left;
display:inline;
margin:0 auto;
position:relative;
}
.col_menu {
width:350px;
padding:0px;
float:left;
display:inline;
margin:0 auto;
position:relative;
}
.col-grande {
padding:10px;
margin:0 auto;
}
#content p {
text-align: justify;
margin: 10px 0;
line-height:18px;
font-size: 0.9em;
}
#content h2 {
font-size: 2em;
font-family: "Myriad Pro", Trebuchet MS;
color: #002293;
clear: both;
margin:0 0 8px 0;
padding:5px 0 10px 0px;
border-bottom:1px dashed #002293;
}

#content h3 {
font-size: 1.6em;
font-family: "Myriad Pro", Trebuchet MS;
color: #002293;
margin:0 0 8px 0;
padding:5px 0 10px 0px;
border-bottom:1px dashed #002293;
width:auto;
}

#content a:link img, #content a:visited img {
border:1px solid #000;
padding:1px;
float:left; display:inline; margin:5px 3px;
}
#content a:hover img, #content a:active img {
border:1px solid #202020;
padding:1px;
}
#content h2.name {font-size:1.1em; margin:0; padding:0; border:none;}


/*-------------------------- FOOTER --------------------------*/
#footer {
clear:both;
background:url('../images/bg_footer.jpg') repeat-x;
width:920px;
height:150px;
text-align:right;
padding-top:10px;
position:relative;
}

#footer_b {
clear:both;
background: #FFF;
width:920px;
height:60px;
text-align:right;
padding-top:10px;
position:relative;
}

#footer h3 {
font-size: 1.8em;
font-family: "Myriad Pro", Trebuchet MS;
color: #202020;
margin:0 15px 10px 0;
padding:5px 0 10px 0px;
width:auto;
border:none;
}

.ico_map {
position:absolute;
right:15px;
top:30px;
}

.vcard {
position:absolute;
bottom:95px;
right:180px;
text-align:right;
z-index:2;
}

.politica {
	position:absolute;
	bottom:2px;
	right:19px;
	text-align:right;
	z-index:2;
}


/*-------------------------- FOOTER --------------------------*/
#subcontent {
position:absolute;
top:175px;
width:920px;
margin:0 10px;
height:220px;
padding:10px;
color:#000000;
font-family:"Myriad Pro",trebuchet MS;
}
#subcontent h2 {
color:#002392;
font-size: 2.2em;
font-family: "Myriad Pro", Trebuchet MS;
padding:0 0 10px 0;
margin:20px 0 10px 0;
border-bottom:1px solid #fff;
}

/* Lists */

ul.number {
margin:15px 15px 15px 35px;
font-size:90%;
}

ol.number {
margin:15px 15px 15px 35px;
font-size:125%;
}
ol.number li, ul.number li {
margin:5px 0px;
}
ol.number li span {
font-size:75%;
}
dl dt {
font-weight: bold;
margin:10px 10px 0px 10px;
padding: 0 0 0 10px;
background:url('../images/ico.png') 0px 8px no-repeat;
}
dl dd {
margin:6px 10px 0px 22px;
text-align: justify;
}
.col ul li {
font-size:80%;
margin:0 0 6px 15px;
padding: 0 0 0 20px;
background: url('../images/ico.png') 0px 8px no-repeat;
}

/* MOTOR */
/*----------------------------------------------------*/
#motor {
position:absolute;
top:380px;
width:100%;
}

#framereservation {
width:100%;
height:40px;
text-align:center;
}

#motor h3 {
font-size: 1.2em;
color: #fff;
clear: both;
margin:10px 0 0 10px;
font-weight:normal;
padding-bottom:15px;
}


/* Mapa */

.zoom {background: url('../images/zoom.png') no-repeat; padding-left:26px;}


/*-------------------------- OFERTAS --------------------------*/

#offers_es a:link, #offers_es a:visited, #offers_en a:link, #offers_en a:visited, #offers_fr a:link, #offers_fr a:visited, #offers_de a:link, #offers_de a:visited, #offers_it a:link, #offers_it a:visited {
	background:url('../images/bg_offers_es.jpg') no-repeat;
	display:block;
	text-indent:-100000px;
	width:105px;
	height:108px;
	position:absolute;
	right:-17px;
	bottom:-110px;
}
#offers_es a:hover, #offers_es a:active {
background:url('../images/bg_offers_es_hover.jpg') no-repeat;
}
#offers_en a:link, #offers_en a:visited {
background:url('../images/bg_offers_en.jpg') no-repeat;
}
#offers_en a:hover, #offers_en a:active {
background:url('../images/bg_offers_en_hover.jpg') no-repeat;
}
#offers_fr a:link, #offers_fr a:visited {
background:url('../images/bg_offers_fr.jpg') no-repeat;
}
#offers_fr a:hover, #offers_fr a:active {
background:url('../images/bg_offers_fr_hover.jpg') no-repeat;
}
#offers_de a:link, #offers_de a:visited {
background:url('../images/bg_offers_de.jpg') no-repeat;
}
#offers_de a:hover, #offers_de a:active {
background:url('../images/bg_offers_de_hover.jpg') no-repeat;
}

#offers_it a:link, #offers_it a:visited {
background:url('../images/bg_offers_it.jpg') no-repeat;
}
#offers_it a:hover, #offers_it a:active {
background:url('../images/bg_offers_it_hover.jpg') no-repeat;
}


/*-------------------------- PUNTUACION --------------------------*/
div#hsRating.hsRating {
border-top:none!important;
width:428px!important;
}
/*-------------------------- GRAFICO DISPONIBILIDAD --------------------------*/
#disponibilidad {
}

/*-------------------------- LANGUAGES --------------------------*/
#languages {
position: absolute;
top:30px;
right:20px;
padding:0;
font-weight:400;
z-index:3;
}

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


/*-------------------------- GLYDER PHOTO --------------------------*/
#photo {
	clear:both;
	width: 424px;
	height: 204px;
	position:absolute;
	left:37px;
	top:-10px;
}

#photo div.scroller {
width: 544px;
height: 242px;
overflow: hidden;
}
#photo div.scroller div.section {
width: 544px;
height: 242px;
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:8px;
}
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:5px;
background: #b3191f;
margin-right:1px;
color:#fff;
}

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

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