*{

	margin: 0;

	padding: 0;

}



body{



	/*font-family: 'Open Sans', sans-serif;*/

	font-family: 'Roboto', sans-serif;

}



body a{

	text-decoration: none;

	

}



/* header*/



.cont_header{

	/*height: 65px;*/

	width: 100%;

	overflow: hidden;

	/*border-bottom: 1px solid rgb(248, 208, 0);*/
	padding: 10px;
    box-sizing: border-box;

}

.logo{

	width: 16%;

	float: left;

	padding-bottom: 5px;

	padding: 10px;

	box-sizing: border-box;

}



.marca{

	width: 100%;

}

.marca img{

	display: block;

	margin: auto;

	width: 70%;

	

}





header nav{

	display: block;

	width: 70%;

	margin-left: 65%;

	margin-top: 10.5px;



}



header nav ul{

	

}

header nav ul li{

	display: inline-block;

	margin-left: 5px;

} 



header nav ul li a{

	display: inline-block;

	padding: 10px 9px;

	box-sizing: border-box;

}



header nav ul li img{

	display: block;

	width: 18px;

	height: 18px;

	float: left;


}



header nav ul li p{

	display: block;

	color:#fff;

	margin-left: 22px;

	font-size: 0.9em;

	font-weight: bold;

	margin-top: -0.5px;



}



header nav ul li a:hover{

	color: rgb(248, 208, 0);

	transition: all .3s;

}


.ingresar{
	background: rgb(6, 253, 0);
}

.ingresar p{
	color: #000;
}
.ingresar:hover p{

	color: blue;

	transition: all .3s;

}

.ingresar:hover img{

	background: #35df86;

	transition: all .3s;

}



.registrarse{

	/*border: 1px solid  rgb(4, 176, 183);*/

	border-radius: 2px;

}



#bt_cerrar{

    border-radius: 2px;

 

	border: 1px solid  #00a7a8;

}



#bt_cerrar p{

    color:#00a7a8;

}



.registrarse p{

	/*color: rgb(4, 176, 183);*/

	color: #000;

}



.registrarse img{

	
}

.registrarse:hover{

	/*border: 1px solid #4B22F4;*/

	transition: all .3s;

}

.registrarse:hover p{

	color: #4B22F4;

	transition: all .3s;

}

.registrarse:hover img{

	

	transition: all .3s;

}


/*** header 2222*/

.div_nvo_menu{
	overflow: hidden;
	width: 35%;
    float: right;

}

.menu_1{
	overflow: hidden;
	margin-top: 10px;
	width: 60%;
    margin-left: 20%;
}

.men_sub_1{
	float: left;
	margin-left: 1%;
}

.men_sub_1 img{
	width: 30px;
	height: 30px;
	margin-top: 4px;
}

#men2_ingresar{
	width: 20%;
}

#men2_registro{
	width: 20%;
}

#men1_1{
	/*width: 20px;
	height: 20px;*/
}


#men_ingre, #men_regis{
	margin-left: 5px;

	font-size: 1em;
	padding: 10px;
    box-sizing: border-box;
}

#men_ingre{
	background: #00a7a8;
	color: #fff;
	border-radius: 3px;
}
#men_regis{
	background: #003e86;
	color: #fff;
	border-radius: 3px;
}



.menu_2{
	clear: both;
	overflow: hidden;
	margin-top: 8px;


}

.men_sub_2{
	float: left;
	margin-left: 1%;
	padding: 2px 6px;
    box-sizing: border-box;
    border: 1px solid #D22779;
    border-radius: 3px;
    font-size: 0.9em;
    
}

.men2_1{
	width: 14%;
}

.men2_2{
	width: 14%;
}

.men2_3{
	width: 19%;
}

.men2_4{
	width: 29%;
}
.men2_5{
	width: 19%;
}	


/** end header **/




/* end header*/



.cot_log_img{
	display: block;
	width: 40%;
	margin: auto;
}

.cot_log_img img{
	display: block;
	width: 100%;
}




/*** portada - PAGINA DE PROGRAMA **/

.main{



}

.cont_main{



}







.cont_portada_programa{

	width: 100%;

	height: 500px;

	overflow: hidden;

}



#color_programa_sig{

	background-image: url(http://localhost:8080/icientific/imagenes/sig.jpg);

	background-size: 100% 100%;

}



.div_de{

	width: 30%;

	float: left;

}



.div_iz{

	width: 60%;

	float: right;

	color: #fff;

	margin-top: 65px;

	margin-right: 5%;

}



.div_iz h2{

	width: 70%;

	font-size: 1.3em;

	margin-left: 8%;

	padding: 10px 10px 20px 0px;

	box-sizing: border-box;

	border-bottom: 2px solid rgba(106, 230, 254, .5);

	margin-bottom: 10px;

}

.descrip_especial{

	width: 80%;

	padding: 10px;

	box-sizing: border-box;

	margin-left: 6%;

	font-size: 0.9em;

	line-height: 26px;

}

.div_iz h2 span{

	font-size: 0.6em;

}



.detalles_port{

	overflow: hidden;

}



.cont_div_prog{

	width: 35%;

	margin-left: 6%;

	margin-top: 10px;

	float: left;

}







.cd_div_portprog{

	overflow: hidden;

	padding: 4px;

	box-sizing: border-box;



}



.cd_div_portprog img{

	width: 25px;

	height: 25px;

	float: left;

}



.cd_div_portprog p{

	

	margin-left: 40px;

	font-size: 0.8em;

	margin-top: 2.5px;

}



.cd_div_portprog p span{

	font-weight: bold;

}



.cont_precios_prog{

	width: 35%;

	/*background: rgb(106, 230, 254);*/

	background: rgb(250, 250, 250);

	float: right;

	margin-right: 20%;

	padding: 10px;

	box-sizing: border-box;

	overflow: hidden;

	border-radius: 5px;

}



.cont_precios_prog h3{

	color: #33c17a;

	text-align: center;

	font-size: 0.9em;

	padding: 5px 5px 5px 0;

	border-radius: 5px;

	box-sizing: border-box;

}

.prec_p{

	padding: 5px 5px 5px 0;

	color: #555C63;

	font-size: 0.8em;

	font-weight: bold;

	margin-bottom: 5px;

}

#span_simb{

	font-size: 0.8em;

	color: #ff0249;

	font-weight: bold;

}

#span_pr_1{

	color: #ff0249;

	font-size: 1.3em;

	font-weight: bold;

}



#span_pr_2{

	color: rgb(150, 150, 150);

	text-decoration: line-through;

	font-size: 0.8em;

	font-weight: normal;

}

.oferta_prog{

	font-size: 0.8em;

	color: rgb(100, 100, 100);

	border-top: 1px solid purple;

	margin-top: 5px;

	padding: 5px 0;

	box-sizing: border-box;

}

.fecha_inic{

	font-size: 0.8em;

	color: rgb(100, 100, 100);

	padding: 2px 0px 15px 0;

	box-sizing: border-box;

}

.fecha_inic span{

	color: #33c17a;

	font-weight: bold;

}

.oferta_prog span{

	color: #ff0249;

	font-weight: bold;

	padding: 5px 5px 5px 0;

	box-sizing: border-box;

}

.ver_silb{

	display: inline-block;

	color: #4B22F4;

	font-weight: bold;

	font-size: 0.8em;

	padding: 7px 7px 7px 0;

	box-sizing: border-box;

}

.ver_silb:hover{

	transition: all .3s;

	color: #8B22F4;

}

#ver_silabus_prog{

	display: block;

	width: 100%;

	background: #ff0249;

	color: #fff;

	text-align: center;

	padding: 10px;

	box-sizing: border-box;

	border-radius: 5px;

	font-weight: bold;

}





/*** portafa 2 ***/



.portada2{

	width: 100%;

	overflow: hidden;

	height: 720px;
	background: -webkit-linear-gradient(180deg, rgb(215, 253, 240), #fff 100%);

}



#color_header_1{

	background: #fff;
	border-bottom:2px solid #00a7a8;


}


#color_header_home{
	background: none;
	position: absolute;
	top: 0;
	z-index: 10;
}


.cont_portada2{
	overflow: hidden;
	margin-top: 25px;

}




.port_1{

	width: 45%;

	float: left;

	margin-left: 8.5%;

	box-sizing: border-box;

	margin-top: 50px;

	

}

.port_1 img{
	width: 50%;
	display: block;
	margin: auto;
}


.port_1 h2{

	font-size: 2.7em;

	padding: 0px 10px 10px 10px;

	font-family: 'Roboto', sans-serif;

	font-weight: 700;

	box-sizing: border-box;

	color: rgb(13, 52, 90);

}

.port_1>p{

	font-size: 1.4em;

	padding: 0px 10px 10px 10px;

	box-sizing: border-box;

	font-family: 'Roboto', sans-serif;

	line-height: 26px;

	margin-top: 35px;

	color: rgb(40, 4, 154);

	margin-bottom: 15px;
	text-align: center;


}



.port_1>p span{

	font-weight: bold;

}





#vivo_port1 img{

	width: 30%;

}







.port_2{

	width: 40%;

	float: right;

	margin-right: 5%;

	

}



.port_2 img{

	width: 100%;

	display: block;
    margin-top:40px;
	

}







.cont_port2{

	padding: 10px;

	box-sizing: border-box;



}



.cont_port2 h3{

	font-size: 1em;

	color: #fff;

	padding: 5px 0;

	text-align: center;

}



.cont_port2 h3 span{

	font-size: 0.8em;

	font-weight: normal;



}



#vivo1_port2{

	display: block;

	width: 18%;

	margin: auto;

}





.div_grat_tall{

	overflow: hidden;

	padding: 6px 15px;

	box-sizing: border-box;

	font-size: 0.9em;

	margin-top: 3px;

	color: #fff;

    border-bottom: 1px solid #fff;

}

.p_tall1{

	width: 30%;

	float: left;

}



.p_tall2{

	width: 70%;

	float: right;

	text-align: right;

}



.div_grat_tall span{

	font-weight: bold;

}







.p_peq{

	font-size: 0.8em;

	padding: 5px 0;

	box-sizing: border-box;

	margin-top: 5px;

}





.p_peq span{

	font-weight: bold;

}















.cont_pasos_inc{

	padding: 20px;

	box-sizing: border-box;

	overflow: hidden;

}



.cd_inic{

	display: block;

	width: 30%;

	float: left;

	margin-left: 2.5%;

}



.cd_inic p{

	padding: 10px;

	box-sizing: border-box;

	border: 1.5px solid white;

	border-radius: 30px;

	text-align: center;

}







.cont_cat_ins{

	overflow: hidden;

	padding: 20px;

	box-sizing: border-box;

}



.cont_cat_ins h3{

	float: left;

	display: block;

	font-weight: normal;

}



.cd_Cat{

	display: block;

	width: 30%;

	float: left;

	margin-left: 2.5%;

	margin-top: 15px;

}



.cd_Cat p{

	padding: 10px;

	box-sizing: border-box;

	border: 1.5px solid white;

	border-radius: 30px;

	text-align: center;

}









.a_enl_what{

	display: block;

	width: 50%;

	overflow: hidden;

	padding: 15px 20px;

	border-radius: 5px;

	/*background: rgb(252, 62, 38);*/
	background: rgb(254, 0, 0);

	color: #fff;

	cursor: pointer;

	font-size: 0.9em;

	font-weight: bold;

	margin-top: 2px;



}

.a_enl_what:hover{

	background: #ff0249;

	transition: all .3s;

}



#btn_curs{

    /*float:left;

    margin-left:10%; */
    margin: auto;

}

#btn_esp{

    float:right;

    margin-right:10%;

}



#img_w1{

	width: 28px;

	height: 28px;

	float: left;

	margin-top: -3px;

}



#bot_comen{

	/*float: right;

	width: 79%;*/
	text-align: center;

	font-size: 0.9em;

	margin-top: 5px;

}











/*** SECCION PARA EL CURSO DE PAGO ***/



.cont_curso_pago{

	width: 100%;

	/*background: #35df86;*/

	background: rgb(0, 184, 236);

	height: 500px;

	overflow: hidden;

}



.sub_cont_pag{

	/*background: #35dfcf;*/

	background: #00ecaa;

	width: 80%;

	height: 293px;

	margin: auto;

	margin-top: 65px;

	padding: 20px;

	box-sizing: border-box;

}



