@charset "UTF-8";
/* CSS Document */

/* ------------------------------------------------------------------------------------------------------
* Hoja de estilo básica (para versiones 4 navegadores)


* Versión: 			1.0
* Autor: 			Infotec
* Fecha: 			29 / 04 / 2009
* Fecha versión anterior: 
* Cambios: 			06 / 06 / 2011
* Gramática CSS: 		2.1
* Gramática (X)HTML: 		1.0 Strict
* Comentarios: 		
* Sitio Web: 			<a href="http: ">http: /</a>/www.infotec.com.mx
--------------------------------------------------------------------------------------------------------- */
body a {cursor: pointer;}
#breadcrumbs {
	color:#666;
	font-size:11px;
	margin:0 0 0 10px;
	padding:10px 0 12px 30px;
	width:970px;
	background-color: transparent;
	background-image: url(fnd_breadcrumbs.png);
	background-position: 20 0;
}
#breadcrumbs a {color: #00669e; text-decoration: none;}
#breadcrumbs a:hover {text-decoration: underline;}
#breadcrumbs #nav {top: 240px;}
#breadcrumbs #nav .hypermenu {top: 300px !important;}

#breadcrumbscontenido {
	color:#666;
	font-size:11px;
	margin:0 0 0 10px;
	padding:11px 0 12px 30px;
	width:970px;
	background-color: transparent;
	background-image: url(fnd_breadcrumbsContent.png);
	background-position: 20 0;
}
#breadcrumbscontenido a {color: #00669e; text-decoration: none;}
#breadcrumbscontenido a:hover {text-decoration: underline;}



#teaser{position:relative; padding: 0 0 0 25px; width: 990px; height: 199px; background-image: url(bg_shadow.png);
	background-repeat: repeat-y;
	background-position: 11px 0px;}
#teaser h2 {
	position:absolute;
	top:135px;
	left:0px;
	width:709px;
	height:33px;
	font-size:28px;
	color:#fff;
	text-align:left;
	background-image: url(bg_title_content.png);
	background-repeat: no-repeat;
	font-weight: lighter;
    padding:20px 0 12px 20px;
	margin-left:25px;
}
#teaser p {position:absolute; top:40px; left:0px; width:450px; font-size: 14px; margin: 0 0 0 50px; line-height: 15px; color:#fff;}

#teaserContent    {position:relative; margin: 0 0 0 0px; width: 705px; height: 340px; }
#contenido #teaserContent h2 {
	position:absolute;
	top:276px;
	left:0px;
	width:690px;
	height:33px;
	font-size:28px;
	color:#fff;
	text-align:left;
	background-image: url(bg_title_content.png);
	background-repeat: no-repeat;
	font-weight: lighter;
    padding:20px 0 12px 20px;
	margin-left:0px;
}


