<!--/* ---------------------------------------------------------  *//*   Esquema de pagina con pie ajustado abajo                 *//*   Alvaro Fernandez - info@alvaroweb.com                    *//*   Código libre del todo                                    *//* ---------------------------------------------------------  *//* Resetear las propiedades necesarias para facilitar *//* la visión homogénea en los diferentes navegadores  */html, body, div, span,applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dd, dl, dt, li, ol, ul,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; outline: none;}a img, :link img, :visited img { border: 0; }table { border-collapse: collapse; border-spacing: 0; }ol, ul { list-style: none; }q:before, q:after,blockquote:before, blockquote:after { content: ""; }a { text-decoration: none; }/* ESTRUCTURA PAGINA */body {  height: 100%; background: white; color: #B3B3B3; font-family: "Trebuchet Ms", "Lucida Sans Unicode", "Verdana", "Arial", "Helvetica", sans-serif; font-size:62.5%; /* 1em es 10px, 0.8em es 8px, 1.6em es 16px, etc... */ text-align: center;}body#cuerpo_intro { background: #333333;  text-align: center; }#web { text-align: center;  max-width: 1200px; min-width: 750px; margin: 0 auto; }#intro { background: #333333; text-align: center; max-width: 1200px; min-width: 750px; margin: 0 auto; }#animacion { display: block; width: 758px; height: 500px; margin: 30px auto 10px auto; }#menu { display: block; margin: 0 30px; padding: 0 20px 0 20px; position: relative; background: #4AA5FF; color: white; text-align: center; overflow: hidden; }#menu ul { margin: 0 auto; padding: 15px 0 10px 0; overflow: hidden; }#menu ul li { float: left; padding: 0 10px; margin: 0 0 5px 0; font-size: 1.3em; line-height: 1em; font-weight: bold; text-transform: uppercase;  color: black;  }#menu li a { color: white; }#menu li a:hover { color: black;}#menu li#enlace_home a { display: block; width: 67px; height: 33px; padding: 0; margin: -10px 0 0 0; background: url(../imagenes/comunes/logo-rotulos-diper.jpg) no-repeat left top; text-indent: -1000px;}#cuerpo_intro #menu ul { display: block; width: 720px; margin: 0 auto; }#menu .b_l { position: absolute; bottom: 0; left: 0; width: 13px; height: 13px; background: url(../imagenes/comunes/menu_esquina_izda.png) no-repeat left top; } #menu .b_r { position: absolute; bottom: 0; right: 0; width: 13px; height: 13px; background: url(../imagenes/comunes/menu_esquina_dcha.png) no-repeat left top; } #cuerpo_intro #menu .b_l { position: absolute; bottom: 0; left: 0; width: 13px; height: 13px; background: url(../imagenes/comunes/menu_esquina_izda_intro.png) no-repeat left top; } #cuerpo_intro #menu .b_r { position: absolute; bottom: 0; right: 0; width: 13px; height: 13px; background: url(../imagenes/comunes/menu_esquina_dcha_intro.png) no-repeat left top; } #cuerpo { margin: 0; padding: 130px 20px 20px 20px; clear: left; min-height: 420px; position: relative;}.empresa { background: url(../imagenes/comunes/fondo_empresa.jpg) no-repeat 20px 80px; color: white; }.rotulacion { background: url(../imagenes/comunes/fondo_rotulacion.jpg) no-repeat 20px 80px; color: white; }.senalizacion { background: url(../imagenes/comunes/fondo_senalizacion.jpg) no-repeat 20px 80px; color: white; }.impresion { background: url(../imagenes/comunes/fondo_impresion.jpg) no-repeat 20px 80px; color: white; }.sistemas_turno { background: url(../imagenes/comunes/fondo_sistemas_turno.jpg) no-repeat 20px 80px; color: white; }.aplicaciones_vinilos { background: url(../imagenes/comunes/fondo_aplicaciones_vinilos.jpg) no-repeat 20px 80px; color: white; }#intro #pie { display: block; text-align: center; font-size: 1.1em; margin: 10px auto; padding-bottom: 15px; color: #666666; }#web #pie { text-align: right; margin: 0px 120px 25px 0; }#web #pie p { text-align: right; font-size: 1.1em; margin: 0 0 5px 0; color: #666666; }#web #pie a { color: #666666; border-bottom: 1px solid #4AA5FF; font-weight: bold; }#web #pie a:hover { color: #4AA5FF; border-bottom: 1px solid #4AA5FF; }#mensaje { display: block; height: 153px; width: 153px; background: url(../imagenes/comunes/mensaje_fondo.png) no-repeat left top; color: white; position: absolute; top: 20px; right: 30px;  z-index: 1; }#mensaje h2 { margin: 15px 15px 5px 11px; font-size: 1.3em; color: #4AA5FF; font-weight: bold; text-align: center;}#mensaje p { margin: 0 15px 0 11px; font-size: 1.1em; line-height: 1.3em; color: white; text-align: center;}#mensaje p a { color: white; }#mensaje p a:hover { text-decoration: underline; }#mensaje .destacado { display: block; margin: 5px 5px 5px 2px; padding: 3px 5px 5px 1px; background: #4AA5FF; color: white; font-size: 1.2em; font-weight: bold; text-align: center;}.bloque_contenido { display: block; margin: 0px 130px 50px 330px; background: black; color: white; position: relative;}.bloque_contenido .top {  display: block; height: 37px;  position: relative; top: -37px; left: 0;  background: url(../imagenes/comunes/contenido_t_relleno.png) repeat-x left top; } .bloque_contenido .top .t_l { position: absolute; top: 0; left: -36px; width: 36px; height: 37px; background: url(../imagenes/comunes/contenido_t_l.png) no-repeat left top; } .bloque_contenido .top .t_r { position: absolute; top: 0; right: -41px; width: 41px; height: 37px; background: url(../imagenes/comunes/contenido_t_r.png) no-repeat left top; } .bloque_contenido .bottom {  display: block; height: 41px;  position: relative; bottom: -41px; left: 0;  background: url(../imagenes/comunes/contenido_b_relleno.png) repeat-x left top; } .bloque_contenido .bottom .b_l { position: absolute; top: 0; left: -36px; width: 36px; height: 41px; background: url(../imagenes/comunes/contenido_b_l.png) no-repeat left top; } .bloque_contenido .bottom .b_r { position: absolute; top: 0; right: -41px; width: 41px; height: 41px; background: url(../imagenes/comunes/contenido_b_r.png) no-repeat left top; } .bloque_contenido .contenido { margin: -37px -41px -41px -36px ; background: url(../imagenes/comunes/contenido_l_relleno.png) repeat-y left top;  min-height: 300px; zoom: 1;}.bloque_contenido .contenido .right { background: url(../imagenes/comunes/contenido_r_relleno.png) repeat-y right top;  padding: 0 30px 10px 30px; min-height: 300px;}.contenido h1 { display: block; font-size: 3.6em; color: white; font-weight: lighter; position: relative; top: -20px; margin: 0 45px -15px 0;}.contenido h2 { font-size: 1.8em; color: white; font-weight: lighter; margin: 0 45px 12px 0;}.contenido h2 span { color: #4AA5FF;}.contenido p { margin: 5px 15px 10px 15px; font-size: 1.3em; line-height: 1.3em; color: white; }a.estandar { color: #4AA5FF; border-bottom: 1px solid white; }a.estandar:hover { color: white; border-bottom: 1px solid white; }ul.lista_enlaces {margin: 15px 0 25px 40px;}ul.lista_enlaces li { margin: 0 0 4px 0; }ul.lista_enlaces li a { font-size: 1.5em; line-height: 1.2em; color: white; padding-left: 16px; background: url(../imagenes/comunes/icono-grande.png) no-repeat left center;}ul.lista_enlaces li a:hover { color: #4AA5FF; border-bottom: 1px solid white; }a.volver { font-size: 1.1em; line-height: 1.2em; color: white; padding-left: 16px; background: url(../imagenes/comunes/boton-volver.png) no-repeat left center;}a.volver:hover { color: #4AA5FF; border-bottom: 1px solid white; }a.subir { font-size: 1.1em; line-height: 1.2em; color: white; padding-left: 16px; background: url(../imagenes/comunes/boton-subir.png) no-repeat left center;}a.subir:hover { color: #4AA5FF; border-bottom: 1px solid white; }.miniaturas { background: #333333; margin: 20px 10px 0 10px; padding: 8px 5px 3px 8px; text-align: left;}/*.miniaturas { width: 150%; margin: 20px 0 0 -40%; text-align: right;}*/.miniaturas a { margin: 0 3px 3px 0; }.miniaturas a img { padding: 4px 8px 8px 4px; background: url(../imagenes/comunes/miniaturas_sombra.png) no-repeat left top; }.miniaturas a img:hover { background-position: left -87px; }.separador {margin: 20px 0 0 0;}/* PALETA DE COLORES  Magenta: #D8006C*/-->