/*------------------------------------------------------------------------
# NUEVO LEÓN
# ------------------------------------------------------------------------
# Gobierno del Estado de Nuevo León 2009 - 2015
# Página:  http://www.nl.gob.mx/
-------------------------------------------------------------------------*/


/* CLASES
-------------------------------------------------------------------------*/
.bold { font-weight: bold; }
.italic { font-style: italic; }

.bgtitulos_400 { background-image:url('/pics/principal/contenido_paleta_400.gif'); background-repeat:no-repeat;} 
.bgtitulos_300 { background-image:url('/pics/principal/contenido_paleta_300.gif'); background-repeat:no-repeat;} 
.bgtitulos_200 { background-image:url('/pics/principal/contenido_paleta_190.gif'); background-repeat:no-repeat;} 

.botones { padding:5px 0px 4px 0px;}

/* particularidades */
.titulopagina {font-family:Arial, Helvetica, sans-serif; font-size:250%; font-weight:normal; color:#aa0000; background-color:#fff;}

/* estilos originales portal */
.ts { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; background-color:#fff;}
.cuadro { border-collapse:collapse;  border:1px solid #ccc;}

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

img.lonuevo, img.lomasvisitado, img.pregunta { width: 18px; height: 18px; margin: 0 0 0 4px; padding: 0; vertical-align: middle; }


/* LISTAS
-------------------------------------------------------------------------*/
#col-centro ul {list-style-image: url("/pics/css/design/interiores/flecha_negra.png");}

/* formato de lista con vinetas de imagen */
ul.bullet { list-style-image:url('/pics/principal/bullet_rojo.gif'); list-style-position:outside;}
ul.nobullet { list-style-image:none;}

/* listas con bullets (naranja, azul, roja y enlaces externos) */
ul.lista_naranja { list-style-type: none; }
ul.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; }
ul.lista_celeste li { background: transparent url('/pics/common/bullet_visitado.png') no-repeat top left; margin-left: 18px; margin-top: 7px; padding-left: 18px; }
ul.lista_celeste li a { text-decoration: none; }
ul.lista_celeste li a:hover { text-decoration: underline; }

ul.lista_roja { list-style-type: none; }
ul.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; }
ul.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; }
ul.lista_links li { background: transparent url('/pics/common/bullet_externo.png') no-repeat top left; margin-left: 18px; margin-top: 7px; padding-left: 18px; }


/* TABLAS
-------------------------------------------------------------------------*/
td.estructura_col_izq { width:440px; padding:1px 35px 8px 2px; }
td.estructura_col_izq_200 { width:200px; padding:1px 20px 8px 2px;}
td.estructura_col_der { width:335px; padding:1px 35px 10px 2px;}
td.estructura_col_der_80 { width:80px;}
td.estructura_col_der_210 { width:98%;}