.pag_1{

	width: 55%;

	float: left;

	text-align: center;

}



.pag_1 h3 span{

	font-size: 0.6em;

	font-weight: normal;

}



.pag_1 h3{

	font-size: 1.5em;

	color: rgb(13, 52, 90);

}

.p_vivo{

	padding: 10px;

	box-sizing: border-box;

	color: red;

	font-weight: bold;

}

#img_viv_curs{

	display: block;

	width: 30%;

	margin: auto;

	margin-top: 5px;

	margin-bottom: 5px;

}

.ini_fec{

	color: rgb(13, 52, 90);

}



.ini_fec span{

	font-weight: bold;

}

.desc_porc{

	color: rgb(13, 52, 90);

	margin-top: 12px;

}

#sp1{



	font-weight: bold;

	margin-left: 5px;

}

#sp2{

	margin-left: 5px;

	font-size: 0.9em;

	text-decoration:  line-through;

}

#sp3{

	margin-left: 5px;

	background: rgb(252, 62, 38);

	color: #fff;

	padding: 5px;

	border-radius: 3px;

	font-weight: bold;

}

#mas_inf_pag{

	display: inline-block;

	padding: 10px 15px;

	box-sizing: border-box;

	background: #fff;

	/*color: #35df86;*/

	color: rgb(252, 62, 38);

	border-radius: 50px;

	text-align: center;

	margin-top: 20px;

	margin-bottom: 10px;

	font-weight: bold;

	font-size: 0.9em;



}











.pag_2{

	width: 45%;

	float: right;

}





.cont_img_pag2{

	position: relative;

	left: -15%;

}

.cont_img_pag2 img{

	width: 140%;

}

/*********** END SECCION CURSO PAGO *****/




/************* CERTIFICADO ***/

.cerificado_if{
	display: block;
	width: 90%;
	margin: auto;
	
}

.cerificado_if iframe{
	display: block;
	width: 100%;
	margin: auto;
	height: 600px;
}

.des_pdf_cert{
	display: block;
	width: 40%;
	background: rgb(252, 62, 38);
	padding: 10px;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}


#otr_consul{
	background: rgb(71, 170, 150);
}



.aviso_pago_partes{
	padding: 10px;
	box-sizing: border-box;
	background:#ff5c6387;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
}

.aviso_pago_partes p{
	font-size: 0.9em;
	text-align: center;
	color: rgb(60, 60, 60);
}

.aviso_pago_partes p span{
	font-weight: bold;
}

/****** END CERTIFICADO ***/












.vin_eta{

	display: block;

	width: 30px;

	height: 30px;

	float: left;

	margin-top: 23px;

}



/*.nom_especial img, .img_tem{

	display: block;

	width: 30px;

	height: 30px;

	float: left;

	margin-top: 23px;



}*/

.nom_especial h2, .nom_esp_tit{

	margin-left: 30px;

	font-size: 2.3em;

	color: rgb(100, 100, 100);

	padding: 10px;

	box-sizing: border-box;

}



.img_tem{

	width: 20px;

	height: 20px;

	margin-top: -27px;

}



.nom_esp_tit{

	font-size: 1.4em;

	

	

}



.nom_esp_tit span{

	font-size: 0.9em;

	font-weight: normal;

}

#inicio_esp{

	margin-top: -8px;

	margin-bottom: 20px;

	font-size: 0.9em;

}

#inicio_esp img{

	width: 18px;

	height: 18px;

	margin-left: 9px;

	margin-top: 1px;

}



.nom_especial h2 span{

	font-size: 0.7em;

	font-weight: normal;

}



.cont_detalles_especial{

	clear: both;

	margin-left: 2.5%;

	overflow: hidden;

}



.p_clas_detall{

	width: 14%;

	float: left;

	margin-left: 0.5%;

	font-size: 0.9em;

	color: #8D8D9D;

}



.p_clas_detall span{

	font-weight: bold;

}



.p_clas_detall img{

	display: block;

	width: 20px;

	height: 20px;

	float: left;

	margin-right: 6px;

	margin-top: 0px;

}

#inic_paclas{

	width: 26%;

}





.cont_curso_portada{

	overflow: hidden;

	padding: 20px;

	box-sizing: border-box;

	margin-top: 40px;

}



.cont_img_portad{

	width: 37%;

	float: left;

	margin-left: 5%;

	box-shadow: rgba(92, 84, 122, 0.1) 0px 8px 18px;

	border-radius: 3px;

}



.cont_img_portad img{

	width: 100%;

	border-radius: 3px;

}



.cont_datos_curso{

	width: 48%;

	float: right;

	margin-right: 5%;

}



.p_1_acc{

	font-size: 0.9em;

	color: #8D8D9D;

	padding: 10px 10px 10px 0;

}



.p_1_acc span{

	font-size: 1.4em;

	font-weight: bold;

	background: #FFD32A;

	color: #000;

	padding: 5px 10px;

	border-radius: 2px;

}



.cont_datos_curso h2{

	padding: 10px 10px 10px 0;

	color: rgb(100, 100, 100);

	font-size: 1.4em;

}



.curso_a_desar{

	font-size: 0.9em;

	color: #8D8D9D;

	

}



.curso_a_desar span{

	font-size: 1.2em;

	border-bottom: 2px solid  #FF5C63;

	font-weight: bold;

	color: #FF5C63;

}

.revis_curs{

	color: rgb(130, 130, 130);

	font-size: 0.9em;

	padding: 15px 5px 5px 0;

	box-sizing: border-box;

	font-weight: bold;

}



.revis_curs span{

	color: #000;

}



.revis_curs img{

	display: block;

	width: 20px;

	height: 20px;

	float: left;

	margin-right: 7px;

}



.cont_curso_portada #ver_silabus_prog{

	width: 45%;

	margin-top: 23px;

}





/** end portada**/



/** para la seccion de cursos*/



.cont_curs{

	overflow: hidden;
	background: #f7f9fd;

}



.sub_cont_curs{

	overflow: hidden;
	margin-top: 70px;
	width:80%;
	margin:auto;


}



.cont_curs_mes{

	overflow: hidden;

	width: 70%;

	margin: auto;

	border-radius: 7px;

	padding: 20px 10px;

	box-sizing: border-box;

	float:left;

}



.sect_espec{

    float: right;

    width: 30%;

  /*  background: rgb(2, 142, 221);*/

}

#especializaciones .cd_curso{

    width: 70%;

    margin-left: 12%;

}



#especializaciones #tit_cr_s{

    text-align: center;

    margin-top: 13px;

}



#especializaciones #ver_temas_1{

    background: #6f4ef6;

}



#tit_cr_s{

	padding: 20px 25px;

	font-size: 1.2em;

	font-weight: 400;

	margin-bottom: 10px;
	background: #00a7a8;
    width: 40%;
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
}

.listad_cursos #tit_cr_s{
	width: 20%;
}



#color_1{

	/*background: #f7f9fd;*/

}



#color_2{

	background: #fff;

}



.div_derc_curs{

	width: 26%;

	float: left;

	/*background-image: url(http://localhost:8080/icientific/imagenes/linea.png);*/

	background-size: 100% 100%;

	padding: 30px;

	box-sizing: border-box;

	background-color: #fff;

	border-radius: 5px;

	position: relative;

	top: -40px;

	box-shadow: rgba(92, 84, 122, 0.1) 0px 8px 18px;

}



.div_izq_curs{

	width: 100%;

	float: right;

	overflow: hidden;

}



#img_vivo2{

	width: 30%;

	float: right;

	position: relative;

	right: 5px;

}



.listad_cursos{
	clear: both;
	overflow: hidden;
}







.enl_cd_curso{



}



#curso1{

	margin-top: 0px;

}



#curso2{

	margin-top: 50px;

}



#curso3{

	margin-top: 100px;

}

.cd_curso{

	overflow: hidden;

	width: 30%;

	margin-left: 2%;

	float: left;

	/*background: #fff;

	

	box-shadow: rgba(92, 84, 122, 0.1) 0px 8px 18px;

	*/

	margin-bottom: 30px;

	border: 1px solid rgb(230, 230, 230);

    border-radius: 5px;



}


.listad_cursos .cd_curso{
	width: 22.5%;
    margin-left: 2%;
}
.listad_cursos .div_izq_curs{
	clear: both;
	width: 95%;
	margin: auto;
	float: none;
}

.con_sect_22{

	background: #fff;

	padding: 10px;

	box-sizing: border-box;

}

#wht_vacant{

	width: 50%;

	margin: auto;

	background: #35df86;

}







#wht_vacant #bot_comen{

	margin-right: -14px;

}

.p_reserv1{

	font-size: 0.8em;

	margin-bottom: 7px;

	margin-top: 15px;

	text-align: center;

}

.a_enl_tem1{

	font-weight: bold;

	color: rgb(252, 62, 38);

}

.cd_curso:hover #sect_info{

	background: #8B22F4;

	transition: all .5s;

	color: #fff;

}

.cont_img_cd_curso{

	display: block;

	width: 99%;

	margin: auto;

	margin-top: 2px;

	

	



}

.cont_img_cd_curso img{

	display: block;

	width: 100%;

	border-radius: 5px 5px 0 0;

}



.cd_curso h2{

	font-size: 1em;

	padding: 15px 5px;

	box-sizing: border-box;

	color: rgb(70, 70, 70);

	height: 70px;

	font-weight: normal;

	font-family: "Roboto", Times, serif;

	font-weight: 500;



}

.nivel_p{

	font-weight: 400;

	padding: 5px 5px 5px 5px;

	box-sizing: border-box;

	font-size: 0.85em;

	color:#555C63;

	margin-top: -5px;

}



.nivel_p span{

	font-weight: 600;

}



.com_inm{

	color: #33c17a;

	font-size: 0.8em;

	font-weight: bold;

	padding: 2px 5px 5px 15px;

	box-sizing: border-box;



}

#span_vi{

	font-weight: bold;



}

.enla_inf, #sect_info{

	display: block;

	padding: 15px 10px;

	box-sizing: border-box;

	width: 95%;

	margin: auto;

	margin-top: 15px;

	margin-bottom: 10px;

	text-align: center;

	font-size: 0.9em;

	color: #8B22F4;

	border: 1px solid #8B22F4;

	font-weight: bold;

	border-radius: 1px;

}



.enla_inf:hover, #sect_info:hover{

	background: #8B22F4;

	color: #fff;

	transition: all .5s;

}





#ver_temas_1{

	font-size: 0.9em;

	padding: 15px 10px;

	box-sizing: border-box;

	border-radius: 4px;

	text-align: center;

	/*background: rgb(2, 142, 221);*/
	background: #003e86;

	color: #fff;

	font-weight: 700;

	width: 80%;

	margin: auto;

	margin-top: 10px;

	margin-bottom: 10px;

}



#ver_temas_1:hover{

	background: #00a7a8;

	transition: all .3s;

}



.cont_later_prec{

	width: 100%;

	margin: auto;

	border-radius: 5px;

	padding: 0px;

	box-sizing: border-box;



}



.mes_1{

	font-size: 1em;

	font-weight: bold;

	padding: 20px 10px 0px 0;

	box-sizing: border-box;

	color: rgb(70, 70, 70);

}



 #span_pr_1{

	background: #ff0249;

	color: #fff;

	padding: 2px 5px;

	box-sizing: border-box;

	text-align: center;

	border-radius: 5px;

}



.div_derc_curs .oferta_prog{

	font-size: 0.8em;

	color: rgb(100, 100, 100);

	border-top: 1px solid purple;

	margin-top: 15px;

	padding: 15px 10px 2px 0px;

	box-sizing: border-box;

}



.div_derc_curs #ver_silabus_prog{

	margin-bottom: 15px;

}





#cd_pas_descr{

	font-size: 0.9em;

	line-height: 24px;

	margin-top: 15px;

}

.div_derc_curs .contacto_lateral{

	margin-top: 6px;

}



 #ver_silabus_prog{

	background: rgb(129, 100, 247);

	border-radius: 2px;

	font-size: 0.9em;

	padding: 15px 5px;

	margin-top: 15px;

	margin-bottom: 5px;



}

#ver_silabus_prog:hover{

	transition: all .3s;

	background: #FF5C63;

}

