/*------------------------------------------------------------------------
# SECCION GOBIERNO
# ------------------------------------------------------------------------
# Gobierno del Estado de Nuevo León 2003 - 2009
# Página:  http://www.nl.gob.mx/?P=pt_gobierno
#
# GAMA DE COLORES
#
# Nivel1				#060
# Nivel2				#090
# Nivel3				#6B0
# Nivel4				#BE7
# Nivel5				#DFB
# Nivel6				#EFD
#
# GAMA DE COLORES EXTRAS DEL TEMA
#
# Gris oscuro			#333
# Rojo - Link			#006600
# Rojo - 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, #tema h2, #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: #009900;} /* Headings H1-H6 - Links Hover */

#tema #contenido h1, #tema #contenido h2, #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: #009900;} /* Headings H1-H6 - Links Hover */

/* Cabecera */
#tema #cabecera			{background: transparent url(/pics/css/design/secciones/gobierno/images/bg_tema_cabecera.gif) top left repeat-y;}

/* Fondos principales */
#tema .bg-principal		{background: transparent url(/pics/css/design/secciones/gobierno/images/bg_tema_principal.gif) top left repeat-y;} /* background principal */
#tema .bg-interiores	{background: transparent url(/pics/css/design/secciones/gobierno/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_gobierno.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_gobierno_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_gobierno_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 {color: #333;}
#tema #column-right ul li a:hover {color: #333;}

/* Menú Izquierdo */
#tema #contenido #menu-tema #menu-titulo				{background: transparent url(/pics/css/design/secciones/gobierno/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;}
#tema #contenido #menu-tema ul#first-level li a		{color: #000; }
#tema #contenido #menu-tema ul#first-level ul.second-level			{background-color: #F2F2F2; 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;}

/* 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;}

/*------------------------------------------------------------------------
#	LINKS
-------------------------------------------------------------------------*/


/*------------------------------------------------------------------------
#	HEADINGS
-------------------------------------------------------------------------*/
#tema h1, #tema h2, #tema h3, #tema h4, #tema h5, #tema h6	{text-align: left; line-height: 110%; font-family: Georgia, 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;}
#tema h2 {font-size: 2.50em; margin: 1em 0 0.42em 0;}
#tema h3 {font-size: 1.67em; margin: 1em 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:44px;}

/*------------------------------------------------------------------------
#	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 20px !important; line-height: 1.25em; font-size: 0.92em;}
#tema #cabecera p a {font-size: 1.2em;}

/*------------------------------------------------------------------------
#	CONTENIDO DEL TEMA
-------------------------------------------------------------------------*/
#tema #contenido {line-height: 150%; } /* padding-bottom: 1.67em; */
#tema #contenido p {margin: 1.25em 0; line-height: 150%;}
#tema #contenido .hr {width: 75%; 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 0 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;}

/* 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: 24px; line-height: 24px; margin: 0 10px 0 25px;}
#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 12px 8px; line-height: 110%;}
#tema #contenido #menu-tema ul#first-level li.active {font-weight: bold; padding: 12px 0px 12px 8px; } /* border-bottom: 0; */
#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 {border: 0; font-weight: bold;}
#tema #contenido #menu-tema ul#first-level ul.second-level li a {text-decoration: none; border: 0;}
#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; font-size: 0.92em;}
#tema #column-right ul li a {text-decoration: none; border: 0; }
#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: 0 0 20px 0; border-bottom: 1px solid #E7E7E7;}

/*------------------------------------------------------------------------
#	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;}

/*------------------------------------------------------------------------
#	BLOQUES - 1 y 2
-------------------------------------------------------------------------*/
#tema #contenido ul.bloque-1, #tema #contenido ul.bloque-2 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0 0 15px 0;
	clear: both;
	list-style-type: none;
}

#tema #contenido ul.bloque-1 li, #tema #contenido ul.bloque-2 li {
	width: 320px;
	float: left;
	background: #368C2C;
	margin-right:10px;
	padding: 15px 0;
	position: relative;
	height: 91px;
}
#tema #contenido ul.bloque-1 li h3, #tema #contenido ul.bloque-2 li h3{
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	padding: 3px 0 10px 38px;
	margin: 0 0 0 10px;
}
h3.icon1{
	background: url(/pics/css/design/secciones/transparencia_v2/icons/icono-01.png) top left no-repeat;
}
h3.icon2{
	background: url(/pics/css/design/secciones/transparencia_v2/icons/icono-02.png) top left no-repeat;
}
h3.icon3{
	background: url(/pics/css/design/secciones/transparencia_v2/icons/icono-03.png) top left no-repeat;
}

#tema #contenido ul.bloque-1 li h3 a, #tema #contenido ul.bloque-2 li h3 a {
	color: #fff;
	text-decoration: none;
}

#tema #contenido ul.bloque-1 li h3 a:hover, #tema #contenido ul.bloque-2 li h3 a:hover {
	text-decoration: underline;
}

#tema #contenido ul.bloque-1 li p, #tema #contenido ul.bloque-2 li p {
	color: #f5f5f5;
	margin: -5px 10px 0 48px;
}

#tema #contenido ul.bloque-1 li:last-child, #tema #contenido ul.bloque-2 li:last-child {
	margin-right:0;
}
		
#tema #contenido ul.bloque-2 {
	margin: 0;
	clear: both;
	list-style-type: none;
}

#tema #contenido ul.bloque-2 li {
	background: #EBEBEB;
	height: 215px;
}

#tema #contenido ul.bloque-2 li p {
	color: #333;
	margin: 0 10px 0 15px;
}
		
#tema #contenido ul.bloque-2 li h3 {
	color: #333;
	height: 40px;
}
h3.icon4{
	background: url(/pics/css/design/secciones/transparencia_v2/icons/icono-04.png) top left no-repeat;
}
h3.icon5{
	background: url(/pics/css/design/secciones/transparencia_v2/icons/icono-05.png) top left no-repeat;
}
h3.icon6{
	background: url(/pics/css/design/secciones/transparencia_v2/icons/icono-06.png) top left no-repeat;
}
h3.icon7{
	background: url(/pics/css/design/secciones/transparencia_v2/icons/icono-07.png) top left no-repeat;
}
h3.icon8{
	background: url(/pics/css/design/secciones/transparencia_v2/icons/icono-08.png) top left no-repeat;
}
h3.icon9{
	background: url(/pics/css/design/secciones/transparencia_v2/icons/icono-09.png) top left no-repeat;
}
 		
#tema #contenido ul.bloque-2 li h3 a {
	color: #333;
}

#tema #contenido ul.bloque-2 li a.vermas {
	width: 70px;
	display: block;
	clear: both;
	text-align: right;
	float: right;
	position: absolute;
	bottom: 10px;
	right: 10px;
}