/*------------------------------------------------------------------------ # TRANSPARENCIA # ------------------------------------------------------------------------ # Gobierno del Estado de Nuevo León 2010 - 2015 # Página: http://www.nl.gob.mx/?P=transparencia # # GAMA DE COLORES # # Nivel1 #060 # Nivel2 #090 # Nivel3 #6B0 # Nivel4 #BE7 # Nivel5 #DFB # Nivel6 #EFD # # GAMA DE COLORES EXTRAS DEL TEMA # # Gris oscuro #090 # Verde - Link #006600 # Verde - Link hover #009900 # -------------------------------------------------------------------------*/ /*------------------------------------------------------------------------ # EDICIÓN DE COLORES E IMAGENES DEL TEMA -------------------------------------------------------------------------*/ /* A - Links */ #tema #contenido a {color: #006600;} #tema #contenido a:hover {color: #009900;} #tema #contenido p a {color: #006600;} #tema #contenido p a:hover {color: #009900;} /* Headings */ #tema h1 {color: #060;} #tema h2 {color: #060;} #tema h3, #tema h4, #tema h5, #tema h6 {color: #060;} /* Headings H1-H6 */ #tema h1 a, #tema h2 a, #tema h3 a, #tema h4 a, #tema h5 a, #tema h6 a {color: #060;} /* Headings H1-H6 - Links */ #tema h1 a:hover, #tema h2 a:hover, #tema h3 a:hover, #tema h4 a:hover, #tema h5 a:hover, #tema h6 a:hover {color: #090;} /* Headings H1-H6 - Links Hover */ #tema #contenido h1 {color: #060;} #tema #contenido h2 {color: #060;} #tema #contenido h3, #tema #contenido h4, #tema #contenido h5, #tema #contenido h6 {color: #060;} /* Headings H1-H6 */ #tema #contenido h1 a, #tema #contenido h2 a, #tema #contenido h3 a, #tema #contenido h4 a, #tema #contenido h5 a, #tema #contenido h6 a {color: #060;} /* Headings H1-H6 - Links */ #tema #contenido h1 a:hover, #tema #contenido h2 a:hover, #tema #contenido h3 a:hover, #tema #contenido h4 a:hover, #tema #contenido h5 a:hover, #tema #contenido h6 a:hover {color: #090;} /* Headings H1-H6 - Links Hover */ /* Cabecera */ #tema #cabecera {background: transparent url(/pics/css/design/secciones/transparencia/images/bg_tema_cabecera.gif) top left repeat-y;} #tema #cabecera p a {color: #060;} /* Links */ #tema #cabecera p a:hover {color: #090;} /* Hover */ /* Fondos principales */ #tema .bg-principal {background: transparent url(/pics/css/design/secciones/transparencia/images/bg_tema_principal.gif) top left repeat-y;} /* background principal */ #tema .bg-interiores {background: transparent url(/pics/css/design/secciones/transparencia/images/bg_tema_interiores.gif) repeat-y;} /* background interiores */ /* Listas */ #tema #contenido ul li, #tema #contenido dl dt {background: transparent url(/pics/common/bullets_temas/bullet_transparencia.gif) top left no-repeat;} /* Bullets para listas */ #tema #contenido dl dt {background-position: 0 -4px;} #tema #contenido dl.subtema dt {background-position: 0 0;} #tema #contenido ul li.external {background: transparent url(/pics/common/bullets_temas/bullet_transparencia_externo.gif) top left no-repeat !important;} /* Bullets para listas */ /* UL - Listas desordenadas */ #tema #contenido ul li a {color: #006600;} /* Links */ #tema #contenido ul li a:hover {color: #009900;} /* Hover */ #tema #contenido .subtema ul li a {color: #333;} /* Links */ #tema #contenido .subtema ul li a:hover {color: #006600;} /* Hover */ ul#listado-imagenes {background: none !important;} ul#listado-imagenes li {border: 1px solid #CCC; background: none !important;} ul#listado-imagenes li h3 {background-color: #060; color: #FFF !important;} #tema #contenido ul.listado-faq a {color: #333;} #tema #contenido ul.listado-faq a:hover {color: #006600;} /* OL - Listas ordenadas */ #tema #contenido ol li a {color: #006600;} /* Links */ #tema #contenido ol li a:hover {color: #009900;} /* Hover */ /* DL - Listas de terminos con definición */ #tema #contenido dl dt a {color: #006600;} /* Links */ #tema #contenido dl dt a:hover {color: #009900;} /* Hover */ #tema #contenido dl dd a {color: #006600;} /* Links */ #tema #contenido dl dd a:hover {color: #009900;} /* Hover */ #tema #contenido dl.subtema dt {color: #060;} #tema #contenido dl.subtema dt a {color: #060;} /* Links */ #tema #contenido dl.subtema dt a:hover {color: #009900;} /* Hover */ /* Separadores centro */ #tema #contenido .hr {border-bottom: 1px dotted #CCC;} /* Organismo responsable */ #tema #organismo-responsable {border: 2px solid #BE7;} #tema #organismo-responsable a {color: #333;} #tema #organismo-responsable a:hover {color: #006600;} #tema #organismo-responsable .contacto {color: #060;} #tema #organismo-responsable p a {color: #333;} #tema #organismo-responsable p a:hover {color: #006600;} /* Columna derecha */ #tema #column-right .hr {border-bottom: 1px dotted #BE7;} /* Separadores columna derecha */ #tema #column-right ul li {background: transparent url(/pics/common/bullets_temas/bullet_transparencia_light.gif) top left no-repeat;} /* Bullets columna derecha */ #tema #column-right ul li a {color: #333;} /* Links columna derecha */ #tema .subtema-mas a {color: #060;} /* Link FAQ - ver mas */ #tema #column-right ul li a:hover {color: #333;} /* Menú Izquierdo */ #tema #contenido #menu-tema #menu-titulo {background: transparent url(/pics/css/design/secciones/transparencia/images/bg_tema.gif) no-repeat top;} #tema #contenido #menu-tema #menu-titulo h2 a {color: #FFF;} #tema #contenido #menu-tema ul#first-level {background-color: #FFF;} #tema #contenido #menu-tema ul#first-level li {background: none; border-bottom: 1px dotted #666;} #tema #contenido #menu-tema ul#first-level li.active {background-color: #FFF; border-bottom: 1px dotted #666;} #tema #contenido #menu-tema ul#first-level li a {color: #000;} #tema #contenido #menu-tema ul#first-level ul.second-level {background-color: #F2F2F2;} #tema #contenido #menu-tema ul#first-level ul.second-level li {border-bottom:none; border-top: 1px dotted #666;} #tema #contenido #menu-tema ul#first-level ul.second-level li.active {background-color: #F2F2F2; border-bottom: 1px dotted #666 !important;} #tema #contenido #menu-tema ul#first-level ul.second-level li a {color: #000;} /*#tema #contenido #menu-tema ul#first-level li.border {border-bottom: 1px dotted #666;}*/ /* Tablas */ #tema #contenido table thead th {background-color: #060; color: #FFF;} #tema #contenido table tbody tr.fondo td {background-color: #EFD ;} #tema #contenido table tbody tr.activa td {background-color: #DFB;} #tema #contenido table, #tema #contenido table thead th, #tema #contenido table tbody tr td {border-color: #CCC;} #tema #contenido table tbody tr {background-color: #FFF;} /* Introducción */ #tema #introduccion {color: #333 !important; background-color: #FFF;} .sinfondo {background-color:#FFF; padding-bottom: 0; margin-bottom: 0;} /* Encabezados */ #tema #contenido div.opciones {padding-left:12px;width:778px;border-top: 1px dotted #DFB;border-bottom: 1px solid #DFB; background: transparent url(/pics/css/design/secciones/transparencia/images/bg_tema_opciones.jpg) top left repeat-x; padding-bottom:1em;} #tema p.opciones {padding-left:12px !important;padding-right:12px !important;width:766px !important;background:#f5f5f5 !important;font-size:0.92em !important; font-family:verdana, sans-serif !important; border-bottom:0 !important;} #tema p.opciones .articulo {font-size:0.91em;font-style:normal;} #tema #contenido .tabs .nopadding {padding-top:0 !important;} /*------------------------------------------------------------------------ # LINKS -------------------------------------------------------------------------*/ /*------------------------------------------------------------------------ # HEADINGS -------------------------------------------------------------------------*/ #tema h1, #tema h2, #tema h5, #tema h6 {text-align: left; line-height: 110%; font-family: Georgia, serif; font-weight: normal;} #tema h3, #tema h4 {text-align: left; line-height: 110%; font-family: Verdana, sans-serif; font-weight: normal;} #tema h2 a, #tema h3 a, #tema h4 a, #tema h5 a, #tema h6 a {text-decoration: underline;} #tema h1 {background-color: #FFF; margin: 0; padding: 0 0 0.17em 0;} /* Titulo general */ #tema {font-family: Verdana, sans-serif;} #tema h1 {font-size: 3.83em; margin: 0 0 0 0;} #tema h2 {font-size: 2.50em; margin: 1em 0 0.42em 0;} #tema h3 {font-size: 1.67em; margin: 0 0 0.42em 0;} #tema h4 {font-size: 1.50em; margin: 1em 0 0.42em 0;} #tema h5 {font-size: 1.33em; margin: 1em 0 0.42em 0;} #tema h6 {font-size: 1.17em; margin: 1em 0 0.42em 0;} #tema #contenido h1 {padding-top:17px; padding-bottom:12px;} /*------------------------------------------------------------------------ # CABECERA DEL TEMA -------------------------------------------------------------------------*/ #tema #cabecera {padding: 0 0 0.83em 0; } #tema #cabecera #eventos h2, #tema #cabecera #eventos ul, #tema #cabecera #eventos p {margin: 0 0 10px 20px;} #tema #cabecera #eventos h2 {font-size: 1.50em;} #tema #cabecera #eventos h3 {font-family: Arial; font-size: 1em; margin: 7px 0 3px 20px; padding: 0;} #tema #cabecera p {padding: 0 0 0.58em 0; margin: 0 0 0 10px !important; line-height: 1.25em; font-size: 0.92em;} /*------------------------------------------------------------------------ # CONTENIDO DEL TEMA -------------------------------------------------------------------------*/ #tema #contenido {line-height: 150%; } #tema #contenido p {margin: 1.25em 0; line-height: 150%;} #tema #contenido .hr {width: 85%; display: block; height: 1px; margin: 2.83em 0 2.33em; text-align: left;} #tema #contenido .hr hr {display: none;} /* UL - Listas desordenadas */ #tema #contenido ul {list-style-type: none; margin: 0 0 0 1.25em;} #tema #contenido ul li {text-align: left; padding: 0 0 0 1.25em; margin: 0.83em 0;} #tema #contenido .subtema {margin-bottom: 1.67em; padding-right: 0.42em;} #tema #contenido .subtema h2 {margin: 0;} #tema #contenido .subtema ul {margin: 1.42em 0 3.83em 0.25em;} #tema #contenido .subtema ul li a {text-decoration: underline;} #tema #contenido .subtema ul li a:hover {text-decoration: underline;} ul#listado-imagenes {list-style-type: none !important; margin: 0 auto !important; padding: 0 !important;} ul#listado-imagenes li {float: left; width: 120px; margin: 10px 5px 10px 5px !important; padding: 0 !important;} ul#listado-imagenes li img {padding: 0 !important; margin: 0 !important; border: 0; vertical-align: middle;} ul#listado-imagenes li h3 {padding: 5px 0 !important; margin: 0 !important; font-size: 100%; text-align: center;} /* OL - Listas ordenadas */ #tema #contenido ol {list-style:decimal inside; margin: 1.67em 0; padding: 0;} #tema #contenido ol li {padding: 0 0 0 1.25em; margin: 0.83em 0;} /* DL - Listas de terminos con definición */ #tema #contenido dl {margin: 1.25em 0;} #tema #contenido dl dt {padding: 0 0 0 15px; margin: 0.83em 0 0.5em; line-height: 110%;} #tema #contenido dl dd {padding: 0 0 0 1.25em; margin: 0 0 1.67em 0;} #tema #contenido dl.subtema dt {font-family: Georgia, serif; font-size: 1.67em; font-weight: normal;} /* Tablas */ #tema #contenido table {border-width: 0.1em; border-style: solid; margin: 1.25em 0; border-collapse: collapse;} #tema #contenido table thead th, #tema #contenido table tbody tr td {vertical-align: top; border-width: 0.1em; border-style: solid; padding: 0.42em;} #tema #contenido table p {margin: 0;} #tema #contenido p.backtotop {text-align: right; margin-right: 20px;} /* IMAGENES */ .img-espacio {padding: 1em;} /*------------------------------------------------------------------------ # MENÚ - COLUMNA IZQUIERDA -------------------------------------------------------------------------*/ #tema #contenido #menu-tema {width: 190px; float: left; margin-right: 10px;} #tema #contenido #menu-tema #menu-titulo {margin: 0; padding: 45px 0 0 0;} #tema #contenido #menu-tema #menu-titulo h2 {height: 72px; font-size: 22px; line-height: 24px; margin: 0 10px 0 10px; font-family: Georgia, serif;} #tema #contenido #menu-tema #menu-titulo h2 a {text-decoration: none;} #tema #contenido #menu-tema #menu-titulo h2 a:hover {text-decoration: underline;} #tema #contenido #menu-tema ul#first-level {list-style-type: none !important; width: 186px; margin:0 0 0 2px; padding:0;} #tema #contenido #menu-tema ul#first-level li {margin: 0; padding: 12px 0px 0px 8px; line-height: 110%;} #tema #contenido #menu-tema ul#first-level li.active {border: 0; font-weight: bold; padding: 12px 0 12px 8px;} /*#tema #contenido #menu-tema ul#first-level li.no-active {border: 0; font-weight: normal; padding: 6px 0 6px 8px;}*/ #tema #contenido #menu-tema ul#first-level li a {text-decoration: none; border: 0;} #tema #contenido #menu-tema ul#first-level li a:hover {text-decoration: underline;} #tema #contenido #menu-tema ul#first-level ul.second-level {margin: 12px 0 0 -8px; list-style-type: none !important; padding: 0;} #tema #contenido #menu-tema ul#first-level ul.second-level li {padding: 8px 5px 8px 20px; font-weight: normal; margin: 0;} #tema #contenido #menu-tema ul#first-level ul.second-level li.active {font-weight: bold;} #tema #contenido #menu-tema ul#first-level ul.second-level li a {text-decoration: none;} #tema #contenido #menu-tema ul#first-level ul.second-level li a:hover {text-decoration: underline; border: 0;} /*------------------------------------------------------------------------ # HERRAMIENTAS - COLUMNA DERECHA -------------------------------------------------------------------------*/ #tema #column-right {text-align: center; width: 190px; margin-right: 0 !important; float: right; padding-top: 15px;} #tema #column-right .module {margin: 0 15px; font-family:Verdana,sans-serif;} #tema #column-right .module h3 {font-family: 'Arial Narrow' !important; font-size: 1.25em; font-weight: bold;} #tema #column-right .module h3 a {text-decoration: none;} #tema #column-right .module h3 a:hover {text-decoration: underline;} #tema #column-right .hr {width: 85%; margin: 35px auto 25px auto; text-align: center; height: 1px;} #tema #column-right .hr hr {display:none;} /* UL - Listas desordenadas */ #tema #column-right ul {list-style-type: none; margin-left: 0;} #tema #column-right ul li {padding-left: 15px; margin: 10px 0; line-height: 1.17em;} #tema #column-right ul li a {text-decoration: none; border: 0; font-size: 0.92em;} #tema #column-right ul li a:hover {text-decoration: underline; border: 0;} /*------------------------------------------------------------------------ # MÓDULO ORGANISMO RESPONSABLE -------------------------------------------------------------------------*/ #tema #organismo-responsable {margin-top: 20px;} #tema #organismo-responsable h3, #tema #organismo-responsable h4 {margin: 0 0 0 10px;} #tema #organismo-responsable p {margin-left: 10px; margin-top: 15px; line-height: 16px;font-family:Verdana,sans-serif;font-size:0.92em;} #tema #organismo-responsable img {margin: 0 10px 0 10px;} /*------------------------------------------------------------------------ # MÓDULOS - Link 'Mas' -------------------------------------------------------------------------*/ #tema .subtema-mas {float: right;} #tema .subtema-mas a {font-size: 0.92em;} /*------------------------------------------------------------------------ # INTRODUCCIÓN -------------------------------------------------------------------------*/ #tema #contenido #introduccion {margin: 0; font-family: Georgia, serif; font-size: 18px; font-style: italic; width: 790px; float: left; line-height: 20px; padding: 19px 0 20px 0; } /*------------------------------------------------------------------------ # PUBLICACIONES -------------------------------------------------------------------------*/ #tema #contenido ul.item-list {list-style-type: none !important; margin: 0 auto; padding: 0;} #tema #contenido ul.item-list li {background: none; border-top: solid 1px #eee; padding:10px; margin: 0; clear: both; height: 100px;} #tema #contenido ul.item-list li.current-item {background-color: #FBFBF9;} #tema #contenido ul.item-list li h3 {margin: 0 !important;} #tema #contenido ul.item-list li img {margin-right:10px; vertical-align:top;} #tema #contenido .small-font {font-size: .8em; color: #6C6B55;} /*------------------------------------------------------------------------ # SISTEMA TRANSPARENCIA -------------------------------------------------------------------------*/ #tema #contenido #sistema {font-size:12px;} #tema #contenido #sistema table {border-width: 0;} #tema #contenido #sistema table thead th, #tema #contenido #sistema table tbody tr td {border-width: 0;} #tema #contenido #sistema #tblHeader tbody tr td {background-color: #f5f5f5;} #tema #contenido #sistema .Titulo {color: #060;} #tema #contenido #sistema .Titulo {text-align: left; line-height: 110%; font-family: Georgia, serif; font-weight: normal;} #tema #contenido #sistema .Titulo {font-size: 2.50em; margin: 1em 0 0.42em 0;} #tema #contenido #sistema .Titulo {padding: 0.17em;} #tema #contenido #sistema .ItemB {color: #060;} #tema #contenido #sistema .ItemB {text-align: left; line-height: 110%; font-family: Verdana, sans-serif; font-weight: normal;} #tema #contenido #sistema .ItemB {font-size: 1.67em; margin: 1em 0 0.42em 0;} #tema #contenido #sistema .ItemB {padding: 0.25em;} #tema #contenido #sistema .separador {border-bottom: 1px dotted #666;} #tema #contenido #sistema .noaplica {font-style:italic; font-size:0.8em;} #tema #contenido #sistema .Item {background: transparent url(/pics/common/bullets_temas/bullet_transparencia.gif) top left no-repeat;} #tema #contenido #sistema .Item {text-align: left; padding: 0 0 1.25em 1.25em;} #tema #contenido #sistema .Item a {color: #333;} #tema #contenido #sistema .Item a:hover {color: #060;} #tema #contenido #sistema .Item a {text-decoration: underline;} #tema #contenido #sistema .Item a:hover {text-decoration: underline;} #tema #contenido #sistema #lblDescripcionConcepto {font-style:italic;line-height: 20px;} #tema #contenido #sistema #lblTitArticulo {font-size:0.83em;} #tema #contenido #sistema #lnkPrincipal {border-left:1px solid #666;padding-left:1em; font-size:0.83em;} #tema #contenido #sistema #lnkSolicitud {padding-right:1em; font-size:0.83em;} /*------------------------------------------------------------------------ # TABULADOR CON IMAGEN -------------------------------------------------------------------------*/ #tema #contenido ul.tabNavigation {border-top: 1px dotted #ccc;border-bottom: 4px solid #070; background: transparent url(/pics/css/design/secciones/transparencia/images/bg_tema_opciones.jpg) top left repeat-x;} #tema #contenido ul.tabNavigation { height: 64px; margin-left: 0; } #tema #contenido ul.tabNavigation li { float: left; display: block; background: none; margin: 31px 0 0 0; } #tema #contenido ul.tabNavigation li a { display: block; color: #fff; text-decoration: none; text-align:left; height: 28px; padding:5px 0 0 0; } #tema #contenido ul.tabNavigation li.izq a { background: transparent url(/pics/css/design/secciones/transparencia/images/bg_tab_izq_off.gif) top left repeat-x; width:130px; } #tema #contenido ul.tabNavigation li.der a { background: transparent url(/pics/css/design/secciones/transparencia/images/bg_tab_der_off.gif) top left repeat-x; width:155px; } #tema #contenido ul.tabNavigation li.izq a.selected { background: transparent url(/pics/css/design/secciones/transparencia/images/bg_tab_izq_on.gif) top left repeat-x; } #tema #contenido ul.tabNavigation li.der a.selected { background: transparent url(/pics/css/design/secciones/transparencia/images/bg_tab_der_on.gif) top left repeat-x; } #tema #contenido ul.tabNavigation li a.selected { color: #fff; } #tema #contenido ul.tabNavigation li a:hover { color: #fff; text-decoration: none; } #tema #contenido ul.tabNavigation li a:focus { outline: 0; } /*------------------------------------------------------------------------ # NOTAS -------------------------------------------------------------------------*/ #tema #contenido p.nota { background: url(/pics/css/design/secciones/transparencia/images/bg-nota.gif) no-repeat left #FFFFCC; padding: 15px 15px 15px 50px; border: 1px solid #E1E1A9; margin-right:10px; } #tema #contenido p:hover.nota { background-color: #FFFBA4; }