body { background-color: red; color: gray; font-size: 12px; font-family: Helvetica, Arial, Tahoma, sans serif; text-align: center; margin-top: 20px; margin-left: 0px; line-height: 1.5em; } /*--------- ANCLAS -----------*/ #caja_idiomas a { color: white; font-size: 12px; text-decoration: none; } #caja_idiomas a:hover { color: black; text-decoration: none; } #menu_principal a { color: white; font-size: 13px; text-decoration: none; } #menu_principal a:hover { color: black; text-decoration: none; } #pagina #direccion_inferior a { color: white; font-size: 11px; text-decoration: underline; } #pagina #direccion_inferior a:hover { color: white; font-size: 11px; text-decoration: none; } #pagina #direccion_inferior_facebook a { color: white; font-size: 11px; text-decoration: none; } #pagina #cabecera #pestanas_cabecera a { color: white; font-size: 13px; text-decoration: none; } #pagina #cabecera #pestanas_cabecera a:hover { color: black; text-decoration: none; } #pagina #contenido_home #botonera_agencias a { color: white; font-size: 13px; text-decoration: none; } #pagina #contenido_home #botonera_agencias a:hover { color: black; text-decoration: none; } #pagina #botonera_servicios a { color: gray; font-size: 12px; text-decoration: none; line-height: 2.5em; } #pagina #botonera_servicios a:hover { color: red; text-decoration: none; line-height: 2.5em; } #pagina #botonera_home a { color: gray; font-size: 12px; text-decoration: none; line-height: 1.4em; } #pagina #botonera_home a:hover { color: red; text-decoration: none; line-height: 1.4em; } #pagina #botonera_inferior a { color: white; font-size: 11px; text-decoration: none; } #pagina #botonera_inferior a:hover { color: black; text-decoration: none; } #pagina #contenido_descargas a { color: gray; font-size: 11px; text-decoration: underline; } #pagina #contenido_descargas a:hover { color: red; text-decoration: underline; } #pagina #contenido_news a { color: red; font-size: 12px; text-decoration: underline; } #pagina #contenido_news a:hover { color: gray; text-decoration: underline; } #pagina a.email { font-size: 12px; } .email { color: red; } /*--------- PAGINA -----------*/ #pagina { margin: 0 auto; text-align: left; width: 900px; background-color: red; border: 12px solid white; padding: 20px 40px; } /*--------- DIV CABECERA -----------*/ #pagina #cabecera { margin: 0 auto; text-align: left; height: 125px; margin-bottom: 0px; background-color: red; background-image: url(img/cabecera.gif); background-repeat: no-repeat; border-bottom: 1px dotted white; } #pagina #cabecera #presupuesto { height: 30px; } #pagina #caja_idiomas { height: 20px; } #pagina #caja_idiomas2 { position: relative; left: 710px; } /*--------- CABECERA - MENU -----------*/ #pagina #cabecera #botonera_cabecera { position: relative; left: 665px; top: 0px; } #pagina #cabecera #botonera_cabecera li { list-style:none; width: 181px; height: 33px; line-height: 2.5em; position: relative; top: 0px; background-image: url(img/pestana_gris.gif); margin-top: 2px; } /*--------- BOTON - AGENCIAS -----------*/ #pagina #botonera_agencias { background-image: url(img/pestana_roja.gif); background-repeat: no-repeat; list-style:none; width: 245px; height: 85px; line-height: 2.5em; position: relative; top: 0px; margin-top: 2px; line-height: 1.3em; padding-top: 8px; } #pagina #botonera_agencias #caja_botonera_agencias { position: relative; height: 60px; width: 150px; top: 0px; left: 0px; float: right; } /*--------- DIV MENU PRINCIPAL -----------*/ #pagina #menu_principal { } #pagina #menu_principal { position: relative; top: -1px; text-align: left; } #pagina #menu_principal li { display: inline; list-style: none; margin-left: -5px; } /*--------- CABECERA - FOTO CABECERA-----------*/ #pagina #foto_cabecera { height: 250px; border-top: 0px solid white; background-color: white; } #pagina #foto_cabecera_agencia { height: 180px; border-top: 0px solid white; background-color: white; background-image: url(img/foto_agencia.jpg); } #pagina #foto_cabecera_contacto { height: 250px; border-top: 0px solid white; background-color: white; background-image: url(img/foto_contacto.jpg); } #pagina #foto_cabecera_imprenta { height: 250px; border-top: 0px solid white; background-color: white; background-image: url(img/foto_imprenta.jpg); } #pagina #foto_cabecera_imprenta_ingles { height: 250px; border-top: 0px solid white; background-color: white; background-image: url(img/foto_imprenta_ingles.jpg); } #pagina #foto_cabecera_web { height: 250px; border-top: 0px solid white; background-color: white; background-image: url(img/foto_web.jpg); } #pagina #foto_cabecera_web_ingles { height: 250px; border-top: 0px solid white; background-color: white; background-image: url(img/foto_web_ingles.jpg); } #pagina #foto_cabecera_diseno { height: 250px; background-color: white; background-image: url(img/foto_diseno.jpg); } #pagina #foto_cabecera_diseno_ingles { height: 250px; background-color: white; background-image: url(img/foto_diseno_ingles.jpg); } #pagina #foto_cabecera_maquinaria { height: 250px; border-top: 0px solid white; background-color: white; background-image: url(img/foto_maquinaria.jpg); } #pagina #foto_cabecera_servicios { height: 180px; background-color: white; background-image: url(img/foto_preimpresion.jpg); } #pagina #foto_cabecera_servicios_ingles { height: 180px; background-color: white; background-image: url(img/foto_preimpresion_ingles.jpg); } #pagina #foto_cabecera_post_produccion { height: 250px; background-color: white; background-image: url(img/foto_post_produccion.jpg); } #pagina #foto_cabecera_reparto { height: 250px; background-color: white; background-image: url(img/foto_reparto.jpg); } #pagina #foto_cabecera_diseno_web { height: 250px; background-color: white; background-image: url(img/foto_diseno_web.jpg); } #pagina #foto_cabecera_newsletter { height: 250px; background-color: white; background-image: url(img/foto_newsletters.jpg); } #pagina #foto_cabecera_blogs { height: 250px; background-color: white; background-image: url(img/foto_blogs.jpg); } #pagina #foto_cabecera_posicionamiento { height: 250px; background-color: white; background-image: url(img/foto_posicionamiento.jpg); } /*--------- CONTENIDO -----------*/ #pagina #contenido { margin: 0 auto; text-align: left; background-color: white; } #pagina #contenido_home { margin: 0 auto; text-align: left; background-color: white; background-image: url(img/fondo_home.gif); background-repeat: no-repeat; } #pagina #contenido_news { margin: 0 auto; text-align: left; background-image: url(img/fondo_news.jpg); background-repeat: no-repeat; } #pagina #contenido_servidrop { margin: 0 auto; text-align: left; background-image: url(img/fondo_sevidrop.jpg); background-repeat: no-repeat; } #pagina #contenido_prensa { margin: 0 auto; text-align: left; background-color: white; background-image: url(img/foto_noticia1.jpg); background-repeat: no-repeat; background-position: right top; } #pagina #contenido_digital { margin: 0 auto; text-align: left; background-color: white; background-image: url(img/fondo_digital.jpg); background-repeat: no-repeat; border-top: 0px solid white; } #pagina #contenido_descargas { margin: 0 auto; text-align: left; background-color: white; background-image: url(img/fondo_descargas.jpg); background-repeat: no-repeat; } #pagina #contenido_clientes { margin: 0 auto; text-align: left; background-color: white; background-image: url(img/foto_clientes.jpg); background-repeat: no-repeat; } #pagina #contenido_preimpresion { margin: 0 auto; text-align: left; background-color: white; background-image: url(img/fondo_preimpresion_ingles.jpg); background-repeat: no-repeat; } #pagina #contenido_maquinaria { margin: 0 auto; text-align: left; background-color: white; background-image: url(img/fondo_imprenta.jpg); background-repeat: no-repeat; } #pagina #contenido_portfolio { margin: 0 auto; text-align: left; height: 520px; border-bottom: 1px solid white; border-top: 1px solid white; } /*--------- CONTENIDO - CAJA IZQUIERDA -----------*/ #caja_izq_publicidad { float: left; width: 200px; margin-bottom: 5px; } #caja_izq_preimpresion { float: left; width: 640px; margin-bottom: 5px; } #caja_izq { float: left; width: 630px; margin-bottom: 5px; } #caja_izq_prensa { float: left; width: 700px; margin-bottom: 5px; } #caja_izq_digital { float: left; width: 350px; height: 450px; margin-bottom: 5px; } #caja_izq_preimpresion_cierre { float: left; width: 680px; margin-bottom: 5px; } #caja_izq_newsletter { float: left; width: 630px; margin-bottom: 5px; height: 350px; } /*--------- CONTENIDO - CAJA DERECHA -----------*/ #pagina #caja_derecha { float: right; width: 170px; height: 200px; line-height: 2em; position: relative; top: 0px; } #pagina #caja_derecha_home { float: right; width: 250px; height: 200px; line-height: 2em; position: relative; top: 0px; } #pagina #caja_derecha_home li { list-style:none; border-bottom: 1px dotted red; } #pagina #caja_derecha_digital { float: right; width: 478px; height: 450px; } #pagina #caja_derecha li { list-style:none; border-bottom: 1px dotted red; } #pagina #caja_derecha_servicios { float: right; width: 170px; height: 950px; line-height: 2.4em; #pagina #caja_derecha { float: right; width: 260px; height: 200px; line-height: 2em; position: relative; top: 0px; } position: relative; top: 0px; } #pagina #caja_derecha_servicios li { list-style:none; border-bottom: 1px dotted red; } #pagina #caja_derecha_preimpresion { float: right; width: 170px; height: 840px; border-left: 1px dotted red; position: relative; top: 0px; } #pagina #caja_derecha_preimpresion li { list-style:none; border-bottom: 1px dotted red; } #pagina #caja_derecha_maquinaria { float: right; width: 170px; height: 575px; border-left: 1px dotted red; position: relative; top: 0px; } #pagina #caja_derecha_postproduccion { float: right; width: 170px; height: 200px; border-left: 1px dotted red; position: relative; top: 0px; } #pagina #caja_derecha_postproduccion li { list-style:none; border-bottom: 1px dotted red; } #pagina #caja_derecha_maquinaria li { list-style:none; border-bottom: 1px dotted red; } /*--------- CONTENIDO - CIERRE FLOAT -----------*/ #pagina #cierre_float { clear: both; } /*--------- DIV DIRECCION INFERIOR -----------*/ #direccion_inferior { } /*--------- DIV BOTONERA INFERIOR -----------*/ #menu_inferior #botonera_inferior { text-align: center; height: 30px; } #menu_inferior #botonera_inferior li { display: inline; list-style:none; margin-left: 20px; border-right: 1px dotted white; padding-right: 30px; position: relative; right: 30px; } /*--------- DIV BOTONERA HOME -----------*/ #botonera_home { margin-bottom: 20px; } /*--------- CLASES -----------*/ .primero { margin-left: -35px; } .logo_calameo { position: relative; left: -3px; top: 6px; } .solicitar_presup { position: relative; left: 735px; top: 7px; } .texto_contenido { width: 550px; position: relative; left: 100px; top: -5px; line-height: 1.5em; } .texto_contenido_offset { width: 580px; position: relative; left: 100px; top: -5px; line-height: 1.2em; } .texto_contenido_news { width: 500px; position: relative; left: 0px; top: -5px; line-height: 1.5em; } .texto_contenido_digital { width: 445px; position: relative; left: 20px; top: -5px; line-height: 1.4em; } .texto_contenido_prensa { width: 450px; position: relative; left: 40px; top: -5px; line-height: 1.4em; } .texto_contenido_digital2 { width: 400px; position: relative; left: 20px; top: -20px; line-height: 1.4em; font-size: 12px; } .texto_contenido2 { width: 550px; position: relative; left: 145px; top: -5px; line-height: 1.5em; } .texto_contenido3 { width: 450px; height: 100px; position: relative; left: 100px; top: -5px; line-height: 1.5em; } .texto_cierre { width: 900px; position: relative; top: 0px; color: white; line-height: 1.2em; font-size: 12px; text-align: center; } .texto_cierre_portfolio { width: 700px; position: relative; top: 0px; color: white; line-height: 1.2em; font-size: 12px; text-align: center; } .letra_rojo { color: red; font-size: 12px; } .letra_rojo_2 { color: red; font-size: 12px; }