@charset "UTF-8";
#noprint_impresion{display: none;}

body {
	font: 1em/150% Arial, Helvetica, sans-serif;
}
a {
	color: #669;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a.menu{
	color: #393939; text-decoration:none;
}

a.menu:link{
	color: #393939; text-decoration:none;
}

a.menu:hover{
	color: #393939; text-decoration:underline;
}

a.ligas{
	color: #393939; text-decoration:underline;
}

a.ligas:link{
	color: #393939; text-decoration:underline;
}



a.ligas:hover{
	color: #393939; text-decoration:none;
}

a.ligas_negra{
	color: #000000; text-decoration:underline;
}

a.ligas_negra:link{
	color: #000000; text-decoration:underline;
}

a.ligas_negra:hover{
	color: #000000; text-decoration:none;
}



a.ligas_verde{
	color: #47949d; text-decoration:underline; cursor: pointer; 
}

a.ligas_verde:link{
	color: #47949d; text-decoration:underline; cursor: pointer; 
}

a.ligas_verde:hover{
	color: #47949d; text-decoration:none; cursor: pointer; 
}


h1 {
	font: bold 22px/100% Arial, Helvetica, sans-serif; color: #FFFFFF;
}
h2 {
	font: bold 20px/100% Arial, Helvetica, sans-serif;
}
h3 {
	font: bold 18px/100% Arial, Helvetica, sans-serif;
}
.select_home {width: 300px; cursor: pointer; font-family: "Lucida Grande", "Lucida Sans Unicode",Verdana, Arial, Helvetica; FONT-SIZE: 12px;  BORDER-TOP:#aaaaaa 1px solid; BORDER-RIGHT: #aaaaaa 1px solid; BORDER-LEFT: #aaaaaa 1px solid; BORDER-BOTTOM: #aaaaaa 1px solid; color:#4b4b4b; background-color: #FFFFFF;}

.celda_titulo{background-color: #a1c8ce; border-radius: 0.90em 0.90em 0em 0em; }
.celda_porcentaje{width:70%; FONT-SIZE: 12px;}
.celda_porcentaje2{background-image:url('img/fondo_celda_porcentaje.png'); background-position: center top; background-repeat: repeat-x;}


.titulo_header_home{color: #FFFFFF;  FONT-SIZE: 22px;}
.titulo_header_home2{color: #FFFFFF;  FONT-SIZE: 15px;}

input.submit_nuevo {cursor: pointer; width: 65px; height: 25px; background-color:#f7f6f6; color:#247600; font-family: "Lucida Grande", "Lucida Sans Unicode",Verdana, Arial, Helvetica; FONT-SIZE: 11px;}
input.submit_eliminar {cursor: pointer; width: 65px; height: 25px; background-color:#f7f6f6; color:#ff0000; font-family: "Lucida Grande", "Lucida Sans Unicode",Verdana, Arial, Helvetica; FONT-SIZE: 11px;}

.fondo_transparente_celda{background-image:url('img/background.png'); background-position: right top; background-repeat: no-repeat;}

td.bordo_gris_header{color: #cceff9; padding:4px; BORDER-TOP:#bcbcbc 1px solid; BORDER-RIGHT: #bcbcbc 1px solid; BORDER-LEFT: #bcbcbc 1px solid; BORDER-BOTTOM: #bcbcbc 1px solid; background-color:#4e98a1;}
td.bordo_gris_grid{height: 25px; padding:4px; BORDER-TOP:#bcbcbc 1px solid; BORDER-RIGHT: #bcbcbc 1px solid; BORDER-LEFT: #bcbcbc 1px solid; BORDER-BOTTOM: #bcbcbc 1px solid; LINE-HEIGHT: 11px;}
td.bordo_gris_header2{color: #027f8e; padding:4px; BORDER-TOP:#bcbcbc 1px solid; BORDER-RIGHT: #bcbcbc 1px solid; BORDER-LEFT: #bcbcbc 1px solid; BORDER-BOTTOM: #bcbcbc 1px solid; background-color:#a1c8ce;}

input.submit_nuevo_pic {cursor: pointer; width: 65px; height: 25px; background-color:#4e98a1; color:#cceff9; font-family: "Lucida Grande", "Lucida Sans Unicode",Verdana, Arial, Helvetica; FONT-SIZE: 11px;}


/************************************************************************************
STRUCTURE
*************************************************************************************/

#pagewrap {
	padding: 8px;
	font-size: 12px;
	width: auto;
	margin: 0px auto;
	max-width:1600px;
	min-width:450px;
	border-radius: 0.90em 0.90em 0.90em 0.90em; 
}
#header {
	color: #FFFFFF;
	height: 120px;
	background-color: #47949d;
	border-radius: 0.90em 0.90em 0em 0em; /* redondeo border no siempre compatible*/
	font-size: 18px;
	padding: 4px;
}

nav {
	overflow: hidden;
	background-color: #d9e6f1;
}
nav ul {
	list-style-type:none;
	float:left;
	padding:0px;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", Arial,Helvetica,sans-serif,Verdana;
	FONT-SIZE: 12px; 			
}
nav ul li {
	float:left;
	padding:3px 6px;
	height: 20px;
	margin:2px;
	background-color: #d7eefe;
	-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;
	BORDER-TOP:#bcbcbc 1px solid; BORDER-RIGHT: #bcbcbc 1px solid; BORDER-LEFT: #bcbcbc 1px solid; BORDER-BOTTOM: #bcbcbc 1px solid;			
}

#align_justify{text-align: justify;}

#content {
	width: 100%;
	float: left;
	background-color: #FFFFFF;
	line-height: 18px;
	text-align: justify;	 	
}
#content2 {
	width: 66%;
	float: left;
	background-color: #FFFFFF;
	line-height: 18px;
	padding: 10px;	
	text-align: justify;		
}
#sidebar2 {
	width: 30%;
	float: right;
	background-color: #FFFFFF;
	line-height: 18px;
	text-align: justify;	
}
#border1 {
	width: 1%;
	float: right;
}

#footer {
	color: #FFFFFF;
	clear: both;
	background-color: #47949d;
	border-radius: 0em 0em 0.90em 0.90em; /* redondeo border no siempre compatible*/
}

.footer{line-height:20px;}

.select_home {font-size: 9px; width: 170px; }

.video {
	width:100%;
	height:300px;
	max-width:400px;
}

.img {
	width:100%;
	max-width:280px;
}

.img_graficos {
	width:100%;
	max-width:600px;
}

.img_baja_sube {
	width:100%;
	max-width:8px;
}


.img_home_pic {
	width:100%;
	max-width:170px;
	border-radius: 0.35em; /* redondeo border no siempre compatible*/	
	padding: 1px;
	BORDER-TOP:#47949d 1px solid; BORDER-RIGHT: #47949d 1px solid; BORDER-LEFT: #47949d 1px solid; BORDER-BOTTOM: #47949d 1px solid;
}

.img_home_pic2 {
	width:100%;
	max-width:150px;
	border-radius: 0.35em; /* redondeo border no siempre compatible*/	
	padding: 1px;
	BORDER-TOP:#47949d 1px solid; BORDER-RIGHT: #47949d 1px solid; BORDER-LEFT: #47949d 1px solid; BORDER-BOTTOM: #47949d 1px solid;
}

.img_home_pic3 {
	width:100%;
	max-width:350px;
	border-radius: 0.35em; /* redondeo border no siempre compatible*/	
	padding: 1px;
	BORDER-TOP:#47949d 1px solid; BORDER-RIGHT: #47949d 1px solid; BORDER-LEFT: #47949d 1px solid; BORDER-BOTTOM: #47949d 1px solid;
}

.img_logo_info{
	width:100%;
	max-width:215px;
}


.img_cdmx {
	width:100%;
	max-width:185px;
}

.grafico_home {
	width:100%;
	max-width:900px;
}

.grafico_home2 {
	width:100%;
	max-width:800px;
}

.img_home_eval {
	width:100%;
	max-width:350px;
	border-radius: 0.35em; /* redondeo border no siempre compatible*/	
	padding: 1px;
	BORDER-TOP:#47949d 1px solid; BORDER-RIGHT: #47949d 1px solid; BORDER-LEFT: #47949d 1px solid; BORDER-BOTTOM: #47949d 1px solid;	
}

.img2 {
	width:90%;
	max-width:300px;
}

.banner_home {
	width:100%;
	max-width:172px;
	BORDER-TOP:#bcbcbc 1px dotted; BORDER-RIGHT: #bcbcbc 1px dotted; BORDER-LEFT: #bcbcbc 1px dotted; BORDER-BOTTOM: #bcbcbc 1px dotted; 
}

.verde_infodf{
	color:#47949d;
}
.total2{font-size:20px; color:#47949d;}

.div_evaluacion_home{width: 100%; height: 200px; margin: 0px; padding: 0px; overflow: Auto; text-align: justify;}
.div_sujetos_obligados{height: 90px; margin: 0px; padding: 0px; overflow: Auto;}

.font_small{font-size: 10px;}
.font_big{font-size: 16px;}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (min-width: 1201px) {

.celda_titulo{font-size:12px;}
.celda_porcentaje{width:65%; FONT-SIZE: 12px;}
.total{font-size:16px;}
.total2{font-size:20px;}
.footer{font-size:12px;}

	nav ul {
	FONT-SIZE: 12px; 			
	}
}

/* for 980px or less */
@media screen and (max-width: 1200px) {

.celda_titulo{font-size:11px;}
.celda_porcentaje{width:90%; FONT-SIZE: 12px;}
.total{font-size:15px;}
.total2{font-size:19px;}
.footer{font-size:12px;}

	nav ul {
	FONT-SIZE: 11px; 			
	}

	#header {
		font-size: 22px;			
	}	
	#menu {
		height: 90px;
		background-color: #d9e6f1;
	}	
	
	.select_home {font-size: 11px; width: 220px; }	
}	

/* for 980px or less */
@media screen and (max-width: 980px) {

.celda_titulo{font-size:10px;}
.celda_porcentaje{width:90%; FONT-SIZE: 10px;}
.total{font-size:14px;}
.total2{font-size:18px;}
.footer{font-size:10px;}

	
	nav ul {
	FONT-SIZE: 10px; 			
	}
	
	#pagewrap {
		width: auto;
		font-size: 12px;
	}
	#header {
		font-size: 18px;	
	}	
	#menu {
		height: 90px;
		background-color: #d9e6f1;
	}	
	#content {
		width: 100%;
	}
	#content2 {
		width: auto;
		float: none;
		font-size:11px;			
	}	
	#sidebar2 {
		width: auto;
		float: none;
	}
	#border1 {
		width: 1%;
	}

}