.tres_cur{

	font-size: 0.8em;

	color: rgb(150, 150, 150);

	padding: 5px 5px 10px 0;

	box-sizing: border-box;

}





.sub_cont_later_datos{
	overflow: hidden;
	padding: 10px;
	box-sizing: border-box;
}


.sub_cont_later_datos img{
	display: block;
	width: 24%;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 10px;
}

.sub_cont_later_datos h3{
	color: #00a7a8;
	font-weight: bold;
	font-size: 1.1em;
	padding: 5px;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 10px;
}

.cont_categ_lateral{
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 15px;
}

.cont_categ_lateral a{
	display: block;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #003e86;
	color: #003e86;
	text-align: center;
}

.cont_categ_lateral a:hover{
	color: #000;
	transition: all .3s;
}

#enl_11_whp{
	background: #00a7a8;
	padding: 15px;
	box-sizing: border-box;
	display: block;
	text-align: center;
	border-radius: 5px;
	color: #fff;
}














/** metodología **/

.metodol{

	background:#00a7a8;

	

	color: #fff;

	clear: both;

}

.cont_metodol{

	width: 100%;

	margin: auto;

	height: 480px;

	box-shadow: 0 8px 80px -12px #ebebeb;

}

.h2_metd{

	padding: 50px 20px 10px 20px;

	text-align: center;

	font-size: 1.1em;

	box-sizing: border-box;

	/*color: rgb(100, 100, 100);*/

}

.p_metdo{

	text-align: center;

	text-align: center;

	font-size: 0.9em;

	/*color: rgb(120, 120, 120);*/

}

.cont_cd_metodol{

	width: 22.5%;

	float: left;

	margin-left: 2%;

	margin-top: 30px;

	/*height: 30px;*/

	padding: 10px;

	box-sizing: border-box;

}



#icon_met{

	clear: both;

	display: block;

	float: none;

}



.cont_cd_metodol h3{

	border-bottom: 0.2px solid #fff;

	/*color: rgb(252, 62, 38);*/

	text-align: center;

	font-size: 1.1em;

	padding: 10px;

	box-sizing: border-box;

	font-weight: 400;

}

.cont_cd_metodol img{

	float: right;

}



.cont_cd_metodol p{

	color: #fff;

	padding: 5px;

	box-sizing: border-box;

	line-height: 26px;

	text-align: center;

	font-size: 0.95em;

}



.cont_cd_metodol img{

	display: block;

	width: 30%;

	margin: auto;

	margin-top: 15px;

	margin-bottom: 10px;

}



#metodologia_cursos{



}



#metodologia_cursos .metodol{

	width: 100%;

	padding: 0px;

	margin-top: 80px;

}







/**** pop up del temario ***/

.pop_temario_detalles{



}

.cont_pop-temario{

	overflow: hidden;

	/*padding: 50px;*/

	box-sizing: border-box;

}





.conte_port_singl{

	background: rgb(71, 170, 150);

	overflow: hidden;

	padding: 5px 30px;

	box-sizing: border-box;

}





.singl_1{

	width: 65%;

	float: left;

	padding: 0 20px 20px 20px;

	box-sizing: border-box;

	/*margin-left: 5%;*/

}



.singl_1>h3{

	margin-top:15px;

}



.singl_1>h3 img{

	width: 15%;

	position: relative;

	top: 15px;

	left: 10px;

}





.cont_detall_curs{

	padding: 3px 10px;

	box-sizing: border-box;

	margin-bottom: 5px;

	overflow: hidden;

}



.p_111{

	font-size: 0.85em;

	margin-bottom: 7px;

	margin-top: 25px;

	clear: both;

	color: rgb(120, 120, 120);

}



.cont_detall_curs .a_enl_what{

	width: 20%;

	margin-top: 10px;

}

#bot_temas{

	background: rgb(13, 52, 90);

	width: 16.5%;

	border-radius: 4px;

}



.singl_2{

	width: 30%;

	float: right;

	margin-right: 5%;

}



.singl_2 .div_lat_tem{

	margin-top: 0;

	float: none;

	width: 100%;

}





#what_laterl{

	width: 40%;

	background: #35df86;

}

#what_laterl #bot_comen{

	text-align: center;



}









/** metodología en cursos **/

.cont_sub_metod{



}











.cont_sub_metod>h3{

	color: #666666;

	font-size: 1em;

	padding: 10px 10px 10px 0;

	box-sizing: border-box;

	margin-bottom: 16px;

}



.sub_metod{

	background: rgb(254, 254, 254);

	border: 1px solid rgb(240, 240, 240);

	/*height: 180px;*/

	overflow: hidden;

}

.sub_metod h3{

	clear: both;

	font-size: 1em;

	color: rgb(100, 100, 100);

	font-size: 0.9em;

	padding: 20px;

	box-sizing: border-box;

	margin-top: 15px;



}









.descrp_proy{

	padding: 10px;

	font-size: 0.9em;

	color: rgb(70, 70, 70);

	box-sizing: border-box;



}



.ul_proy{

	padding: 20px;

	box-sizing: border-box;

	overflow: hidden;

}



.ul_proy li{

		color: rgb(100, 100, 100);

		font-size: 0.9em;

		margin-left: 5%;

}



.des_py{

	width: 70%;

	background: rgb(240, 240, 240);

	border-radius: 5px;

	padding: 15px;

	box-sizing: border-box;

	margin-bottom: 10px;

	border: 1px solid rgb(220, 220, 220);

	overflow: hidden;

}

.des_py>p{

	font-size: 0.9em;

	padding: 10px;

	box-sizing: border-box;

}

.cont_des_py{

	background: #fff;

	width: 32%;

	overflow: hidden;

	padding: 5px;

}



.cont_des_py img{

	background: rgb(71, 170, 150);

	float: left;

	width: 40px;

	height: 40px;

}

.cont_des_py p{

	font-size: 0.9em;

	margin-top: 10px;

	float: right;

	color:  rgb(71, 170, 150);

	font-weight: bold;

}



.cont_met_cd{

	width: 45%;

	float: left;

	margin-left: 3.3%;

	overflow: hidden;

	padding: 10px 0;

	box-sizing: border-box;

}



.cont_met_cd img{

	display: block;

	width: 15px;

	float: left;

}

.cont_met_cd p{

	margin-left: 25px;

	font-size: 0.9em;

	color: rgb(120, 120, 120);



}



/*** end metdolo_cursos **/



























.cont_temario{

	width: 70%;

	float: left;

	padding: 70px;

	box-sizing: border-box;}







.franja_req_objet{

	width: 100%;

	background: rgb(246, 247, 249);

	padding: 20px;

	box-sizing: border-box;

	margin-top: 30px;

	border-radius: 5px;

}





.cont_temario h2{

	padding: 40px 20px 10px 0;

	color: rgb(100, 100, 100);

	font-size: 1.2em;

	box-sizing: border-box;

}



.cont_temario>p{

	font-size: 0.9em;

	color: #181B32;

	padding: 5px 10px 10px 0;

	box-sizing: border-box;

	line-height: 26px;

	margin-top: 20px;

	margin-bottom: 20px;

}







.franja_req_objet h2{

	color: #4B22F4;

}



.franja_req_objet h2 img{

	display: block;

	float: left;

	width: 25px;

	height: 25px;

	margin-right: 7px;

}

#titulo_curso{

	padding: 20px 50px 10px 0;

	font-size: 2em;

	box-sizing: border-box;

	color: rgb(13, 52, 90);

	

}

#subtitulo_curso{

	margin-top: 0;

	color: rgb(30, 30, 30);

}



.cd_tem_pop{

	overflow: hidden;

	padding: 5px;

	box-sizing: border-box;

	margin-top: 5px;

	float: left;

}



.cd_tem_pop img{

	display: block;

	width: 20px;

	height: 20px;

	float: left;

}

.cd_tem_pop p{

	margin-left: 30px;

	font-size: 0.8em;

	margin-top: 2.2px;

	color: #fff;

}



.cd_tem_pop p span{

	font-weight: bold;

}





.temario_detallado{

	overflow: hidden;

}



.cont_cd_clase{



}



.cont_cd_clase h3{

	padding: 15px;

	box-sizing: border-box;

	color: #666666;

	font-weight: bold;

	font-size: 1em;

	/*border-bottom: 1px solid rgb(0, 156, 255);*/

	margin-bottom: 10px;

	margin-top: 30px;

	background: rgb(71, 170, 150);

	color: #fff;

	width: 95%;

}

.cont_cd_clase h3 span{

	font-weight: normal;

	color: #fff;

	/*border-bottom: 5px solid rgb(0, 156, 255);*/

	padding: 7px 1px;

	text-align: center;

	box-sizing: border-box;

}

.cd_item_clase{

	overflow: hidden;

	padding: 20px 12px;

	box-sizing: border-box;

	margin-top: 5px;

}

.cd_item_clase img{

	display: block;

	width: 15px;

	height: 15px;

	float: left;

}

.cd_item_clase p{

	width: 80%;

	margin-left: 20px;

	font-size: 0.9em;

	color:rgb(120, 120, 120); 

	line-height: 26px;

	position: relative;

	margin-top: -5.1px;

}





.img_portada{

	width: 85%;

}



.img_portada img{

	width: 100%;

}





.cont_video_mestra{

	margin-top: 2px;

	

}



.cont_video_mestra iframe{

	width: 600px;

	height: 400px;

}



#ver_clase{

	padding: 10px 10px 0px 10px;

	margin-top: 10px;

	font-weight: bold;

}



.div_lat_tem{

	width: 30%;

	float: right;

	padding: 5px;

	box-sizing: border-box;

	margin-top: -55px;



}



#matricula{

		display: none; /*** este display ayuda a que no aparesca cuando se actualiza la página **/

		margin: 0 auto;

		top: 5px;

		position: fixed;

		margin-left: 65%;

		z-index: 999999;

		background: #fff;

		width: 28%;

		

}



.cont_precios_matr{

	box-shadow: rgba(92, 84, 122, 0.1) 0px 8px 18px;

	background: #fff;

	border-radius: 10px;

}



.cont_img_pop{

	width: 100%;

}

.cont_img_pop img{

	display: block;

	width: 100%;

	border-radius: 10px 10px 0 0;

}

.cont_detalles_prec{

	padding: 20px;

	box-sizing: border-box;

}

.precios_lat{

	padding: 7px 10px;

	box-sizing: border-box;

}



#simb_moneda{

	font-size: 0.95em;

	font-weight: bold;

}

#valor_costo{

	font-size: 1.5em;

	font-weight: bold;

	

}

#simb_moneda, #valor_costo{

	color: rgb(246, 37, 38);

}

#costo_normal{

	font-size: 0.9em;

	color: rgb(150, 150, 150);

	text-decoration: line-through;



	font-weight: normal;

}

#promo_desc{

	color: #666666;

	font-size: 0.7em;

	padding: 0 4px;

}

#plan_pago{

	font-size: 0.8em;

	font-weight: bold;

	color: #181B32;

}

#plan_pago span{

	color: #8D8D9D;

	font-weight: bold;

}



#color_precio_lat{

	background: #35df86;

	color: #fff;

	border-radius: 2px;

	margin-top: 2px;

	overflow: hidden;

	font-size: 0.9em;



}

#color_precio_lat span{

	font-weight: bold;

}



#color_precio_lat #simb_moneda, #color_precio_lat #valor_costo, #color_precio_lat #costo_normal, #color_precio_lat #plan_pago, #color_precio_lat #plan_pago span{

	color: #fff;

}




.cont_precio_carr{
	overflow: hidden;
	padding: 10px;
	box-sizing: border-box;
}

#precio_inv{
	width: 80%;
	float: left;
	font-size: 0.8em;
    text-align: center;
}

#precio_inv #valor_costo{
	background: #FFD700;
	color: #000;
	padding: 5px;
    font-size: 1.1em;
    line-height: 33px;
    border-radius: 3px;
    box-sizing: border-box;
}
#img_carr{
	display: block;
	width: 30px;
	height: 30px;
	float: right;
	margin-right: 15px;
    margin-top: 17px;
}

#precio_inv #costo_normal{
	color: #00a7a8;
}













.div_lat_tem .ver_silb{

	margin-top: 15px;

	margin-bottom: 15px;

	color: rgb(252, 62, 38);

}







