@charset "utf-8"; /* Theme Name: CSS inicial Author: Queli Version: 0.1 Description: CSS básico con arreglos y selectores pre-configurados. */ /** HACKS PARA IE ***/ /* IE6 ---> * html IE7 ---> *:first-child+html Opera 9 y anteriores: html:first-child */ /***** COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS ****/ * { margin: 0; padding: 0; } sup { font-size:0.8em;} sub { font-size:0.8em; } ul {list-style-type:none;} a img { border: none; 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*/ } .marcoImagen{padding:5px;border:1px solid #1f8620; background:#bdbdbd} /*** igualar las fuentes a todos los elementos ***/ h1, h2 , h3, h4, h5{ font-size:100%; font-weight:bold;} /*** TABLAS ***/ table { width:100%; border-collapse:collapse; border-spacing:0;} /** 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;} .float-left { display:inline; float: left; } .float-right { display:inline; float: right; } .clear{clear:both;margin:0;padding:0; } .clear_2{clear:both;margin:0;padding:0;height:0;} .clear_position{position:relative;} acronym {border:0} .manolink{cursor:pointer;} .ocultar {display:none} .bloque {height:1em; display:block; margin:4px 0; } .fuerte{font-weight:bold;} #pagina .noBorder {border:0;} /*LISTA ESTRUCTURAL DE COLUMNAS */ #content { display:block; position:relative;z-index:100; overflow:hidden; padding-top:35px; padding-right:22px; padding-left:14px; } #content .contenido { padding-bottom:23px; } * html #content{overflow:visible;} #content img { } #content li { display:inline; float:none } #content div.videoMedia { border:none; padding:4px 5px; } #pagina .center {text-align:center} /*** igualar las columas ***/ /**#pagina #column1, #pagina #column2 {float:left; margin-bottom:-20000px; padding-bottom:20000px; } **/ /* solo queda maquetar el ancho de cada columna dentrode cada interior #column_2{ width:47%;} #column_3{ width:28%;} */ #pagina #column_1 { float:left; width:58%;} #pagina #column_2 { float:right; width:40%;} /***** FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS ****/ /********************************************** ESTRUCTURA DE LA PAGINA ***********************************************/ body{margin:0;padding:0;background:#d3d3d3 url(/imagenes/comunes/fondos/fnd-pagina.png) repeat-x;text-align:center; font-size:100%;} h1 { cursor:pointer; position:relative; left:0px; top:0; height:176px; text-indent:-9999px; background:url(/imagenes/interface/logo.png) no-repeat -1px -1px ; } /* el width de la pagina se ajusta en pixeles con el tamaño del screen cortado en photoshop */ #pagina{position:relative; margin:10px auto 0 auto; width:927px; border:6px solid #fff; border-bottom:0; text-align:left; background-color:#fff; } #pagina p {line-height:16px; margin-bottom:8px;} #header{position:relative; background:#1e8720 url(/imagenes/comunes/fondos/fnd-cabecera.png) repeat-x } #subHeader{background:#1e8720; } #subHeader .media { position:absolute; top:53px; right:12px; border-top:5px solid #fff; border-right:6px solid #fff; border-bottom:5px solid #fff; border-left:6px solid #fff;} #subHeader .mini-contacto { height:133px; text-indent:-99999px; background:url(/imagenes/comunes/fondos/fnd-mini-contacto.png) no-repeat; } #footer{ position:relative; height:88px; margin-top:23px; background:#bdbdbd; } #footer .der{ position:absolute; top:16px; right:11px; } #footer .der span, #footer .der a{ display:block; } #footer .der a:link, #footer .der a:visited { color:#12636a; } #footer .der a:hover { color:#12636a; } #footer .izq{ position:absolute; top:16px; left:14px; } /*** TEXTOS *****/ #pagina{ font: normal 0.69em 'Trebuchet MS', Helvetica, sans-serif; color:#202223; } #pagina .subtitular {color:#620F6E; font-weight:bold;} #pagina .titular {color:#620F6E; font-weight:bold;} /***** LISTAS MENUS ****/ /* Lista para el migas */ ul#migas {height:22px; padding:8px 0 30px 30px; font-size:0.91em; background:#f6f6f6} #migas li { color:#6a645a; float:left;} #migas #estas_en{color:#a59f95;} #migas strong { margin-left:4px; font-weight:normal;} /*enlaces para el camino de migas */ #migas li a:link, #migas li a:visited{color:#6a645a; text-decoration:none;} #migas li a:hover {text-decoration:underline;} #migas { margin-bottom:0; padding-left:0;} /* Lista menu utilidades */ #nav_utilidades{ position:absolute; float:right; top:0; right:10px; height:16px; margin-top:3px; list-style-type:none; text-align:right; padding:3px 0 0 0; } #nav_utilidades li{display:block; float:left; height:16px; margin:0;padding:0; } #nav_utilidades li a img{padding-top:3px; margin-right:4px} #nav_utilidades li a:link, #nav_utilidades li a:visited {margin-right:7px; padding-right:10px; color:#585a60; font-size:1em; font-weight:normal; text-decoration:none; background:url(/imagenes/comunes/iconos/ico-nav-utilidades-separator.png) no-repeat 100% 6px;} #nav_utilidades li a.ultimo:link, #nav_utilidades li a.ultimo:visited { margin-right:0; padding-right:0; background:none;} #nav_utilidades li a:hover {text-decoration:underline} #nav_utilidades li span { display:none; } #nav_utilidades li span.none {padding:0; background:none;} /* menu principal */ #nav_principal { line-height:17px; background: url(/imagenes/comunes/fondos/fnd-menu-principal.png) repeat-x;} #nav_principal li { display:block; float:left; } #nav_principal li a {text-indent:-99999px;} #menuInicio{display:block; width:71px;height:29px;background:url(/imagenes/interface/menu/btn-inicio-off.gif);} #menuInicio:hover, #menuInicioOff{display:block; width:71px;height:29px; background:url(/imagenes/interface/menu/btn-inicio-on.gif);} #menuEmpresa{display:block; width:87px;height:29px;background:url(/imagenes/interface/menu/btn-empresa-off.gif);} #menuEmpresa:hover, #menuEmpresaOff{display:block; width:87px;height:29px; background:url(/imagenes/interface/menu/btn-empresa-on.gif);} #menuObrasRealizadas{display:block; width:131px;height:29px;background:url(/imagenes/interface/menu/btn-obras-realizadas-off.gif);} #menuObrasRealizadas:hover, #menuObrasRealizadasOff{display:block; width:131px;height:29px; background:url(/imagenes/interface/menu/btn-obras-realizadas-on.gif);} #menuServicios{display:block; width:85px;height:29px;background:url(/imagenes/interface/menu/btn-servicios-off.gif);} #menuServicios:hover, #menuServiciosOff{display:block; width:85px;height:29px; background:url(/imagenes/interface/menu/btn-servicios-on.gif);} #menuCatalogo{display:block; width:87px;height:29px;background:url(/imagenes/interface/menu/btn-catalogo-off.gif);} #menuCatalogo:hover, #menuCatalogoOff{display:block; width:87px;height:29px; background:url(/imagenes/interface/menu/btn-catalogo-on.gif);} #menuContacto{display:block; width:87px;height:29px;background:url(/imagenes/interface/menu/btn-contacto-off.gif);} #menuContacto:hover, #menuContactoOff{display:block; width:87px;height:29px; background:url(/imagenes/interface/menu/btn-contacto-on.gif);} /*** submenu del principal ***/ #nav_principal ul {display:none;position:absolute; top:245px; left:0;} #nav_principal ul li a:link, #nav_principal ul li a:visited {background:#e7e0d6; font-weight:normal; color:#660066;} #nav_principal ul li a:hover, #nav_principal ul li a#menu_select a {text-decoration:underline;} #nav_principal li.primer li a:link { padding-left:17px; background:#e7e0d6;} #nav_principal li#menu_select ul a , #nav_principal li#menu_select ul a:hover {color:#660066;} #nav_principal li#menu_select ul a.select {text-decoration:underline} /*** Lista interiores ***/ ul.lista-interior {text-align:justify;} ul.lista-interior {width:80%; margin-bottom:10px; padding:15px 0 10px 27px; color:#928c81;} #pagina ul.lista-interior li { float:none; padding-left:15px; background:url(/imagenes/comunes/iconos/ico-lista-cuadrado.png) no-repeat 0 5px; } /*** lista interior en forma de DT ***/ dl.lista-interior {text-align:justify;} dl.lista-interior ul.lista-interior { padding-top:0; padding-bottom:0} dl.lista-interior dt { margin-bottom:5px; font-weight:bold; color:#660066;} dl.lista-interior dt.ultimo {margin-top:20px;} dl.lista-interior-cuadro dt { margin-top:5px; margin-bottom:8px; padding-left:12px; font-weight:normal; color:#938d81; background:url(/imagenes/comunes/iconos/ico-lista-cuadrado.png) no-repeat 0 5px;} dl.lista-interior-cuadro dd { padding-left:34px; color:#6a645a; font-size:1em; background:url(/imagenes/comunes/iconos/ico-guion-parrafo.png) no-repeat 25px 8px;} #pagina dl.lista-interior dd p { margin-bottom:0; padding-left:10px; background:url(/imagenes/comunes/iconos/ico-guion-parrafo.png) no-repeat 0 8px;} /*** columnas interior ***/ .columnas-interior {margin-bottom:8%;} .columnas-interior li {width:46%; margin-right:7.5%;} .columnas-interior li.ultimo {margin-right:0} .columnas-interior li h4, .columnas-interior li dt {margin-bottom:4px;} .columnas-interior li dd { margin-bottom:10px;} #pagina .columnas-interior li dd p { margin-bottom:0; padding-left:10px; background:url(/imagenes/comunes/iconos/ico-guion-parrafo.png) no-repeat 0 8px;} .columnas-interior li h4 {font-weight:bold; font-size:1.09em; color:#660066;} .columnas-interior li dt {font-weight:bold; color:#a064a0;} /*** Galeria ***/ p.galeria { margin-bottom:20px; } p.galeria a { float:left; width:150px; margin-right:10px; font-size:0.9em; text-decoration:none; color:#5c676e; } p.galeria a img { display:block; margin-bottom:7px; } p.galeria a.ultimo { margin-right:0 } /*** ***/ dl.textoDescripcion dt { margin-bottom:5px; font-weight:bold; color:#0e2c6b;} /*** Estructuras Comunes ***/ dl.fotoDescripcion {margin-top:42px; padding-bottom:20px; background:url(/imagenes/comunes/fondos/fnd-puntos.png) repeat-x 0 100%} dl.fotoDescripcion dt { float:left; width:28%;} dl.fotoDescripcion dd { float:left; width:66%; padding-left:20px; background:url(/imagenes/comunes/iconos/ico-flecha-morada.png) no-repeat 0 4px } dl.fotoDescripcion dd strong {display:block; margin-bottom:8px; font-weight:normal} dl.fotoDescripcion dd h3 { margin:0 0 8px 0; font-weight:bold; font-size:1.18em; color:#620f6e;} dl.fotoDescripcion dd dl.linea dt {display:inline; float:none; font-weight:bold; color:#6a645a;} dl.fotoDescripcion dd dl.linea dd {display:inline; float:none; padding:0; background:none;} dl.fotoDescripcion dd dl.linea2 dt {display:inline; float:none; font-weight:normal; color:#660066;} dl.fotoDescripcion dd dl.linea2 dd {display:inline; float:none; padding:0; background:none;} /*** paginaciones ***/ p.paginacion { width:35%; position:relative; left:63.5%; top:0; padding:3px 6px; font-weight:normal; color:#626262; background-color:#eaeaea; text-align:center;} p.paginacion strong{ color:#f05d1b;} p.paginacion a{ color:#919191;} p.paginacion .paginacion {position:absolute; right:0pt;width:40%;} p.paginacion strong.total {left:0pt; position:absolute;width:10%;} p.paginacion a.anterior:link, p.paginacion a.anterior:visited { position:absolute; left:6px; font-weight:normal; } p.paginacion a.anterior:hover { position:absolute; left:6px; font-weight:normal; } p.paginacion a.siguiente:link, p.paginacion a.siguiente:visited { position:absolute; right:6px; font-weight:normal; } p.paginacion a.siguiente:hover { position:absolute; right:6px; font-weight:normal; } /*** estructuras columas como un periodico de texto ***/ dl.columnasPeriodico { width:95%; text-align:justify;} dl.columnasPeriodico dd { width:46%; float:left;} dl.columnasPeriodico dd.ultimo { width:48%; float:right;} /*** submenu ***/ .menuLateral { padding:20px 0 132px 22px; background:#bdbdbd;} .menuLateral a:link, .menuLateral a:visited { display:block; border-bottom:1px solid #fff; padding:6px 8px 6px 16px; font-weight:bold; color:#5f5f5f; } .menuLateral a:hover, .menuLateral a.select {display:block; font-weight:bold; color:#000; background:#fff url(/imagenes/comunes/iconos/ico-flecha-menu.png) no-repeat 95% 12px; } /******************************************** ENLACES **********************************************/ /* generales */ a:link, a:visited { font-weight:bold; font-family:inherit; font-size:1.09em; color:#ee5107; } a:hover{ text-decoration:none;} a.fuerte:link, a.fuerte:visited { width:15em; padding:2px; font-weight:bold; font-family:inherit; font-size:1.09em; text-align:center; color:#fff; background:#f36716; } a.fuerte:hover{ text-decoration:none;} /* menu pricipal */ a.descargar:link ,a.descargar:visited{background:url(/estilos/imagenes/ico_pdf.gif) no-repeat; font-size:1em; display:block; padding:2px 4px 4px 25px; font-size:0.9em } a.verMas {padding-left:20px; background:url(/imagenes/comunes/iconos/ico-todas.gif) no-repeat 0 4px;} a.pdf {padding-left:23px; background:url(/imagenes/comunes/iconos/ico-pdf.png) no-repeat 0 4px;} a.volver {position:absolute; top:0; right:3.5%; padding:3px; background-color:#e7e0d6;} a.vistaAerea {display:block; width:7.5em; height:18px; margin-top:13px; padding:3px 1px 0px 30px; background:#25801f url(/imagenes/comunes/iconos/ico-vista-aerea.png) no-repeat 3px;} /***** reglas css particulares a cada proyecto ***/ /*** ayudamos con tu evento ***/ #ayudamos-evento { margin-bottom:16px } #ayudamos-evento h2 { height:35px; text-indent:-99999px; background:url(/imagenes/comunes/titulos/tit-te-ayudamos-con-tu-evento.png) no-repeat 0 0; } #ayudamos-evento dt { float:left; width:30%; } #ayudamos-evento dd { float:left; width:66%; } #ayudamos-evento dd a { display:block; margin-bottom:5px; } /*** delegacion principal - si no es por programacion ***/ /* #delegacionPrincipal { width:343px; height:81px; text-indent:-99999px; background:url(/imagenes/delegaciones/img-delegacion-norte.jpg) no-repeat 0 0; } */ #delegacionPrincipal { width:343px; height:81px; border:1px solid #a7a7a7; } #delegacionPrincipal h2 { text-indent:-99999px; background:url(/imagenes/comunes/titulos/tit-delegacion-norte.png) no-repeat 0 0; } #delegacionPrincipal p { } #delegacionPrincipal .roeder { display:block;float:right; width:97px; height:52px; text-indent:-99999px; background:url(/imagenes/delegaciones/roder.png) no-repeat 0 0; } #delegacionPrincipal .matork { display:block; float:right; width:104px; height:52px; text-indent:-99999px; background:url(/imagenes/delegaciones/matork.png) no-repeat 0 0; }