/* CSS RESET */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; line-height: 1.3em; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { } abbr, acronym { border: 0; } /* CSS Document */ html { font-family: Verdana, Arial, Helvetica, sans-serif; } html, body { margin: 0; padding: 0; } body { color: #333333; font-size: 13px; text-align: center; } h1 { font-size: 2em; font-family: Georgia, "Times New Roman", Times, serif; padding-left: .5em; padding-top: .3em; padding-bottom: 0; } h2 { font-size: 1.1em; font-weight: bold; padding-top: .3em; } p { padding: 0; } blockquote { padding: 8px; } strong { font-weight: bold; } /* ESTRUCTURA div principal */ div#nl-global { margin: 0 auto 0 auto; position: relative; text-align: center; width: 990px; } /* INICIA HEADER */ #nl-header { height: 144px; } /* div principal del header */ #nl-header, #nl-header-top, #nl-header-menu { margin: 0; padding: 0; position: static; width: 100%; } #nl-header-top { height: 114px; } #nl-header-top span { float: left; } /* LOGO */ #nl-header-top span#nl-header-top-weather { background: url(http://www.nl.gob.mx/pics/principal/head_back_der.gif) top no-repeat; float: right; height: 114px; width: 180px; text-align: right; } /* Clima */ /* MENU */ #nl-header-menu { float: left; } #nl-header-menu-list { font-family:Arial, Helvetica, sans-serif; text-align: left; } #nl-header-menu-list li { float: left; font-size: 12px; font-weight: 700; margin: 0px 3px 0 4px; padding: 7px 2px 6px 4px; } #nl-header-menu-list a{ display: block; text-decoration: none; } #nl-header-menu-list a:hover { text-decoration: underline; } /* definicion ligas caja clima */ .bgclima { background-image:url('/pics/principal/head_back_der.gif'); background-repeat:no-repeat;} .tlclima { font-size:90%; text-decoration:none; font-weight:700; color:#dd4400; background-color:#eaeaea;} .txclima { font-size:75%; font-weight:normal; text-decoration:none;} a.clima:link, a.clima:visited { font-size:85%; font-weight:normal; text-decoration:none; color:#cc3300; background-color:#eaeaea;} a.clima:active, a.clima:hover { font-size:85%; font-weight:normal; text-decoration:underline; color:#cc3300; background-color:#eaeaea;} /* FIN HEADER */ /* CONTENIDO PRINCIPAL */ #nl-main { margin: 0 auto; padding: 0; width: 100%; } /* div principal del contenido */ /* CONTENEDOR */ #nl-m-container { background-color: #fff; padding: 0; margin: 0 auto; position: static; text-align: left; width: auto; } /* definicion de vinculos o ligas internas */ #nl-m-container a:link { text-decoration:none; line-height: 1.5em;} #nl-m-container a:visited { text-decoration:none; line-height: 1.5em;} #nl-m-container a:active { text-decoration:underline; line-height: 1.5em;} #nl-m-container a:hover { text-decoration:underline; line-height: 1.5em;} /* INICIA SECCION DE TITULO Y PATHWAY */ #nl-mc-head { float: left; height: auto; margin: 0 auto; padding: 0; position: static; text-align: left; width: 100%; } #nl-mc-head h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2em; margin: 4px; width: auto; padding: 0; } #nl-pathway { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; margin: 4px 4px 6px 4px; width: auto; font-weight: normal; } #nl-pathway a { display: inline; font-size: 100%; font-weight: normal; text-decoration: none; } #nl-pathway a:hover { text-decoration: underline; } /* TERMINA SECCION DE TITULO Y PATHWAY */ #nl-m-container div.nl-mc-block { clear: both; float: left; height: auto; margin: 0; padding: 0; position: static; text-align: left; width: 100%; } /* POLL */ .opcion label { text-align: left; } /* COLUMNAS */ /* DOS COLUMNAS */ div.nl-mcb-left { float: left; margin: 0; padding: 0; position: static; text-align: left; width: 25%; } div.nl-mcb-left div { float: left; margin: 0; padding: 15px 0 0 15px; position: static; text-align: left; width: auto; } div.nl-mcb-left a { display: inline; font-size: 100%; font-weight: bold; text-decoration: none; padding-left: 1em;} div.nl-mcb-left a:link { text-decoration:none; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .9em; font-weight:bold; line-height: 2em; } div.nl-mcb-left a:visited { text-decoration:none; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .9em; font-weight:bold; line-height: 2em;} div.nl-mcb-left a:hover { text-decoration: underline; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .9em; font-weight:bold; line-height: 2em;} div.nl-mcb-central { float: right; margin: 0 auto; padding: 0; text-align: right; width: 74%; } div.nl-mcb-central div { float: right; margin: 0 auto; padding: .5em; text-align: right; width: auto; } /* CENTRO A 2 COLUMNAS, COLUMNA DERECHA APARTE */ div.nl-mcb-container { float: left; margin: 0 auto; padding: 0; text-align: left; width: 74%; border-top-width: 1px; border-top-style: solid; border-right-width: 1px; border-right-style: solid; border-bottom-width: 1px; border-bottom-style: solid; border-left-width: 7px; border-left-style: solid;} div.nl-mcbc-left { float: left; margin: 0; padding: 1em; position: static; text-align: left; width: 35%; } div.nl-mcbc-central { float: right; margin: 0; padding: 1em; position: static; text-align: left; width: 61.9%; } /* COLUMNA DERECHA DE HERRAMIENTAS */ div.nl-mcb-right { float: left; margin:0px auto; padding: 0; text-align: left; width: 25%; } .nl-mcbr-container { margin:0px auto; padding: 15px; position: static; text-align: left; width: auto; border-left-width: 5px; border-left-style: solid; } .nl-mcbr-container a:link, .bloque-right a:link { text-decoration:none; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .9em; font-weight:bold; line-height: 2em;} .nl-mcbr-container a:visited, .bloque-right a:visited { text-decoration:none; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .9em; font-weight:bold; line-height: 2em;} .nl-mcbr-container a:active, .bloque-right a:active { text-decoration:none; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .9em; font-weight:bold; line-height: 2em;} .nl-mcbr-container a:hover, .bloque-right a:hover { text-decoration:none; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .9em; font-weight:bold; line-height: 2em;} /* IMAGENES SLIDER */ .centrar { margin:0px auto;} #imageContainer { position: relative; margin: auto; width: 180px; height: 126px; border: 1px #FFB871 solid; } #imageContainer img { display: none; position: absolute; top: 0; left: 0; } .nl-mc-block h1 {margin-bottom: 0 !important;} /* 2 COLUMNAS */ /* COL 1 */ #nl-m2-uno { float: left; width: 690px; } #nl-m2-uno #nl-m21-margen { margin: 10px 10px 10px 5px; padding-left: 15px;} #nl-m21-content { margin: 0; padding: 0 10px 0 10px; } #nl-m21-margen p { padding-bottom: 20px;} /* estilo del parrafo para programas */ #nl-m2-uno h1 { margin: 0 0 0 -15px; padding: 0; } #nl-m2-uno h1 { margin: 0; padding-bottom: 20px; } #nl-m2-uno h2 { padding-bottom: 15px; } /* COL 2 */ #nl-m2-dos { float: left; width: 300px; } #nl-m2-dos #nl-m22-margen { margin: 10px 15px 10px 15px; } .skybluebox-tl, .skybluebox-tr { background-image: url('/pics/css/img_cajas/skybluebox.gif'); height: 9px; font-size: 2px; } .skybluebox-bl, .skybluebox-br { background-image: url('/pics/css/img_cajas/skybluebox.gif'); height: 15px; font-size: 2px; } .skybluebox-tl, .skybluebox-bl { margin-right: 9px; } .skybluebox-tr { margin-left: 9px; margin-top: -9px; } .skybluebox-br { margin-left: 9px; margin-top: -15px; } .skybluebox-tr { background-position: 100% 0; } .skybluebox-bl { background-position: 0 -9px; } .skybluebox-br{ background-position: 100% -9px; margin-bottom: 10px; } .skybluebox-content { border-left: 1px solid #9FDFDF; border-right: 1px solid #9FDFDF; padding: 0 10px 0 0; text-align: left; } /* margen de los titulos para las cajas*/ .redbox-content h5, .orangebox-content h5, .skybluebox-content h5, .graybox-content h5 { margin: 0 0 6px 5px; padding-left: 0; font-family: "Arial Narrow", Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; padding-top: .1em; } /* titulos con iconos */ .lonuevo { background: transparent url('/pics/common/ico_nuevo.png') no-repeat left; padding-left: 27px; } .lomasvisitado { background: transparent url('/pics/common/ico_visitado.png') no-repeat left; padding-left: 27px; } .faq { background: transparent url('/pics/common/ico_faq.png') no-repeat left; padding-left: 27px; } /* estilo para el parrafo dentro de las cajas */ .redbox-content p, .orangebox-content p, .skybluebox-content p, .graybox-content p { margin: 15px 5px 0 10px; padding-left: 18px; padding-right: 5px; } /* listas con bullets (naranja, azul, roja y enlaces externos) */ ul.lista_naranja { list-style-type: none; } .lista_naranja li { background: transparent url('/pics/common/bullet_nuevo.png') no-repeat top left; margin-left: 18px; margin-top: 7px; padding-left: 18px; } ul.lista_celeste { list-style-type: none; } .lista_celeste li { background: transparent url('/pics/common/bullet_visitado.png') no-repeat top left; margin-left: 18px; margin-top: 7px; padding-left: 18px; } .lista_celeste li a { text-decoration: none; } .lista_celeste li a:hover { text-decoration: underline; } ul.lista_roja { list-style-type: none; } .lista_roja li { background: transparent url('/pics/common/bullet_red2.png') no-repeat top left; margin-top: 5px; padding-left: 18px; } ul.lista_azul { list-style-type: none; } .lista_azul li { background: transparent url('/pics/common/bullet_discapacidad.png') no-repeat top left; margin-top: 5px; padding-left: 18px; } ul.lista_links { list-style-type: none; } .lista_links li { background: transparent url('/pics/common/bullet_externo.png') no-repeat top left; margin-left: 18px; margin-top: 7px; padding-left: 18px; } img.lonuevo, img.lomasvisitado, img.pregunta { width: 18px; height: 18px; margin: 0 0 0 4px; padding: 0; vertical-align: middle; } /* FIN ESTILO DE CAJAS CON BORDE REDONDO */ /* COLUMNA DERECHA DE INDICE */ .indexbox-tl, .indexbox-bl { margin-right: 9px; } .indexbox-tr { margin-left: 9px; margin-top: -9px; } .indexbox-br { margin-left: 9px; margin-top: -15px; } .indexbox-tr { background-position: 100% 0; } .indexbox-bl { background-position: 0 -9px; } .indexbox-br{ background-position: 100% -9px; margin-bottom: 10px; } .indexbox-content { border-left-width: 5px; border-left-style: solid; padding: 0 10px 0 0; } .indexbox-content p { margin: 0; padding: 6px 5px 6px 10px; text-align: left; } .indexbox-content a:link { text-decoration:none; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .9em; font-weight:bold; } .indexbox-content a:visited { text-decoration:none; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .9em; font-weight:bold; } .indexbox-content a:active { text-decoration:none; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .9em; font-weight:bold; } .indexbox-content a:hover { text-decoration:none; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .9em; font-weight:bold; } /* LISTA EN 3 COLUMNAS */ ul.list-3column { float: left; margin: 15px 0 10px 100px; } ul.list-3column li { width: 120px; } .clear { clear: both; } /* INICIO FOTER */ #nl-footer { border-top: 3px #CC0000 solid; margin: 0 auto 0 auto; position: relative; text-align: left; width: 990px; } #nl-footer-menu { float: left; height: 32px; width: 100%; } #nl-footer-menu div { padding: 0 0 0 20px; margin: 0; } #nl-footer-menu-list { list-style-type: none; margin: 0 0 0 40px; padding: 0; } #nl-footer-menu-list li { float: left; font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: .87em; font-weight: bold; padding: 2px 5px 2px 6px; } #nl-footer-menu-list li a{ display: block; text-decoration: none; } #nl-footer-menu-list li a:hover { text-decoration: underline; } #nl-footer-direccion { float: left; width: 100%; } #nl-footer-logo { float: left; width: 60px; text-align: right; } #nl-footer-logo div { } #nl-footer-datos { border-bottom-width: 1px; border-bottom-style: solid; float: left; width: 930px; text-align: left; } #nl-footer-datos div { padding: 0 0 8px 7px; font-size: .87em; } #nl-footer-datos strong { font-weight: bold; } #nl-footer-datos span { text-align: right; margin-left: 60%; font-weight: bold; } #nl-footer-datos span a:link { text-decoration: none; } #nl-footer-datos span a:visited { text-decoration: none; } #nl-footer-datos span a:hover { text-decoration: underline; } #nl-footer-linea3 { float: left; padding: 15px 0 0 0; width: 100%; font-size: .77em; } #nl-footer-contacto { float: left; width: 60%; text-align: left; } #nl-footer-contacto div { margin-left: 20px; } #nl-footer-contacto-list { list-style-type: none; width: 100%; margin: 0 0 0 40px; padding: 0; } #nl-footer-contacto-list li { float: left; font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 1.1em; font-weight: normal; padding: 2px 5px 2px 6px; } #nl-footer-contacto-list li a { display: block; text-decoration: none; } #nl-footer-contacto-list li a:hover { text-decoration: underline; } #nl-footer-accesibilidad { float: left; width: 40%; text-align: right; } #nl-footer-accesibilidad div { float: right; text-align: right; } #nl-footer-accesibilidad-list { list-style-type: none; width: 100%; margin: 0 0 0 40px; padding: 0; } #nl-footer-accesibilidad-list li { float: left; font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: .77em; font-weight: bold; padding: 2px 5px 2px 5px; } #nl-footer-accesibilidad-list li a{ display: block; text-decoration: none; } #nl-footer-accesibilidad-list li a:hover { text-decoration: underline; } /* FIN FOOTER*/