@charset "utf-8";



.a_imagen_izq {



	float: left;



	margin: 10px 10px 10px 0;



}



.a_imagen_der {



	float: right;



	margin: 10px 0px 10px 10px;



}



.a_imagen_centrada {



	display: block;



	margin: auto;



}



.img-redondeada {



	-webkit-border-radius: 6px;



	-moz-border-radius: 6px;



	border-radius: 6px;



}



.letra_formula {



	font-family: "Times New Roman", Times, serif;



	font-size: 16px;



}



.subrayado {



	border-bottom: #CCC solid 1px;



}



.boton {



	text-decoration: underline; /*Para el caso de que sea texto*/



	cursor: pointer;



	font-weight: bold; /*Para el caso de que sea texto*/



}



.caja_simple { /*cuando vaya junto a una imagen dentro de una tabla*/



	min-width: 250px;



	background-color: #EEE;



	border-radius: 5px;



	padding: 5px;



	margin: 0 auto;



	border: #CCC 1px dashed;



}



.caja_simple2 { /*cuando vaya junto a una imagen dentro de una tabla*/



	background-color: #F5E5C1;



	border-radius: 5px;



	padding: 5px;



	margin: 0 auto;



	border: #CCC 1px dashed;



}



.caja_energy1 {



	min-width: 250px;



	background-color: #FCFC0C;



	border-radius: 5px;



	padding: 5px;



	margin: 0 auto;



	border: #CCC 1px dashed;



}



.caja_energy2 {



	min-width: 250px;



	background-color: #FFFFB9;



	border-radius: 5px;



	padding: 5px;



	margin: 0 auto;



	border: #CCC 1px dashed;



}



.caja_energy3 {



	min-width: 250px;



	background-color: #444435;



	border-radius: 5px;



	padding: 5px;



	margin: 0 auto;



	border: #CCC 1px dashed;



}



.caja_energy4 {



	min-width: 250px;



	background-color: #0E8987;



	border-radius: 5px;



	padding: 5px;



	margin: 0 auto;



	border: #CCC 1px dashed;



}



.caja_energy5 {



	min-width: 250px;



	background-color: #65BC6B;



	border-radius: 5px;



	padding: 5px;



	margin: 0 auto;



	border: #CCC 1px dashed;



}



.caja_energy6 {



	min-width: 250px;



	background-color: #8AD7AB;



	border-radius: 5px;



	padding: 5px;



	margin: 0 auto;



	border: #CCC 1px dashed;



}



.caja_energy7 {



	min-width: 250px;



	background-color: #DCF9EF;



	border-radius: 5px;



	padding: 5px;



	margin: 0 auto;



	border: #CCC 1px dashed;



}



.caja_energy8 {



	min-width: 250px;



	background-color: #9FC3B7;



	border-radius: 5px;



	padding: 5px;



	margin: 0 auto;



	border: #CCC 1px dashed;



}



.caja_consombra {



	padding: 5px;



	text-align: center;



	background-color: #6CF;



	margin-bottom: 5px;



	border-bottom: #bdbfc1 solid 3px;



	border-radius: 10px;



}



.caja_verde {



	background-color: #CFF09F;



	padding: 10px;



	-webkit-border-top-left-radius: 40px;



	-webkit-border-bottom-right-radius: 40px;



	-moz-border-radius-topleft: 40px;



	-moz-border-radius-bottomright: 40px;



	border-top-left-radius: 40px;



	border-bottom-right-radius: 40px;



	text-align: center;



}



.caja_rosa {



	background-color: #FFC2C1;



	padding: 10px;



	-webkit-border-top-right-radius: 40px;



	-webkit-border-bottom-left-radius: 40px;



	-moz-border-radius-topright: 40px;



	-moz-border-radius-bottomleft: 40px;



	border-top-right-radius: 40px;



	border-bottom-left-radius: 40px;



	text-align: center;



}



