/*------------------------------------------------------------------------
# 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(/images/portada/bg_body_interiores.png) top center repeat-y; margin:0; padding:0; text-align: center;}
#margen2,
#margen {width:990px; margin: 0 auto; text-align: left;}

#margen #col-menu { width: 144px; margin-right: 14px; margin-left: 14px; }
#margen #col-centro { width: 790px; margin-right: 14px; padding-left:13px; border-left:1px dotted #cccccc; }
#margen2 #col-centro { width: 990px; margin-right: 0; margin-left: 0; }

#margen2 h1 { margin-left: 14px; margin-right: 14px; }
#margen2 hr.hr_main,
#margen2 #int_contenido { width: 962px; margin-left: 14px; margin-right: 14px; }


/* TEMPLATE
-------------------------------------------------------------------------*/
.space {height:1px; clear:both;}
.hide {display:none;}
.left {float:left;}

.clearfix {display:inline-block;}   
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix{height:1%;}
.clearfix {display:block;}

.right { float:right; }
.cero { padding:0 !important; margin:0 !important; }
.block { display:block; }

.clear {clear:both;}
.clear-both { clear:both; }
.clear-right { clear:right; }
.clear-left { clear:left; }


/* COLUMNAS PX
-------------------------------------------------------------------------*/
.column1 {width: 40px; margin-right: 10px;}
.column2 {width: 90px; margin-right: 10px;}
.column3 {width: 140px; margin-right: 10px;}
.column4 {width: 190px; margin-right: 10px;}
.column5 {width: 240px; margin-right: 10px;}
.column6 {width: 290px; margin-right: 10px;}
.column7 {width: 340px; margin-right: 10px;}
.column8 {width: 390px; margin-right: 10px;}
.column9 {width: 440px; margin-right: 10px;}
.column10 {width: 490px; margin-right: 10px;}
.column11 {width: 540px; margin-right: 10px;}
.column12 {width: 590px; margin-right: 10px;}
.column13 {width: 640px; margin-right: 10px;}
.column14 {width: 690px; margin-right: 10px;}
.column15 {width: 740px; margin-right: 10px;}
.column16 {width: 790px; margin-right: 10px;}
.column17 {width: 840px; margin-right: 10px;}
.column18 {width: 890px; margin-right: 10px;}
.column19 {width: 940px; margin-right: 10px;}
.column20 {width: 990px; margin-right: 0px;}
.last {margin-right: 0px !important;}

/* COLUMNAS
-------------------------------------------------------------------------*/
.col5 {width:4%;}
.col10 {width:9%;}
.col15 {width:14%;}
.col20 {width:19%;}
.col25 {width:24%;}
.col30 {width:29%;}
.col35 {width:34%;}
.col40 {width:39%;}
.col45 {width:44%;}
.col50 {width:49%;}
.col55 {width:54%;}
.col60 {width:59%;}
.col65 {width:64%;}
.col70 {width:69%;}
.col75 {width:74%;}
.col80 {width:79%;}
.col85 {width:84%;}
.col90 {width:89%;}
.col95 {width:94%;}
.col100 {width:99%;}


/* MENU
-------------------------------------------------------------------------*/
#col-menu .menuizq { }
#col-menu .menuizq2 { }
#col-menu .menuizq3 { }
#col-menu .menuizq4 { }

#col-menu td a:hover { color:#007700; text-decoration:underline; }
#col-menu td a { color:#007700; text-decoration:none; }
#col-menu td { font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#333333; font-size:12px; }
#col-menu td { padding:3px 0 3px 0; }
#col-menu table { width:auto; }


/* ETIQUETAS
-------------------------------------------------------------------------*/
#col-centro h1 { font-family:"Franklin Gothic Book", Arial, Helvetica, sans-serif; font-size:2.67em; font-weight:normal; line-height:1.25em; margin-top:0; margin-bottom:0; }
#col-centro h2 { font-family:Georgia, Times, "Times New Roman", serif; font-size:2.00em; font-weight:normal; line-height:1.25em; margin-top:0;      margin-bottom:0.50em; }
#col-centro h3 { font-family:Georgia, Times, "Times New Roman", serif; font-size:1.67em; font-weight:normal; line-height:1.25em; margin-top:0.50em; margin-bottom:0.50em; }
#col-centro h4 { font-family:Georgia, Times, "Times New Roman", serif; font-size:1.33em; font-weight:normal; line-height:1.25em; margin-top:0.50em; margin-bottom:0.50em; }
#col-centro h5 { font-family:Georgia, Times, "Times New Roman", serif; font-size:1.00em; font-weight:bold;   line-height:1.25em; margin-top:0.50em; margin-bottom:0.50em; }
#col-centro h6 { font-family:Georgia, Times, "Times New Roman", serif; font-size:1.00em; font-weight:normal; line-height:1.25em; margin-top:0.50em; margin-bottom:0.50em; }

#col-centro th a,
#col-centro td a,
#col-centro dt a,
#col-centro dd a,
#col-centro li a,
#col-centro p a,
#col-centro span a,
#col-centro label a,
#col-centro h6 a,
#col-centro h5 a,
#col-centro h4 a,
#col-centro h3 a,
#col-centro h2 a,
#col-centro h1 a { color:#007700; text-decoration:none; }

#col-centro th a:visited,
#col-centro td a:visited,
#col-centro dt a:visited,
#col-centro dd a:visited,
#col-centro li a:visited,
#col-centro p a:visited,
#col-centro span a:visited,
#col-centro label a:visited,
#col-centro h6 a:visited,
#col-centro h5 a:visited,
#col-centro h4 a:visited,
#col-centro h3 a:visited,
#col-centro h2 a:visited,
#col-centro h1 a:visited { color:#007700; text-decoration:none; }