/* for 700px or less */
@media screen and (max-width: 700px) {

.titulo_header_home{FONT-SIZE: 18px;}
.titulo_header_home2{FONT-SIZE: 12px;}
.celda_titulo{font-size:10px;}
.celda_porcentaje{width:100%; FONT-SIZE: 8px;}
.total{font-size:13px;}
.total2{font-size:17px;}
.footer{font-size:10px;}


	nav ul {
	FONT-SIZE: 9px; 			
	}

	#pagewrap {
		width: auto;
		font-size: 12px;
	}	
	#header {
		font-size: 16px;
		font-size:11px;			
	}
	#content {
		width: auto;
		float: none;
		font-size:11px;		
	}
	#menu {
		height: auto;
		width: auto;
		background-color: #d9e6f1;
	}	
	#content2 {
		width: auto;
		float: none;
		font-size:11px;			
	}	
	#sidebar2 {
		width: auto;
		float: none;
	}
	#border1 {
		display: none;
	}

	.select_home {font-size: 10px; width: 160px; }
	
	.video {
		width:80%;
		height:200px;	
	}	
		.img {
	width:100%;
	}
	.img_home_pic {
		width:50%;
		max-width:150px;
	}	

	.img_home_pic3 {
		width:50%;
	}	
	
	.img_home_eval {
		width:50%;
	}	
		
	.banner_home {
	width:100%;
	max-width:172px;
	}	
}