.cont_cd_contacto{

	overflow: hidden;

	padding: 5px 5px;

	box-sizing: border-box;

}



.inf_dat_l{

	color: #666666;

	font-size: 0.9em;

	padding: 0px 5px 5px 5px;

	box-sizing: border-box;

	margin-top: 15px;

}

.inf_dat_l span{

	font-weight: bold;

}



.cont_cd_contacto img{

	display: block;

	width: 25px;

	height: 25px;

	float: left;

	margin-right: 7px;

}

.cont_cd_contacto p{

	font-size: 0.8em;

	color: #666666;

	margin-top: 2.5px;

}

#matric_lat{

	display: block;

	color: #fff;

	font-weight: bold;

	text-align: center;

	padding: 20px;

	box-sizing: border-box;

	/*background: #8B22F4;*/

	background: rgb(252, 62, 38);

	border-radius: 2px;

	font-size: 0.9em;

	margin-top: 20px;

}



#matric_lat:hover{

	background: #FF5C63;

	transition: all .3s;

}







.p_1_fech_lat{

	font-size: 0.8em;

	padding: 5px;

	color: rgb(120, 120, 120);



}

.p_1_fech_lat span{

	font-size: 0.9em;

	font-weight: bold;

}





#fech_promo{

	/*background: rgb(74, 233, 165);*/

	

	

}









/***** ppara el plan de precios **/

.inversión{

	overflow: hidden;

	/*margin-bottom: 150px;*/

}



.cont_inversion{

	padding:10px 60px 60px 60px;

	width: 70%;

	margin: auto;

	box-sizing: border-box;

	text-align: center;

	overflow: hidden;

}

#section_temas{

	width: 100%;

	padding:10px;

	margin-top: 100px;

	position: relative;

	left: -7%;

}





.mensual{

	width: 45%;

	float: left;

	margin-left: 3%;

	padding: 30px 0px;

}



.unico{

	width: 45%;

	float: right;

	margin-right: 3%;

	border: 2px solid #35df86;

	margin-top: -42px;

	border-radius: 3px;

	

}

.sub_cont_plan{

	padding: 30px 0px;

}

.cont_inversion h2{

	font-size: 2em;

	color: rgb(100, 100, 100);

	font-weight: bold;

	text-align: center;

	padding:5px 20px 20px 20px;

	box-sizing: border-box;

	margin-bottom: 50px;

}

.cont_inversion h3{

	font-size: 1.4em;

	color: #010101;

	padding: 0px 20px 5px 20px;

	box-sizing: border-box;

	font-weight: bold;

}

.cont_inversion .unico h3{

	color: #4B22F4B3;

}

.dur_1{

	font-size: 0.9em;

	color: #8D8D9D;

}



.p_preci_plan{

	font-size: 2.5em;

	font-weight: bold;

	padding: 10px 10px 0px 10px;

	box-sizing: border-box;

}

.p_preci_plan span{

	font-size: 0.4em;

	font-weight: normal;

	color: #181B32;



}

.normal_prec_plan{

	padding: 0px 10px 20px 10px;

	font-size:0.78em;

	font-weight: bold;

}

#ahora_plan{

	font-size: 0.3em;

	font-weight: bold;

	background: rgb(180, 180, 180);

	color: #fff;

	padding: 5px;

	box-sizing: border-box;

	position: relative;

	top: -8px;

}

.unico #ahora_plan{

	background: #FF5C63;

}



.pago_men{

	font-size: 0.9em;

	color: #8D8D9D;

}



.matri_plan{

	display: block;

	width: 80%;

	margin: auto;

	padding: 20px;

	box-sizing: border-box;

	font-size: 1em;

	font-weight: bold;

	border: 1px solid #4B22F4B3;

	color: #4B22F4B3;

	margin-top: 15px;

	margin-bottom: 15px;

	border-radius: 2px;

}



.matri_plan:hover{

	color: #FF5C63;

	transition: all .3s;

	border: 1px solid #FF5C63;

}



#enlace_unico{

	background: #4B22F4B3;

	color: #fff;

	border: 1px solid #4B22F4B3;



}



#enlace_unico:hover{

	background: #FF5C63;

	transition: all .3s;

	border: 1px solid #FF5C63;

}



.cont_cd_precio{

	overflow: hidden;

	padding: 8px;

	box-sizing: border-box;

	text-align: left;

	widows: 70%;

	margin-left: 15%;

	margin-top: 5px;

	margin-bottom: 5px;

}

.cont_cd_precio img{

	display: block;

	width: 17px;

	height: 17px;

	float: left;

	margin-top: 4px;

}

.cont_cd_precio p{

	margin-left: 23px;

	font-size: 0.9em;

	color: #181B32;

	line-height: 25px;

}

.cont_cd_precio p span{

	background: #35df86;

	font-weight: bold;

	color: #fff;

	padding: 2px 5px;

	box-sizing: border-box;

	border-radius: 2px;

}

#plan_recomendado{

	font-size: 0.9em;

	color: #fff;

	font-weight: bold;

	background: #35df86;

	text-align: center;

	padding: 10px;

	box-sizing: border-box;

}

.oferta_plan{

	font-size: 0.8em;

	padding: 10px 5px 0px 5px;

	box-sizing: border-box;

	color: #010101;

}



.oferta_plan span{

	font-weight: bold;

}

/*** end plan de precios **/





/** ************************************end cursos*/









/*************** PAGINA DE REGISTRO **/

#cont_secundario{

	background: #00a7a8;

	overflow: hidden;
	min-height:70vh;

}

.form_registro{

	padding: 20px;

	box-sizing: border-box;

	width: 35%;

	margin: auto;

	overflow: hidden;

	background: #fff;

	margin-top: 25px;

	margin-bottom: 70px;

	box-shadow: rgba(92, 84, 122, 0.1) 0px 8px 18px;

	border-radius: 5px;



}



.p_cuenta_login{

	font-size: 0.9em;

	text-align: center;

	color: #00a7a8;

}



.p_cuenta_login a{

	display: inline-block;

	padding: 10px 20px;

	box-sizing: border-box;

	background: #00a7a8;

	color: #fff;

	border-radius: 3px;

	margin-left: 10px;

}



.p_cuenta_login a:hover{

	background: #003e86;

	transition: all .3s;

}



.cont_unase{



}



.cont_unase h2{

	text-align: center;

	padding: 10px 10px 5px 10px;

	box-sizing: border-box;

	font-size: 1.3em;

	color: rgb(100, 100, 100);

}



.cont_unase p{

	color: #8D8D9D;

	padding: 5px 10px 20px 10px;

	box-sizing: border-box;

	font-size: 0.9em;

	text-align: center;

}



.cont_unase p span{

	font-weight: bold;

}



.formulario_registro{



}

.form_r_input{

	width: 100%;

	margin-top: 10px;

	margin-bottom: 5px;

	overflow: hidden;



}



.form_r_input input{

	display: block;

	width: 100%;

	padding: 10px;

	box-sizing: border-box;

	color: #00a7a8;

	font-size: 0.9em;

	border-radius: 4px;

	border: 1px solid rgb(200, 200, 200);

}

#nombre{

	width: 47%;

	float: left;

}

#apellido{

	width: 47%;

	float: right;

}



.form_r_input input[type="submit"]{

	border:none;

	color: #fff;

	background: #00a7a8;

	font-size: 1em;

	font-weight: bold;

	cursor: pointer;

	padding: 13px 10px;

	box-sizing: border-box;

}

.form_r_input input[type="submit"]:hover{

	background: #003e86;

	transition: all .3s;

}



.form_r_input p{

	font-size: 0.8em;

	color: #8D8D9D;

	padding: 20px;

	box-sizing: border-box;

}



.form_r_input p a{

	color: #FF5C63;

	text-decoration: underline;

}



.form_r_input p a:hover{

	color: rgb(129, 100, 247);

	transition: all .3s;

}

/************* END PAGINA DE REGISTRO **/





/*** SECION DE BENEFICIOS */



.beneficios{

	overflow: hidden;

}

.cont_beneficios{

	width: 90%;

	margin: auto;

	margin-bottom: 100px;

	overflow: hidden;

}



.cont_beneficios>h2{

	text-align: center;

	overflow: hidden;

	padding: 50px 20px 10px 20px;

	font-size: 1.1em;

	box-sizing: border-box;

	color: rgb(100, 100, 100);

	clear: both;

}



.cd_beneficios{

		width: 45%;

		float: left;

		margin-left: 3.3%;

		margin-top: 50px;

}



.cd_beneficios img{

	display: block;

	width: 60px;

	height: 60px;

	float: left;

}



.cd_beneficios div{

	margin-left: 70px;

}



.cont_tit_des_ben h3{

	font-weight: 400;

	color: rgb(100, 100, 100);

}

.cont_tit_des_ben p{

	font-weight: 300;

	color: rgb(120, 120, 120);

	font-size: 0.9em;

	margin-top: 8px;

	line-height: 25px;

}

.cont_tit_des_ben p span a{

	background: rgb(240, 45, 0);

	color: #fff;

	padding: 5px 10px;

	text-align: center;

	border-radius: 2px;

	font-weight: 400;

}

/*** END BENEFICIOS**/





































/**** PAGINA INTERNA ---- DEL SUARIO **/



.contenedor_user{

	background-image: url(http://localhost:8080/icientific/imagenes/f2.png);

	background-size: 100% auto;



	width: 100%;

	top: 0;

	z-index: -9999;

	background-repeat: no-repeat;

}



.contenido_principal{

	/*height: 1000px;*/

}



.logo{

	margin-left: 5%;

}





/*** usuario **/

.user{

	overflow: hidden;

	width: 25%;

	margin: auto;

	margin-top: 15px;

}



.user img{

	display: block;

	width: 40px;

	height: 40px;

	float: left;

	border-radius: 50%;

	margin-left: 27%;

	margin-right: 7px;

}



.user p{

	font-size: 0.8em;

	color: rgba(255, 255, 255, 0.8);

	font-weight: bold;

}



.user p span{

	font-weight: normal;

}





.user h3{

	clear: both;

	text-align: center;


	box-sizing: border-box;

	color: #00a7a8;

	font-weight: normal;

	font-size: 1.3em;

}



/** end usuario**/







/*** las 3 columnas**/

.contenido_principal{

	margin-top: 10px;

	overflow: hidden;

}



.contenido{

	float: left;

	width: 25%;

	margin-left: 1.25%;

	

	

}

#contenido_2{

	width: 40%;

	border: 5px solid #fff;

	border: none;

	background: #fff;

	box-shadow: rgba(92, 84, 122, 0.1) 0px 8px 18px;

	border: 1px solid rgb(230, 230, 230);

}



#contenido_1{

	width: 30%;

	margin-bottom: 50px;

	background: #fff;

	box-shadow: rgba(92, 84, 122, 0.1) 0px 8px 18px;

	border: 1px solid rgb(230, 230, 230);

}

#contenido_1>img{

	display: block;

	width: 100%;

}





.sub_cont_contenido1{

	padding: 20px 7px;

	box-sizing: border-box;

}



.tit_curso_user{

	overflow: hidden;

	padding: 20px;

}

.tit_curso_user img{

	display: block;

	width: 25px;

	height: 25px;

	background: rgb(254, 86, 0);

	float: left;

	margin-top: 2px;

}



.tit_curso_user p{

	font-size: 0.9em;

	color: rgb(45, 45, 45);

	font-weight: bold;

	margin-left: 32px;



}



.tit_curso_user p span{

	display: block;

	font-weight: normal;

	font-size: 0.9em;

	padding-top: 5px;	

	clear: both;

	color: #8D8D9D;

}



.p_ses_arch{

	overflow: hidden;

	color: rgb(66, 66, 66);

	margin-top: 15px;

}



#tit_sesiones{

	font-size: 0.9em;

	font-weight: bold;

	float: left;

	margin-left: 15%;

}

#tit_archivos{

	font-size: 0.9em;

	font-weight: bold;

	float: right;

	margin-right: 0.5%;

}



.enlace_sesion{

	display: block;

	overflow: hidden;

	margin-top: 5px;

}



.enlace_sesion:hover{

	background: rgb(240, 240, 240);

}



