* ,form {margin:0;padding:0}
html{background: #7B8DAB}
body {text-align: center;background: #7B8DAB url(../images/background-body.gif) repeat-y center;font-family: Arial, Helvetica, sans-serif}	
html {font-size: 100%}
body {font-size: 0.75em; }
#contenedor {margin: 0 auto;width:772px;text-align:center;background: #FFF;font-size:120%}
#interface {color:#333;width:772px;padding:11px 0 0;text-align:left !important;}
/* HEADER */
#header {text-align:left;margin:0;padding:5px 0 0;width:772px;height:84px;background-image: url(../images/fondoh1.gif);background-repeat: no-repeat}
#header h1 {position:absolute;margin:10px 0 0 2px;z-index:1;display: block;height:64px;width:300px;background: url(../images/logo_h1.gif) top left no-repeat;}
#header h1 a {outline:none}
#logo_h1 {display: block;height:64px;width:300px;text-indent: -999em;text-decoration: none}
#accesosheader {float:right;margin:12px 5px 0 0}
#accesosheader li {padding:0 .6em 0 .4em;display:inline;font-size:0.65em;color:#333;border-right:1px solid #bbb}
#accesosheader li A {color:#333;text-decoration:none}
#accesosheader li A:hover {color:#FF9900}
#idiomas {width:auto;float:right;clear:both; margin-top:10px; position:relative}
#idiomas li {display:inline}
#idiomas li#engver {float:right;margin:20px 4px 0 0;padding-left:8px ;background:url(../images/bullet-flecha.gif) left center no-repeat}
#idiomas #engver a {font-size: 0.7em;font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#F90; text-decoration:none}
#idiomas #engver a:hover {text-decoration:underline;color:#666}
#idiomas #btnImpr{position:absolute;top:135px;right:0;_top:130px}
*+html #idiomas #btnImpr {top:128px}
#idiomas #btnImpr a {color:#f90;text-decoration:none;background:url(../images/imprimir.gif) 0 0 no-repeat;font-size:.76em;padding:0 0 5px 20px; display:block}
#contenedor #btnImpr a:hover {text-decoration:underline}
#salta {position: absolute; top: -4em; display: none}
* html #salta {display: block; position: absolute; top: -4em; left: 0; z-index: 0}
html:not([tonto]) #salta {display: block; position: absolute; top: -4em; left: 0; z-index: 0} 
#salta a {padding: 0 0.5em; left: 0; width:9em; z-index: 0}
#salta a:focus, #salta a:active {font-size: 0.7em;z-index: 2; background: white; color: black; border: 1px solid black; text-decoration: none; position: absolute; top: 6.5em; left: 0}
.active {color:#fff !important}
/* MENU PPAL */
#menu {text-align:left;background: url(../images/back-menu.gif) 0 0 no-repeat;margin:0; padding:0}
#menu ul {font-size:0.65em;padding:2px 1px;_padding:2px 0; float: left; list-style:none; height:24px}
#menu li {float:left;height:24px; text-indent:-3000px}
#llevamea {float:right; width:255px}
#llevamea #sellleva {background-color:#F2F1EA; font-size:.7em; width: 152px; height:17px;color:#343235; border:1px solid #7f9eba; margin:5px 0 0 70px; padding:0; float:left}
#llevamea input { margin:4px 2px 0 3px; text-indent:-2000px; line-height:200%; width:24px; height: 20px; background:url(../images/btn_ir.gif) 0 0 no-repeat; border:none}
#menu li a {display:block; height:100%; outline:none}
#menu li#h a{width: 67px; background:url(../images/li-hoteles.gif) 0 0 no-repeat}
#menu li#o a{width: 65px; background:url(../images/li-ofertas.gif) 0 0 no-repeat}
#menu li#r a{ width: 76px; background:url(../images/li-reservas.gif) 0 0 no-repeat}
#menu li#g a{ width:65px; background:url(../images/li-grupos.gif) 0 0 no-repeat}
#menu li#go a{ width:48px; background:url(../images/li-golf.gif) 0 0 no-repeat}
#menu li#s a{ width:66px; background:url(../images/li-salones.gif) 0 0 no-repeat}
#menu li#w a{ width:53px; background:url(../images/li-spa.gif) 0 0 no-repeat}
#menu li#n a, #menu li#v a { width:67px; background:url(../images/li-videos.gif) 0 0 no-repeat}
#contenedor #menu li a:hover , #contenedor #menu li a.active { background-position: 0 100%}
/******************************* selmenu (SELECT MENU) *******************************/
.selmenu {position:relative;padding:0px;margin:0px}
.selmenu .selmenutitulo, .selmenu .selmenulista	{position:relative;padding:2px;margin:0px;border:1px solid #B6BB68;background:white}
#sel1, #sel1 .selmenutitulo, #sel1 .selmenulista {width:125px}
#sel2, #sel2 .selmenutitulo, #sel2 .selmenulista {width:200px}
.selmenu .selmenutitulo	{font-size:10px;font-weight:bold}
.selmenu .selmenulista {font-size:10px;font-weight:bold;list-style-type:none}
.selmenu .selmenulista li{display:inline}
.selmenu .selmenulista li a{color:#B6BB68;text-decoration:none}
.selmenu .selmenulista li a:hover{background:#B6BB68;color:white}
/* LATERAL */
#lateral-izqd {float:left;width:180px;padding:0 2% 26px 0;margin:0 6px 0 0;font-size:0.75em; overflow: hidden}
#lateral-izqd ul {list-style: none}
#lateral-dcho {color:#333;float:right;width:190px;padding:0 0 0 ;font-size:0.75em;display:block;margin-left:7px}
.bloque-dcha {margin:3px auto 20px;clear:both} 
.bloque-izqda {padding:0.5em 0em 1em 1em !important;clear:both}
.bloque-izqda.logos {padding:5px 0 10px 5px !important}
/* LATERAL DE LA PAGINA DE OPINION */
#lateral-izqd2 {float:left;width:193px;padding:0 2% 26px 0;margin:0 6px 0 0;font-size:0.75em; overflow: hidden}


/* CONTENIDO */
#general {width:772px;margin:0;padding:0}
#menu A, #general.backhome A {color:#5F5F5F;text-decoration:none}
#general #contenido a, #general.backhome a:hover {color:#5F5F5F}
#general #contenido A:hover {text-decoration: none}
#general a img {border:0 !important}
#general #contenido a.naranja {color:#FF9900}
.backhome {background-image:url(../images/back-home.gif) !important;background-position:top;background-repeat:repeat-y}
.backother {background-image:url(../images/back-other.gif) !important;background-position:top;background-repeat:repeat-y}
#contenido {color: #5F5F5F;font: 0.75em Tahoma, Arial, Helvetica, sans-serif;float:left;width: 555px;text-align:left;margin-left:10px;overflow:hidden}
* html #contenido {margin-left:25px;marg\in-left: 10px}
#contenido H3 {color: #FF9900;font-size:1.2em; margin: 0.6em 0 0;_margin: 2em 0 1em 0.5em;}	
#contenido H3.h3Sup {margin: 0.6em 0 0;_margin: 0.3em 0 1em 0.5em;}
#contenido H3.h3Sup .no-negr {font-weight:normal}
#contenido h4 {color: #FF9900;font-size:1.2em; margin: 0.6em 0 0;}	
#contenido h5 {font-size: 1em} 
#contenido P, #contenido UL, #contenido OL {margin: 0.8em 3em}
#contenido.detalleHotel h3 {margin:20px 0 0 3px}
/* PIE */
#contenedor-footer {clear:both;height:45px;background-image:url(../images/background-footer.gif);background-repeat: repeat-y;background-position: center;margin:30px auto}
#footer {margin: 0 auto;width:772px;text-align:left;background-color:#E9E8DF;overflow:hidden; height:60%}
#footer p {color:#686867; font: normal 0.9em Arial, Helvetica, sans-serif; float:left;margin:6px 10px;_margin:6px 5px}
#footer p a {color: #686867;text-decoration:none}
#footer p a:hover {text-decoration:underline}
#footer span {border-right:1px solid #bbb;padding-right:10px;margin-right:8px}
#footer .der {float:right}