#col-centro th a:hover,
#col-centro td a:hover,
#col-centro dt a:hover,
#col-centro dd a:hover,
#col-centro li a:hover,
#col-centro p a:hover,
#col-centro span a:hover,
#col-centro label a:hover,
#col-centro h6 a:hover,
#col-centro h5 a:hover,
#col-centro h4 a:hover,
#col-centro h3 a:hover,
#col-centro h2 a:hover,
#col-centro h1 a:hover { color:#007700; text-decoration:underline; }

#col-centro textarea,
#col-centro select,
#col-centro input,
#col-centro th,
#col-centro td,
#col-centro dt,
#col-centro dd,
#col-centro li,
#col-centro p,
#col-centro span,
#col-centro label { font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#333333; }

/* MAS */
#col-centro hr { color: #cccccc; background-color: #cccccc; height:0.25em; }
#col-centro hr.hr_main { color: #67B34A; background-color: #67B34A; height:0.50em; }

#col-centro ul { list-style-type: none; }
#col-centro ul.nostyle { list-style-image: none; }

#col-centro ul.flecha {list-style-image: url("/images/portada/flecha_negra.png");}
#col-centro ul.flecha ul {list-style-image: url("/images/portada/flecha.png");}

#col-centro ul.topline {  margin-left:0; list-style-image:none;}
#col-centro ul.topline li { padding-top:0.25em; padding-bottom:0.25em; border-top:1px dotted #cccccc;}

#col-centro ol.alfa { list-style-type: lower-alpha; }

#col-centro ol.roman { list-style-type: upper-roman; }

#col-centro th,
#col-centro td { vertical-align:top; }

#col-centro table.table_border th,
#col-centro table.table_border td { padding:0.25em; border:1px dotted #cccccc; }

/*#col-centro input[type='text'] { cursor:text; border:2px solid #cccccc; }*/

#col-centro p.balazo {font-family:"Franklin Gothic Medium Cond", "Arial Narrow", Helvetica, sans-serif; font-size: 2.00em; line-height:1.25em; }
#col-centro p.balazo img {margin-left: 14px; margin-bottom: 14px;}

#margen #col-centro div.cuerpo { padding-right:9px; border-right:1px dotted #cccccc; }
#margen2 #col-centro div.cuerpo { padding-right:13px; border-right:1px dotted #cccccc; }

.content caption {padding-bottom:0 !important;}
.content fieldset {margin:0 !important;}
.content input {padding-top:0 !important;padding-bottom:0 !important;}


/* HEADER
-------------------------------------------------------------------------*/
#int_header {border-bottom: 1px dotted #DAECD3; margin-bottom: 10px; background: url(/images/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 25px; 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(/images/portada/mh-tramites.png) top center no-repeat;}
#mh-temas a:hover {background: url(/images/portada/mh-temas.png) top center no-repeat;}
#mh-gobierno a:hover {background: url(/images/portada/mh-gobierno.png) top center no-repeat;}
#mh-nuevoleon a:hover {background: url(/images/portada/mh-nuevoleon.png) top center no-repeat;}
#mh-participa a:hover {background: url(/images/portada/mh-participa.png) top center no-repeat;}
#mh-transparencia a:hover {background: url(/images/portada/mh-transparencia.png) top center no-repeat;}
#mh-noticias a:hover {background: url(/images/portada/mh-noticias.png) top center no-repeat;}

#int_header p#header_titulo {float: left; font-family: Arial !important; font-size: 20px; 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; }

/* BREADCRUMB */
#int_breadcrumb { font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:11px; color:#333333; background-color:transparent; float:left; margin-left:14px; margin-top:10px; width:962px; height:36px; }
#int_breadcrumb a { text-decoration:none; color:#333333; background-color:transparent; }
#int_breadcrumb a:hover { text-decoration:underline; color:#333333; background-color:transparent; }
#int_breadcrumb a.int-Inicio { text-transform: uppercase; color:#ffffff !important; background-color:#c71032; padding:3px 7px 0px 7px;}
#int_breadcrumb a.int-Inicio:hover { color:#ffffff !important; background-color:#c71032; }
#int_breadcrumb a img {margin-left:5px;margin-right:5px;}



/* BREADCRUMB */
#ev_breadcrumb { font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:11px; color:#333333; background-color:transparent; float:left; margin-left:100px; margin-top:50px; width:962px; height:36px;}
#ev_breadcrumb a { text-decoration:none; color:#333333; background-color:transparent; }
#ev_breadcrumb a:hover { text-decoration:underline; color:#333333; background-color:transparent; }
#ev_breadcrumb a.int-Inicio { text-transform: uppercase; color:#ffffff !important; background-color:#c71032; padding:3px 7px 0px 7px;}
#ev_breadcrumb a.int-Inicio:hover { color:#ffffff !important; background-color:#c71032; }
#ev_breadcrumb a img {margin-left:5px;margin-right:5px;}

/* FOOTER
-------------------------------------------------------------------------*/
#wrapper-footer-bg {width: 100%; height: 43px; background: url(/images/portada/wrapper-footer-bg-interiores.png) top center no-repeat; margin:0; padding:0; text-align: center;}

#footer {width: 100%; font-size:10px; margin: 0 auto; background: url(/images/portada/footer-bg-interiores.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(/images/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(/images/portada/ico-065.png) no-repeat left;}
#em-070 {background: url(/images/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(/images/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(/images/portada/ico-066.png) no-repeat left;}
	#em-066 {margin-top: 7px;}
#em-075 {background: url(/images/portada/ico-075.png) no-repeat left;}
	#em-075 {margin: 7px 0 0 9px;}
#em-denuncia {background: url(/images/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(/images/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;}