.enlace_sesion:hover #s_ppp_1{

	color: #00a7a8;

	transition: all .3s;

}



.enlace_sesion:hover #s_ppp_2, .enlace_sesion:hover .left_2 p{

	color: #003e86;

	transition: all .3s;

}



.enlace_sesion:link{

		

		border-left: 5px solid  #00a7a8;

	

}



.enlace_sesion:link #s_ppp_1{

	color:  #00a7a8;

}

.enlace_sesion:link #ver_clase{

	color:  #00a7a8;

}



.enlace_sesion:visited{



	

	border-left: 5px solid #00a7a8;

}



.enlace_sesion:visited #s_ppp_1{

	color: #00a7a8;

}





.enlace_sesion:visited #ver_clase{

	color: rgb(255, 90, 90);

}





.cd_lista_sesion{

	overflow: hidden;

	margin-top: 15px;

	border-bottom: 1px solid rgb(220, 220, 220);

	padding-bottom: 15px;

}



.left_1{

	display: block;

	float: left;

	width: 79%;



}



.cd_lista_sesion>p{

	font-size: 1.3em;

	padding: 5px 5px 5px 10px;

	box-sizing: border-box;

}



.cd_lista_sesion>p span{

	display: block;

}

#s_ppp_1{

	color: #00a7a8;

	font-size: 0.9em;

	font-weight: bold;



}



#s_ppp_2{

	color: rgb(58, 58, 58);

	font-size: 0.9em;

	font-weight: bold;

	margin-top: 7px;

}



#s_ppp_3{

	font-size: 0.8em;

	color: rgb(87, 87, 87);

	margin-top: 5px;

}





.left_2{

	width: 20%;

	float: right;

	border-left: 1px solid rgb(220, 220, 220);

}



 .left_2 img{

	display: block;

	width: 30%;

	margin: auto;

	margin-top: 14px;

}



.left_2 p{

	width: 85%;

	margin: auto;

 	display: block;

 	text-align: center;

 	font-size: 0.75em;

 	color: rgb(252, 86, 0);

 	padding-top: 2px;

 	box-sizing: border-box;

 	padding: 5px 5px;

 	margin-top: 3px;

 }



 .left_2 a{

	width: 85%;

	margin: auto;

 	display: block;

 	text-align: center;

 	font-size: 0.75em;

 	color: #00a7a8;

 	padding-top: 2px;

 	box-sizing: border-box;

 	padding: 5px 5px;

 	margin-top: 3px;

 }



.desc_archivos_trabajo{
	padding: 10px;
	box-sizing: border-box;
	width: 80%;
	margin: auto;

}

.desc_archivos_trabajo p{

	text-align: center;
	font-size: 0.9em;
	padding: 7px;
	box-sizing: border-box;

}
.desc_archivos_trabajo a{
	font-size: 0.9em;
	text-align: center;
	display: block;
	width: 60%;
	margin: auto;
	background:#1F4690;
	color: #fff;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;
}

 /*** segunda columna-- del video **/



 #contenido_2{



 }



 #contenido_2 iframe{

 	display: block;

 	width: 98%;

 	margin: auto;



 }

#contenido_2 #s_ppp_1{

 	font-size: 1.1em;

 }



#contenido_2 #s_ppp_2{

 	font-size: 1.5em;

 }



 #contenido_2 #s_ppp_3{

 	margin-top: 20px;

 	margin-bottom: 10px;

 	font-size: 0.9em;

 }



.enlaces_cd_mat{

	overflow: hidden;

	display: block;

 	clear: both;

 	margin-top: 30px;

 	margin-bottom: 20px;

 }



.enlace_material_cd{

 	display: inline-block;

 	overflow: hidden;

 	font-size: 0.9em;

 	padding: 10px;

 	box-sizing: border-box;

 	margin-left: 2%;

 	border-radius: 3px;

 	font-weight: bold;

 }



.enlace_material_cd img{

	display: block;

	width: 20px;

	height: 20px;

	float: left;

	margin-right: 5px;

}



#biblio{

	color: rgb(129, 100, 247);

}



#biblio img{

	background: rgb(129, 100, 247);

}



#biblio:hover{

	color: #FF5C63;

	transition: all .3s;

}

#biblio:hover img{

	background: #FF5C63;

	transition: all .3s;

}

#tarea{

	border: 1px solid #35df86;

	border-radius: 3px;

	color: #35df86;

}

#tarea img{

	background: #35df86;

}



#tarea:hover{

	color: #FF5C63;

	transition: all .3s;

	border: 1px solid #FF5C63;

}

#tarea:hover img{

	background: #FF5C63;

	transition: all .3s;

}

#soluc{

	border: 1px solid rgb(4, 176, 183);

	background: rgb(4, 176, 183);

	color: #fff;

}



#soluc:hover{

	border: 1px solid #FF5C63;

	background: #FF5C63;

	transition: all .3s;

}





.cursos_mes_actual{

	overflow: hidden;

	margin-bottom: 25px;

}

.cursos_mes_actual h3{

	font-size: 0.9em;

	padding: 20px 10px;

	box-sizing: border-box;

	color: rgb(100, 100, 100);

	font-weight: normal;

}



.cursos_mes_actual h3 span{

	font-weight: bold;



}



#span_50{

	color: red;

}



.cursos_mes_actual a{

	display: block;

	width: 45%;

	float: left;

	margin-left: 3.3%;

	padding: 5px;

	box-sizing: border-box;

	border: 1px solid rgb(220, 220, 220);

	border-radius: 3px;

}



.cursos_mes_actual a img{

	display: block;

	width: 40%;

	float: left;

}

.cursos_mes_actual a p{

	float: right;

	width: 58%;

	font-size: 0.85em;

	font-weight: bold;

	color: rgb(87, 87, 87);

	

	

}

.cursos_mes_actual a p span{

	display: block;

	font-weight: normal;

	color: #8D8D9D;

	font-size: 0.8em;

}

.cursos_mes_actual a:hover p{

	color: rgb(0, 156, 1255);

	transition: all .3s;

}



#pre_normal{

	float: left;

	width: 100%;

	text-align: center;

	text-decoration: line-through;

	border-top: 1px solid rgb(210, 210, 210);

	margin-top: 10px;

	font-size: 0.8em;

	color: rgb(60, 60, 60);

	font-weight: 400;

}

#pre_prom{

	float: right;

	width: 100%;

	text-align: center;

	font-size: 0.8em;

	color: rgb(60, 60, 60);

	font-weight: 400;

	margin-bottom: 2px;

}

.inver_alum{

	background: #ff0249;

	width: 100%;

	clear: both;

	color: #fff;

	text-align: center;

	padding: 5px;

	box-sizing: border-box;

	margin-top: 70px;

}

.inver_alum span{

	font-size: 0.7em;

}

.ver_tema{

	font-size: 0.8em;

	padding: 5px;

	text-align: center;

	color: rgb(70, 70, 70);

	font-weight: normal;

}

.cursos_mes_actual a .ver_tem:hover{

	color: red;

}

/************** tercera columna ****/





/*** docente y soporte **/



#contenido_3{



}



#cel_video_sesiones{

    display:none;

}



.docente_soporte, .perfil_user, .listado_de_cursos{

	background: #fff;

	box-shadow: rgba(92, 84, 122, 0.1) 0px 8px 18px;

	padding: 20px 10px 25px 10px;

	box-sizing: border-box;

	border-radius: 3px;

}



.cont_deocente{

	overflow: hidden;

}

.cont_deocente img{

	display: block;

	width: 18%;

	float: left;

	border-radius: 50%;

	margin-top: 4px;

}



.cont_deocente p{

	width: 80%;

	float: right;

	padding: 5px;

	box-sizing: border-box;



}

.cont_deocente p span{

	display: block;

}

#do_1{

	color: rgb(39, 39, 39);

	font-weight: bold;

	font-size: 0.8em;

}



#do_2{

	font-weight: 1em;

	color: #00a7a8;

	font-weight: bold;

	font-size: 1.1em;

}

#do_3{

	font-size: 0.8em;

	color: #666666;

}

.cont_soporte{

	overflow: hidden;

}

.cont_soporte>p{

	font-size: 0.9em;

	padding: 5px;

	box-sizing: border-box;

	color: #666666;

	margin-top: 20px;

	margin-bottom: 15px;

}



.cont_soporte>p span{

	font-weight: bold;

	display: block;

	font-size: 0.88em;

}



.cont_correo_soporte{

	overflow: hidden;

	margin-top: 10px;

}

.cont_correo_soporte img{

	display: block;

	width: 11%;

	float: left;

	background: rgb(252, 86, 0);

}

.cont_correo_soporte p{

	width: 85%;

	float: right;

	font-size: 0.9em;

}



.cont_correo_soporte p span{

	display: block;

	padding: 1px 0;

}



#so_1{

	font-weight: bold;

	color: rgb(38, 38, 38);

	font-size: 0.8em;

}

#so_2{

	color: #00a7a8;

	font-weight: bold;

}

#so_3{

	font-size: 0.88em;

	color: #666666;

}





.perfil_user{

	margin-top: 20px;

}

.perfil_user h3{

	font-size: 0.9em;

	color: rgb(39, 39, 39);

	margin-bottom: 10px;

}

.perfil_user h3 span{

	background: #35df86;

	color: #fff;

	padding: 4px 7px;

	border-radius: 2px;

	box-sizing: border-box;

}

.cd_info{

	overflow: hidden;

	padding: 6px 10px;

	box-sizing: border-box;

}

.cd_info img{

	display: block;

	width: 9%;

	float: left;

	background: rgb(129, 100, 247);

}

.cd_info p{

	float: right;

	width: 88%;

	font-size: 0.87em;

}

.cd_info p span{

	font-weight: bold;

	color: rgb(129, 100, 247);

}





/** LISTA DE CURSOS **/

.listado_de_cursos{

	margin-top: 35PX;

	margin-bottom: 30px;

}



.listado_de_cursos h2{

	padding: 5px 5px 5px 0;

	box-sizing: border-box;

	font-size: 1em;

	color: rgb(38, 38, 38);

}



.listado_de_cursos h3{

	padding: 5px 5px 5px 0;

	box-sizing: border-box;

	color: rgb(100, 100, 100);

	font-size: 0.9em;

	margin-top: 10px;

}



.cd_lista_user{

	overflow: hidden;

	padding: 25px 7px;

	box-sizing: border-box;

	border-bottom: 1px solid rgb(220, 220, 220);

}



.cd_lista_user img{

	display: block;

	width: 20%;

	float: left;

	border-radius: 2px;

}

.cd_lista_user p{

	width: 75%;

	float: right;

	color: rgb(0, 156, 255);

	font-size: 0.9em;

	font-weight: bold;

	margin-top: -2px;

}



.listado_de_cursos a:hover p{

	color: rgb(129, 100, 247);

	transition: all .3s;

}



.cd_lista_user p span{

	display: block;

	background: #35df86;

	color: #fff;

	padding: 5px 10px;

	border-radius: 2px;

	margin-top: 7px;

	font-size: 0.7em;

	width: 55%;

	text-align: center;

	font-weight: bold;



}



#reproduccion{

	background: rgb(252, 86, 0);

	padding: 10px;

	box-sizing: border-box;

	width: 70%;

	font-size: 0.8em;

}



#pendiente p{

	color: rgb(100, 100, 100);

	font-weight: normal;

}

#pendiente p span{

	background: rgb(200, 200, 200);

	font-size: 0.7em;

	color: rgb(80, 80, 80);

}

/** end 3 columnas ***/







/********************* LISTA DE CURSOS DE SUSCRIPCIÓN ***/



.cursos_suscripcion{

	background: #fff;

	width: 95%;

	margin: auto;

	padding: 70px;

	box-sizing: border-box;

	overflow: hidden;



}



.cursos_suscripcion>h2{

	font-size: 1.3em;

	color: rgb(38, 38, 38);

	padding: 10px 10px 3px 0;

	box-sizing: border-box;



}

.cursos_suscripcion>p{

	font-size: 0.9em;

	color: #666666;

	padding: 3px 10px 20px 0;

	box-sizing: border-box;

}



.cursos_suscripcion>p a{

	display: inline-block;

	background: rgb(252, 86, 0);

	padding: 10px 25px;

	box-sizing: border-box;

	color: #fff;

	font-size: 0.9em;

	font-weight: bold;

	float: right;

	border-radius: 3px;

	margin-top: -50px;

}



