/*
	nl.css

	(c) 2010 Gobierno del Estado de Nuevo León
	
*/

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { }

h2 {font-size:2em; font-family:Georgia, "lucida bright", "times new roman", serif; font-weight:normal;}
h3 {font-size:1.6em; font-family:Georgia, "lucida bright", "times new roman", serif; font-weight:bold;}
h4 {font-size:1.5em; font-family:Georgia, "lucida bright", "times new roman", serif; font-weight:normal;}
h5 {font-size:1.42em; font-family:"Arial Narrow", Helvetica, sans-serif; font-weight:bold;}
h6 {font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}

/* Text elements
-------------------------------------------------------------- */
p           {margin:0.83em 0 0;}
p.last      {margin-bottom:0;}
p img       {float:left; margin:0; padding:0;}
p img.top   {margin-top:0;} /* Use this if the image is at the top of the <p>. */
img         {margin:0;}

ul, ol      {margin:0;}
ul          {list-style-type:none;}
ol          {list-style-type:decimal;}
dl          {margin:0 0 1.5em 0;}
dl dt       {font-weight:bold;}
dd          {margin-left:1.5em;}

abbr, 
acronym     {border-bottom:1px dotted #666;}
address     {margin-top:1.5em; font-style:italic;}
del         {color:#666;}

a:focus, 
a:hover     {color:#CC2200;}
a           {color:#CC0000; text-decoration:underline;}

blockquote  {margin:1.5em; color:#666; font-style:italic;}
strong      {font-weight:bold;}
em,dfn      {font-style:italic; background:#ffc;}
dfn         {font-weight:bold;}
pre,code    {margin:1.5em 0; white-space:pre;}
pre,code,tt {font:1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height:1.5;} 
tt          {display:block; margin:1.5em 0; line-height:1.5;}

/* Use this if you use span-x classes on th/td. */
table .last {padding-right:0;} 

/* Some default classes
-------------------------------------------------------------- */
.small      {font-size:.8em; margin-bottom:1.875em; line-height:1.875em;}
.large      {font-size:1.2em; line-height:2.5em; margin-bottom:1.25em;}
.quiet      {color:#666;}

.highlight  {background:#ff0;}
.added      {color:#060;}
.removed    {color:#900;}

.top        {margin-top:0; padding-top:0;}
.bottom     {margin-bottom:0; padding-bottom:0;}

/* Structure
------------------------------------------------------------- */
#nl-intro 		{width:100%; margin:0.3em 0 1.2em 0 !important; padding:.6em;  font-size: 1.3em;}
#nl-header, #nl-title, #nl-subtitle, #nl-footer, #nl-breadcrumb	{width:100%; text-align:left;} 
#nl-header, #nl-subtitle, #nl-breadcrumb		{width:990px !important; margin:0 auto !important; clear:both;}
#nl-footer	   	{border-top-width:3px; border-top-style:solid; clear:both;}
#nl-breadcrumb 	{float: left; margin-top:0.83em !important; width: 80% !important; margin-left: 5px !important;}
#nl-language	{text-align: left; margin-right: 0.42em; margin-top:0.83em !important; width:16%; float: right;}
#nl-language a	{text-decoration: none; font-weight: bold; font-size: 0.92em;}
#nl-title 		{width:990px !important; margin:0.83em 0 0.83em 0; clear: both; float: left;}
#nl-linktitle	{width:990px !important; margin:0.83em 0 0.83em 0; clear: both; float: left;}
#nl-content		{width:685px; float:left; margin:2.08em 0 2.08em 0.83em; text-align:left;}
#nl-iframe		{width:990px; float:left; margin:2.08em 0 2.08em 0.83em; text-align:left;}
#nl-rightcol	{width:260px; float:right; margin:2.08em 0.83em 2.08em 0; text-align:left;}

/* NL TOOLBOXES
------------------------------------------------------------------ */
div.mas {width:100%; text-align:right;} 
div.mas a {font-size:0.92em; font-weight:bold; text-decoration:underline;}

/* TEMAS
-------------------------------------------------------------------*/
#nl-content ol, #nl-content ul { margin-left: 2em; }

div.subtema {width:100%; margin-bottom:30px; text-align: left;}
div.subtema div.titulo {padding:0 5px 0 10px; border-left-width:8px; border-left-style:solid; font-weight:normal; text-align: left;font-family: Georgia; line-height: 28px;}
div.subtema div.titulo a {text-decoration:underline;}
div.subtema div.cuerpo {margin-left:7px; padding:10px; border-left-width:1px; border-left-style:solid; border-bottom-width:1px; border-bottom-style:solid; text-align: left;}
div.subtema div.cuerpo p {margin:0; line-height:1.8em; text-align: left;}

div.subtema div.titulo h3			{margin:0 -20px 0; padding:5px 20px 3px; text-align: left;}


/* Headings
-------------------------------------------------------------- */
h6 {padding:.3em 0 .3em 0;}


/* NL TITLE AND SUBTITLE
------------------------------------------------------------------ */
#nl-title							{background-position:bottom right; background-repeat:no-repeat; overflow:hidden; padding:0; width: 100%; height: 4.67em;}
	#nl-title h1					{white-space:nowrap; padding-top:0.10em; margin-left: 0.21em; margin-top: 0.33em;}
#nl-linktitle						{background-position:bottom right; background-repeat:no-repeat; overflow:hidden; padding:0; width: 100%; text-align: left; height: 4.67em;}
	#nl-linktitle h1				{white-space:nowrap; padding-top:0.10em; width: 85% !important; margin-left: 0.21em; float: left; margin-top: 0.33em;}
	#nl-linktitle span				{padding-top:0.10em; width: 13% !important; margin-left: 0.21em;margin-top: 0.52em; float: right;}
	#nl-linktitle span a			{text-decoration: underline; font-weight: normal; font-size: 1.08em; }

#nl-subtitle		{margin-top:0.42em;}
#nl-subtitle h3		{margin-left:10px;}

/*  NL LIGAS EN CONTENIDO
---------------------------------------------------------------- */
#nl-content img				{border-width: 1px; border-style: solid; padding:.3em; margin:1em;}

h2 a, h3 a, h4 a, h5 a, h6 a											{text-decoration:underline;}
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover				{text-decoration:underline;}
h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited	{text-decoration:underline;}

/* HEADER DE MODULOS 3 COLUMNAS
------------------------------------------------------------------ */

/* cajas de los modulos */
.box-module { position:relative; margin:0px auto; min-width:8em; max-width:760px; z-index:1; margin-left:12px; margin-bottom:0.5em; }
.box-module .wrapper { position:static; max-height:1000px; overflow:auto; }
.box-module h1, .box-module p { margin:0px; padding:0.5em 0px 0.5em 0px; }
.box-module h1 { padding:0.5em 0px 0.5em 0px; font-size: 1em; font-weight: bold; }

/* Caja 1 - fondo claro */ 
.box-module .box1 { position:relative; padding:0px 12px 0px 0px; }
.box-module .box1-t { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%; background-position:top left; }
.box-module .box1-b { position:relative; width:100%; }
.box-module .box1-b, .box-module .box1-b div { height:10px; font-size:1px; }
.box-module .box1-b { background-position:bottom right; }
.box-module .box1-b div { position:relative; width:12px; margin-left:-12px; background-position:bottom left; }
.box-module .box1-hd, .box-module .box1-bd, .box-module .box1-ft { position:relative; }

/* Caja 2 - fondo oscuro */ 
.box-module .box2 { position:relative; padding:0px 12px 0px 0px; }
.box-module .box2-t { position:absolute; left:0px; top:0px; width:12px; margin-left:-12px; height:100%; background-position:top left; }
.box-module .box2-b { position:relative; width:100%; }
.box-module .box2-b, .box-module .box2-b div { height:10px; font-size:1px; }
.box-module .box2-b { background-position:bottom right; }
.box-module .box2-b div { position:relative; width:12px; margin-left:-12px; background-position:bottom left; }
.box-module .box2-hd, .box-module .box2-bd, .box-module .box2-ft { position:relative; }

/* Caja 3 - fondo oscuro cafe */ 
.box3 .margen { padding: 5px 0 0 0; text-align: left;}
.box3 .margen h5 { margin: 0 0 10px 10px;}

/* Caja 4 - fondo oscuro tema */ 
.box4 .margen		{padding: 5px 0 0 0; text-align: left;}
.box4 .margen h5	{margin: 0 0 10px 10px;}

.bg_box2-tl, .bg_box2-tr, .bg_box1-tl, .bg_box1-tr	{height: 26px; font-size: 2px;}
.bg_box2-bl, .bg_box2-br, .bg_box1-bl, .bg_box1-br	{height: 15px; font-size: 2px;}
.bg_box2-tl, .bg_box2-bl, .bg_box1-tl, .bg_box1-bl	{margin-right: 8px;}
.bg_box2-tr, .bg_box1-tr							{margin-left: 9px; margin-top: -26px;}
.bg_box2-br, .bg_box1-br							{margin-left: 9px; margin-top: -15px;}
.bg_box2-tr, .bg_box1-tr							{background-position: 100% 0;}
.bg_box2-bl, .bg_box1-bl							{background-position: 0 -26px;}
.bg_box2-br, .bg_box1-br							{background-position: 100% -26px;}

.bg_box2-content, .bg_box1-content			{border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid; padding: 0 10px 0 10px; text-align: left; }
.bg_box2-content h5, .bg_box1-content h5	{margin: -25px 0 0 0; font-weight: bold; position: absolute;}
.bg_box2-content p, .bg_box1-content p		{margin:0px; padding:0.5em 0 0 0; }

/* NL TOOLBOXES
------------------------------------------------------------------ */
div.toolbox1					{margin-bottom:1em;width:100%; text-align:left; font-size: 0.92em;}
div.toolbox1 div				{padding:0;}
div.toolbox1 div div			{padding:0;}
div.toolbox1 div div div		{padding:7px 20px 10px 10px;}
div.toolbox1 div div div div	{background:none; float:none; margin:0; overflow:hidden; padding:0;}

div.toolbox2					{width:100%; margin-bottom:1em; text-align:left;}
div.toolbox2 div				{padding:0;}
div.toolbox2 div div			{padding:0;}
div.toolbox2 div div div		{padding:7px 20px 10px 10px;}
div.toolbox2 div div div div	{background:none; float:none; margin:0; overflow:hidden; padding:0;}

div.toolbox2 p			{font-family:Verdana, Arial, Helvetica, sans-serif; margin-left: 5px;}
div.toolbox2 a			{text-decoration:underline; font-size: 0.92em;}
div.toolbox2 a:hover	{text-decoration:underline;}
div.toolbox2 a:visited	{text-decoration:underline;}

div.toolbox3 h3					{margin:0 -20px 10px; padding:10px 20px 3px;}

div.toolbox3					{width:100%; margin-bottom:1.83em; text-align:left;}
div.toolbox3 div				{padding:0;}
div.toolbox3 div div			{padding:0;}
div.toolbox3 div div div		{padding:7px 20px 10px 10px;}
div.toolbox3 div div div div	{background:none; float:none; margin:0; overflow:hidden; padding:0;}

div.lonuevo					{width:100%; margin-bottom:1em; text-align:left;}
div.lonuevo div				{padding:0;}
div.lonuevo div div			{padding:0;}
div.lonuevo div div div		{padding:7px 20px 10px 10px;}
div.lonuevo div div div div	{background:none; float:none; margin:0; overflow:hidden; padding:0;}

div.lonuevo h5 {padding-left: 25px;}

div.linea-evento	{font-size: 0.92em; padding-top: 7px; }
.bg_box2-content hr, .bg_box1-content hr	{border: 0; width: 100%; margin-top: 13px; height: 1px;}
div.le-fecha		{width: 50px; float: left; font-weight: bold;}
div.le-descripcion	{width: 75%; float: left; margin-left: 5px;}
div.le-descripcion a {text-decoration:underline;}

div.linea-noticia	{font-size: 0.92em; padding-top: 7px; }
.bg_box2-content hr, .bg_box1-content hr	{border: 0; width: 100%; margin-top: 13px; height: 1px;}
div.ln-img			{width: 80px; float: left;}
div.ln-descripcion	{width: 62%; float: left; margin-left: 5px;}
div.ln-descripcion a {text-decoration:underline;}

/* 3 COLUMNAS - SECCION MODULOS */
#nl-m3-module { float: left; width: 990px; margin: 0.83em 0 0 0; }
	
	/* COL 1 */
	#nl-m3m-uno { float: left; width: 345px; }
		#nl-m3m-uno #nl-m3m1-margen { margin: 10px 10px 10px 15px; }
	
	/* COL 2 */
	#nl-m3m-dos { float: left; width: 345px; }
		#nl-m3m-dos #nl-m3m2-margen { margin: 10px 10px 10px 15px; }
	
	/* COL 3 */
	#nl-m3m-tres { float: left; width: 300px; }
		#nl-m3m-tres #nl-m3m3-margen { margin: 10px 15px 10px 15px; }

/* 3 COLUMNAS - SECCIÓN CENTRAL */
/* COL 1 */ 
#nl-m3-uno { float: left; width: 345px; }
	#nl-m3-uno #nl-m31-margen { margin: 25px 10px 10px 15px; }

/* COL 2 */ 
#nl-m3-dos { float: left; width: 345px; }
	#nl-m3-dos #nl-m32-margen { margin: 25px 10px 10px 15px; }
	
/* COL 3 */ 
#nl-m3-tres { float: left; width: 300px; }
	#nl-m3-tres #nl-m33-margen { margin: 25px 15px 10px 15px; }

/* NL TEMAS
------------------------------------------------------------------ */

/* introducciones */
#nl-intro 		{font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; border-top-width:1px; border-top-style: dashed; border-bottom-width:1px; border-bottom-style: dashed;}
	#nl-intro p		{margin: .5em 0 .3em 0;}

/* INDICES DE SUBTEMAS */
ul.listado-programas				{list-style-type: none;}
.listado-programas li				{margin-top: 5px; margin-bottom: 25px; padding-left: 18px;}
.listado-programas li h3 a			{text-decoration: underline;}
.listado-programas li h3 a:hover	{text-decoration: underline;}

/* NL OL & UL LISTS
------------------------------------------------------------------ */
ul.list-faq, ul.list1				{font-family:Verdana, Arial, Helvetica, sans-serif; list-style-type:none; margin:10px 0 10px 5px;}
.list-faq li, .list1 li			{padding-left:15px; margin-top:10px;}

ul.externallink-list	{font-family:Verdana, Arial, Helvetica, sans-serif; list-style-type:none; margin:10px 0 10px 5px;}
.externallink-list li	{padding-left:15px; margin-top:10px;}

ul.orange-list			{font-family:Verdana, Arial, Helvetica, sans-serif; list-style-type:none; margin:10px 0 10px 5px;}
.orange-list li			{padding-left:15px; margin-top:10px;}
.orange-list li a		{text-decoration:underline; font-size: 0.92em;}

div.list				{width:33%;}
span.list				{width:33%;}

ul.green-list			{list-style-type: none;}
.green-list li			{margin-top: 10px; padding-left: 18px;}
.green-list li a		{text-decoration: underline;}
.green-list li a:hover	{text-decoration: underline;}

ul.lista-tema			{list-style-type: none;}
.lista-tema li			{margin-top: 10px; padding-left: 18px;}
.lista-tema li a		{text-decoration: underline;}
.lista-tema li a:hover	{text-decoration: underline;}