/* for 600px or less */
@media screen and (max-width: 600px) {
.no_telefono{display: none;}
.titulo_header_home{FONT-SIZE: 16px;}
.titulo_header_home2{FONT-SIZE: 11px;}
.celda_titulo{font-size:9px;}
.celda_porcentaje{width:100%; FONT-SIZE: 7px;}
.total{font-size:12px;}
.total2{font-size:16px;}
.footer{font-size:9px;}


	#pagewrap {
		width: auto;
		font-size:  9px;
	}
	#header {
		height: auto;
		float: none;
		font-size: 14px;						
	}
	#content {
		width: auto;
		float: none;
	}
	#content2 {
		width: auto;
		float: none;
	}
	#border1 {
		display: none;
	}
	#sidebar2 {
		width: auto;
		float: none;
	}
	#menu {
		height: auto;
		width: auto;
		background-color: #d9e6f1;
	}	

	.select_home {font-size: 9px; width: 150px; }
	
	.img {
	width:100%;
	}
	.img_home_pic {
		width:80%;
		max-width:150px;
	}	
	
	.img_home_pic3 {
		width:50%;
	}
	
	.img_home_eval {
		width:50%;
	}		
	
	.video {
	width:80%;
	height:200px;			
	}		
	.img2 {
	width:50%;
	}	
	
#noprint_celda{display: none;}	
}

/* for 480px or less */
@media screen and (max-width: 480px) {
.no_telefono{display: none;}
.celda_titulo{font-size:9px;}
.celda_porcentaje{width:100%; FONT-SIZE: 7px;}
.total{font-size:11px;}
.total2{font-size:15px;}
.footer{font-size:9px;}


	#pagewrap {
		width: auto;
		font-size: 11px;
	}
	#header {
		height: auto;
		width: auto;
		font: 12px;		
	}
	#menu {
		height: auto;
		width: auto;
		background-color: #d9e6f1;
	}	
	h1 {
		font-size: 18px;
	}
	h2 {
		font-size: 16px;
	}
	h3 {
		font-size: 14px;
	}	

	#border1 {
		display: none;
		width: auto;
	}
	
	#sidebar2 {
		width: auto;
		float: none;
	}

	.select_home {font-size: 9px; width: 130px; }	
	
	.img {
	width:100%;
	}

	.img_home_pic3 {
		width:50%;
	}	

	.img_home_eval {
		width:50%;
	}	
	
	.video {
		width:90%;
		height:180px;		
	}		
	
	#noprint_celda{display: none;}		
}

/* border & guideline (you can ignore these) */
#content {

}
#content2 {

}
#menu{
	background-color: #d9e6f1;

}
#sidebar2 {

}
#header, #menu, #content, #content2, #sidebar2, #border1 {
	margin-bottom: 5px;
}
#pagewrap, #header, #menu, #footer {
	border: solid 1px #ccc;
}
 #content, #content2, #sidebar2 {
	BORDER-TOP:#bcbcbc 1px dotted; BORDER-RIGHT: #bcbcbc 1px dotted; BORDER-LEFT: #bcbcbc 1px dotted; BORDER-BOTTOM: #bcbcbc 1px dotted; 
}