.bulletazul {



	list-style-image: url(http://cursos.tecmilenio.edu.mx/cursos/recursos09/bulletr.png);



	list-style-type: square;



}



.bulletpaloma {



	list-style-image: url(http://cursos.tecmilenio.edu.mx/cursos/recursos09/paloma.png);



	list-style-type: square;



}



.ftextovertical {



	-webkit-transform: rotate(270deg);



	-moz-transform: rotate(270deg);



	-o-transform: rotate(270deg);



	writing-mode: bt-rl;



}



.letra_celeste3 {



	font-size: 15px;



	font-weight: bold;



	color: #4F81BD;



}



.Letrablanca {



	color: #FFF;



}



.referencia {



	font-size: 11px;



	line-height: normal;



}



.fondo_celeste {



	background-color: #CCDFF2;



}



.fondo_azul {



	background-color: #4086CF;



}



.fondo_aqua {



	background-color: #4bacc6;



}



.fondo_cafe {



	background-color: #333;



}



.fondo_verde {



	background-color: #1AA6A5;



}



.fondo_limon {



	background-color: #CCD86A;



}



.fondo_gris {



	background-color: #F0F0F0;



}



.fondo_azul2 {



	background-color: #225588;



}



.fondo_turquesa {



	background-color: #00CCFF;



}



.fondo_turquesa2 {



	background-color: #00b0f0;



}



.fondo_naranja {



	background-color: #FBA837;



}



.fondo_morado {



	background-color: #3D427C;



}



.fondo_azul3 {



	background-color: #005EBB;



}



.fondo_energy1 {



	background-color: #FCFC0C;



}



.fondo_energy2 {



	background-color: #FFFFB9;



}



.fondo_energy3 {



	background-color: #444435;



}



.fondo_energy4 {



	background-color: #0E8987;



}



.fondo_energy5 {



	background-color: #65BC6B;



}



.fondo_energy6 {



	background-color: #8AD7AB;



}



.fondo_energy7 {



	background-color: #DCF9EF;



}



.fondo_energy8 {



	background-color: #9FC3B7;



}



.img-c {



	margin: 8px;



	border-radius: 5px;



	background-color: #F9F9F9;



	padding: 5px;



	border: #CCC 1px solid;



}



.img-izq {



	margin-right: 10px;



	margin-bottom: 10px;



	border-radius: 5px;



	background-color: #F9F9F9;



	padding: 4px;



	border: #CCC 1px solid;



	float: left;



}



.img-der {



	margin-left: 10px;



	margin-bottom: 10px;



	border-radius: 5px;



	background-color: #F9F9F9;



	padding: 4px;



	border: #CCC 1px solid;



	float: right;



}



.div_caja {



	padding: 10px;



	margin-bottom: 1px;



	border: dashed 2px #F8CB4E;



	-webkit-border-radius: 10px;



	-moz-border-radius: 10px;



	border-radius: 10px;



	border-bottom: solid 5px #F8CB4E;



	border-left: solid 5px #F8CB4E;



	border-right: solid 5px #F8CB4E;



}



.border_tabla {



	margin-bottom: 1px;



	border: solid 5px #005EBB;



	-webkit-border-radius: 10px;



	-moz-border-radius: 10px;



	border-radius: 10px;



	border-bottom: solid 5px #005EBB;



	border-left: solid 5px #005EBB;



	border-right: solid 5px #005EBB;



}



.caja_nota {



	padding: 10px;



	margin-bottom: 1px;



	border: dashed 0px #CDCDCD;



	-webkit-border-radius: 10px;



	-moz-border-radius: 10px;



	border-radius: 10px;



	border-left: solid 3px #333333;



	border-right: solid 3px #333333;



}



.a_imagen_centrada {



	display: block;



	margin: auto;



}



.img-redondeada {



	-webkit-border-radius: 6px;



	-moz-border-radius: 6px;



	border-radius: 6px;



}



.img-marco {



	padding: 4px;



	background-color: #fff;



	border: 1px solid #ccc;



	border: 1px solid rgba(0, 0, 0, 0.2);



	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);



	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);



	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);



}



.img-circular {



	-webkit-border-radius: 500px;



	-moz-border-radius: 500px;



	border-radius: 500px;



}



.ligas_blancas {



	color: #FFF;



}



a:hover.ligas_blancas {



	color: #039;



}



tabla {



	max-width: 100%;



	background-color: transparent;



}



.tabla {



	width: 100%;



	margin-bottom: 20px;



}



.tabla th, .tabla td {



	padding: 8px;



	line-height: 20px;



	vertical-align: middle;



	border-top: 1px solid #dddddd;



}



.tabla th {



	font-weight: bold;



}



.tabla-striped tbody > tr:nth-child(odd) > td, .tabla-striped tbody > tr:nth-child(odd) > th {



	background-color: #e9e8e8;



}



.tabla-hover tbody tr:hover > td, .tabla-hover tbody tr:hover > th {



	background-color: #f5f5f5;



}



.caja {



	padding: 8px 15px 8px 15px;



	margin-bottom: 3px;



	background-color: #fcf8e3;



	border: 1px solid #fbeed5;



	-webkit-border-radius: 6px;



	-moz-border-radius: 6px;



	border-radius: 6px;



}



/*efecto checkpoint*/















































.show-ama {



	margin-top: 10px;



	margin-bottom: 20px;



}



.show-ama [class*="span"] {



	background-color: #ecf8ff;



	-webkit-border-radius: 3px;



	-moz-border-radius: 3px;



	border-radius: 3px;



	min-height: 40px;



	line-height: normal;



}



.show-ama:hover [class*="span"] {



	background: #d7effd;



}



.show-ama .show-ama {



	margin-top: 0;



	margin-bottom: 0;



}



.show-ama .show-ama [class*="span"] {



	margin-top: 5px;



}



.show-ama [class*="span"] [class*="span"] {



	background-color: #ccc;



}



.show-ama [class*="span"] [class*="span"] [class*="span"] {



	background-color: #999;



}























/*termina efecto checkpoint*/



.img-c {



	margin: 8px;



	border-radius: 5px;



	background-color: #F9F9F9;



	padding: 5px;



	border: #CCC 1px solid;



}



