/*------------------------------------------------------------------------
# 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(/pics/css/design/images/bg_body_interiores.png) top center repeat-y; margin:0; padding:0; text-align: center;}


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

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


/* FOOTER
-------------------------------------------------------------------------*/
#wrapper-footer-bg {width: 100%; height: 43px; background: url(/pics/css/design/interiores/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(/pics/css/design/interiores/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(/pics/css/design/portada/inicio/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(/pics/css/design/portada/inicio/ico-065.png) no-repeat left;}
#em-070 {background: url(/pics/css/design/portada/inicio/ico-070.png) no-repeat left;}
	#em-070 {margin-left: 27px;}
	#em-070 a {padding: 5px 10px 5px 43px !important;}
#em-089 {background: url(/pics/css/design/portada/inicio/ico-089.png) no-repeat left;}
	#em-089 {margin-left: 11px;}
	#em-089 a {padding: 5px 10px 5px 43px !important;}
#em-066 {background: url(/pics/css/design/portada/inicio/ico-066.png) no-repeat left;}
	#em-066 {margin-top: 7px;}
#em-075 {background: url(/pics/css/design/portada/inicio/ico-075.png) no-repeat left;}
	#em-075 {margin: 7px 0 0 9px;}
#em-denuncia {background: url(/pics/css/design/portada/inicio/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(/pics/css/design/portada/inicio/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;}