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


/* HEADINGS
-------------------------------------------------------------------------*/
html {}
body {background: url(http://www.tecnos.org/images/portada/bg_html.gif) repeat-y top left; margin: 0; padding: 0; overflow: auto;}
#wrapper {width: 100%; background: url(http://www.tecnos.org/images/portada/bg_body.png) top center repeat-y; margin:0; padding:0; text-align: center;}
#margen {width:980px; margin: 0 auto; text-align: left;}


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

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


/* ETIQUETAS
-------------------------------------------------------------------------*/
#portada h2 {font-family:"Franklin Gothic Medium Cond", "Arial Narrow", Helvetica, sans-serif; font-size:2.50em; font-weight:normal; margin-top:0; margin-bottom:0.47em; line-height:1.17em;}
#portada h2 a {color:#000000;background-color:transparent;}
#portada h2 a:hover {color:#000000;background-color:transparent;}

#portada h3 {font-family:Georgia, Times, "Times New Roman", serif; font-size:1.17em; font-weight:normal; margin-top:0.50em; margin-bottom:0.50em; line-height:1.25em;}
#portada h3 a {color:#007700;background-color:transparent;}
#portada h3 a:hover {color:#007700;background-color:transparent;}

#portada h4 { font-family:Georgia, Times, "Times New Roman", serif; font-size:0.92em; font-weight:normal; margin-top:0.64em; margin-bottom:0.64em; line-height:1.27em; }
#portada h4 a { color:#007700; background-color:transparent;}
#portada h4 a:hover { color:#007700; background-color:transparent;}

#portada li { font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; border-top:1px dotted #cccccc; color:#333333; }
#portada li a { color:#007700; background-color:transparent;}
#portada li a:hover { color:#007700; background-color:transparent;}

#portada p { font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#333333; }
#portada p a { color:#007700; background-color:transparent;}
#portada p a:hover { color:#007700; background-color:transparent;}

#portada ul { list-style-type: none; margin-left:0; }

#portada a:link { text-decoration:none; }
#portada a:visited { text-decoration:none; }
#portada a:hover { text-decoration:underline; }
#portada a:active { text-decoration:none; }

#portada label { font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#333333;background-color:transparent; float:left; width:113px; margin-left:7px; width:110px !important; }
#portada input[type='submit'] { background:url(/pics/css/design/portada/votar.gif); width:51px; height:23px; border: none; margin-left:36px; color:#ffffff; background-color:transparent;font-family:"Franklin Gothic Demi Cond", "Arial Narrow", Helvetica, sans-serif; margin-bottom:7px; float:left; }
#portada input[type='radio'] { float:left; clear:both; }


/* CLASES
-------------------------------------------------------------------------*/
#portada { }
#portada .no-importante { font-size:0.75em; text-transform: uppercase; }
#portada .no-importante a { color:#009900; background-color:transparent;}
#portada .no-importante a:hover { color:#009900; background-color:transparent;}
#portada .importante { font-size:1.42em; margin-top:0; color:#333333; background-color:transparent;}

#portada .hr_naranja { border-top:1.00em solid #ffaa66; clear:both; margin-left:1.17em; margin-right:1.17em; }
#portada .hr_naranja hr { height:0; margin-bottom:0.42em; }
#portada .hr_naranja_corto { border-top:0.50em solid #ffaa66; clear:both; }
#portada .hr_naranja_corto hr { height:0; margin-bottom:0.42em; }

#portada .div_cafe { background:#ffcb7d; height:2.00em; margin-bottom:1.17em;}
#portada .div_amarillo { background: url(/pics/css/design/portada/back_encuesta.gif) no-repeat top left; padding: 0.83em 0.58em 0 0.58em; height: 31.67em; margin-bottom:0.58em; }
#portada .div_gris { background: #d6d6d6; padding: 7px; width: 133px; height: 174px; margin-bottom:7px; }

#portada .negro { margin-top:0; margin-bottom:0; }
#portada .negro a { color:#000000; background-color:transparent;}
#portada .negro a:hover { color:#000000; background-color:transparent;}
#portada .gris a { color:#666666; background-color:transparent;}
#portada .gris a:hover { color:#666666; background-color:transparent;}

#portada .margen_t { margin-top:1.17em; }
#portada .margen_l { margin-left:1.17em; }
#portada .margen_r { margin-right:1.17em; }
#portada .margen_b { margin-bottom:1.17em; }
#portada .h2-margen_l { margin-left:0.47em; }

#portada .division-l { padding-left:1.17em; border-left:1px dotted #cccccc; }
#portada .division-t { border-top:0.25em solid #cccccc; padding-top:0.29em; }
#portada .no-division { border:0 !important; }

#portada .texto-r { text-align:right; }
#portada .texto-l { text-align:left; }

#portada .lista_normal li { padding-top:0.25em; padding-bottom:0.25em; }


/* CAJAS
-------------------------------------------------------------------------*/
#tramitestemas { width:469px; margin-left:14px; margin-right:14px; float:left; display:inline;}
#tramitestemas #enlinea { width:308px; margin-left:0px; margin-right:14px; float:left; }
#tramitestemas #enlinea1 { width:147px; margin-left:0px; margin-right:14px; float:left; }
#tramitestemas #enlinea2 { width:147px; margin-left:0px; margin-right:0; float:left; }
#tramitestemas #portel { width:147px; margin-left:0px; margin-right:0px; float:left; }
#tramitestemas #recomendamos { width:147px; margin-left:0px; margin-right:14px; float:left; }
#tramitestemas #temas1 { width:147px; margin-left:0px; margin-right:14px; float:left; }
#tramitestemas #temas2 { width:147px; margin-left:0px; margin-right:0px; float:left; }

#especiales { width:469px; margin-left:0px; margin-right:14px; float:left; }
#especiales #banner { width:308px; margin-left:0px; margin-right:14px; float:left; }
#especiales #campanas { width:147px; margin-left:0px; margin-right:0px; float:left; }

#avances { width:952px; margin-left:14px; margin-right:14px; float:left; }

#masnoticias,
#noticias { width:469px; margin-left:14px; margin-right:14px; float:left;display:inline;}
#noticias #confoto1 { width:228px; margin-left:0px; margin-right:14px; float:left; }
#noticias #confoto2 { width:227px; margin-left:0px; margin-right:0px; float:left; }
#noticias #sinfoto { width:469px; margin-left:0px; margin-right:0px; float:left; }

#maseventos,
#eventos { width:308px; margin-left:0px; margin-right:14px; float:left;}
#eventos #agenda1 { width:147px; margin-left:0px; margin-right:14px; float:left; }
#eventos #agenda2 { width:147px; margin-left:0px; margin-right:0px; float:left; }

#masparticipa,
#participa { width:147px; margin-left:0px; margin-right:14px; float:left;}
#participa #votar {display: block; margin: 0.5em; float: right;}

#gobierno { width:308px; margin-left:14px; margin-right:14px; float:left;display:inline;}

#transparencia { width:308px; margin-left:0px; margin-right:14px; float:left;}

#nuevoleon { width:308px; margin-left:0px; margin-right:14px; float:left;}


/* HEADER
-------------------------------------------------------------------------*/
#int_header { width:990px; height:190px; }
#int_header {background:url(http://www.tecnos.org/images/portada/img_header_fondo.png) no-repeat;}
#int_header #int_escudo {float:left; margin:0; padding:0; display: inline;}

#int_header #int_menu {list-style-type:none; margin:0;}
#int_header #int_menu li {font-family:"Franklin Gothic Book", Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; float:left; text-align:center; }
#int_header #int_menu li a {color:#ffffff; background-color:transparent;text-decoration:none; display:block; padding: 15px 21px 20px 15px;}
#int_header #int_menu li a:hover {color:#ffffff; background-color:transparent;text-decoration:none; background: url(http://www.tecnos.org/images/portada/menu_hover.png) top center no-repeat; display:block;}

#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: 0 30px 0 0;}
#int_header #int_enlaces li a {color: #ffffff;background-color:transparent; text-decoration: none;}
#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: 5px 0 0 25px; font-size: 15px; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; 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: 26px; margin-top: 55px; }


/* FOOTER
-------------------------------------------------------------------------*/
#int_footer { width:990px; height:126px; font-size:10px; }
#int_footer {background: url(http://www.tecnos.org/images/portada/bg_footer.png) no-repeat top left; padding-bottom: 10px; margin-top: 50px;}
#int_footer #int_escudo-s {float: left; margin: 15px 0 0 30px; display: inline;}
#int_footer #int_footer-top {float: left; margin: 5px 0 0 60px; width: 810px;}
	#int_telefonos {margin: 3px 10px 0 5px; float: left;}
	#int_emergencias {float: left; margin-top: 3px;}
	#int_emergencias li {float: left; margin: 0 7px; width: 103px; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
	#int_emergencias li img {float: left; margin-right: 3px;}
	#int_emergencias li a {color: #ffffff;background-color:transparent; text-decoration: none; display: block; margin-top: 0;}
	#int_emergencias li a:hover {text-decoration: underline;}
	#int_em065, #int_em066 {margin-top: 4px !important;}
	#int_redes-sociales {float: right; margin-right: 7px;}
	#int_redes-sociales ul {margin: 0;float: left;}
	#int_redes-sociales ul li {float: left; margin: 0 6px;}
	#int_siguenos {margin-top: 7px; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; float: left; color: #ffffff;background-color:transparent;}
#int_footer #int_footer-middle {float: left; margin: 10px 0 0 63px; color: #ffffff;background-color:transparent; font-size: 12px; width: 800px; padding: 3px 0 0 0; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
	#int_direccion {float: left; width: 600px; line-height: 16px;}
	#int_fecha {float: right; display: block; width: 150px; margin-top: 12px; vertical-align: middle;}
	#int_fecha div.clima {margin: 6px 0 0 0;}
	#int_fecha div.ico {margin: 0 0 0 11px;}
	#int_fecha div.temp {margin: 6px 0 0 11px;}

#int_footer #int_footer-bottom {float: left; margin: 20px 0 0 60px; color: #333333;background-color:transparent; font-size: 11px; width: 800px;font-family: "Franklin Gothic Book", Arial, Helvetica, sans-serif;}
	#int_legal {float: left;}
	#int_legal li {float: left; text-transform: uppercase; margin: 5px 20px 0 0;}
	#int_legal li#int_observatorio {margin-top: 0; }
	#int_legal li a {color: #333333;background-color:transparent; text-decoration: none;}
	#int_legal li a:hover {color: #333333;background-color:transparent; text-decoration: underline;}
	#int_estandares {float: right; margin-right: 5px;}
	#int_estandares li {float: left; margin: 5px 0 0 10px; border-left: 1px solid #333; padding-left: 10px;}
	#int_estandares li a {color: #333333;background-color:transparent; text-decoration: none;}
	#int_estandares li a:hover {color: #333333;background-color:transparent; text-decoration: underline;}
	
	
	
h2.destacar-titulo { border-bottom:1px dashed #ccc; font-family:Georgia,'Times New Roman',Times,serif; font-size:1.5em; font-weight:normal; line-height:1.6em; color:#555; }
h2.destacar-titulo2 { border-bottom:1px solid #ccc; font-family:Georgia,'Times New Roman',Times,serif; font-size:1.4em; font-weight:normal; line-height:1.6em; color:#555; }
.destacar-subtitulo { color:#458a8a;}
.destacar-texto { font-size:90%; color:#111;}