/*el body tiene color de fondo y el zindex en 1 para que los navegadores no le pongan nada predeterminado*/ /*fondo contenidos #e5edd0*/ body{padding:0px; background:#cad3af; text-align:center; display:inline; z-index: 1; margin:auto; margin-left:0px; margin-top:auto; padding-top: 0px; font-family: "sans-serif", Arial, Verdana, Helvetica, sans-serif; font-size: small; line-height:18px; color:#333333 } /*------------FORMATO DE LOS TITULARES CON UNA RAYA DEBAJO---------------------------*/ h2 { font-size: 100% ; margin-top:10px; margin-bottom:10px; padding: 10px ; padding-left:15px; color: #ffffff; text-align:left;text-transform:uppercase; background-color:#c4df75; margin-right:0px; margin-left:0px; border: 0px solid #000000; clear:both; width:95%} h3 { font-size: 100% ; margin-top:10px; margin-bottom:10px; padding: 10px ; padding-left:15px; color: #ffffff; text-align:left;text-transform:uppercase; background-color:#398f20; margin-right:0px; margin-left:0px; border: 0px solid #000000; clear: both; width:95%} h4 { font-size: 100% ; margin-top:10px; margin-bottom:10px; padding: 10px ; padding-left:15px; color: #ffffff; text-align:left;text-transform:uppercase; background-color:#398f20; margin-right:0px; margin-left:0px; border: 0px solid #000000; clear: both; width:95%} h5 {font-size:120%} #titulonoti { font: normal 120% ; margin-top:10px; margin-bottom:5px; margin-right:25px; padding-left: 34px ; color: #000000; border-bottom:0px solid #398f20; width:auto; border-top:0px solid #398f20; text-align:left;text-transform:uppercase;} /*main es el que contiene toda la página, esta centrada y le da el ancho por si la resolución es más baja*/ #main { overflow: hidden; width:760px; text-align: left; background-color:#FFFFFF; margin:auto; margin-top: 0px; height:100% } /*------CONTIENE EL ENCABEZADO O LOGO DE LA MUNICIPALIDAD---------------------*/ #header { margin:0px; padding: 0px; /*background-color:#026922; */ } /*--------------------BARRA DE NAVEGACION SUPERIOR-------------------------------------------------------*/ #navigation { width:100%; margin-bottom:0px; padding:0px; height:59px; background:#a6cdb6; } #nav1{float: left; width:70%; margin:0px; padding-left: 60px; padding-top: 10px; border: 0px solid #000000; } /*---------------ESTE ES EL QUE DIVIDE LA BARRA DE NAVEGACION ARA DEJARLE ESPACIO A BUSCAR-------------*/ #nav2{float: right; width:13%; margin:0px; padding-top: 21px; padding-right:35px; text-align:right; border: 0px solid #000000; height:40px; background-image: url(../images/buscar.gif); background-repeat:no-repeat; background-position:right; margin-right:15px} #nav2 input { color: #000000; text-decoration: none; border-color: #88A0C8 #88A0C8 #88A0C8; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px} /* esto divide el marco de arriba y crea otro contenedor de contenidos */ #wrap { border: 0px solid #398f20; height:auto; padding:0px; margin:0px; clear: both; background-color:#e5edd0; height:100%; overflow:hidden} #detalles-accordion h5 { font-size: 12px; font-weight: bold; color:#a2bc22; margin-top: 0px; margin-bottom: 5px; border-bottom: solid 1px #CCCCCC; background-image: url(common-imgs/arrow-slowdown.gif); background-position: right; background-repeat: no-repeat; } #detalles-accordion h5:hover { cursor: pointer; color: #666666; } #detalles-accordion h5.selected { color: #9AAE04; background-image: url(common-imgs/arrow-slowup.gif); } /*---------------------------ES EL MENU DE LA BARRA DE NAVEGACION--------------------- */ #tabs1 { padding-left: 20px; width: background:#a6ceb3; font-size:100%; } #tabs1 ul {margin:0px; list-style:none; } #tabs1 li {display:inline; margin:0; padding:0; } #tabs1 a { float:left; margin:0; padding:0px; text-decoration:none; padding-right:12px ;} #tabs1 a span { display:block; padding:2px; color:#FFFFFF; } #tabs a:hover span { } #tabs1 a:hover { } #tabs1 a:hover span { } #bloque {border-right:1px solid #ffffff} /*Este de teléfonos hay que revisar el diseño pero por ahora h5 y h6 es para titulo y subtitulo del div telefono*/ #telefonos{margin:0px; padding:0px; border:0px solid #000000} #telefonos h5 { font: normal 120%;text-transform:uppercase; margin:0px; padding: 5px ; color: #000000; border-bottom:1px solid #398f20; border-top:2px solid #398f20; background-color:} #telefonos h6 { font-size: 120%; margin:0px; padding: 5px ;text-align:;color: #000; padding-bottom:20px; padding-top:10px} #telefonos ul { list-style-type: none;margin:0px;padding: 5px} #telefonos li { list-style-type: none;margin:0px;padding: 5px} /*Toda esta parte es para las noticias que aparecen con la barra a la izquierda para pasar, revisar diseño*/ #noticiasdest {padding-left:0px; padding-top:0px ;margin-top: 0px; padding-right:10px; margin-left:5px; float:left; border: 0px solid #00ffff; font-size:90%} #noticias3 {position: relative; padding-left:0px; padding-top:0px ; margin-top: 0px; padding-right:10px; margin-left:35px; float:left; width:360px; height:450px; border-top:0px solid #666666; font-size:90%; border-top: 1px solid #666666; border-bottom: 1px solid #666666; margin-bottom:20px; margin-top:0px;} #noti{width:375px; margin-left:30px} #noticias23 {padding-left:0px; padding-top:0px ;margin-top: 0px; padding-right:10px; margin-left:10px; float:right; border:0px solid #666666; font-size:90%; background-color:#000066; height:850px; width:150px} noticias2 {} noticias2 img{float: left; padding: 4px; display: inline; margin: 3px} #titulo {margin-top: 5px; margin-bottom:18px; font-size: 130%!important; color:#398f20; font-weight:bold} #titulo a { margin:0; padding:0px; text-decoration:none; color:#398f20!important; font-weight:bold } #cuerpo1 {list-style:inherit; width:40%; padding:0px; } #cuerpo2 { padding-top:8px; } #cuerpo2 li{list-style:inherit;} #imagennot {width:40%; float:right} #copete {font-weight:bold} #pienota {margin: 5px; font: normal 100% ; color:#398f20; text-align:right; clear:both} #separador {clear:both; border-bottom:1px solid #666666; padding: 10px} /*---------------------------------------agenda es para que aparezca a la derecha-------------------------------------*/ #agenda {float: left; border: 0px solid #467aa7; padding:2px; text-align:center; width:45%; } /*Es para ir rotando las actividades con un diseño destacado - POR AHORA PODEMOS METER UN GRAFICO QUE DE IDEA DE AGENDA*/ #destagenda { float: left; border: 0px solid #398f20; padding:2px; text-align:center; width:45%; margin-left:10px; margin-right:auto;} /*hay dos resagenda, uno para mostrar los resultados cuando están los banners y el otro para poner los resultados cuando no están los banners. Son iguales pero tienen diferente ancho*/ #resagenda { border-top : 0px solid #398f20; margin:0px; padding-top:10px; clear:both; list-style:inherit } #resagenda li{list-style:inherit} #resagenda2 {border-top: 0px solid #398f20; margin-top:20px; padding-top:10px; clear:both;list-style:circle} /* Este es el mismo caso que res agenda, tenadria que unificarlos */ #content {padding-left:0px; padding-top:0px; margin-top:0px; margin-left:18px; margin-bottom:0px; float:left; width:58%; height:100%; clear:none; list-style: inherit; border:0px solid #666666;} #content li{list-style: none} #content a{color:#063} #content a:hover{color: #333} #contenido {padding-left:0px; padding-top:0px; margin-top:0px; margin-left:18px; margin-bottom:0px; float:left; width:58%; height:100%; clear:none; list-style: inherit; border:0px solid #666666;} #contenido li{list-style: circle} #content2 {padding-left:0px ;margin-left:20px; margin-bottom:40px; float:left; width:550px; height:100%; list-style: inherit; } #content3 {padding-left:0px ;margin-left:20px; margin-bottom:40px; float:left; width:680px; height:100%; list-style: inherit; } #cturismo {clear: both; padding-left:0px ;margin-left:20px; margin-bottom:40px; float:left; width:510px; height:100%; list-style: inherit; } #detalle{} #detalle img{float: left; padding: 4px; padding-bottom:0px; padding-top:0px; display: inline; margin: 3px} /*Esto los uso en el menu lateral izquirdo y en los banners que van a la derecha*/ #leftside { margin: 0px; width:20%; padding-bottom:0px;background-color:#398f20;float:left; padding-bottom:80px} #rightside {float:right; width:17%; padding:0px; clear:right; margin-top:0px; text-align:center;border: 0px solid #398f20; /*background-color:#D7D280;*/ padding-bottom:80px } /*--------------DENTRO DE RIGHT SIDE ESTAN LOS BANNERS, LA FECHA, ETC------------------------------*/ #banners {float:left; height:inherit; padding:0px; margin-top:0px; padding-left:3px; text-align:center; width:95%} #fecha {float:right; background-color:#33a02c; padding:5px; font-size:12px; color: #FFFFFF; text-align:center; width:92%} #lineaarriba{ border-top:0px solid #467aa7; margin-top:0px; padding-top:10px; padding-right:0px; width:96%} #galeria {padding-left:0px ;margin-left:10px; float:left; width:520px; height:100%} #sidebar1{ clear:both; float:left; width:15%; padding:0px; margin:0px } /*------------------MENU VERTICAL - ES EL DEL MENU PRINCIPAL------------------------------------------------------*/ #menuv {text-align:center; font: 97%; height:1700px} #menuv ul, li { list-style-type: none;} #menuv ul { margin: 0px; padding-left: 0px; padding-right: 0px;} #menuv li { } #menuv h5 { font: normal 97%; text-align:center; text-transform:uppercase; margin:0px;padding-top: 22px ; padding-bottom: 10px ;color: #fff; font-weight: bold; } #menuv a { text-decoration: none; color: #ffffff;margin: 0px; display: block; padding: 0px ; border-bottom:0px solid #FFFFFF; } #menuv a:hover { text-decoration: none; color: #cccccc; margin: 0px; display: block; padding: 0px ; border-bottom:0px solid #FFFFFF;} /*----------MENU HORIZONTAL ES EL QUE APARECE COMO SUBMENU, POR EJ EN INTENDENTE--------------------------------------*/ #menuh { font-size: 100% ;margin-top:10px} #menuh ul, li { list-style: none} #menuh ul { margin: 0; padding: 0;} #menuh li { float: left;} #menuh a { text-decoration: none;background: #26802b; display: block; padding: 3px; text-align: center; border: 1px solid #FFFFFF; color: #FFFFFF; font-size: 100% } #menuh a#primero {} #menuh a:hover {color: #26802b; background-color: #e5edd0; } /*-------Aca es los contenidos de museos que estan dentro de sidebar2----------------------*/ #museos{border-left: 0px solid #398f20; padding:5px; margin-left:0px} #museos1{border: 0px solid #398f20; padding:5px; width:40%; font: ; height:150px; float:left; margin:0px; } #museosimg{border: 0px solid #398f20; padding:5px; width:45%; font: 70%; float:right; margin-right:0px;} #museos2{border: 0px solid #398f20; padding:5px; clear:both ;text-align:justify} #titaloja{padding:5px;background-color:#26802b;color:#FFFFFF; text-transform:uppercase; margin-top:6px; margin-bottom:6px} a{text-decoration:none} #visitado{text-decoration:none; color:#000; display:block; padding:3px 6px; border-left: 6px solid #467aa7;background-color:#F0F7FC; font-weight:bold;color:#467aa7} #sidebar2{ border-top:0px solid #398f20; float:inherit; padding:6px; margin-top:0px} #footer{margin: 0px;clear:both; width:100%; float:inherit; background-image: url(../images/pieder2.jpg);background-repeat: no-repeat; background-position: right; color:#ffffff; background-color:#398f20; height:36px; padding-top:10px; font-size:80%; } #organigrama{} #organigrama li{list-style: circle } #organigrama a{text-decoration: none; color:#000000 } #organigrama a:hover{color: #398f20} /*------------------------------------------A partir de acá es todo para el calendario----------------------------------*/ TD { font-family : arial,helvetica; font-size : 10pt;} INPUT { font-family : arial,helvetica; font-size : 8pt;} TEXTAREA { font-family : arial,helvetica; font-size : 8pt;} SELECT { font-family : arial,helvetica; font-size : 8pt;} .altn { font-family : arial,helvetica; font-size : 10pt; color: #ffffff; background-color: #9fc035;} .tit { font-family : arial,helvetica; font-size : 10pt; color: #ffffff; background-color: #398f20; font-weight: bold;} /* ----------------------------------------------fin calendario--------------------------------------------*/