.cursos_suscripcion>p a:hover{

	background: #35df86;

	transition: all .3s;

}



.reglon_titular{

	overflow: hidden;

	border-bottom: 1px solid rgb(220, 220, 220);

	padding: 20px 5px;

	box-sizing: border-box;

}



.cd_reglon{

	overflow: hidden;

	padding: 20px 5px;

	box-sizing: border-box;

	border-bottom: 1px solid rgb(220, 220, 220);



}



.cd_reglon:hover{

	background: rgb(247, 247, 247);

	transition: all .3s;

}



.contenedor_sol{

	float: left;

	margin-left: 0.17%;

	text-align: center;

}



.contenedor_sol h3{

	font-size: 0.9em;

	padding: 5px;

	box-sizing: border-box;

	text-align: center;

	color: rgb(100, 100, 100);

}



.contenedor_sol p{

	font-size: 0.9em;

	padding: 7px;

	box-sizing: border-box;

}



#nombre_curso{

	width: 45%;

	text-align: left;

	font-size: 1.1em;

}



.cd_reglon:hover #nombre_curso p{

	color: rgb(129, 100, 247);

	transition: all .3s;

}



#nombre_curso img{

	display: block;

	width: 15%;

	float: left;

}



#nombre_curso p{

	width: 80%;

	float: right;

	color: rgb(100, 100, 100);

}



#estado_curso{

	width: 8%;

	

}

#estado_curso p{

	background:  #35df86;

	color: #fff;

	

	border-radius: 20px;

}

#condicion_curso{

	width: 8%;

	color: #35df86;



}

#mes_curso{

	width: 12%;

	color: #666666;

}

#acceso_curso{

	width: 15%;

	color: #666666;

}

#ingresar_curso{

	width: 8%;

	

}



#ingresar_curso p{

	

	background: rgb(129, 100, 247);

	color: #fff;

	padding: 7px 10px;

	box-sizing: border-box;

	border-radius: 3px;

	

}





/******** LA PAGINA DEL INDEX DEL USER **/



.div_esp_user{

	display: block;

	width: 100%;

	overflow: hidden;

	padding: 50px 5px;

	box-sizing: border-box;

	border-top: 1px solid rgb(220, 220, 220);

	border-bottom: 1px solid rgb(220, 220, 220);

}

.img_portada_esp{

	display: block;

	width: 35%;

	float: left;

}



.cont_deta_user{

	width: 55%;

	float: right;

	margin-right: 0%;

}



.cont_deta_user>h2{

	font-size: 1.1em;

	color: rgb(70, 70, 70);

	line-height: 28px;

}

.cont_deta_user>h2 span{

	font-weight: normal;

	display: block;

	font-size: 0.9em;

}



.cont_deta_user .perfil_user{

	box-shadow: none;

	width: 60%;

}



#comenz_esp{

	display: inline-block;

	padding: 20px;

	box-sizing: border-box;

	background: #00a7a8;

	color: #fff;

	border-radius: 3px;

	text-align: center;

	font-size: 0.9em;

	font-weight: bold;

	margin-top: 15px;

	border: none;





}



#comenz_esp:hover{

	transition: all .3s;

	background: #003e86;

}





/******************************* END PAGINA DEL USUARIO ***/































































/* sección de la página de cada curso */







.repro_video{

	height: 510px;

	background: rgb(248, 208, 0);

	width: 100%;

	overflow: hidden;

}



.cont_vid_repro{

	background: #fff;

	width: 90%;

	margin: auto;

	overflow: hidden;

	margin-top: 30px;

}



.video_y{

	width: 65%;

	float: left;



}

.video_y iframe{

	display: block;

	width: 100%;

	height: 450px;

}

.list_reprod{

	width: 35%;

	float: right;

	background: #fff;

	



}

.contenedor_lista{

	

}



.cont_title{

	background: rgb(245, 245, 245);

	padding: 0 0 15px 15px;



}

.titulo_curso_list{

	color: rgb(18, 18, 18);

	padding: 10px 5px 10px 0;

	font-size: 1em;

}

.cont_user_sus{

	overflow: hidden;

}





.p_user{

	font-size: 0.9em;

	width: 60%;

	float: left;

}

.p_user img{

	display: block;

	width: 40px;

	height:40px;

	border-radius: 50%;

	float: left;

	margin-right: 10px;

	padding: 2px;

	background: #fff;

}

.p_user p{

	margin-top: 13px;

	font-size: 0.9em;

	margin-left: 50px;

}



.btn_sus{

	display: block;

	width: 32%;

	float: right;

	/*background: red;*/

	padding: 10px;

	margin-right: 2.5%;

	border-radius: 3px;

	color: #fff;

	text-align: center;

	background: rgb(248,0,40);



}



.btn_sus span{

	font-weight: bold;

	font-size: 0.9em;

}



.cd_lista{



}



.title_tem{

	padding: 10px 10px 10px 5px;

	color: rgb(70, 70, 70);

	font-size: 0.9em;

}



.contenedor_lista>a{

	display: block;

	width: 100%;

	padding: 8px 5px 8px 5px;

	overflow: hidden;

}





.img_lista{

	width: 15%;

	height: 40px;

	float: left;

}

.img_lista img{

	display: block;

	width: 100%;

	height: 100%;

	border-radius: 5px;



}

.tit_list{

	box-sizing: border-box;

	width: 80%;

	margin-left: 18%;

	margin-right: 3%;

	padding: 0px 5px 5px 5px;

	font-size: 0.9em;

	color: rgb(18, 18, 18);

	border-bottom: 1px solid rgb(245, 245, 245);

	line-height: 20px;

	font-size: 0.8em;

	color: rgb(100, 100, 100);

}

.contenedor_lista>a:hover{

	background: rgb(245, 245, 245);

	transition: all .3s;

	

}

.contenedor_lista>a:hover .tit_list{

	border-bottom: 1px solid  rgb(245, 245, 245);

	transition: all .3s

}



#actual_reprod{

	background: rgb(248, 208, 0);

	border-radius: 0 25px 10px 0;

}



#actual_reprod .tit_list{

	color: #fff;

	border-bottom: none;

}





/* para certificaicon y contacto*/



.cont_certif_contact{

	overflow: hidden;

}



.sub_cont_cert_cont{

	overflow: hidden;

	width: 90%;

	margin: auto;

	margin-top: 30px;

}



.cont_certif{

	width: 65%;

	float: left;

}

.cont_contact{

	width: 35%;

	float: right;

	background: green;

}



.cont_certif .titulo_curso_list{

	padding: 10px;

}





.cont_imagen_minuatura{

	width: 100%;

	overflow: hidden;

	padding: 10px 0 10px 0;

	box-sizing: border-box;



}

.cd_miniatura{

	width: 30%;

	float: left;

	margin-left: 2.5%;

}

.cd_miniatura img{

	display: block;

	width: 100%;

}



.info_cert_m{

	background: rgb(0, 221, 141);

	display: block;

	padding: 10px;

	box-sizing: border-box;

	text-align: center;

	color: #fff;

	font-size: 0.9em; 

	margin-top: 10px;

	border-radius: 5px;



}



.info_cert_m:hover{

	background: rgb(0, 251, 163);

	transition: all .3s;

}



.contc_emp{

	/*background: rgb(0,164,248);*/

}



/* end certificacion*/





/** end sección de cada curso **/











/*********************************** FOOTER ***********/

.footer_index{

	overflow: hidden;

	background:rgb(215, 253, 240);

}

.cont_detalles_footer{

	display: block;

	overflow: hidden;

	width: 80%;

	margin: auto;

	color: rgb(56, 33, 139);
	margin-bottom: 30px;

}



.foot{

	

	float: left;

	margin-left: 2.5%;

	padding: 20px;

	box-sizing: border-box;

	margin-top: 40px;



}



#foot1{

	width: 30%;

}



#foot1 img{

	display: block;

	width: 70%;
	margin-top: 35px;

}

#foot1 h3{

	font-size: 1.6em;

	padding: 7px;

	box-sizing: border-box;

	margin-top: 6PX;

}

#foot1 p{

	font-size: 1.2em;

	padding: 7px;

	box-sizing: border-box;

	color: #fff;

}



#foot2{

	width: 25%;

}



#foot2 h3, #foot3 h3{

	margin-bottom: 7px;
	font-size: 1.1em;

}



#foot2 p{

	font-size: 1em;

	padding: 5px 5px 5px 0px;

	text-align: center;

}

#foot2 span{

	font-weight: bold;

}


#foot2 a{
	display: block;
	padding: 5px;
	box-sizing: border-box;
	font-size: 0.9em;
}
#foot2 a:hover{
	color: red;
	transition: all .3s;
}

#foot3{

	width: 35%;

}



#foot3 h3{

	

}

#foot3>p{
	padding: 5px;
	box-sizing: border-box;
	color: blue;
	font-size: 0.9em;
}

#foot3 .menu_1{
	height: 50px;
	margin-left: 0%;
}

/*#foot3 img{

	display: block;

	width: 40px;

	margin: auto;

} */











.derechos_autor{

	clear: both;

	display: block;

	padding: 30px;

	box-sizing: border-box;

	text-align: center;

	font-size: 0.8em;

	background: #000;

	margin-top: 20px;

	color: #fff;

}



.derechos_autor span{

	font-weight: bold;

}



/**** EN DFOOTER ****/





#fijo_barra{

	display: none;

}



.modal_pasos{

	display:none;

 vertical-align:middle;

 position:relative;

 z-index:2;

 max-width:1300px;

 box-sizing:border-box;

 width:100%;

 background:#fff;

 padding:0px;

 -webkit-border-radius:2px;

 -moz-border-radius:2px;

 -o-border-radius:2px;

 -ms-border-radius:2px;

 border-radius:2px;

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

 text-align:left;

}



.form_registro_pop_up{

	width: 100%;

	background:#fff;

	margin: auto;

	margin-top: 5px;

	margin-bottom: 10px;

	border-radius: 2px;

}





#mat{

    width:100%;

    padding: 10px 15px;

    box-sizing: border-box;

}







/*** PUP UP DE MATRÍCULA **/



.div_pasos_m{

	padding: 0px 0px;

}



.div_pasos_m h3{

	color: rgb(100, 100, 100);

}



.tarj{

	padding: 10px 5px;

}



.tarj p{

	padding: 5px 0;

	color: rgb(70, 70, 70);

}



.tarj a{

	display: inline-block;

	background: rgb(34, 229, 146);

	transition: all .3s;

	color: #fff;

	padding: 10px;

	border-radius: 3px;

	font-weight: bold;

}



.tarj a:hover{

	background: rgb(81, 243, 169);

}





.trans{

	padding: 10px 5px;

}



.trans>p{

	padding: 5px 0;

	color: rgb(70, 70, 70);

}



/*** END MATRICULA **/





#aviso_celular{

	display: none;

}



.cont_dt_bn{

    

}



.cont_dt_bn ul{

    margin-left: 40px;

    margin-top: 10px;

	margin-bottom: 10px;

}



.cont_dt_bn ul li{

    color: rgb(60, 60, 60);

	font-weight: bold;

	font-size: 0.9em;

}



.cd_datos_banc p{

    font-size: 0.9em;

	color: rgb(70, 70, 70);

}

.p_banco{

    border:1px solid rgb(230, 230, 230);

	border-radius: 5px;

	width: 70%;

    padding: 10px 20px;

    box-sizing: border-box;

    margin-top: 10px;

    margin-bottom: 10px;

}

.p_banco span{

    font-weight: bold;

}



#user_contr{

    color: #e6215d;

	font-size: 0.8em;

	margin-top: 5px;

	margin-bottom: 10px;

	font-style: italic;

}

#user_contr span{

    font-weight: bold;

}




/**************** NUEVOS DISEÑOS *********/




/* Div principal */
.portada_empresa_principal {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
}

/* Div contenido */
.portada_empresa_contenido {
  display: flex;
  width: 100%;
  height: 100vh;
}

/* Div izquierda */
.portada_empresa_izquierda {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
  background-color: #FFE6E6; /* Fondo claro complementario al rojo */
  color: #ed1e24; /* Texto con el color principal */
}