/* LIGAS
-------------------------------------------------------------------------*/
a.optionhome:link, a.optionhome:visited { font-size:110%; text-decoration:none; font-weight:normal; color:#333; background-color:#fff; padding:2px; line-height:130%;}
a.optionhome:active, a.optionhome:hover { text-decoration:underline; color:#bb0000; background-color:#fff;}

a.highlite { font-family:Arial, Helvetica, sans-serif; font-size:110%; text-decoration:none; font-weight:700; color:#dd4400; background-color:#fff;}
a.highlite:link, a.highlite:visited { font-family:Arial, Helvetica, sans-serif; font-size:110%; text-decoration:none; font-weight:700; color:#dd4400; background-color:#fff;}
a.highlite:active, a.highlite:hover { text-decoration:underline; color:#dd4400; background-color:#fff;}

a.breadcrumbslink:link, a.breadcrumbslink:visited  { font-size:85%; text-decoration:none; font-weight:normal; color:#880000; background-color:#f9f9f9; }
a.breadcrumbslink:active, a.breadcrumbslink:hover { font-size:85%; text-decoration:underline; font-weight:normal; color:#aa0000; background-color:#f9f9f9; }
a.breadcrumbs { font-size:65%; color:#880000; background-color:#fff; }

a.promo:link, a.promo:visited { font-size:90%; font-weight:normal; text-decoration:none; color:#cc0000; background-color:#eeeeee;}
a.promo:active, a.promo:hover { font-size:90%; font-weight:normal; text-decoration:underline; color:#cc0000; background-color:#eeeeee;}

a.t1:link, a.t1:visited { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#666; background-color:#fff; text-decoration:underline;}
a.t1:active, a.t1:hover { text-decoration:underline;}

a.t2:link, a.t2:active{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333; background-color:#fff; text-decoration:underline;}
a.t2:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#7E598B; background-color:#fff; text-decoration:underline;}
a.t2:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333; background-color:#fff; text-decoration:underline;}
a.t2:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666; background-color:#fff; text-decoration:underline;}

a.t3:link, a.t3:visited, a.t3:active { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#000099; background-color:#DBDBE7; text-decoration:underline;}
a.t3:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#666; background-color:#DBDBE7; text-decoration:underline;}


/* CAJAS
-------------------------------------------------------------------------*/
/* INICIO ESTILO DE CAJAS CON BORDE REDONDO (roja, naranja, azul y gris) */
.redbox-tl, .redbox-tr, .redbox-bl, .redbox-br { background-image: url('/pics/css/img_cajas/redbox.gif'); height: 9px; font-size: 2px; }
.orangebox-tl, .orangebox-tr, .orangebox-bl, .orangebox-br { background-image: url('/pics/css/img_cajas/orangebox.gif'); height: 9px; font-size: 2px; }
.bluebox-tl, .bluebox-tr, .bluebox-bl, .bluebox-br { background-image: url('/pics/css/img_cajas/bluebox.gif'); height: 9px; font-size: 2px; }
.graybox-tl, .graybox-tr, .graybox-bl, .graybox-br { background-image: url('/pics/css/img_cajas/graybox.gif'); height: 9px; font-size: 2px; }

.redbox-tl, .redbox-bl, .orangebox-tl, .orangebox-bl, .bluebox-tl, .bluebox-bl, .graybox-tl, .graybox-bl { margin-right: 9px; }
.redbox-tr, .redbox-br, .orangebox-tr, .orangebox-br, .bluebox-tr, .bluebox-br, .graybox-tr, .graybox-br { margin-left: 9px; margin-top: -9px; }
.redbox-tr, .orangebox-tr, .bluebox-tr, .graybox-tr { background-position: 100% 0; }
.redbox-bl, .orangebox-bl, .bluebox-bl, .graybox-bl { background-position: 0 -9px; }
.redbox-br, .orangebox-br, .bluebox-br, .graybox-br { background-position: 100% -9px; margin-bottom: 5px; }

.redbox-content { border-left: 1px solid #FFC9BF; border-right: 1px solid #FFC9BF; }
.orangebox-content { border-left: 1px solid #FFBE8E; border-right: 1px solid #FFBE8E; }
.bluebox-content { border-left: 1px solid #9FDFDF; border-right: 1px solid #9FDFDF; }
.graybox-content { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }

/* margen de los titulos  para las cajas*/ 
.redbox-content h5, .orangebox-content h5, .bluebox-content h5, .graybox-content h5 { margin: 0 0 6px 5px; padding-left: 0; font-family: "Arial Narrow", Helvetica, sans-serif; font-size: 1.4em; padding-top: .1em; }

/* estilo para el parrafo dentro de las cajas */ 
.redbox-content p, .orangebox-content p, .bluebox-content p, .graybox-content p { margin: 15px 5px 0 10px; padding-left: 18px; padding-right: 5px; }
/* FIN ESTILO DE CAJAS CON BORDE REDONDO */


/* IDs
-------------------------------------------------------------------------*/
#especiales { width:100%}

/*columna auxiliar derecha */
#columnaderecha { width:100%; height:110%; padding:2px 0px 1px 0px; margin:0px; background-color:#eee; color:#ccc;}

/* 2 COLUMNAS */
/* COL 1 */ 
#nl-m2-uno { float: left; width: 690px; }
	#nl-m2-uno #nl-m21-margen { margin: 10px 10px 10px 5px; padding-left: 0;}
	#nl-m21-content { margin: 0; padding: 0 10px 0 10px; }
	/* estilo del parrafo para programas */ 
	#nl-m2-uno h1 { margin: 0; padding: 0; }
/* COL 2 */ 
#nl-m2-dos { float: left; width: 300px; }
	#nl-m2-dos #nl-m22-margen { margin: 10px 15px 10px 15px; }