.img-iz {



	margin-right: 10px;



	margin-bottom: 10px;



	border-radius: 5px;



	background-color: #F9F9F9;



	padding: 4px;



	border: #CCC 1px solid;



	float: left;



}



.img-de {



	margin-left: 10px;



	margin-bottom: 10px;



	border-radius: 5px;



	background-color: #F9F9F9;



	padding: 4px;



	border: #CCC 1px solid;



	float: right;



}



.letra-grande {



	font-size: 16px;



}



.caja_consombra2 {



	padding: 5px;



	margin-bottom: 5px;



	border-bottom: #bdbfc1 solid 3px;



	border-right: #bdbfc1 solid 3px;



	border-radius: 10px;



}



.cajasombrita {



	-webkit-border-radius: 10px;



	-moz-border-radius: 10px;



	border-radius: 10px;



	padding: 10px;



	border: 2px dashed #eaeaea;



	-moz-box-shadow: 5px 6px 5px #828f8a;



	-webkit-box-shadow: 5px 6px 5px #828f8a;



	box-shadow: 5px 6px 5px #828f8a;



}



.tablagris2 {



	color: #FFF;



	-webkit-border-radius: 7px;



	-moz-border-radius: 7px;



	border-radius: 7px;



	padding: 10px;



	margin-bottom: -10px;



	margin-left: 10px !important;



}



.bor-gris {



	background: #FFF;



	color: #333;



	-webkit-border-radius: 10px;



	-moz-border-radius: 10px;



	border-radius: 10px;



	padding: 10px;



	border: 2px dashed #eaeaea;



}



.tredondeada-a1 {



	-webkit-border-radius: 7px;



	-moz-border-radius: 7px;



	border-radius: 7px;



	padding: 10px;



	color: #FFF;



	background: #046380;



}



.tredondeada-r1 {



	-webkit-border-radius: 7px;



	-moz-border-radius: 7px;



	border-radius: 7px;



	padding: 10px;



	color: #FFF;



	background: #E74C3C;



}



.tredondeada-c1 {



	-webkit-border-radius: 7px;



	-moz-border-radius: 7px;



	border-radius: 7px;



	padding: 10px;



	color: #333333;



	background: #ECF0F1;



}



.tredondeada-a2 {



	-webkit-border-radius: 7px;



	-moz-border-radius: 7px;



	border-radius: 7px;



	padding: 10px;



	color: #FFF;



	background: #3498DB;



}



.tredondeada-a3 {



	-webkit-border-radius: 7px;



	-moz-border-radius: 7px;



	border-radius: 7px;



	padding: 10px;



	color: #FFF;



	background: #2980B9;



}



.bredondeada-a1 {



	-webkit-border-top-right-radius: 7px;



	-webkit-border-bottom-left-radius: 7px;



	-moz-border-radius-topright: 7px;



	-moz-border-radius-bottomleft: 7px;



	border-top-right-radius: 7px;



	border-bottom-left-radius: 7px;



	padding: 10px;



	color: #FFF;



	background: #2C3E50;



}



.bredondeada-r1 {



	-webkit-border-top-right-radius: 7px;



	-webkit-border-bottom-left-radius: 7px;



	-moz-border-radius-topright: 7px;



	-moz-border-radius-bottomleft: 7px;



	border-top-right-radius: 7px;



	border-bottom-left-radius: 7px;



	padding: 10px;



	color: #FFF;



	background: #E74C3C;



}



.bredondeada-c1 {



	-webkit-border-top-right-radius: 7px;



	-webkit-border-bottom-left-radius: 7px;



	-moz-border-radius-topright: 7px;



	-moz-border-radius-bottomleft: 7px;



	border-top-right-radius: 7px;



	border-bottom-left-radius: 7px;



	padding: 10px;



	color: #333333;



	background: #ECF0F1;



}



.bredondeada-a2 {



	-webkit-border-top-right-radius: 7px;



	-webkit-border-bottom-left-radius: 7px;



	-moz-border-radius-topright: 7px;



	-moz-border-radius-bottomleft: 7px;



	border-top-right-radius: 7px;



	border-bottom-left-radius: 7px;



	padding: 10px;



	color: #FFF;



	background: #3498DB;



}



.bredondeada-a3 {



	-webkit-border-top-right-radius: 7px;



	-webkit-border-bottom-left-radius: 7px;



	-moz-border-radius-topright: 7px;



	-moz-border-radius-bottomleft: 7px;



	border-top-right-radius: 7px;



	border-bottom-left-radius: 7px;



	padding: 10px;



	color: #FFF;



	background: #2980B9;



}







.caja_simplesinfondo { /*cuando vaya junto a una imagen dentro de una tabla*/



	border-radius: 5px;



	padding: 5px;



	margin: 0 auto;



	border: #D5C8BF 1px dashed;



}
.flotar-izquierda{
float:left;
width:320px;
}
.flotar-derecha{
float:right;
width:320px;
}
@media (max-width : 767px){
.flotar-izquierda,
.flotar-derecha{
float:none;
width:100%;
}
}