/* Div derecha */
.portada_empresa_derecha {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
  background-color: #E6F2FF; /* Fondo claro complementario al azul */
  color: #003f7f; /* Texto con el color principal */
}

.portada_empresa_derecha .portada_empresa_enlace {
  background-color: #01a5a6;
  border: none;
}

/* Logo */
.portada_empresa_logo {
  max-width: 150px;
  margin-bottom: 20px;
}

/* Nombre de la empresa */
.portada_empresa_nombre {
  font-size: 1.8em;
  margin-bottom: 10px;
}

/* Subtítulo para Corporación CIEL */
.portada_empresa_subtitulo {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
}

/* Descripción */
.portada_empresa_descripcion {
  font-size: 1em;
  margin-bottom: 20px;
  line-height: 1.5;
}

/* Enlace */
.portada_empresa_enlace {
  text-decoration: none;
  color: #fff;
  font-size: 1.1em;
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #ed1e24;
  border-radius: 5px;
  transition: all 0.3s;
  background: #ed1e24;
}

.portada_empresa_enlace:hover {
  background-color: #fff;
  color: #ed1e24;
}

/* Personalización para derecha */
.portada_empresa_derecha .portada_empresa_enlace:hover {
  background-color: #fff;
  color: #003f7f;
}






/*** para el nuevo footer **/

/* Footer General */
.new_footer_container {
    background-color: #E6F7F5; /* Fondo verde menta claro */
    color: #333333; /* Texto oscuro */
    padding: 40px 20px;
    font-family: Arial, sans-serif;
}

/* Contenedor del contenido */
.new_footer_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Logo */
.new_footer_logo img {
    max-width: 150px;
    margin-bottom: 20px;
}

/* Sección de "Sobre Nosotros" y "Contacto" */
.new_footer_about h3,
.new_footer_contact h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #333333;
}

.new_footer_links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.new_footer_links li {
    margin-bottom: 8px;
}

.new_footer_links a {
    text-decoration: none;
    color: #333333;
    font-size: 14px;
    transition: color 0.3s ease;
}

.new_footer_links a:hover {
    color: #00a7a8; /* Hover en color principal */
}

/* Contacto */
.new_footer_contact p {
    margin: 5px 0;
    font-size: 14px;
}

/* Redes sociales */
.new_footer_social {
    margin-top: 15px;
    display: flex;
    gap: 15px;
}

.new_footer_icon {
    text-decoration: none;
    color: #333333; /* Texto oscuro */
    font-size: 18px;
    transition: color 0.3s ease, transform 0.3s ease;
}

.new_footer_icon:hover {
    color: #00a7a8; /* Hover en color principal */
    transform: scale(1.1);
}





/** para botones de siguientes y antes **/

/* Contenedor de los botones */
.navigation_buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 20px 0;
    width:100%;
}

/* Estilo general de los botones */
.nav_button {
    background-color: #00a7a8; /* Color principal */
    color: #ffffff; /* Texto blanco */
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px; /* Espacio entre el ícono y el texto */
    transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Hover y foco de los botones */
.nav_button:hover {
    background-color: #007b7c; /* Un tono más oscuro del color principal */
    transform: scale(1.05); /* Pequeño efecto de ampliación */
}

/* Botón Anterior */
.prev_button i {
    font-size: 18px;
    margin-right: 5px; /* Espacio entre el ícono y el texto */
}

/* Botón Siguiente */
.next_button i {
    font-size: 18px;
    margin-left: 5px; /* Espacio entre el texto y el ícono */
}















/************************************ PARA RESPONSIVE *************************/



@media screen and (max-width: 440px){

	body{

		width: 100%;



		font-size: 0.75em;

	}





.logo{

	width: 50%;

}







.registrarse{

	display: none;

}

#bt_cerrar{

    display: black;

}



.sect_espec{

    clear:both;

    width:100%;

}



.cont_curs_mes{

    width:100%;

}



#ocultar_cell{

	display: none;

}



header nav ul li a p{

	margin-top: 2px;

}

#contenido_3{

    display: none;

}



#contenido_2{

    display: none;

}

#contenido_1{

    width:100%;

}



#cel_video_sesiones{

    display:block;

    width:100%;

}

#cel_video_sesiones iframe{

    width:100%;

}

.left_1{

    clear:both;

    margin-left: 0%;
            padding: 20px 50px;
        box-sizing: border-box;

}

#cel_left{
    margin-left:9%;
}

#contenido_1>img{

    display:none;

}

.sub_cont_contenido1{

    clear:both;

}

.port_2{

	display: none;

}





.port_1{

	width: 90%;

	margin-top: 50px;



}



.cont_portada2{

	height: 370px;

}



.cont_curs_mes{

	padding: 20px 25px;

}



.cd_curso{

	width: 100%;

}

#btn_curs{

    margin-left:0%;

     clear:both;

    width:80%;

}



#btn_esp{

    margin-right:5%;

    clear:both;

    width:80%;

    background:rgb(2, 142, 221);

}



.p_metdo{

	padding: 7px;

}







.metodol{

	padding: 80px 25px;

	overflow: hidden;

}



.cont_cd_metodol{

	display: block;

	width: 90%;

	overflow: hidden;

}



.cont_metodol{

	height: 1300px;

}







.cd_beneficios{

	width: 90%;

}







#foot1{

	width: 90%;

	padding: 5px;

}



#foot1 h3{

    font-size: 1em;

}

#foot1 p{

    font-size: 0.9em;

}



#foot2, #foot3{

	width: 90%;

	margin-top: 10px;

}

#foot2 h3, #foot3 h3{

    font-size: 1.1em;

}

#foot2 p{

    font-size: 0.9em;

}



.div_lat_tem{

	display: none;

}





.cont_pop-temario{

	padding: 0px;

}

.conte_port_singl{

	padding: 5px 5px;

}

.singl_1{

	width: 100%;

	padding: 0px;

	margin-left: 0;

}



#titulo_curso{

	padding: 20px 0px 0px 0;

	font-size: 1.5em;

	text-align: center;

}

#subtitulo_curso{

	text-align: center;

}



.img_portada img{

	display: none;

}



#bot_temas{

	clear: both;

	width: 55%;

}

.des_py{

	width: 90%;

	margin:auto;

}

.cont_des_py{

	width: 63%;

	margin-right: 2%;



}

.cont_met_cd{

	width: 100%;

}

.cont_temario{

	width: 100%;

	padding: 5px;

}



.img_tem{

	width: 15px;

	height: 15px;

}



.cont_temario h2{

	font-size: 1em;

	padding: 40px 20px 10px 0;

}







.cont_temario>p{

	display: none;

}



.cont_precios_matr{

	display: none;

}



#matricula{

	display: none;

}





.cont_cd_clase h3 span{

	border-bottom: none;

}







  



  #fijo_barra{

  		display: block;

    	bottom: 0;

        height: 34px;

        position: fixed;

        width: 100%;

        z-index: 5000;

        padding: 10px;

        background: #f7f9fd;

        box-shadow: 0 10px 40px rgba(69,69,69,0.3);

}





.div_1_fijo{

	width: 60%;

	float: left;

}





.fijo_p_1{

	width: 40%;

	float: left;

	color: #ff0249;

}



.fijo_p_1 span{

	

	font-weight: bold;

	font-size: 1.6em;

	

}

.fijo_p_2{

	width: 30%;

	margin-right: 30%;

	float: right;

	text-decoration: line-through;

	color: rgb(100, 100, 100);

	margin-top: 2.5px;



}

.fijo_p_2 span{

	font-size: 1.2em;



}



.div_2_fijo{

	width: 30%;

	margin-left: 60%;

	overflow: hidden;



}

.div_2_fijo a{

	display: block;

	text-align: center;

	background: #ff0249;

	padding: 10px;

	box-sizing: border-box;

	border-radius: 3px;

	color: #fff;

	font-weight: bold;

}



.h3_barra_fijo{

	clear: both;

	font-size: 0.9em;

	padding: 0 5px;

	box-sizing: border-box;

	color: rgb(39, 5, 112);

}







.form_registro{

	width: 85%;

}







.cursos_suscripcion{

	padding: 20px;

}



.img_portada_esp{

	clear: both;

	width: 100%;



}



.cont_deta_user{

	clear: both;

	width: 100%;
    margin-top: 20px;


}



.cont_deta_user>h2{

line-height:18px;
text-align: center;
	

}



#comenz_esp{
margin: auto;
        display: block;
        width: 70%;
        margin-top: 20px;
	

}
.cursos_suscripcion>h2{
    text-align:center;
}
.cursos_suscripcion>p{
    text-align:center;
}

.perfil_user{

	display: none;

}



.cd_info p{

	

}





/*#aviso_celular{

	display: block;

} */





#sesiones_ver{

	display: block;

}



.cerificado_if iframe{
	height: 240px;
	margin-top: 20px;
}









#nomb_cur_tit{

    font-size: 1.4em;

    line-height: 24PX;

    color: #2365d2;

    text-transform: uppercase;

    text-align: center;

    border-top: 1px solid rgb(240, 240, 240);

    padding-top: 10px;

    margin-top: 0px;

    text-shadow: 1px 1px 1px rgb(0 0 0 / 0%);

}



#p_curso_11{

    margin-top: 0px;

    margin-bottom: 5px;

    color: rgb(100, 100, 100);

}



#tem1_1, #tem2_2, #tem3_3, #tem4_4{

    width: 90% !important; 

    margin-top: 1px;

	margin-bottom: 1px;

}



.cd_obj_part{

    display: block;

    width:100% !important;

}



.cd_obj_part img{

    width: 18px !important;

    height: 18px !important;

}

.tipo_titulo_1{

    font-size: 1.1em !important;

}

.cd_obj_part p{

    margin-left: 20px !important;

    margin-top:-4px;

}



.singl_2{

   display:none; 

}





#video_ifram_cel{

    width: 100%;

}



#video_ifram_cel iframe{

    display:block;

    width: 100%;

    margin-top:10px;

}



.cont_titulos_descrp{

    padding:20px 6px;

}







.trans #what_laterl{

    width: 80%;

}







.hrs_mod{

    display:none;

}



#video_ifram_cel{

    display:block !important;

}



#metod_celular{

   display:block !important; 

}



#p_curso_11{

    display:block !important;

}





#precio_cel_act{

    display:block !important;

    

}



#precio_cel_act #what_laterl{

    width:60%;

    margin-top:15px !important;

}



.p_banco{

    width: 100%;

}




/*** nuevos diseños **/

 .portada_empresa_contenido {
    flex-direction: column;
  }

  .portada_empresa_izquierda,
  .portada_empresa_derecha {
    width: 100%; /* Ocupar el ancho completo */
    height: auto; /* Ajustar altura al contenido */
  }





/* new footer */


.new_footer_content {
        flex-direction: column;
        text-align: center;
    }

    .new_footer_logo img {
        margin-bottom: 20px;
    }


.new_footer_social{
        width: 45%;
    margin: auto;
}


#precio_inv{
    width:100%;
}


.sub_cont_curs{
    width:100%;
}

#tit_cr_s, .listad_cursos #tit_cr_s{
    width:77%;
}


.listad_cursos .cd_curso{
    width:85%;
    margin-left:7.5%;
}


.div_nvo_menu{
    /*clear:both;*/
    width:100%;
    width: 45%;
    margin-top:10px;
}

.menu_1{
    width: 100%;
        margin: auto;
    float: left;
}


.marca img{
    width:100%;
}






    /* Contenedor de los botones */
    .navigation_buttons {
        width:80%;
        flex-direction: column; /* Botones en columna */
        align-items: stretch; /* Botones ocupan todo el ancho */
        gap: 10px; /* Espaciado reducido entre botones */
        margin: auto; /* Margen más pequeño */
        margin-top:7px;
    }

    /* Botones */
    .nav_button {
        font-size: .9em; /* Texto más pequeño */
        padding: 7px; /* Espaciado interno ajustado */
        border-radius: 8px; /* Bordes más redondeados */
        gap: 5px; /* Menor espacio entre ícono y texto */
    }

    /* Íconos */
    .prev_button i,
    .next_button i {
        font-size: 16px; /* Tamaño de íconos reducido */
    }





.user{
    width:100%;
}















}







/***************** END RESPONSIVE  *****************************/



