/* Webpaper Studio Todos los Derechos Reservados. */ /* CSS para proyecto {MUNICIPALIDAD DE MIRAFLORES: REDISEÑO} */ /* Version 1.0 */ /* media: SCREEN */ /* Fecha de creación 21/03/2008 */ /* HISTORIAL DE MODIFICACIONES */ /* dd/mm/aaaa Comentario de la modificacion realizada */ /* REDEFINICION DE ELEMENTOS HTML CONTENIDO DE ESTILO PARTE CENTRAL */ body{background: url(../images/html/fondo.jpg) repeat-x 0px 0px #4F708A; text-align: center; margin: 0px; padding: 0px 6px; font: 11px "Trebuchet MS", Arial, Helvetica; color: #666;} table{} td{vertical-align: top;} h1{font: normal 2em Verdana, Arial, Helvetica, sans-serif; color: #033C66; margin: 0px 0px 20px 0px; padding: 0px; border-bottom: 1px solid #BDCBD9;} h1 span, h2 span{ display: none; visibility: hidden; background: none;} h2{font: normal 1.5em Verdana, Arial, Helvetica, sans-serif; color: #4B6981; border-bottom: 1px solid #BDCBD9; margin: 0px 0px 15px 0px; padding: 0px;} h3{} h4{} h5{} h6{font: normal 0.9em/170% "Trebuchet MS", Arial, Helvetica; color: #666;} strong, b{} a:link{text-decoration: underline; color: #F4A005;} a:visited{text-decoration: underline; color: #F4A005;} a:hover{text-decoration: none; color: #F4A005;} a:active{text-decoration: none; color: #F4A005;} form{margin: 0px 0px 0px 0px; padding: 0px;} label{margin: 0px; padding: 0px;} ul{} li{list-style: none;} button{border: none; cursor: pointer; padding: 4px 0px 7px 20px; text-align: left; font: normal 10px "Trebuchet MS", Arial, Helvetica; color: #4A4A4A;} /*BOTONES DE AMPLIAR LA INFORMACIÓN*/ .bot_descargar_excel{background: url(../images/botones/bot_descargar_excel.gif) no-repeat 0px 0px; padding: 3px 0px 0px 17px; margin: 9px 0px 0px 127px; text-align: left; width: 102px; height: 35px; line-height: 110%; position: absolute;} .bot_descargar_historico{background: url(../images/botones/bot_descargar_historico.gif) no-repeat 0px 0px; padding: 3px 0px 0px 22px; margin: 9px 0px 0px 0px; text-align: left; width: 127px; height: 35px; line-height: 110%; position: absolute;} .bot_descargar_pdf_reglamento{background: url(../images/botones/bot_descargar_pdf_reglamento.gif) no-repeat 0px 0px; padding: 3px 0px 0px 17px; margin: 9px 0px 0px 229px; text-align: left; width: 105px; height: 35px; line-height: 110%; position: absolute;} .bot_descargar_formula{background: url(../images/botones/bot_descargar_formula.gif) no-repeat 0px 0px; padding: 3px 0px 0px 17px; margin: 9px 0px 0px 334px; text-align: left; width: 123px; height: 35px; line-height: 110%; position: absolute;} .bot_imprimir_tasas{background: url(../images/botones/bot_imprimir_tasas.gif) no-repeat 0px 0px; width: 85px; height: 26px; text-align: center; float: right; margin: 0px; padding: 0px; text-align: center;} .bot_informes_publicaciones{background:url(../images/botones/bot_informes_publicaciones.gif) no-repeat 0px 0px; width: 164px; height: 26px; margin: 0px;} .bot_mas_noticias{background: url(../images/botones/bot_mas_noticias.gif) no-repeat 0px 0px; width: 96px; height: 26px; margin: 0px;} .bot_ver{background: url(../images/botones/bot_ver.gif) no-repeat 0px 0px; width: 110px; margin: 0px;} /*BANNER DENUNCIAS: PARA IE SE UTILIZA IE.CSS, LA POSICION PARA LAS PLANTILLAS INTERNAS SE REDEFINE EN LA CLASE MENU CONTENIDOS*/ /*#estructura #banner_newsletter{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/fotos_banner/banner_newsletter.png); width: 253px; height: 157px;margin: 10px 0px 0px 0px; display: none; visibility: hidden;}*/ * > #estructura #banner_newsletter{background: url(../images/fotos_banner/banner_newsletter.png); width: 253px; height: 157px;margin: 10px 0px 0px 0px;} /*DIV ESTRUCTURA: DA EL COLOR DE FONDO Y EL MARGEN*/ #estructura{background: #FFF; padding: 0px 1px; text-align: left; } /*LINK DE CABECERA*/ #estructura #header {background: url(../images/html/fondo_header.jpg) repeat-x left bottom; width: 100%; height: 77px; clear: both; font: 10px/110% "Trebuchet MS", Arial, Helvetica; color: #525252;} #estructura #header div{background: url("../images/html/logo.gif") no-repeat 26px 10px; float: left; width: 689px; height: 51px; padding: 10px 0px 0px 26px;} #estructura #header div a:link, #estructura #header div a:visited{text-decoration: none; color: #FFFFFF; font: 1px Arial, Helvetica, sans-serif; width: 334px; height: 51px; display: block;} #estructura #header div a:hover, #estructura #header div a:active{text-decoration: none; color: #FFFFFF;} #estructura #header ul{margin: 0px; padding: 4px 7px 2px 0px; float: right; text-align: right;} #estructura #header ul li{background: url(../images/html/bullet_menu_top.gif) no-repeat right top; margin: 0px; padding: 0px 16px 0px 0px;} #estructura #header ul a:link, #estructura #header ul a:visited{text-decoration: none; color: #525252;} #estructura #header ul a:hover, #estructura #header ul a:active{text-decoration: underline; color: #525252;} /*CABECERA: MENU PRINCIPAL BOTONERA*/ #estructura #menu_principal_liquida {background: url(../images/html/fondo_menu_header.gif) repeat-x right top; height: 32px; width: 100%; clear: both; font: 10px "Trebuchet MS", Arial, Helvetica; color: #FFF;} #estructura #menu_principal_liquida p {padding: 9px 10px 0px 0px; margin: 0px; text-align: right; float: right;} #estructura #menu_principal_liquida ul{width: 661px; margin: 0px; padding: 0px; white-space: nowrap; float: left; text-align: left;} #estructura #menu_principal_liquida ul li {background: url(../images/html/fondo_botones_header.gif) repeat-x right top; float: left; margin: 0px; padding: 0px; height: 32px;} #estructura #menu_principal_liquida ul li span {display: none; visibility: hidden;} #estructura #menu_principal_liquida a:link {display: block; height:32px; text-decoration:none;} #estructura #menu_principal_liquida a:visited {display: block; height:32px; text-decoration:none;} #estructura #menu_principal_liquida a:hover {display: block; height:32px;} #estructura #menu_principal_liquida a:active {display: block; height:32px;} #estructura #menu_principal_liquida td {border-left:1px solid #FFF;} /*BOTONERA LIQUIDA 1 HOME*/ /********************PORTADA***************************/ /*PORTADA POSICIÓN DERECHA DE TODO EL MENU DERECHO*/ #home_mi{background: url(../images/html/fondo_home_mi.gif) repeat-y 0px 0px; float: left; width: 237px; margin: 15px 0px 0px 1px; padding: 0px;} #home_mi h1{background: url(../images/html/tit_home_mi.jpg) no-repeat 0px 0px; width: 237px; height: 41px; margin: 0px; padding: 0px; border: none;} #home_mi h2{background: url(../images/html/tit_home_asociacion.gif) no-repeat 0px 0px; width: 226px; height: 28px; margin: 0px; padding: 0px;} #home_mi p{font: 13px/150% "Trebuchet MS", Arial, Helvetica; color: #515151; margin: 0px; padding: 15px 10px;} #home_mi #banner_226x68{background: url("../images/fotos_banner/banner_226x68.gif"); width:226px; height: 110px; margin: 0px 0px 0px 4px; padding: 0px;} /*PORTADA: MENÚ DE INDEX*/ #home_mi #la_menu{background: url("../images/html/fondo_menu.jpg") no-repeat 0px 0px; width: 226px; height:230px; margin: 0px auto; padding: 0px; font: 11px "Trebuchet MS", Arial, Helvetica; color: #206293;} /*BOTONES: BOTONES DE MENÚ DE INDEX*/ #home_mi #la_menu ul{margin: 0px; padding: 13px 0px 18px 17px;} *>#home_mi #la_menu ul li{margin: 0px; padding: 0px 0px 2px 17px; background:url(../images/html/bullet.png) no-repeat 0px 2px;} #home_mi #la_menu ul li{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/html/bullet.png)no-repeat 0px 2px;padding: 0px 0px 2px 17px;} /*color: COLOR DE MENÚ DE INDEX*/ #home_mi #la_menu ul li a:link,#home_mi #la_menu a:visited{text-decoration:underline;color:#206293;} #home_mi #fondo_bottom_home_mi{background: url(../images/html/fondo_bottom_home_mi.gif) no-repeat left bottom; width: 237px; padding: 0px 0px 17px 0px;} /*PORTADA: ID RIGHT, UTILIZADO PARA COMPATIBILIDAD DE NAVEGADORES*/ /* #right{display: table;} #right .botones_accesos {border:1px solid #000000; margin:0px auto; padding: 0px; height:42px;} #right .botones_accesos */ #right{display: table;} #right #botones_accesos button{padding: 0px;} #right #botones_accesos {background: url(../images/html/fondo_home_botones_accesos_blanco.gif) no-repeat center bottom; margin: 10px 0px 0px 6px; text-align: center; padding: 0px; width:98%;} /*boton 1 DESARROLLO URBANO */ #right #botones_accesos .boton01 {background:url(../images/botones/bot01_izq.gif) left top no-repeat; height:42px; width:19%; margin:2px; padding:0px ; float:left; border:none;} #right #botones_accesos .boton01 .boton01_right {background:url(../images/botones/bot01_der.gif) right top no-repeat; margin:0px; padding:0px; height:30px;} /* boton2 PGALERÍA DE IMÁGENES*/ #right #botones_accesos .boton02 {background:url(../images/botones/bot02_izq.gif) left top no-repeat; height:42px; width:19%; margin:2px; padding:0px ; float:left; border:none;} #right #botones_accesos .boton02 .boton02_right {background:url(../images/botones/bot02_der.gif) right top no-repeat; margin:0px; padding:0px; height:30px;} /* boton3 ENLACES DE IMPORTANCIA*/ #right #botones_accesos .boton03 {background:url(../images/botones/bot03_izq.gif) left top no-repeat; height:42px; width:15%; margin:2px; padding:0px; float:left; border:none;} #right #botones_accesos .boton03 .boton03_right {background:url(../images/botones/bot03_der.gif) right top no-repeat; margin:0px; padding:0px; height:30px;} /* boton4 CONSULTAS Y CONTACOS */ #right #botones_accesos .boton04 {background:url(../images/botones/bot04_izq.gif) left top no-repeat; height:42px; width:18%; margin:2px; padding:0px; float:left; border:none;} #right #botones_accesos .boton04 .boton04_right {background:url(../images/botones/bot04_der.gif) right top no-repeat; margin:0px; padding:0px; height:30px;} /* boton5 DIRECTORIO INSTITUCIONAL */ #right #botones_accesos .boton05 {background:url(../images/botones/bot05_izq.gif) left top no-repeat; height:42px; width:24%; margin:2px; padding:0px 0px 0px 0px; float:left; border:none;} #right #botones_accesos .boton05 .boton05_right {background:url(../images/botones/bot05_der.gif) right top no-repeat; margin:0px; padding:0px; height:30px;} /*PORTADA POSICION DE TABLAS DE TAZAS RIGHT*/ #home_tasas{float: right; width: 253px; margin: 0px 1px 0px 0px; padding: 0px;} #home_tasas h1 {margin: 0px; padding: 0px; font: 1px Arial, Helvetica, sans-serif;width: 253px; height: 31px; border: none;} #home_tasas h1 div{float: right; font: 9px "Trebuchet MS", Arial, Helvetica; color: #FFF; padding: 12px 15px 0px 0px;} #home_tasas h1#tit_tasas{background: url(../images/html/tit_home_tasas.jpg) no-repeat 0px 0px;} #home_tasas h1#tit_valor_referencial{background: url(../images/html/tit_valor_referencial.jpg) no-repeat 0px 0px;} /*CONTENIDO TASAS: ESTILO PARA TABLAS*/ #home_tasas .informacion_tasas{background: url(../images/html/fondo_home_tasas.jpg) no-repeat left bottom; padding: 0px 0px 38px 0px; color: #FFF; display: table;} #home_tasas .informacion_tasas .float_left{width: 104px; float: left; padding: 12px 0px 0px 12px;} #home_tasas .informacion_tasas table{width: 104px; border: 1px solid #BDCBD9; border-collapse: collapse; font: 10px "Trebuchet MS", Arial, Helvetica; color: #515151; margin: 0px 0px 10px 0px;} #home_tasas .informacion_tasas table caption{background: #8795A0; text-align: left; border-bottom: 1px solid #BDCBD9; color: #FFF; font-weight: bold; padding: 3px 0px 0px 8px;} #home_tasas .informacion_tasas table th{border-bottom: 1px solid #BDCBD9; border-collapse: collapse; text-align: left; background: #F3F3F3; font-weight: normal; padding: 3px 0px 0px 8px;} #home_tasas .informacion_tasas table td{border-bottom: 1px solid #BDCBD9; border-collapse: collapse; background: #FCFCFC; padding: 3px 0px 0px 8px;} /*PORTADA CENTRO: NOTICIAS CONTENIDO*/ #home_noticias{padding: 0px 10px; display: table;} #home_noticias h1{font: normal 2.2em Verdana, Arial, Helvetica, sans-serif; color: #033C66; border-bottom: 1px solid #EBEBEB; margin: 0px 0px 19px 0px; padding: 0px 0px 1px 0px;} #home_noticias h2{font: bold 1.2em "Trebuchet MS", Arial, Helvetica; color: #236CA3; margin: 0px 0px 5px 0px; padding: 0px; border: none;} #home_noticias h3{font: normal 1.5em Verdana, Arial, Helvetica, sans-serif; color: #4B6981; border-bottom: 1px solid #EBEBEB; margin: 0px 0px 22px 0px; padding: 0px 0px 1px 0px;} /*PORTADA: CONTENIDO NOTICIAS TITULO*/ #home_noticias .contenido_noticias {font:1em/140% "Trebuchet MS", Arial, Helvetica; color: #333333; padding:0px 0px 10px 0px; margin: 0px;} #home_noticias .contenido_noticias img{float:right;margin: 0px 0px 5px 10px; padding:5px; border: 1px solid #D2D5D7;} #home_noticias .contenido_noticias p {font:1em/140% "Trebuchet MS", Arial, Helvetica; color:#333333 ;margin: 0px; padding: 0px 0px 8px 0px;} /*PORTADA: INFORMES Y PUBLICACIONES*/ #home_noticias #home_informes{margin: 0px; padding: 25px 0px 0px 0px; font: 11px "Trebuchet MS", Arial, Helvetica; color: #206293;} #home_noticias #home_informes ul{margin: 0px; padding: 0px;} #home_noticias #home_informes ul li{background: url(../images/html/ic_informes.gif) no-repeat 0px 3px; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 18px;} #home_noticias #home_informes a:link, #home_noticias #home_informes a:visited{text-decoration: underline; color: #206293;} #home_noticias #home_informes a:hover, #home_noticias #home_informes a:active{text-decoration: none; color: #4B6981;} /********************INTERNAS*******************/ /*MENU FOOTER: INTERNAS*/ #menu_footer{background: url(../images/html/fondo_menu_footer.gif) repeat-x 0px 0px; height: 34px; font: 10px "Trebuchet MS", Arial, Helvetica; color: #525252; clear: both;} #menu_footer span{background: url(../images/html/fondo_esquina_menu_footer.jpg) no-repeat 0px 0px; position: absolute; width: 265px; height: 47px; right: 7px; text-align: right;} #menu_footer p{padding: 8px 0px 0px 9px; margin: 0px;} #menu_footer a:link, #menu_footer a:visited{color: #525252; text-decoration: none; margin-right: 15px;} #menu_footer a:hover, #menu_footer a:active{color: #525252; text-decoration: underline;} #menu_footer button{width: 24px; height: 24px; margin: 0px; padding: 0px;} #menu_footer .ic_home{background: url(../images/htzml/ic_home_pie.gif) no-repeat 0px 0px; margin-right: 10px;} #menu_footer .ic_volver{background: url(../images/html/ic_volver_pie.gif) no-repeat 0px 0px;} /*PIE DE PAGINA: EL ESTILO PARA EL HOME ESTA DADO EN EL INDEX*/ #footer{background: url(../images/html/fondo_footer.gif) no-repeat 0px 0px; clear: both; width: 100%; height: 97px; font: 10px/140% "Trebuchet MS", Arial, Helvetica; color: #FFF;} #footer ul{margin: 0px; padding: 13px 0px 0px 15px;} *>#footer li{background: url(../images/html/bullet.png) no-repeat 0px 0px; padding: 0px 0px 0px 16px; margin: 0px 0px 2px 0px;} #footer ul a:link, #footer ul a:visited{color: #FFF; text-decoration: none;} #footer ul a:hover, #footer ul a:active{color: #FFF; text-decoration: underline;} #footer span{float: right; text-align: right; padding: 15px 10px 0px 0px;} #footer p{clear: both; text-align: right; margin: 0px; padding: 10px 10px 0px 0px;} #footer p a:link, #footer p a:visited{text-decoration: none; color: #033C66;} #footer p a:hover, #footer p a:active{text-decoration: underline; color: #033C66;} .fuentes { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #206293; }