#indices {
	float:left;
	padding:0 0 20px 25px;
	width:985px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(bg_contenido.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
#indicesContent {
	float:left;
	padding:15px 0 20px 25px;
	width:985px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(bg_contenido1.png);
	background-repeat: no-repeat;
	background-position: 10px -357px;
}
#menu_canal {background:url("fnd_menu_canal.jpg") no-repeat scroll 0 0 transparent;float:left;width:100%;padding: 0 0 15px 0;}
#menu_canal h3 {font-size: 12px;color: #444;letter-spacing: 12px;font-weight: bold;padding: 25px 0 10px 49px;}
#menu_canal ul {padding: 12px 0 10px 49px;}
#menu_canal ul li {float: left;margin: 0 23px 0 0;}
#menu_canal ul li a{font-size: 14px;color: #1b75bb;text-decoration: none;line-height: 30px;}
#menu_canal ul li a:hover {text-decoration: underline;}
.indice {background:url("intro_indice.jpg") no-repeat scroll 0 0 #FFFFFF;clear:both;float:left;padding:0 0 15px;width:1010px;min-height: 200px;}
.indice p {line-height: 15px;}
.intro_indice {float:left;width:390px;}
.intro_indice h3, .intro_indice h3 a, h3.subTituloSeccion{font-size: 18px;color: #1b75bb;padding: 50px 0 13px 49px;text-decoration: none;}
.intro_indice h3 a {padding: 0;}
.intro_indice h3 a:hover {text-decoration: underline;}
/*iconos indices tematicos*/

.intro_indice p.intro_line {background:url("../../images/fnd_P_introIndice.jpg") no-repeat scroll 0 -15px transparent;color:#4D4D4D;font-size:13px;padding: 15px 10px 0 49px;}
.intro_indice p{font-size: 13px;color: #999;width: 307px;margin:0 0 10px;}
.opciones {float:right;width:591px;}
.opcion {float:left;padding:0 5px 0 10px;width:169px;}
.opcion h4 {background:url("pleca_opcion.jpg") no-repeat scroll 0 bottom transparent;}
.opcion h4 {color:#1B75BB;font-size:13px;font-weight:bold;line-height:16px;min-height:30px;padding:48px 0 20px;}
.opcion h4 a {color:#1B75BB;text-decoration:none;}
.opcion h4 a:hover {text-decoration: underline;}
.opcion p { color:#999999;font-size:12px;line-height:15px;margin:0;}
.opcion ul {margin: 5px 0 0 0;}
.opcion ul li a {background:url("bullet_lista.png") no-repeat scroll 5px 5px transparent; color:#1B75BB;display:block;font-size:12px;padding:3px 0 0 15px;text-decoration:none;}
.opcion ul li a:hover {text-decoration: underline;}
a.ver_mas {background:url("bullet.png") no-repeat scroll 90% 0 transparent;color:#006600;display:block;font-size:12px;font-style:italic;font-weight:bold;height:20px;margin:15px 0 0 8px;}
a.ver_mas:hover {text-decoration: underline;}
#sitios_relacionados {background:url("fnd_relacionados.jpg") no-repeat scroll center top transparent;float:left;padding:47px 0 0 20px;width:990px;}
#sitios {width: 585px; float: left;}
#sitios h3 {font-size: 14px;color: #4d4d4d;font-weight: bold;margin: 30px 0 15px 23px;}
a.external-link {color:#1B75BB;font-size:12px;padding: 0 15px 0 0;text-decoration: none;}
a:hover.external-link {text-decoration: underline;}
#sitios .relacionado {display:block;float:left;padding:5px 5px 0 0; width:190px;}
#twitter_api {float: right;width: 397px;}
#twitter_api a {background: none;}
#bottom_relacionados {background:url("bottom_relacionados.jpg") no-repeat scroll 0 bottom transparent;clear:both;height:20px;margin:0 0 0 -15px;}
#contenido p#update {
	clear:both;
	color:#009ec5;
	display:block;
	font-size:9px;
	line-height:150%;
	margin:20px 0px 0 20px;
	padding:10px 0 0;
	text-align:left;
	width: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EAEAEA;
	border-right-color: #EAEAEA;
	border-bottom-color: #EAEAEA;
	border-left-color: #EAEAEA;
}
p#update strong {font-weight: bold;
color:#595959;}

/*#navegacion_contenido ul li a:visited, #contenido a:visited, #contenido ul li a:visited, #indices a:visited {
	color: #666 !important;
}*/


/*herramientas de la nota*/
.toolsAsaBar {
	float: left;
	height: 60px;
	width: 666px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	margin-left: 20px;
	margin-bottom: 20px;
}
#noteTools1 {
	display: block;
	float: left !important;
	height: 40px;
	width: 85px;
	margin-top: 20px;
	padding-right: 4px;
}
#noteTools1 li{
	display: block;
	float: left !important;
	list-style-type: none !important;
}
#textToolsDiv {
	display: block;
	float: left !important;
	height: 40px;
	width: 85px;
	margin-top: 20px;
	background-image: url(toolDivision.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
}
#textToolsDiv a{
	display: block !important;
	float: left !important;
	list-style-type: none !important;
}

.enviar {
	background-image: url(b1off.jpg);
	text-indent: -9999px;
	display: block;
	float: left;
	height: 23px;
	width: 22px;
	margin-right: 3px;
	margin-left: 3px;
}

.enviar:hover {
	background-image: url(b1on.jpg);
}

.imprimir {
	background-image: url(b2off.jpg);
	text-indent: -9999px;
	display: block;
	float: left;
	height: 23px;
	width: 22px;
	margin-right: 3px;
	margin-left: 3px;
}
.imprimir:hover {
	background-image: url(b2on.jpg);
}
#compartir {
height: 23px;
	width: 22px;
	margin-right: 3px;
	margin-left: 3px;

}
.compartir {
	margin: 0px !important;
	padding: 0px !important;

}
.compartirImg{
	margin: 0px !important;
	padding: 0px !important;
}

.decrease{
	background-image: url(b4off.jpg);
	text-indent: -9999px;
	display: block;
	float: left;
	height: 23px;
	width: 22px;
	margin-right: 3px;
	margin-left: 3px;
	}
.decrease:hover {
	background-image: url(b4on.jpg);
}
	
.reset{
	background-image: url(b5off.jpg);
	text-indent: -9999px;
	display: block;
	float: left;
	height: 23px;
	width: 22px;
	margin-right: 3px;
	margin-left: 3px;
	}
.reset:hover {
	background-image: url(b5on.jpg);
}
.increase{
	background-image: url(b6off.jpg);
	text-indent: -9999px;
	display: block;
	float: left;
	height: 23px;
	width: 22px;
	margin-right: 3px;
	margin-left: 3px;
	}
.increase:hover {
	background-image: url(b6on.jpg);
}
/*termina herramientas de la nota*/