"utf-8"; /* CSS Document */ /* Theme Name: CSS inicial Author: Queli Version: 0.1 Description: CSS básico con arreglos y selectores pre-configurados. */ /********************************************** HACKS PARA IE ***********************************************/ /* Si tienes la necesidad de aplicar algn hack para IE6 utiliza este selector: */ /* Si necesitas aplicarlo a IE7 utiliza este: *:first-child+html {}*/ /***************************************************************** COMIENZO RESET PAGINAS Y REGLAS GENERALES ***********************************************/ /********************************************* ELEMENTOS PARA LIMPIAR POR COMPLETO EL HTML ***********************************************/ * { margin: 0; padding: 0; } /*** NEUTRALIZANDO ESTILOS: elementos con margen vertical: ***/ /*** Algunos ajustes basicos: ***/ sup { font-size:1.1em;} sub { font-size:1.1em; } li, dd, blockquote {margin:0} ul {list-style-type:none;} /*** LINKS: recuerda utilizar siempre la regla del LoVe-HAte a, a:link, a:visited, a:hover, a:active {}*/ a img{border: none; text-decoration: none;} a{color:#000; text-decoration:underline;} a:visited{color:#FFF;text-decoration:underline;} a:hover{color:#FFF; text-decoration:none; } img { border: none; text-decoration: none; /*Si añades un background aparecerá como fondo de la imagen, til para imágenes de carga*/ } .marco_imagen{padding:5px;border:1px solid #fece00; background:#fff2bd} /*** FORMULARIOS: ***/ label { cursor:pointer;vertical-align:top} button { cursor:pointer; } input, select, textarea { font-size: 11px; border:1px solid #b56844; background-color:#eeedec; padding:0px 2px; } select {border: 1px solid #999999;} input:focus, select:focus, textarea:focus { background-color: #FEEB99; } fieldset { border: none; } /*** TABLAS ***/ table { border-collapse:collapse; border-spacing:0;} /*** Algunas clases tiles: ***/ .float-left { float: left; } #pagina #content .float-right {float: right; } #pagina #content .align-left {text-align:left } .clear{clear:both;margin:0;padding:0; } .clear_2{clear:both;margin:0;padding:0;height:0;} .clear_position{position:relative;} .manolink{cursor:pointer;} .ocultar {display:none} .bloque {height:1em; display:block; margin:4px 0; } .fuerte{font-weight:bold;} /** HACK dar altura a elementos con contenido flotado */ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-block;} .clearfix {display:block;} * html .clearfix {height:1px;} /*LISTA ESTRUCTURAL DE COLUMNAS */ ul#columnas {width:100%; display:block;} ul#columnas li{display:block;float:left; margin:0;padding:0; border-bottom:none;} /* tipos de listas */ #pagina ul.lista{ list-style-type: none;} #pagina ul.lista li { display:list-item; float:none;} #general {width:890px;margin:0 auto} /***************************************************************** FIN RESET PAGINAS Y REGLAS GENERALES ***********************************************/ body{margin:5px;padding:0;text-align:center; background-color: #000;font:12px "Trebuchet MS",Verdana, Arial, sans-serif;} ul#menu-cabecera{list-style: none; padding:0; margin:0; color:#d75f2b; text-align:right; margin:4px 0 4px 0; font-size:11px;} ul#menu-cabecera li {display:inline;} ul#menu-cabecera li a, ul#menu-cabecera li a:link,ul#menuCabecera li a:visited {color:#b3aba8; text-decoration:none; } ul#menu-cabecera li a:hover {color:#d75f2b; text-decoration:underline; } /*--------------- INTERIORES -----------------------*/ #pagina-interiores {width:879px;} #cabecera-interiores { width:879px; margin-bottom:10px;} #barra-navegacion{height:17px;padding:4px 0 0 0 ;font-size:10px;margin-left:2px} #barra-navegacion li{display:inline;color:#000000;margin:0} #barra-navegacion li#estas_en{color:#757575;margin-left:10px} #barra-navegacion li a{color:#706663;text-decoration:none} #barra-navegacion li a:hover{text-decoration:underline} #contenido {width:700px; float:left; text-align:left; background-color:#FFFFFF; margin:0px; padding:0px;} #contenido p {color:#54504e; line-height:16px; margin:6px 0px 0px 0px;} #tit-interiores { background-image:url(/imagenes/interface/cabecera-hotel-san-roque.jpg); text-indent:-9999px; height:141px; width:879px; } #pie-general {clear:both; margin:0px; padding:0px;text-align:right} #pie-general p {color:#b2aaa7; font-size:10px;} #pie-contenido { background-color:#b2aaa7; clear:both;} #pie-contenido p {color:#000000; font-size:10px; padding:2px 0px 1px 30px;} .font12px { font-size:12px;} /*---- MENU LATERAL -----*/ #menu-lateral {width:170px; height:auto; text-align:left; float:left; margin:0px 9px 0px 0px; padding:25px 0px 0px 0px; background-color:#FFFFFF;} #menu-lateral li a:link, #menu-lateral li a:visited, #menu-lateral li a:hover{height:25px;margin:0px; padding:0px;text-indent:-9999px; background-repeat:no-repeat; text-align:left; display:block;} #menu-lateral-hotel a:link, #menu-lateral-hotel a:visited {background-image:url(/imagenes/interface/menu/btn-hotel-off.gif);} #menu-lateral-hotel a:hover, #menu-lateral-hotel.selected a{background-image:url(/imagenes/interface/menu/btn-hotel-on.gif);} #menu-lateral-instalaciones a:link, #menu-lateral-instalaciones a:visited {background-image:url(/imagenes/interface/menu/btn-instalaciones-off.gif);} #menu-lateral-instalaciones a:hover,#menu-lateral-instalaciones.selected a{background-image:url(/imagenes/interface/menu/btn-instalaciones-on.gif);} #menu-lateral-situacion a:link, #menu-lateral-situacion a:visited {background-image:url(/imagenes/interface/menu/btn-situacion-off.gif);} #menu-lateral-situacion a:hover,#menu-lateral-situacion.selected a{background-image:url(/imagenes/interface/menu/btn-situacion-on.gif);} #menu-lateral-entorno a:link, #menu-lateral-entorno a:visited {background-image:url(/imagenes/interface/menu/btn-entorno-off.gif);} #menu-lateral-entorno a:hover, #menu-lateral-entorno.selected a{background-image:url(/imagenes/interface/menu/btn-entorno-on.gif);} #menu-lateral-enlaces a:link, #menu-lateral-enlaces a:visited {background-image:url(/imagenes/interface/menu/btn-enlaces-off.gif);} #menu-lateral-enlaces a:hover, #menu-lateral-enlaces.selected a{background-image:url(/imagenes/interface/menu/btn-enlaces-on.gif);} #menu-lateral-eventos a:link, #menu-lateral-eventos a:visited {background-image:url(/imagenes/interface/menu/btn-eventos-off.gif);} #menu-lateral-eventos a:hover, #menu-lateral-eventos.selected a{background-image:url(/imagenes/interface/menu/btn-eventos-on.gif);} #menu-lateral-restaurante a:link, #menu-lateral-restaurante a:visited {background-image:url(/imagenes/interface/menu/btn-restaurante-off.gif);} #menu-lateral-restaurante a:hover, #menu-lateral-restaurante.selected a{background-image:url(/imagenes/interface/menu/btn-restaurante-on.gif);} #menu-lateral-catering a:link, #menu-lateral-catering a:visited {background-image:url(/imagenes/interface/menu/btn-catering-off.gif);} #menu-lateral-catering a:hover, #menu-lateral-catering.selected a{background-image:url(/imagenes/interface/menu/btn-catering-on.gif);} #menu-lateral-empresas a:link, #menu-lateral-empresas a:visited {background-image:url(/imagenes/interface/menu/btn-reuniones-off.gif);} #menu-lateral-empresas a:hover, #menu-lateral-empresas.selected a{background-image:url(/imagenes/interface/menu/btn-reuniones-on.gif);} #menu-lateral-prensa a:link, #menu-lateral-prensa a:visited {background-image:url(/imagenes/interface/menu/btn-prensa-off.gif);} #menu-lateral-prensa a:hover, #menu-lateral-prensa.selected a{background-image:url(/imagenes/interface/menu/btn-prensa-on.gif);} #menu-lateral-habitaciones a:link, #menu-lateral-habitaciones a:visited {background-image:url(/imagenes/interface/menu/btn-habitaciones-off.gif);} #menu-lateral-habitaciones a:hover,#menu-lateral-habitaciones.selected a {background-image:url(/imagenes/interface/menu/btn-habitaciones-on.gif);} #menu-lateral-relax a:link, #menu-lateral-relax a:visited {background-image:url(/imagenes/interface/menu/btn-relax-monacal-off.gif);} #menu-lateral-relax a:hover, #menu-lateral-relax.selected a{background-image:url(/imagenes/interface/menu/btn-relax-monacal-on.gif);} #menu-lateral-tarifas a:link, #menu-lateral-tarifas a:visited {background-image:url(/imagenes/interface/menu/btn-tarifas-off.gif);} #menu-lateral-tarifas a:hover, #menu-lateral-tarifas.selected a{background-image:url(/imagenes/interface/menu/btn-tarifas-on.gif);} #menu-lateral-ofertas a:link, #menu-lateral-ofertas a:visited {background-image:url(/imagenes/interface/menu/btn-ofertas-off.gif);} #menu-lateral-ofertas a:hover, #menu-lateral-ofertas.selected a{background-image:url(/imagenes/interface/menu/btn-ofertas-on.gif);} #menu-lateral-contacto a:link, #menu-lateral-contacto a:visited {background-image:url(/imagenes/interface/menu/btn-contacto-off.gif);} #menu-lateral-contacto a:hover, #menu-lateral-contacto.selected a{background-image:url(/imagenes/interface/menu/btn-contacto-on.gif);} #info-contacto-menu { height:151px; background-image:url(/imagenes/interface/menu/img-inferior-menu.gif); background-position:top; background-repeat:no-repeat;}