/** PARA NO MOSTRAR EN PC **/

#video_ifram_cel{

    display:none;

}



#metod_celular{

   display:none; 

}



#p_curso_11{

    display:none;

}





#precio_cel_act{

    display:none;

}



/** end para no mostrar**/





/****** PARA LAS VISTA DE LOS TALLERES ***/



.cont_general{

	width: 100%;

	margin: auto;

}



.cont_cabez{

	overflow: hidden;

	background: #fff;

	



}



.tit_taller_grat{

	color: rgb(100, 100, 100);

	margin-top: 20px;

	margin-bottom: 10px;

	font-size: 1.1em;

}



.video_taller{

	width: 50%;

	float: left;

	margin-left: 7%;

}

.video_taller iframe{

	width: 100%;

	height: 400px;

	padding: 10px 0;

	box-sizing: border-box;

}



.detalles_vid_tall{

	width: 30%;

	float: right;

	margin-right: 7%;

	margin-top: 75px;

}



.detalles_vid_tall img{

	display: block;

	width: 20px;

	height: 20px;

	float: left;

	margin-right: 10px;

}



.detalles_vid_tall a{

	display: block;

	width: 50%;

	padding: 5px;

	margin-top: 1px;

	margin-bottom: 2px;

	color: rgb(100, 100, 100);

}

.detalles_vid_tall a:hover{

	color: #4873ff;

	transition: all .3s;

}



#bott_certif{

	background: #35df86;

	margin-top: 20px;

	color: #fff;

	font-weight: bold;

	width: 53%;

	padding-top: 10px;

	padding-bottom: 10px;

	border-radius: 3px;

}

#bott_certif:hover{

	background: #47d289;

	transition: all .3s;

}

#img_cl{

	float: right;

	width: 50px;

	height: 50px;

	position: relative;

	top: -25px;

	left: 13px;

}

#not_limt{

	margin-top: 30px;

	padding: 10px 0px;

}

#not_limt span{

	font-weight: bold;

	color: rgb(70, 70, 70);

}

.ofert_prom{

	padding: 10px;

	background: #ff0249;

	margin-top: 15px;

	margin-bottom: 15px;

	color: #fff;

}



.cont_preci_promo{

	background: rgb(240, 240, 240);

	padding: 10px;

	box-sizing: border-box;

	border-radius: 5px;

}



.prec_2x1{

	color: #ff0249;

}



.prec_2x1 span{

	font-size: 1.6em;

	font-weight: bold;

	color: #ff0249;

	padding: 5px 0;

}

#aprov_oferta{

	float: right;

	background: #ff0249;

	color: #fff;

	font-weight: bold;

	font-size: 0.9em;

	padding: 15px 5px;

	box-sizing: border-box;

	border-radius: 3px;

	text-align: center;

	position: relative;

	top: -15px;

}

.ppp_21{

	font-size: 0.8em;

	color: rgb(100, 100, 100);

}

.ofert_21{

	padding: 5px 0;

	color: rgb(50, 50, 50);

	font-size: 0.9em;

}



.ofert_21 span{

	font-weight: bold;



}





/*********** END VISTA TALLERES ********/









/********* PARA AGREGAR EN START.PHP ****/





#startphp{

	background: #fff;

}



.cont_titulos_descrp{

	padding: 20px 10px;

	box-sizing: border-box;

	overflow: hidden;



}



.cont_titulos_descrp>h1{

	color: rgb(36, 0, 160);

	font-size: 2.3em;

	margin-top: 10px;

	line-height: 43px;



}



.cont_titulos_descrp>p{

	margin-top: 20px;

	margin-bottom: 20px;

	color: #181b32;

}





.cont_promo_start{

	

	padding: 7px 30px;

	box-sizing: border-box;

	border-radius: 5px;

	margin-top: 25px;

	margin-bottom: 25px;

}



.cont_promo_start p{

	color: #e6215d;

	font-weight: bold;

	font-size: 0.9em;

}



#ver_prom_22{

	border-radius: 5px;

	margin-left: 7px;

}



#ver_prom_22 a{

	color: #fff;

	/*background: blue;*/

	display: inline-block;

	padding: 10px;

	background: #e6215d;

	border-radius: 5px;

}











.cont_img_fot{

	overflow: hidden;

}



.cont_img_fot img{

	display: block;

	width: 60px;

	height: 60px;

	float: left;

	border-radius: 50%;

}

.nomb_instr{

	margin-left: 70px;

	color: #42474D;

	font-weight: bold;

	margin-top: 10px;

}

.esp_instr{

	color: #555C63;

	margin-top: 5px;

	margin-left: 70px;

	font-size: 0.9em;

}



/** objetivos**/



.objetivos_port{

	overflow: hidden;

}



.tipo_titulo_1{

	color: #42474D;

	font-size:1.3em;

	padding: 7px;

	margin-top: 20px;

	margin-bottom: 15px;

}



.cd_obj_part{

	width: 47%;

	float: left;

	margin-left: 2%;

	padding: 5px;

	box-sizing: border-box;

	margin-top: 5px;

	margin-bottom: 5px;

	

}



.cd_obj_part img{

	width: 30px;

	height: 30px;

	float: left;

}

.cd_obj_part p{

	padding: 5px;

	margin-left: 40px;

	box-sizing: border-box;

	color: #555C63;

	font-size: 0.9em;

}





/** video de presentacion **/



.lat_presentc{

	overflow: hidden;

	box-shadow: 0 0 10px 5px rgb(245, 245, 245);

	margin-top: 10px;

	border-radius: 3px;

}



#vimeo_videos_corto{

    margin-top: 10px;

    

}



#vimeo_videos_cort iframe{

    border-radius: 5px;

    display: block;

}



#lateral_curso{

	width: 106%;

}



.video_present{



}



.video_present iframe{

	display: block;

	width: 100%;

	height: 210px;

}



.precios_cursss{

	overflow: hidden;

	width: 97%;

	margin: auto;

	padding: 10px;

	box-sizing: border-box;

	border: 2px solid #2365d2;

	margin-top: 10px;

	margin-bottom: 10px;

	border-radius: 5px;

}

.precios_cursss .precios_lat{

	margin-top: 5px;

}



.precios_cursss #simb_moneda{

	color: #e6215d;

}

.precios_cursss #valor_costo{

	color: #e6215d;

}

.precios_cursss #promo_desc{

	display: inline-block;

	background: #e6215d; 

	color: #fff;

	padding: 7px 4px;

	box-sizing: border-box;

	text-align: center;

	border-radius: 5px;

	font-size: 1.1em;

	font-weight: bold;

}

#costo_normal{

	color: #181b32;

	font-weight: bold;

	font-size: 1em;

}



.precios_cursss #what_laterl{

	display: block;

	width: 38%;

	background: #2365d2;

	border-radius: 10px;

	margin: auto;

	margin-top: 20px;

	padding: 15px 55px;

	

}



#botton_matricularse{

    display: block;

    width: 60%;

    background: #2365d2;

    border-radius: 10px;

    margin: auto;

    margin-top: 20px;

    padding: 15px;

    color:#fff;

	text-align: center;

	box-sizing: border-box;

	font-weight: bold;

}





.metod_lateral{

	padding: 20px;

	box-sizing: border-box;

}



.metod_lateral h3{

	font-size: 1em;

	color: #555C63;

	font-weight: bold;

}







.datos_curso_st{

	overflow: hidden;

	margin-top: 30px;

	background: #f6f7f9;

	padding: 20px;

	box-sizing: border-box;

	border: 1px solid #799edb;

	border-radius: 5px;

}





.cd_dato_curso{

	float: left;

	margin-left: 1%;

	padding: 7px 10px;

	box-sizing: border-box;

	border-radius: 5px;

}



.cd_dato_curso img{

	width: 20px;

	height: 20px;

	float: left;

}



.cd_dato_curso p{

	margin-left: 26px;

	font-size: 0.9em;

}



#tem1_1{

	width: 15%;

	background: #ffb200;

	color: #fff;

}

#tem2_2{

	width: 18%;

}

#tem3_3{

	width: 22%;

}

#tem4_4{

	width: 17%;

}









#temas_curso{

	margin-top: 50px;

}



#temas_curso>h2{

	color: #42474D;

    font-size: 1.3em;

    padding: 7px;

    margin-top: 20px;

    margin-bottom: 15px;

    text-align: center;

}



#temas_start h3{

    margin-bottom: 30px;

    color: #666666;

    border-bottom: 1px solid #799edb;

    background: none;

}	



#temas_start h3 span{

	font-weight: bold;

	color: #2365d2;

}



#temas_start .cd_item_clase{

	padding: 0px;

	margin-top: 10px;

	margin-bottom: 10px;

	margin-left: 40px;

}





.datos_horas_modulos{

	overflow: hidden;

	margin-top: -12px;

}



.hrs_mod{

	text-align: center;

	font-size: 0.9em;

	color: #555C63;

}





.hrs_mod span{

	border-bottom: 5px solid rgb(100, 100, 100);

	font-weight: bold;

	font-size: 1.1em;

	margin-left: 10px;

}





#promo{

	margin-top: 30px;

}







#promo .tipo_titulo_1{

	text-align: center;

}

#promo .tipo_titulo_1 span{

	font-size: 0.7em;

}



.prom_detll{

	border-bottom: 2px solid #2365d2;

	overflow: hidden;

	padding: 15px 10px;

	box-sizing: border-box;

}

.detl_prom_1{

	float: left;

	width: 70%;

	color: #555C63;

	font-weight: bold;

	font-size: 0.9em;

}

.detl_prom_2{

	float: right;

	width: 25%;

}





#dtpp_1{

	background: #e6215d;

	padding: 10px;

	box-sizing: border-box;

	border-radius: 5px;

	color: #fff;

	font-weight: bold;

	margin-left: 12px;

}

#dtpp_2{

	font-size: 0.8em;

	font-weight: bold;

}



.of_pr2{

	font-size: 0.9em;

	text-align: right;

	padding: 5px;

	box-sizing: border-box;

	margin-right: 20px;

}

.of_pr2 span{

	font-weight: bold;

	color: rgb(60, 60, 60);

}





.cd_cursos_promo{

	overflow: hidden;

	margin-top: 20px;

	margin-bottom: 20px;

	padding: 15px;

	box-sizing: border-box;

}

.cd_cursos_promo img{

	width: 150px;

	float: left;

}



.cd_cursos_promo .datos_tit{

	margin-left: 170px;

	width: 65%;

}





#solic_mas{

	background: rgb(248, 231, 28);

	padding: 7px;

	box-sizing: border-box;

	border-radius: 5px;

	text-align: center;

	font-size: 0.9em;

	font-weight: bold;

	color: rgb(40, 40, 40);

	width: 30%;

}

.tit_curso{

	color: rgb(40, 40, 40);

	font-size: 1.1em;

	padding: 15px 7px 1px 7px;

	box-sizing: border-box;

}

#acc_inmee{

	padding: 2px 7px;

	font-size: 0.9em;

	color: #555C63;

}



.precio_curso_prom{

	width: 10%;

	float: right;

	margin-top: -50px;

	color: #2365d2;

	font-weight: bold;

}

.precio_curso_prom #s_so{

	font-size: 0.8em;

	text-decoration: line-through;

	margin-left: 3px;

}



#grat_prom{

	color: #33c17a;

	font-weight: bold;

	text-decoration: none;

}



#gratis_prom2{

	color: rgb(70, 70, 70);

}



#presente_curso{

	background: #f7f9fd;

	border: 1px solid #2365d2;

	

	

	border-radius: 5px;

}

#presente_curso #solic_mas{

	background: #2365d2;

	color: #fff;

}







.div_apro_ofer{

	width: 65%;

	margin: auto;

	padding: 20px;

	box-sizing: border-box;

	border: 1px solid rgb(200, 200, 200);

	border-radius: 5px;

	background: rgb(240, 240, 240);

	margin-top: 30px;

	overflow: hidden;

}



.p_apr_1{

	text-align: center;

	color: rgb(70, 70, 70);

}



.p_apr_1 span{

	font-weight: bold;

}



.div_apro_ofer #what_laterl{

	margin: auto;

	margin-top: 20px;

	background: #2365d2;

}









#col_cursos_start1{

	background: #fff;

}









/********** END START.PHP ********/