/*------------------------------------------------------------------------ # NUEVO LEÓN # ------------------------------------------------------------------------ # Gobierno del Estado de Nuevo León 2009 - 2015 # Página: http://www.nl.gob.mx/ -------------------------------------------------------------------------*/ /* HEADINGS -------------------------------------------------------------------------*/ html { } body {background-color: #F58F32; margin: 0; padding: 0; overflow: auto;} #wrapper {width: 100%; background: url(/pics/css/design/images/bg_body.png) top center repeat-y; margin:0; padding:0; text-align: center;} #margen {width:980px; margin: 0 auto; text-align: left;} /* TEMPLATE -------------------------------------------------------------------------*/ .space {height:1px; clear:both;} .hide {display: none;} .left {float: left;} .right {float: right;} .clear {clear: both;} .clearfix {display:inline-block;} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} * html .clearfix{height:1%;} .clearfix {display:block;} /* ETIQUETAS -------------------------------------------------------------------------*/ #portada h2 {font-family:"Franklin Gothic Medium Cond", "Arial Narrow", Helvetica, sans-serif; font-size:2.50em; font-weight:normal; margin-top:0; margin-bottom:0.47em; line-height:1.17em;} #portada h2 a {color:#000000;background-color:transparent;} #portada h2 a:hover {color:#000000;background-color:transparent;} #portada h3 {font-family:Georgia, Times, "Times New Roman", serif; font-size:1.17em; font-weight:normal; margin-top:0.50em; margin-bottom:0.50em; line-height:1.25em;} #portada h3 a {color:#007700;background-color:transparent;} #portada h3 a:hover {color:#007700;background-color:transparent;} #portada h4 { font-family:Georgia, Times, "Times New Roman", serif; font-size:0.92em; font-weight:normal; margin-top:0.64em; margin-bottom:0.64em; line-height:1.27em; } #portada h4 a { color:#007700; background-color:transparent;} #portada h4 a:hover { color:#007700; background-color:transparent;} #portada li { font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; border-top:1px dotted #cccccc; color:#333333; } #portada li a { color:#007700; background-color:transparent;} #portada li a:hover { color:#007700; background-color:transparent;} #portada p { font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#333333; } #portada p a { color:#007700; background-color:transparent;} #portada p a:hover { color:#007700; background-color:transparent;} #portada ul { list-style-type: none; margin-left:0; } #portada a:link { text-decoration:none; } #portada a:visited { text-decoration:none; } #portada a:hover { text-decoration:underline; } #portada a:active { text-decoration:none; } #portada label { font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#333333;background-color:transparent; float:left; width:113px; margin-left:7px; width:110px !important; } #portada input[type='submit'] { background:url(/pics/css/design/portada/votar.gif); width:51px; height:23px; border: none; margin-left:36px; color:#ffffff; background-color:transparent;font-family:"Franklin Gothic Demi Cond", "Arial Narrow", Helvetica, sans-serif; margin-bottom:7px; float:left; } #portada input[type='radio'] { float:left; clear:both; } #portada span { font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#333333; } #portada abbr { cursor:default; } /* CLASES -------------------------------------------------------------------------*/ #portada { } #portada .no-importante { font-size:0.75em; text-transform: uppercase; } #portada .no-importante a { color:#009900; background-color:transparent;} #portada .no-importante a:hover { color:#009900; background-color:transparent;} #portada .importante { font-size:1.42em; margin-top:0; color:#333333; background-color:transparent;} #portada .hr { border-top:1.00em solid #67B34A; clear:both; margin-left:1.17em; margin-right:1.17em; } #portada .hr hr { height:0; margin-bottom:0.42em; } #portada .hr_corto { border-top:0.50em solid #67B34A; clear:both; } #portada .hr_corto hr { height:0; margin-bottom:0.42em; } #portada .div_cafe { background:#ffcb7d; height:2.00em; margin-bottom:1.17em;} #portada .div_amarillo { background: url(/pics/css/design/portada/back_encuesta.gif) no-repeat top left; padding: 0.83em 0.58em 0 0.58em; height: 31.67em; margin-bottom:0.58em; } #portada .div_gris { background: #d7d7d7; padding: 7px; width: 133px; height: 174px; margin-bottom:7px; } #portada .div_agenda { background:#a5a5a5; } #portada .negro { margin-top:0; margin-bottom:0; } #portada .negro a { color:#000000; background-color:transparent;} #portada .negro a:hover { color:#000000; background-color:transparent;} #portada .gris a { color:#666666; background-color:transparent;} #portada .gris a:hover { color:#666666; background-color:transparent;} #portada .blanco { color:#ffffff; } #portada .blanco abbr { border-bottom:none; } #portada .margen_t { margin-top:1.17em; } #portada .margen_l { margin-left:1.17em; } #portada .margen_r { margin-right:1.17em; } #portada .margen_b { margin-bottom:1.17em; } #portada .h2-margen_l { margin-left:0.47em; } #portada .division-l { padding-left:1.17em; border-left:1px dotted #cccccc; } #portada .division-t { border-top:0.25em solid #cccccc; padding-top:0.29em; } #portada .no-division { border:0 !important; } #portada .texto-r { text-align:right; } #portada .texto-l { text-align:left; } #portada .lista_normal { margin-bottom: 0.58em; } #portada .lista_normal li { padding-top:0.25em; padding-bottom:0.25em; } #portada .columna { width: 147px; } /* CAJAS -------------------------------------------------------------------------*/ #tramitestemas { width:469px; margin-left:14px; margin-right:14px; float:left; display:inline;} #tramitestemas #enlinea { width:469px; margin-left:0px; margin-right:14px; float:left; } #tramitestemas #enlinea1 { width:147px; margin-left:0px; margin-right:14px; float:left; } #tramitestemas #enlinea2 { width:147px; margin-left:0px; margin-right:14px; float:left; } #tramitestemas #enlinea3 { width:147px; margin-left:0px; margin-right:0px; float:left; } #tramitestemas #recomendamos { width:147px; margin-left:0px; margin-right:14px; float:left; } #tramitestemas #temas1 { width:147px; margin-left:0px; margin-right:14px; float:left; } #tramitestemas #temas2 { width:147px; margin-left:0px; margin-right:0px; float:left; } #especiales { width:469px; margin-left:0px; margin-right:14px; float:left; } #especiales #banner { width:308px; margin-left:0px; margin-right:14px; float:left; } #especiales #campanas { width:147px; margin-left:0px; margin-right:0px; float:left; } #avances { width:952px; margin-left:14px; margin-right:14px; float:left; } #masnoticias, #noticias { width:469px; margin-left:14px; margin-right:14px; float:left;display:inline;} #noticias #confoto1 { width:228px; margin-left:0px; margin-right:14px; float:left; } #noticias #confoto2 { width:227px; margin-left:0px; margin-right:0px; float:left; } #noticias #sinfoto { width:469px; margin-left:0px; margin-right:0px; float:left; } #maseventos, #eventos { width:308px; margin-left:0px; margin-right:14px; float:left;} #eventos #agenda1 { width:147px; margin-left:0px; margin-right:14px; float:left; } #eventos #agenda2 { width:147px; margin-left:0px; margin-right:0px; float:left; } #eventos #agenda1 div, #eventos #agenda2 div { width:141px; height: 51px; padding:1px 3px 0 3px; background:#a5a5a5; } #masparticipa, #participa { width:147px; margin-left:0px; margin-right:14px; float:left;} #participa #votar {display: block; margin: 0.5em; float: right;} #gobierno { width:308px; margin-left:14px; margin-right:14px; float:left;display:inline;} #transparencia { width:308px; margin-left:0px; margin-right:14px; float:left;} #nuevoleon { width:308px; margin-left:0px; margin-right:14px; float:left;} /* HEADER -------------------------------------------------------------------------*/ #int_header {border-bottom: 1px dotted #DAECD3; margin-bottom: 10px; background: url(/pics/css/design/portada/header-bg.png) no-repeat top right; overflow: hidden;} #int_header #int_escudo {float:left; margin:10px 0 0 10px; padding:0; display: inline;} #int_header #int_menu {list-style-type:none; margin: 48px 0 0 15px; float: left;} #int_header #int_menu li {font-family: Arial !important; font-size:15px; font-weight:bold; float:left; text-align:center; } #int_header #int_menu li a {font-family: Arial !important; color:#ffffff; background-color:transparent; text-decoration:none; display:block; padding: 14px 8px 13px 8px;} #int_header #int_menu li a:hover {color:#ffffff; background-color:transparent; text-decoration:none; display:block;} #mh-tramites a:hover {background: url(/pics/css/design/portada/mh-tramites.png) top center no-repeat;} #mh-temas a:hover {background: url(/pics/css/design/portada/mh-temas.png) top center no-repeat;} #mh-gobierno a:hover {background: url(/pics/css/design/portada/mh-gobierno.png) top center no-repeat;} #mh-nuevoleon a:hover {background: url(/pics/css/design/portada/mh-nuevoleon.png) top center no-repeat;} #mh-participa a:hover {background: url(/pics/css/design/portada/mh-participa.png) top center no-repeat;} #mh-transparencia a:hover {background: url(/pics/css/design/portada/mh-transparencia.png) top center no-repeat;} #mh-noticias a:hover {background: url(/pics/css/design/portada/mh-noticias.png) top center no-repeat;} #int_header p#header_titulo {float: left; font-family: Arial !important; font-size: 12px; font-weight: bold; color: #333; margin: 20px 0 15px 20px;} #int_header #int_titulo { float:left; color:#ffffff; background-color:transparent; font-family:"Franklin Gothic Book", Arial, Helvetica, sans-serif; font-size:30px; font-weight:normal; margin-top:25px; line-height:30px; margin-left:14px; } #int_header #int_titulo a { color:#ffffff; background-color:transparent; text-decoration:none; } #int_header #int_titulo a:hover { color:#ffffff; background-color:transparent; text-decoration:underline; } #int_header #int_titulo .int_h1 { font-family:"Franklin Gothic Medium", Arial, Helvetica, sans-serif; font-size:40px; } #int_header #int_enlaces {float: left; clear: both; text-transform: uppercase; margin: 0; padding: 0;font-family: "Franklin Gothic Book", Arial, Helvetica, sans-serif; font-size:10px;} #int_header #int_enlaces li {float: left; margin: 3px 30px 0 0;} #int_header #int_enlaces li a {color: #67B34A; background-color:transparent; text-decoration: none; font-weight: bold;} #int_header #int_enlaces li a:hover {text-decoration: underline;} /* BUSCADOR */ #int_header #int_frmBuscador { } #int_header input#int_txtBuscador {float: left; background:url(/pics/css/design/portada/bg_buscador.gif) top left no-repeat; width: 290px; height:28px; border:0 !important; padding: 0 0 0 25px; font-size: 12px; font-family: Arial; cursor:text; } #int_header input[type='text']:focus#int_txtBuscador {border: 0 !important; outline: 0;} #int_header input#int_btnBuscador {float: left; width:60px; height:28px;} #int_header #int_buscador {float: right; margin-right: 15px; margin-top: 15px; } /* FOOTER -------------------------------------------------------------------------*/ #wrapper-footer-bg {width: 100%; height: 43px; background: url(/pics/css/design/portada/wrapper-footer-bg.png) top center no-repeat; margin:0; padding:0; text-align: center;} #footer {width: 100%; font-size:10px; margin: 0 auto; background: url(/pics/css/design/portada/footer-bg.png) repeat-y top center; padding-bottom: 10px; text-align: center;} #ft-cols {width: 990px; margin: 0 auto 15px auto; text-align: left; overflow: hidden;} #ft-col1, #ft-col2, #ft-col3 {float: left; font-family: Arial; color: #fff;} #ft-cols h4 {padding: 5px 0 20px 40px; text-transform: uppercase; font-size: 12px; color: #FBD2AE; font-weight: bold;font-family: Arial;} /* Columna 1 */ #ft-col1 {width: 260px; margin: 20px 20px 20px 15px;} #ft-escudo {display: block; float: left; margin-right: 15px;} #ft-col1 h3 {float: left; font-size: 15px; font-weight: bold;font-family: Arial;color: #fff;} #ft-col1 h3 a {text-decoration: none; color: #fff;} #ft-col1 h3 a:hover {text-decoration: underline; color: #fff;} #ft-direccion {float: left; font-family: Arial; font-size: 12px; margin-top: 10px; line-height: 14px;} /* Columna 2 */ #ft-col2 {width: 410px; margin: 20px 5px 20px 0;} #ft-telefonos {background: url(/pics/css/design/portada/ico-telefono.png) no-repeat top left;} #ft-emergencias {margin: -15px 0 0 36px; overflow: hidden;} #ft-emergencias li {float: left; font-size: 11px;} #ft-emergencias li a {color: #ffffff; background-color:transparent; text-decoration: none; display: block; margin-top: 0; padding: 10px 10px 10px 43px;} #ft-emergencias li a:hover {text-decoration: underline;} #em-065 {background: url(/pics/css/design/portada/ico-065.png) no-repeat left;} #em-070 {background: url(/pics/css/design/portada/ico-070.png) no-repeat left;} #em-070 {margin-left: 27px;} #em-070 a {padding: 5px 10px 5px 43px !important;} #em-089 {background: url(/pics/css/design/portada/ico-089.png) no-repeat left;} #em-089 {margin-left: 11px;} #em-089 a {padding: 5px 10px 5px 43px !important;} #em-066 {background: url(/pics/css/design/portada/ico-066.png) no-repeat left;} #em-066 {margin-top: 7px;} #em-075 {background: url(/pics/css/design/portada/ico-075.png) no-repeat left;} #em-075 {margin: 7px 0 0 9px;} #em-denuncia {background: url(/pics/css/design/portada/ico-denuncia.png) no-repeat top left;} #em-denuncia {margin: 7px 0 0 9px;} #em-denuncia a {padding: 42px 0 5px 5px !important;} #ft-buzon {margin-top: -20px; background: url(/pics/css/design/portada/ico-buzon.png) no-repeat top left;} #txt-buzon {font-size: 11px; margin: -15px 0 0 40px;} #txt-buzon a {color: #fff; text-decoration: none;} #txt-buzon a:hover {text-decoration: underline;} /* Columna 3 */ #ft-col3 {width: 250px; margin: 20px 0;} #ft-redes-sociales {margin-left: 35px;} #ft-redes-sociales li {float: left; margin: 5px 8px 0 8px !important;} #ft-redes-sociales li a {text-decoration: none;} #ft-links {width: 990px; margin: 0 auto 40px auto; clear:both; text-align: left; font-family: Arial; font-size: 11px; color: #fff; overflow: hidden;} #ft-fecha {width: 160px; margin: 5px 0 0 115px; font-size: 12px; float: left;} #ft-legal {float: left; margin-left: 40px;} #ft-legal li {float: left; text-transform: uppercase; margin: 5px 20px 0 0;} #ft-legal li a {color: #fff; background-color:transparent; text-decoration: none;} #ft-legal li a:hover {background-color:transparent; text-decoration: underline;} #ft-estandares {float: left; margin: 0 5px 0 30px;} #ft-estandares li {float: left; margin: 5px 0 0 10px; border-left: 1px solid #fff; padding-left: 10px;} #ft-estandares li a {color: #fff; background-color:transparent; text-decoration: none; font-weight: bold;} #ft-estandares li a:hover {background-color:transparent; text-decoration: underline;}