*{
	margin: 0;
	padding: 0;
}

body{

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

} 

body a{
	text-decoration: none;
}

/*estilo general para el input submit*/
 input[type="submit"]{
	cursor: pointer;
}

 
.subtitle{

	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	padding: 15px 0;
}

.description{
	text-align: center;
	font-size: 1em;
	padding: 7px;
}

header{
	width: 100%;
	height: 75px;
	margin: auto;
	border-bottom: 1px solid rgb(240, 240, 240);
	

}

.color_principal{
	/*background: #00aef7;*/
	background: #fff;

}



/*LOGO Y MENU----------*/
.logo{

	float: left;
	margin-left: 3%;
	width: 15%;
	overflow: hidden;
	margin-top: 6px;
}

.logo a{
	text-decoration: none;
}

.marca{
	width: 100%;
	overflow: hidden;
	margin-left: 5%;

}

.logo img{
	height: 40px;
}



#slogan{
	
	font-family: 'Courgette', cursive;
	font-weight: bold;
	font-size: 0.7em;
	margin-top: 2px;
	padding: 0 0 3px 0;
	width: 80%;
	margin-left: 5px;
	color: rgb(100, 100, 100);
	font-family: "Lato",sans-serif;

}

/*----- MENU ---*/
header nav{
	margin-left:20%;
	z-index: 5000;
	
}

header nav>ul{
	display: block;
	margin-left: 25%;
}

header nav>ul li{
	display: inline-block;
	list-style: none;
	margin-left:0px;
	width: 15%;
	float: left;
	margin-left: 1%;
	margin-top: 19px;
}

header nav>ul li a{
	text-align: center;
	display: block;
	text-decoration: none;
	font-size: 0.8em;
	padding: 10px;
	border-radius:5px;
	/*color: #fff;*/
	color: rgb(0, 46, 96);
	border: 1px solid rgb(230, 230, 230);

}

.registrarse{
	border: none;
	background: #ec5252;
	color:  #fff;
	font-weight: 600;
	border: 1px solid #ec5252;
	/*box-shadow: 5px 5px 3px 1px  rgb(234, 64, 64);*/
}

.registrarse:hover{
	transition: all .3s;
	background: rgb(240, 105, 105);
	border: 1px solid red;
	color: #fff;
	border: 1px solid rgb(240, 105, 105);
	

}

header nav>ul li a:hover{
	transition: all .3s;
	background: rgb(130, 130, 130);
	/*color: #00aef7;*/
	color: #fff;
	border: 1px solid  rgb(130, 130, 130);
	
}



.resgi_men{
	background: #35df86;
	border: 1px solid #35df86;
	color: #fff;
	font-weight: bold;
}

.resgi_men:hover{
	background: rgb(73, 226, 146);
	border: 1px solid rgb(73, 226, 146);
}


#instr_conv{
	width: 17%;
	
}
#instr_conv a{
	background: rgb(240, 240, 240);
	color: rgb(90, 90, 90);
	border: 1px solid rgb(240, 240, 240);
}

.ases_acd{
	background: rgb(240, 240, 240);
	color: rgb(90, 90, 90);
	border: 1px solid rgb(240, 240, 240);
}







#menu_header{
	display: none;
}

#menu_header_user{
	display: none;
}

#caja_menu{
	display: none;
}

#caja_menu_user{
	display: none;
}


#t_matriculando{
	color: rgb(150, 150, 150);
	
}
#t_matriculando p{
	display: none;
}

.conta_w{
width: 28%;
color: rgb(150, 150, 150);
margin-top: 30px;
}
.conta_w img{
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 5px;
	margin-top: -8px;
}

.hed_usuario{
	width: 20%;

}
.inicio_lista{
	background: rgb(150, 150, 150);
	color: #fff;
	border-radius: 7px;

}

.inicio_lista a{
	border:1px solid #fff;
	color: #fff;
}
.hed_usuario a{
	overflow: hidden;
	padding: 1.1px;
	background: #fff;
	color: #00aef7;
}
.hed_usuario a img{
	width: 35px;
	height: 35px;
	float: left;
	border-radius: 50%;
}

.hed_usuario a p{
	text-align: left;
	padding: 5px;
	font-size: 0.9em;
	margin-left: 35px;
	margin-top: 6px;
}


.hed_usuario a:hover{
	background: rgb(248, 248, 248);
	transition: all .3s;
	color: #ec5252;
	border: 1px solid rgb(248, 248, 248);
}




.list_notific_chat{
	width: 38px;
}

.list_notific_coment{
	width: 38px;
}

#notification-icon{
	width: 100%;
	height: 38px;
	background: #fff;
	border: 0;
	position:relative;
	cursor:pointer;
	
	border-radius: 4px;
}

#notification-count{
	position: absolute;
	top: 1px;
    left: 2px;
    
}

#number_notif_mensaj{
	padding: 3px 7px;
	background: red;
	border-radius: 30px;
	font-weight: 400;
	color: #fff;
	font-size: 0.7em;
}

#no_mensj_notif{
	padding: 0;
}


#notification-icon img{
	margin-top: 6px;
	margin-left: 4px;
	width: 25px;
	height: 25px;
	border-radius: 50%;

}





#text_confirm{
	text-align: center;
	width: 70%;
	padding: 17px;
	color: rgb(53, 223, 134);
}

#text_confirm span{
	font-weight: bold;
	margin-right: 5px;
}

#aviso_confirmar{
	background: red;
	color: #fff;
	padding: 10px;
	border-radius: 5px;

}

/** par icono de notificaicones de comentarios */

#notification-coment{
	width: 100%;
	height: 38px;
	background: #fff;
	border: 0;
	position:relative;
	cursor:pointer;
	
	border-radius: 4px;
}
#notification-count_comentarios{
	position: absolute;
	top: 1px;
    left: 2px;
    
}
#notification-coment img{
	margin-top: 6px;
	margin-left: 4px;
	width: 25px;
	height: 25px;
	border-radius: 50%;

}

#notification-latest_coment {
  color: #555;
  position: absolute;
  right: 0px;
  background: rgb(230, 230, 230);
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.20);
  /* max-width: 250px; */
  text-align: left;
  font-size: 12px;
  overflow: auto;
  max-height: 414px;
  width: 1100%;
 border-radius: 25px 0 5px 5px;
}


/* para las notificaciones */

#notification-latest {
  color: #555;
  position: absolute;
  right: 0px;
  background: rgb(230, 230, 230);
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.20);
  /* max-width: 250px; */
  text-align: left;
  font-size: 12px;
  overflow: auto;
  max-height: 414px;
  width: 1000%;
 border-radius: 25px 0 5px 5px;
}


.notification-item {
	background: #fff;
	width: 92%;
	margin:auto;
	margin-top: 5px;
	padding:10px;
	cursor:pointer;
	border-radius: 3px;
}

.notification-item:hover{
	background: rgb(100, 100, 100);
	color: #fff;
	transition: all .3s;
}
.notification-subject {	

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#nomb_notif_mensajes{
	background:rgb(150, 150, 150);
	padding: 2px 5px;
	color: #fff;
	border-radius: 5px;
}

#fecha_noti_mensaj{
	border-bottom: 1px solid #00aef7;
}
.notification-comment {		
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style:italic;
  font-weight: bold;
}


.mensaje_nuevo_notificaiciones{
	font-size: 1em;
	padding: 10px;
	text-align: center;
}

#ver_cursos_notif{
	border-radius: 0px;
	display: block;
	text-align: center;
	padding: 15px 0;
	background: none;
	border: none;
	font-size: 0.9em;
	color: #555;
	margin-top: 5px;
}

#ver_cursos_notif:hover{
	background: rgb(100, 100, 100);
	color: #fff;
}


#notif_sup{
	display: block;
	padding: 0px 0px;
	text-align: left;
	color: #000;
	border:none;
}

#notif_sup:hover{
	
	border:none;
}

/*** HEADER DE CADA CURSO... SINGLE **/

.sub_header_single{
	overflow: hidden;
	width: 100%;
	background: #fff;
	box-shadow: 0 10px 40px rgba(69,69,69,0.1);
	padding: 2px 0;
	color: #666666;


}

#nombre_curso_hed{
	font-size: 1em;
	width: 40%;
	float: left;
	margin-left: 1%;
	padding: 15px 0;
	color: #666666;
}

#nombre_curso_hed span{
	color: rgb(0, 46, 96);
	padding: 1px 5px;
	margin-right: 5px;
	border-left: 2px solid rgb(0, 153, 255);

}

.sub_header_single #cont_pre_sing{
	width: 23%;
	float: left;
	padding: 12px 0;
	margin-left: 14%;
	text-align: center;
}
.sub_header_single #a1_pre{
	width: 15%;
	float: left;
	background: #35df86;
	border: 1px solid #35df86;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 10px 40px rgba(69,69,69,0.1);
	display: inline-block;
	text-align: center;
	padding: 12px 0;
	border-radius: 5px;
	margin-left: 1%;
}

#matricul_celular{
	display: none;
}


#a1_pre img{
	display: block;
	width: 25px;
	height: 25px;
	float: left;
	position: relative;
	left: 17px;
	top: -3px;
}


/**** BOTON MERCADO DE PAGO Y PAYPAL ****/


/*--------------- PARA FIJAR EL MENU EN LA PARTE SUPERIOR ***/
	

	#aviso{
		display: none; /*** este display ayuda a que no aparesca cuando se actualiza la página **/
		margin: 0 auto;
		top: 0px;
		position: fixed;
		width: 100%;
		padding: 15px 5px 15px 5px;
		background: #fff;
		color: #000;
		text-align: center;
		box-shadow:   0 10px 30px -20px #000;

	}

/** END FIJAR **/



/*---CABEZERA---*/

.main{
	display: block;
	width: 100%;
	clear: both;
	overflow: hidden;
}

.bacr_princ{
	background: rgb(247, 249, 253);
	overflow: hidden;

}

/**** PORTADA PRINCIPAL**/

.portada_uc{
	/*background-image: url(http://localhost/uciency/imagenes/portada.jpg);*/
	width: 100%;
	
	height: 408px;
	/*background: #00aef7;*/
	background: rgb(0, 46, 96);
	overflow: hidden;





}

.cont_1_portada{
	float: left;
	height: 100%;
}
#conte_img_1{
	width: 42%;
	margin-left: -110px;
	margin-top: 45px;

}
#conte_img_1 img{
	display: block;
	width: 100%;
}
#cont_central{
	width: 50%;
	position: absolute;
	left:20%;
}
#cont_img_2{
	position: relative;
	width: 45%;
	left: 30%;
}

#cont_img_2 img{
	display: block;
	width: 100%;
	margin-top: 12px;
}

.content_text_portada{
	height: 300px;
	clear: both;
	position: relative;
	top: -410px;
	left: 30px;
	width: 40%;
	margin: auto;
	padding-left: 20px;
	

}

.content_text_portada h2{
	font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #fff;
	padding: 10px;;
	text-shadow: 0 2px 4px rgba(41,48,59,.55);
	font-size: 2.3em;
	line-height: 1.43;
}
.content_text_portada p{
	font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #fff;
	padding: 10px;
	text-shadow: 0 2px 4px rgba(41,48,59,.55);
	font-size: 1.1em;
	line-height: 1.61;
}

.content_text_portada a{
	padding: 10px;
	display: block;
	width: 25%;
	border-radius: 50px;
	margin-left: 10px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border: 1px solid rgb(149, 223, 255);
	margin-top: 20px;
}

.portada_uc:hover .content_text_portada a{
	border: 1px solid #fff;
	background: #fff;
	color: #00aef7;
	transition: all 0.5s;
}

/*----SECCION DE CURSOS-------*/

.cont_cursos{
	overflow: hidden;
}

.filter, .list_cursos{
	margin-top: 10px;
}
.filter{
	width: 20%;
	/*background: #fff;*/
	float: left;
	margin-left: 8%;
	box-shadow: 0 20px 40px -20px rgba(0,0,0,.1);
	border-radius: 5px;
	overflow: hidden;
	/*border-bottom: 5px solid rgb(46, 172, 255);
	border-top: 5px solid rgb(46, 172, 255);*/

}

.content_filter a{
	display: block;
	padding: 10px;
	
	width: 70%;
	margin: auto;
	
	border-radius: 3px;
	margin-bottom: 10px;
}

#a_1_filt{
	background: #35df86;
	margin-top: 30px;
	
	color: #fff;
}

#a_2_filt{
	background: rgb(150, 150, 150);
	
	color: #fff;
}

#a_3_filt, #a_4_filt{
	border: 1px solid rgb(150, 150, 150);
	color: rgb(150, 150, 150);
	
}

#a_4_filt{
	margin-bottom: 30px;
}

.content_filter .informt #p_infor{
	width: 85%;
	clear: both;
	font-size: 0.8em;
	margin-top: 2px;
	
}

/*** lista de categorias**/

.todo_curs_t{
	color: #35df86;
	font-size: 0.9em;
	padding: 20px 10px 2px 10px;
	box-sizing: border-box; 
	display: block;
}


.filt_categorias{

}

.filter h3{
	color: #666666;
	font-weight: bold;
	font-size: 0.95em;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*
.filt_categorias h3, .cat_lat_be h3{
	color: #666666;
	font-weight: bold;
	font-size: 0.95em;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 5px;
	margin-bottom: 5px;
}*/

.filt_categorias a, .cat_lat_be p{
	display: block;
	width: 92%;
	margin: auto;
	padding: 8px 7px;
	box-sizing: border-box;
	color: rgb(141, 141, 157);
	font-size: 0.9em;
	border-radius: 3px;

}

.filt_categorias a span, .cat_lat_be p span{
	font-weight: bold;
	color:#000;
}

.filt_categorias a:hover, .cat_lat_be p:hover{
	color: #4B22F4;
	transition: all .5s;
	font-weight: bold;
}


.cat_lat_be{
	display: block;
}

.filt_categorias, .cat_lat_be{
	background: #fff;
	border-radius: 2px;
}

/***/

.list_cursos{
	width: 65%;
	float: right;
	margin-right: 5%;
	margin-bottom: 20px;


}

.cd_cours{
	
	width: 28.6%;
	float: left;
	margin-left: 3.5%;
	background: #fff;
	box-shadow: 0 20px 40px -20px rgba(0,0,0,.1);
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 10px;

	-webkit-transition:all .9s ease; /* Safari y Chrome */
	-moz-transition:all .9s ease; /* Firefox */
	-o-transition:all .9s ease; /* IE 9 */
	-ms-transition:all .9s ease; /* Opera */
		
	
}

#cursos_list_cat{
	color: #4B22F4;
}

.titul_curs{
	
	font-size: 1.3em;
	color: #666666;
	padding: 10px;
	margin-top: 10px;
	font-weight: bold;
	margin-left: 2.3%;
	clear: both;
	}

.cont_img{
	width: 100%;
}

.cont_img img{
	display: block;
	width: 100%;
	border-radius: 5px 5px 0 0;
}

.titul_cd_c h2{
	color: rgb(46, 172, 255);
	font-size: 1em;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	padding: 10px;
	min-height: 70px;

}
.cd_cours:hover .titul_cd_c h2{
	color: rgb(0, 136, 202);
	transition: all .6s;
}
.duration_c p{
	width: 95%;
	margin: auto;
	padding: 2px;
	font-size: 0.8em;
	color: rgb(125, 125, 125);
	margin-top: 5px;
	margin-bottom: 5px;
}
.duration_c p img{
	width: 12px;
	height: 12px;
	float: left;
	margin-top: 2px;
	margin-right: 3px;
}

.duration_c p span{
	color: rgb(46, 172, 255);
}

#matricula, #proxima_fecha{
	width: 95%;
	padding: 5px 3px;
	font-weight: bold;
}
#matricula{
	
	
	color: #35df86;
	

}
#proxima_fecha{
	
	color: orange;
	
}
.cost_p{

}

.cost_p p{
	padding: 2px;
	font-size: 0.9em;
	margin-left: 23%;
	margin-top: 5px;
	margin-bottom: 15px;
	color: #666666;
}

#dsct_add{
	background: #ff0249;
	color: #fff;
	border-radius: 50%;
	padding: 5px;
}

#span_p_1{
	color: #666666;
	font-weight: bold;
	margin-right: 5px;

}
#span_p_2{
	text-decoration:line-through;
	margin-right: 5px;
	color: #666666;

}
#span_p_3{
	background: #ff0249;
	color: #fff;
	font-weight: bold;
	padding: 3px;
	border-radius: 2px;
	margin-right: 5px;
}

#dolares{
	font-size: 0.9em;
	position: relative;
	top:-15px;
	color: #ff0249;
	display: block;
	
}
.cd_cours:hover {
	
	box-shadow:   0 10px 30px -20px #000;
	/*transition: all .35s;*/

-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}




/* SECION DE CATEGORIAS Y DESCARGAR ARCHIVOS DE YOTUBE ********************/
.cont_cab_cat{
	background: #fff;
	width: 100%;
	overflow: hidden;
}
.sub_cont_cab_cat{
	background: red;
	width: 80%;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;

}
.cont_tut{
	width: 45%;
	float: left;
	background: #f7f9fd;
	padding: 10px;
	box-sizing: border-box;
	box-shadow: 0 10px 40px rgba(69,69,69,0.3);
	margin-bottom: 60px;
	margin-top: 25px;

}
.cont_tut h3{
	font-size: 0.9em;
	color: #666666;
	padding: 10px 0 0 0;

}

.cont_tut h2{
	font-size: 1.3em;
	color: #666666;
	padding: 20px 0;
	box-sizing: border-box;
	line-height: 29px;

}
.cont_tut p{
	color: #666666;
	font-size: 0.95em;
	margin-bottom: 15px;
	border-radius: 5px;

}
.cont_tut a{
	display: inline-block;
	padding: 10px;
	box-sizing: border-box;
	background: #ff0249;
	color: #fff;
	border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
}

/*

.cont_prem{
	width: 45%;
	float: right;
	margin-top: 35px;
	border-left: 5px solid #35df86;
	padding-left: 10px;
}

.cont_prem h3{
	line-height: 33px;
	font-size: 1.6em;
	color: #666666;
	text-shadow: 1px 1px 1px rgba(0,0,0,.004);
	font-weight:bold;
	margin-top: 17px;
	margin-bottom: 12px;

}


.cont_prem p{
	color: #666666;
	text-shadow: 1px 1px 1px rgba(0,0,0,.004);
	padding: 5px 0;
	line-height: 31px;
	
}

#span_dscto{
	font-weight: bold;
	background: #ff0249;
	color: #fff;
	padding: 7px 9px;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 3px;
	margin-top: 3px;
	color: #fff;
	font-size: 1.6em;
}

.cont_prem p span{
	color: #ff0249;
}
.cont_prem a{
	color: #4B22F4;
	display: inline-block;
	padding: 15px 0;
	font-weight: bold;
	color: #fff;



} */

/*** nuevo desde, aqui para descargar archivos o recursos */

.franj_descarga{
	background: rgb(70, 70, 70);
	padding: 20px 0;
	box-sizing: border-box;
}
.cont_franj{
	width: 70%;
	margin: auto;
	overflow: hidden;
}
.p_text_desc{
	display: block;
	width: 70%;
	float: left;
	color: #fff;
}
.p_text_desc span{
	font-weight: bold;
}
.enlc_descar_arch{
	display: block;
	width: 20%;
	float: right;
	margin-right: 5%;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5%;
	background: #ff0249;
	color: #fff;
	text-align: center;
}



/* ----------*/

.cont_anun{
	display: block;
	width: 100%;
	background: rgb(247, 249, 253);
	border-bottom: 1px solid rgb(210, 210, 210);
	overflow: hidden;
}

.cont_anun_1{
	width: 40%;
	float: left;
	margin-left: 10%;
}
.cont_anun_2{
	width: 40%;
	float: right;
	margin-right: 10%;
}



.cont_anun_1 h3{
	line-height: 33px;
	font-size: 1.4em;
	color: #666666;
	text-shadow: 1px 1px 1px rgba(0,0,0,.004);
	font-weight:bold;
	margin-top: 17px;
	margin-bottom: 12px;
	text-align: right;
	padding: 0 30px;
	box-sizing: border-box;
}


.cont_anun_2 p{
	color: #666666;
	text-shadow: 1px 1px 1px rgba(0,0,0,.004);
	padding: 0px 0;
	line-height: 28px;
	border-left: 2px solid #35df86;
	margin-top: 6px;
	padding-left: 10px;
	
}

#span_dscto{
	font-weight: bold;
	background: #ff0249;
	color: #fff;
	padding: 7px 9px;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 3px;
	margin-top: 3px;
	color: #fff;
	font-size: 1.2em;
}

.cont_anun p span{
	color: #ff0249;
}
.cont_anun a{
	display: block;
	clear: both;
	color: #4B22F4;
	padding: 15px 0;
	font-weight: bold;
	text-align: center;
	width: 40%;
	margin: auto;

}


/** END CATEGORIAS Y DESCARGAR ARCHIVOS **/








/*-----QUIENES SOMOS----*/




/*-----BENEFICIOS----*/

.beneficios_uciency{
}


.cont_beneficios_compl{
	
	width: 95%;
	box-shadow: 0px 0px 5px 3px rgb(182, 182, 182);
	margin: auto;
	overflow: hidden;
	margin-top: 50px;
	margin-bottom: 50px;
}

.beneficios{
	width: 87%;
	display: block;
	margin: 0px auto;
	margin-top: 50px;
	margin-bottom: 50px;
	overflow: hidden;
}

h2.porque{
	background:;
	font-size: 1.7em;
	color: #53575a;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	font-family: Open Sans,"sans-serif";
font-weight: 700;



}
.beneficios .cont_ben{
	background: ;
	width: 29.3%;
	float: left;
	margin-top: 20px;
	margin-left: 3%;
}

#ben_4{
	clear: both;
	float: left;
}

.imgb{
	background:;
	display: block;
	margin: 3px auto;
	width: 100px;


}
.imgb img{
	display: block;
	width: 60px;
	height: 60px;
	margin: auto;
	margin-top: 20px;
}

.titulob{
	background:;
	color: #53575a;
	text-align: center;
	padding: 10px;
	font-size: 1.1em;
	font-family: Open Sans,"sans-serif";
	margin-top: 3px;
	margin-top: 10px;
}

.descrip{
	color: #53575a;
	padding: 10px;
	text-align: center;
	font-size: 0.9em;
	font-family: Open Sans,"sans-serif";
	margin-top: 3px;
	line-height: 27px;
}

.beneficios .titulob{
	color: #53575a;
	text-align: center;
	padding: 5px;
	font-size: 0.9em;
	font-family: Open Sans,"sans-serif";
	margin-top: 3px;
	margin-top: 10px;
	font-weight: bold;
}

.beneficios .descrip{
	color: rgb(9, 65, 98);
	color: #53575a;
	font-size: 0.8em;

}


/*** sección de testimonios **/

.testimonios_uciency{
	overflow: hidden;
	padding-bottom: 20px;
	max-width: 1600px;
	margin:auto;
}
.cont_cd_testimonio{
	overflow: hidden;
	float: left;
	margin-left: 6%;
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 200px;
}
.cont_cd_testimonio img{
	display: block;
	box-shadow: 0 0 10px 5px rgb(240, 240, 240);
	
}


#ver_opiniones{
	display: block;
	clear: both;
	width: 18%;
	margin: auto;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	padding: 10px;
	background: rgb(66, 103, 178);
	margin-bottom: 30px;
}

#ver_opiniones:hover{
	background: rgb(99, 131, 197);
	transition: all .5s;
}

/*-----sección de preguntas o dudas---*/




/*** pagina de single o iformacion de cursos **/
.cont_single{
	width: 100%;
	margin: auto;
	overflow: hidden;
}


.cont_avis_fech{
	background: #ff0249;
	padding: 10px;
	box-sizing: border-box;
}

.cont_avis_fech p{
	text-align: center;
	color: #fff;
	padding: 5px;
	font-size: 0.9em;
	line-height: 28px;
}

.cont_avis_fech p span{
	background: #fff;
	color: #ff0249;
	font-size: 1em;
	font-weight: bold;
	margin-left: 5px;
	border-radius: 3px;
	text-align: center;
	padding: 5px;
}


/*** para colocar la caja de video de presentación **/
.sing_cab{
	background: #fff;
	overflow: hidden;
	
}
#vi_pre_text{
	width: 45%;
	margin-left: 10%;
	font-size: 0.8em;
	color: #666666;
	padding: 5px 0;
	margin-top: 20px;
}

#vi_pre_text span{
	
	color: rgb(166, 166, 166);
}

#video_celular{
	display: none;
}

.video_pre, .detall_pre{
	margin-top: 10px;
	margin-bottom: 30px;
}

.video_pre{
	width: 45%;
	
	background: #f7f9fd;
	float: left;
	margin-left: 10%;
	box-shadow: 0 10px 40px rgba(69,69,69,0.3);
	border-radius: 5px;

}


#img_portada_present{
	display: block;
	margin: auto;
	margin-top: 20px;
	border-radius: 3px;
	max-width: 90%;
}
.cont_pre_v{
	overflow: hidden;
}
.pre_v_p{
	width: 50%;
	float: left;
	font-size: 0.9em;
	padding: 15px 0;
	
}
.pre_v_p img{
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 5px;
	margin-top: -5px;
	margin-left: 20%;

}
#pre_v_1{
	color: #35df86;
	font-weight: bold;
}

#pre_v_2 a{
	color: #00aef7;
	font-weight: bold;
}

.detall_pre{
	width: 32%;
	float: right;
	margin-right: 8%;
}

.cont_vivo{
	width: 100%;
}

.div_vivo_1{
	float: left;
	width: 30%;
	margin-left: 3.3%;
}


.video_pre iframe{
	display: block;
	width: 100%;
	border-radius: 3px;
}


.detall_pre h1{
	color: #666666;
	text-shadow: 1px 1px 1px rgba(0,0,0,.004);
	line-height: 32px;
	font-size: 1.6em;
	
}

.cont_cer_dur{
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
}

#p1_cert, #p2_durat{
	
	font-size: 0.8em;
	padding: 3px 0;
	color: #666666;
	text-shadow: 1px 1px 1px rgba(0,0,0,.004);
}
#p1_cert{
	width: 48%;
	float: left;
}

#p2_durat{
	width: 35%;
	float: right;
	margin-right: 12%;
}
.cont_cer_dur img{
	display: block;
	width: 15px;
	height: 15px;
	float: left;
	margin-right: 3px;
}

#p1_cert span, #p2_durat span{
	color: rgb(46, 172, 255);
}

#cont_pre_sing{
	padding: 1px 0 20px 0;
}
#cont_pre_sing #span_p_3{
	font-size: 1.5em;
	padding: 5px 15px;

}
#cont_pre_sing #span_p_2{
	
}

.cont_mtr{
	
}

.cont_mtr p{
	text-align: center;
	padding: 12px 0;
	border-radius: 5px;
	
}

.cont_mtr a{
	display: inline-block;
	text-align: center;
	padding: 12px 0;
	border-radius: 5px;
}

#a1_pre{
	
	width: 45%;
	background: #35df86;
	border:1px solid #35df86;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 10px 40px rgba(69,69,69,0.1);
}

#a2_guia{
	
	width: 45%;
	background: #fff;
	border:1px solid #0099ff;
	color:  #0099ff;
	font-weight: bold;
}

#a1_pre:hover{
	background: rgb(25, 192, 105);
	transition: all .9s;
}

#a2_guia:hover{
	transition: all .5s;
	box-shadow: 0 10px 40px rgba(69,69,69,0.1);
}

#cuenta_b{

	display: block;
	
	padding: 10px 0px;
	font-size: 1em;
	font-weight: bold;
	color: rgb(223, 139, 233);
	margin-top: 15px;
	cursor:pointer;



}
#cuenta_b img{
	display: block;
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 5px;
	margin-top: -11.5px;
}

#cuenta_b span{
	padding: 2px 7px;
	background: rgb(223, 139, 233);
	border-radius: 3px;
	color: #fff;
}

.caja_cuentas{
	
	
}

.cuentas_bancarias{
	
	width: 100%;
	overflow: hidden;
	padding-bottom: 10px;
	border-left: 5px solid #00aef7;
	padding-left: 2px;
	background: rgb(250, 250, 250);
	
	
}

.cuentas_bancarias>p{
	margin-top: 10px;
	margin-left: 3%;
	color: #666666;
	font-size: 0.8em;
}

.cuentas_bancarias>p>img{
	display: block;
	width: 25px;
	height: 25px;
	float: left;
	margin-right: 10px;
	margin-top: -4px;
	border-radius: 3px;
	

}

.cuentas_bancarias>p span{
	font-size: 1.1em;
	font-weight: bold;
	
}


#descargar_cuentas, #descargar_cuentas_2{

	display: block;
	background: #ff0249;
	margin-top: 10px;
	margin-left: 3%;
	color: #fff;
	text-align: center;
	padding: 7px 0;
	border-radius: 3px;
	font-size: 0.9em;

}
#descargar_cuentas{
	
	width: 55%;
	
}

#descargar_cuentas_2{
	width: 70%;
}

.cuentas_bancarias>div{
	width: 78%;
	margin: auto;
	margin-top: 10px;
}
.cuentas_bancarias>div p{
	font-size: 0.8em;
	color: #666666;
}

.cuentas_bancarias>div img{
	display: block;
	width: 10px;
	height: 10px;
	float: left;
	margin-right: 3px;
	margin-top: 3px;
}

.cuentas_bancarias>div p span{
	font-weight: bold;
}




#a_regalo{
	display: block;
	padding: 5px 0;
	font-size: 1em;
	font-weight: bold;
	color: rgb(223, 139, 233);
	margin-top: 15px;
	margin-bottom: 15px;

}

#a_regalo img{
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 5px;
}

#a_regalo:hover{
	color: rgb(203, 63, 218);
	transition: all .5s;
}

.dur_oferta{
	width: 100%;
	height: 100px;
	margin: auto;
	background: #fff;
	overflow: hidden;
	border-radius: 3px;
	border-bottom: 5px solid #ff0249;
	margin-top: 25px;
	margin-bottom: 50px;

}
.dur_oferta h3{
	width: 100%;
	margin: auto;
	border-radius: 3px 3px 0 0;
	font-size: 0.9em;
	text-align: center;
	padding: 5px 0;
	/*background: rgb(100, 100, 100);*/
	background: #ff0249;
	color: #fff;
}
.dur_oferta p{
	text-align: center;
	margin-top: 20px;
	font-size: 1.2em;
	font-weight: bold;
	color: rgb(100, 100, 100);

}



/*** para las cajas de fecha y oferta actualizado **/
.caja_oferta{
	overflow: hidden;
	margin-top: 20px;
}

.caja_oferta h3{
	font-size: 0.9em;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	border-radius: 3px 3px 0 0;


}

.caja_oferta p{
	font-size: 0.8em;
	color: rgb(100, 100, 100);
	padding: 15px 1px;
	text-align: center;

	}

.inicio_fecha{
	float: left;
	width: 49%;
	border-bottom: 5px solid #ff0249;

}

.inicio_fecha h3{
	background: #ff0249;
}

.oferta_fecha{
	float: right;
	width: 49%;
	border-bottom: 5px solid rgb(100, 100, 100);

}


.oferta_fecha h3{
	background: rgb(100, 100, 100);
}



.div_ofer_down{
	clear: both;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}

.div_f_sin{
	display: block;
	float: left;
	width: 30%;
	margin-left: 2.5%;
	
}

.div_f_sin h3{
	font-size: 0.8em;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	border-radius: 3px 3px 0 0;
}

.div_f_sin p{
	font-size: 0.8em;
	color: rgb(100, 100, 100);
	padding: 7.5px 1px;
	text-align: center;
} 

#inicio_f{
	border-bottom: 2px solid #ff0249;
}

#inicio_f h3{
	background: #ff0249;
}




#oferta_f{
	border-bottom: 2px solid rgb(100, 100, 100);
}
#oferta_f h3{
	background: rgb(100, 100, 100);
}
#dowl_pdf{
	background: rgb(68, 200, 219);
	border-radius: 3px;
	padding: 5px;
	box-sizing: border-box;
}
#dowl_pdf:hover{
	transition: all .3s;
	background: #24a9bd;
}

#dowl_pdf img{
	display: block;
	width: 40px;
	height: 40px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

#dowl_pdf p{
	margin-left: 53px;
	margin-top: 2px;
	font-size: 0.9em;
	color: #fff;
	padding: 10px;
	box-sizing: border-box;
	text-align: left;
}






.div_pasos_m{
	display: block;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 20px;
}

.div_pasos_m h3{
	padding: 15px 15px 10px 6px;
	box-sizing: border-box;
	font-size: 1em;
	color: rgb(100, 100, 100);
}


.div_pasos_m .cd_pas_descr{
	font-size: 0.9em;
	margin-top: 5px;
	padding: 5px;
	box-sizing: border-box;
	color: rgb(100, 100, 100);
	padding: 7px;
	overflow: hidden;
	line-height: 26px;
}

.div_pasos_m .cd_pas_descr .descr_fich{
	width: 90%;
	margin-right: 10%;
	margin-top: 17px;
	text-align: center;
}


.div_pasos_m p span{
	font-weight: bold;
	padding: 6px;
	background: rgb(150, 150, 150);
	color: #fff;
	text-align: center;
	border-radius: 2px;
	margin-right: 10px;
}


.div_pasos_m p #corre_sp_reg{
	font-weight: bold;
	background: #fff;
	color: #ff0249;
	background: none;
	

}

.div_pasos_m p .click_aq_re{
	color: #24a9bd;
	font-weight: bold;
	margin-left: 2px;
}

.div_pasos_m p .click_aq_re:hover{
	color: rgb(40, 191, 213);
	transition: all .3s;
}

.div_pasos_m p .inc_ses_d{
	color: #24a9bd;
	font-weight: bold;
	margin-left: 2px;
}
.div_pasos_m p .inc_ses_d:hover{
	color: rgb(40, 191, 213);
	transition: all .3s;
}


#resum_info_scrol .cd_pas_descr #corre_sp_reg{
	position: relative;
	left: -5px;
	top: 0;
	font-size: 0.9em;
}



#resum_info_scrol .cd_pas_descr .descr_fich{
	width: 90%;
	margin-right: 10%;
	text-align: center;
}

#resum_info_scrol h3{
	color: rgb(80, 87, 99);
	margin-bottom: 15px;
	font-weight: bold;
	text-align: left;
	background: #fff;
}



.div_cont_cont_lan{
	overflow: hidden;
	margin-top: 5px;
}


.div_cont_cont_lan img{
	display: block;
	width: 35px;
	height: 35px;
	float: left;
	margin-left: 20px;
	margin-top: 1px;
}

.div_cont_cont_lan p{
	margin-left: 55px;
	padding: 10px;
	color: #ff0249;
	font-size: 0.8em;
}






/*  secion de contenido de los cursos **/
.cont_total_sing{
	overflow: hidden;
	background: #fff;
}

.cont_inf_c{
	
	background-color: #F7F9FA;
	overflow: hidden;
	margin-bottom: 10px;
}

.inf_1{
	width: 50%;
	margin-left: 7%;
	float: left;
}

.inst_1{
	width: 22%;
	float: right;
	min-height: 300px;
	margin-right: 15.5%;
	margin-top: 40px;
	background: #fff;
	border-radius: 3px;
	margin-bottom: 20px;
}

.instructor{

}

.instructor h3{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #7F8A94;
}

.instructor img{
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin: auto;
	margin-top: 1px;
	margin-bottom: 10px;
}

.ttl_1{
	font-size: 1.1em;
	text-align: center;
	color: rgb(70, 70, 70);
	padding: 10px;
	font-weight: bold;
}

.subt_2{
	text-align: center;
	font-size: 0.9em;
	color: rgb(100, 100, 100);
	padding: 10px;
}
.instructor .boton_leer{
	display:block;
	width: 40%;
	margin-left: 50%;
	color: rgb(0, 153, 255);
	padding: 10px;
	text-align: center;
	border-radius: 50px;
	font-size: 0.9em;
	font-weight: bold;
	cursor: pointer;
}
.instructor .boton_leer:hover{
	transition: all 0.3s;
	color: rgb(0, 46, 96);
}

/** cuando hay dos profesores a mas **/

.inst_part_dos{
	overflow: hidden;
	width: 40%;
	margin-left: 55%;
	margin-top: 20px;
}

.inst_part_dos>h3{
text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #7F8A94;
}

.inst_part_dos .instructor{
	background: #fff;
	padding-top: 20px;
	padding-bottom: 10px;
	border-radius: 3px;
}

.cont_dos_docen_1{
	width: 47%;
	float: left;
	margin-left: 2%;
	
}


/** end **/


#aviso_lateral{
		display: none; /*** este display ayuda a que no aparesca cuando se actualiza la página **/
		top: 140px;
		left: 70%;
		position: fixed;
		width: 25%;
		padding: 15px 5px 15px 5px;
		background: #fff;
		color: #000;
		box-shadow:   0 10px 30px -20px #000;
		padding: 20px;
		box-sizing: border-box;
		border: none;
}



.detalles_curs{
	width: 52%;
	float: left;
	margin-left: 7%;
}

.adit_info{
	width: 23%;
	float: right;
	margin-right: 10%;
	padding: 10px;
	border-radius: 5px;
	border:1px solid rgb(210, 210, 210);

	 
}

.adit_info .subt_mat{
	color: rgb(80, 87, 99);
	margin-bottom: 15px;
}


.cont_text_m{
	margin-bottom: 20px;
	height: 80px;
	background: rgb(245, 245, 245);
	border:none;

}
.cont_text_m p{
	text-align: center;
	color: rgb(70, 70, 70);
	font-size: 0.9em;
	padding: 5px;
}


.contact .subt_mat{
	color: rgb(80, 87, 99);
}
.informt{
	overflow: hidden;
}


#p_infor{
	width: 45%;
	float: left;
	margin-top: 5px;
	margin-left: 3.3%;
	color: #666666;
	font-size: 1em;
	padding: 5px 0;

}

#p_infor img{
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 7px;
}


#certificado_gratis{
	clear: both;
	display: block;
	background: #35df86;
	padding: 10px 0;
	width: 100%;
	
	color: #fff;
	margin-top:10px;
	border-radius: 3px;
	cursor:pointer;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgb(70, 70, 70);
}


#certificado_gratis span{
	float: right;
	background: #fff;
	padding: 3px 5px;
	border-radius: 3px;
	margin-right: 2%;
	text-align: center;
	font-size: 0.9em;
	color: #35df86;
	font-weight: normal;
	text-shadow: none;
}


.lista_certificado{
	background: rgb(245, 245, 245);
	padding-bottom: 18px;
	padding-top: 10px;
}
.lista_certificado ul{

}
.lista_certificado ul li{
	color: #666666;
	margin-left: 5%;
	margin-top: 8px;
}
.lista_certificado ul li span{
	font-weight: bold;
	margin-left: 1%;
}


/** sobre el curso **/

.p_sobr_cur{
	margin-left: 3%;
	padding: 5px;
	color: #666666;
}

.subt_sbr{
	font-size: 1em;
	color: rgb(223, 139, 233);
	margin-left: 3%;
	margin-top: 25px;
	margin-bottom: 20px;
}

.sobr_curs ul{
	margin-left: 7%;
}
.sobr_curs ul li{
	color: #666666;
	list-style-image: url(http://localhost/uciency/imagenes/estilo.png);
	margin-top: 5px;
	margin-bottom: 5px;
}
.cont_soft{
	overflow: hidden;
	padding-bottom: 35px;
}

#p_softw{
text-align: center;
width: 18%;
font-size: 0.8em;
float: left;
margin-left: 0.5%;
margin-top: 10px;
}
#p_softw img{
	display: block;
	width: 30px;
	height: 30px;
	margin: auto;

}
#p_softw span{
	color: #666666;
	margin-top: 2px;

}
/** temario **/

.cont_cd_tem{
	overflow: hidden;
	border-radius: 5px;
	margin-top: 40px;
	margin-bottom: 40px;
	box-shadow: 0 0 2px 1px rgb(240, 240, 240);
	padding-bottom: 10px;
}
.tit_single{
	margin-top: 30px;
	padding: 10px 0;
	font-size: 1.2em;
	color: #666666;
	margin-left: 3.5%;
}

.cd_tit_tem{
	overflow: hidden;
	border-bottom: 1px solid #7fcbff;
	margin-top: 20px;
	padding: 5px;
	border-radius: 5px 5px 0 0;
}

.acordeon, .acordeon_2{
	border-top: 1px solid rgb(241, 241, 241);
	border-left: 1px solid rgb(241, 241, 241);
	border-right: 1px solid rgb(241, 241, 241);
	width: 97%;
	margin: auto;
	border-radius: 5px;
}

.a_cd_tem{

}

.caja_titulo_temario, .caja_titulo_temario_2{
	overflow: hidden;
	border-bottom:1px solid rgb(241, 241, 241);;
	padding: 12px 0;
	cursor: pointer;
	border-bottom: 1px solid rgb(79, 185, 255);
	
}


#mod_1{
	width: 85%;
	float: left;
	margin-left: 3%;
	color: #666666;
	font-weight: bold;
	padding: 5px 0;

}
#mod_1 span{
	font-size: 0.8em;
	color: rgb(0, 153, 255);
	line-height: 29px;
}
#mod_2{

	
	width: 30px;
	height: 30px;
	float: right;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	border-radius: 50%;
	margin-top: 10px;
	margin-right: 2%;
	color: rgb(0, 153, 255);
	font-family: 'Courgette', cursive;

}
.cont_cd_titl_t:hover{
	background: rgb(241, 241, 241);
	transition: all .6s;
}



.contenido_temario, .contenido_temario_2{
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 40px;
	background: rgb(251, 251, 251);
}

.contenido_temario ul, .contenido_temario_2 ul{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5.8%;
}

.contenido_temario ul li, .contenido_temario_2 ul li{
	margin-top: 30px;
	list-style: none;
	border-left: 4px solid rgb(0, 153, 255);
	padding-left: 5px;
}

.contenido_temario ul li a, .contenido_temario_2 ul li a{
	color: #666666;

	/* para quitar el href del enlace **/

	pointer-events: none;
	cursor: default;

	/** end */


}

.contenido_temario ul li a:hover, .contenido_temario_2 ul li a:hover {
	color:rgb(0, 153, 255);
	transition: all .5s;
}

.mod_4{
	background: red;
}
/*** AVISO **/
.cont_avis_act{
	overflow: hidden;
}
.avis_act{
	width: 90%;
	margin: auto;
	border: 1px solid rgb(241, 241, 241);
	border-radius: 5px;
	box-shadow: 0 10px 20px rgb(241, 241, 241);
	margin-bottom: 30px;
	margin-top: 30px;
}
.avis_act h3{
	text-align: center;
	font-size: 1.2em;
	padding: 20px 10px;
	color: #666666;
	margin-top: 10px;
}

.avis_act p{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.avis_act a{
	display: block;
	width: 45%;
	margin: auto;
	padding: 13px 10px;
	background-color: #35df86;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	margin-bottom: 30px;
}
.avis_act a:hover{
	background: rgb(25, 192, 105);
	transition: all .6s;
}

/** preguntas frecuentes **/


.preguntas{
	padding-bottom: 70px;
}
.cd_pregunt_p{
	width: 90%;
	margin-left: 3.5%;
}
.cd_pregunt_p h3{
	color: #666666;
	font-size: 1em;
	padding: 15px 0;
}
.cd_pregunt_p p{
	color: #666666;
	padding: 5px 0;
	font-size: 0.9em;
}


/*** guia de matrícula **/
.adit_info{
	overflow: hidden;
}

.adit_info h3{
	margin-top: 2px;
	margin-left: 0px;

	background: #00aef7;
	text-align: center;
	color: #fff;
	border-radius: 5px 5px 0 0;
	margin-bottom: 10px;
}
.sidb_guia{
	overflow: hidden;
}



#matricu_singl{
	display: block;
	background: #35df86;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	width: 95%;
	margin: auto;
	border-radius: 5px;
}


#aviso_33{
	text-align: center;
	padding: 7px 4px;
	color: #ff0249;
	font-weight: bold;
}

#aviso_33 span{
	color: rgb(150, 150, 150);
	font-weight: normal;
	font-size: 0.9em;
}

.form_matricula{
}


#h3_sus{
	padding: 10px 0;
}

.form_matricula form{
	padding-left: 5px;
	padding-right: 5px;
}

.cont_input{
	margin-top: 5px;
}
.cont_input p{
	width: 25%;
	float: left;
	margin-top: 5px;
}

.form_matricula form .cont_input input{
	width: 70%;
	border: 1px solid rgb(200, 200, 200);
	padding:5px;
	border-radius: 5px;
}
.form_matricula form>input{
	margin-top: 10px;
	margin-bottom: 10px;
}
.form_matricula form label{
	font-size: 0.9em;
	

}
.form_matricula form label ul{
	margin-top: -2px;
}
.form_matricula form label ul li{
	list-style: normal;
	font-size: 0.9em;
}

.form_matricula form input[type="submit"]{
	display: block;
	background: orange;
	width: 70%;
	margin: auto;
	padding: 10px 8px;
	border-radius: 30px;
	border: none;
	color: #fff;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: -10px;
}



.ya_t_cuent_s{
	display: block;
	width: 60%;
	margin: auto;
	padding: 10px;
	border-radius: 3px;
	background: #35df86;
	color: #fff;
	font-size: 0.9em;
	text-align: center;
	border-radius: 30px;
}

.ya_t_cuent_s:hover{
	background: rgb(73, 226, 146);
}



.sidb_guia ul{
	margin-left: 7%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.sidb_guia ul li{
	list-style-image: url(http://localhost/uciency/imagenes/estilo.png);
	margin-bottom: 7px;
	color: #666666; 
}

.sidb_guia ul li a{
	color: rgb(0, 153, 255);
	font-weight: bold;
}
.informt_curso{
	overflow: hidden;
}
.subt_mat{
	color: rgb(223, 139, 233);
	font-weight: bold;
}
.informt_curso p#p_infor{
	overflow: hidden;
	width: 100%;
	margin-left: 0px;
}

.contact .subt_mat{
	margin-top: 10px;
	color: rgb(80, 87, 99);
	font-weight: bold;
	font-size: 1em;
}

.contact p img{
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 10px;
}

.contact p{
	margin-top: 7px;
	font-size: 0.9em;
	color: #666666; 
	font-weight: bold;
}
.contact p span{
	font-weight: normal;
}

#a_mat_sdbr{
	display: block;
	text-align: center;
	padding: 13px 0;
	background: #35df86;
	margin-top: 30px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
	border-radius: 0 0 5px 5px;
}

#a_mat_sdbr:hover{
	background: rgb(25, 192, 105);
	transition: all .6s
}





/*REDES SOCIALES*/

.validar_certificado{  /* INCLUIDO EN EL NUEVO DISEÑO*/
	/*background:rgb(0, 51, 72);*/
	overflow: hidden;

}

.validar_certificado .subtitle{
	color: #fff;
	margin-top: 70px;
}

.validar_certificado .description{
	color: #fff;
}

.validar_certificado>a{
	background: rgb(231, 160, 62);
	display: block;
	width: 12%;
	margin: auto;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 25px;
	border-radius: 5px;
	box-shadow: 2px 2px 1px 1px rgb(175, 111, 22);
}

.validar_certificado>hr{
	height: 1px solid #000;
	width: 20%;
	margin: auto;
}

/* FOOTER DEL INDEX ANTES DE INICIAR SESION*/

.footer_index{
	/*background:rgb(18, 90, 139);*/
	background: #616161;
	
	width: 100%;
	margin: auto;
	overflow: hidden;
}

.cont_detalles_footer{
	overflow: hidden;
	width: 80%;
	margin: auto;
}

.detalles_footer{
	width: 30%;
	float: left;
	margin-left: 2.5%;
	margin-top: 30px;
	margin-bottom: 30px;
}

.detalles_footer .titulob{
	color: #fff;
	text-align: left;
	padding-left: 0px;
	font-size: 1em;
}
#img_logo_footer{
	display:block;
	max-width: 150px;
	max-height: 150px;
}
.detalles_footer a{
	text-decoration: none;
	display: block;
	color: #fff;
	font-size: 0.9em;
	padding: 2px;
}

.detalles_footer .descrip{

	padding: 2px;
	color: #fff;
	text-align: left;
	font-size: 0.8em;

}
#a_sig{
	display: block;
	float: left;
}
#foot_text{
	overflow: hidden;
	margin-top: 2px;
}
#foot_text img{
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 10px;
}

.detalles_footer .descrip>img{
	width: 30px;

}
#contacto_footer{

}
#contacto_footer .descrip{
	
	
	
}
#contacto_footer .descrip img{
	
	display: block;
	float: left;
	margin-right: 5px;
margin-top: 12px;
}
.detalles_footer .descrip span{
	display: block;
	margin-left: 40px;
	margin-top: 5px;
	padding: 10px 0 0 0;
	text-align: left;
}

/*derechos de auto*/

.derechos_autor{
		/*background:rgb(18, 90, 139);*/
		width: 100%;
		overflow: hidden;
		background: rgb(0, 46, 96);
	}

.derechos_autor p{
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 0.9em;
	text-align: center;
	color: #fff;
}

.derechos_autor p span{

	margin-right: 10px;
	font-weight: bold;
}

/*end*/

/*--------------------------------ESTILOS PARA LA PÁGINA DE REGISTRAR E INICIAR SESIÓN---*/
/*
.header_login{
	background:#00aef7;

	


	display: flex;
flex-direction: row;
flex-wrap: wrap;



justify-content: center;
align-items: center;

}

.logo{
	background:;
	overflow: hidden;
}

.marca{
	background: ;
	width: 100%;
	margin-bottom: 5px;

}
#u_dos{
	background: #fff;
	color: #00aef7;
	float: left;

}

#ciency_dos{
	color: #fff;
	background: ;
	margin-left: 0px;
	width: 20%;
	float: left;
	border-right: 5px solid #fff;

}

#eslogan_dos{
	color: #fff;

	width: 35%;
	margin-left: 43%;
	margin-top: 25px;

}
*/


.formulario_login{
	background:;
	width: 50%;
	float: right;
	margin-left: 15%;
}

#formulario_iniciar_sesion{
	margin-top: 100px;

}


.olvido{
	text-decoration: underline;
	color: #000;
	font-size: 0.9em;
	padding: 5px;
	display: block;
	width: 40%;
	margin: auto;
}

.ya_tienes_cuenta{
	margin-top: 50px;
	overflow: hidden;

}
.ya_tienes_cuenta .p_cuenta{
	font-size: 0.9em;
	font-weight: bold;
}
.ya_tienes_cuenta .a_cuenta{
	font-size: 0.8em;
	color:#00aef7;
	margin-left: 10px;
	text-decoration: underline;
}

/****************/




#fondo_registro{
	
}

.contenedor_registro{
	overflow: hidden;
	width: 70%;
	margin: auto;
	background: #fff; 
	margin-top: 50px;
	margin-bottom: 50px;
	border-radius: 5px;
}

.matricula_curso{
	 background: rgb(150, 150, 150);
	 margin-bottom: -50px;
}

.matr_curso_1{
	width: 40%;
	overflow: hidden;
	margin-left: 2%;
}
.matr_curso_1 h3{
	font-size: 0.8em;
	padding: 3px;
	margin-top: 7px;
	color: #fff;
}
.matr_curso_1 p #span_p_1, .matr_curso_1 p #span_p_2{
	font-size: 0.7em;
	color: #fff;
}



#img_matricula{
	display:block;
	position: relative;
	width: 100%;
}

.g_registro{
	
	width: 45%;
	float: left;
	margin-left: 10%;
	margin-top: 30px;
	margin-bottom: 50px;

}



.contenedor_registro .g_registro{
	width: 45%;
	float: left;
	margin-left: 5%;
	margin-top: 30px;
	margin-bottom: 50px;
}

#celular_registro{
	display: none;
}

.beneficios_registro{
	margin-top: 30px;
}

.beneficios_registro h2{
	color: #666666;
	font-size: 1em;
}
.beneficios_registro p{
	overflow: hidden;
	padding: 5px;
	color: #666666;
}
.beneficios_registro p img{
	display: block;
	width: 25px;
	height: 25px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
.beneficios_registro p span{
	background: #35df86;
	border-radius: 2px;
	text-align: center;
	color: #fff;
	margin-right: 5px;
	padding: 2px 4px;
	font-size: 0.9em;

}

.beneficios_registro p a{
	color: #00aef7;
}


.g_registro .contact .subt_mat{
	color: #666666;
	margin-left: 0px;
}

.g_registro .contact  p{
	margin-left: 4%;
}

.h3_titul{
	color: #666666;
}


.g_registro #cont_pre_sing{
	font-size: 0.7em;
}


#hr_t{
	border:none;
	border: 2px solid #00aef7;
	width: 29%;
}


.titulo_dos{
	padding: 5px;
	font-weight: normal;
	font-size: 3em;
	margin-top: 60px;
}

.g_registro p{

	padding: 5px;
	font-size: 1em;
	margin-top: 10px;
}

.g_registro a{
	text-decoration: none;


}
.g_registro .tu_puedes{
	font-size: 1.2em;

}

.i_facebook{

	width: 55%;
	margin-top: 5px;
	overflow: hidden;




}

.i_facebook img{
	width: 40px;
	height: 40px;
	border-radius: 10px;



}

.i_facebook p{

	background: rgb(40, 56, 145);
	width: 82%;
	font-size: 0.9em;
	color: #fff;
	text-align: center;
	padding: 0px 10px 0 0;
	border-radius: 5px 5px 5px 5px;
	margin-bottom: 10px;

	display: flex;
flex-direction: row;
flex-wrap: wrap;

/*ahora para centrarlo*/

justify-content: center;
align-items: center;


}



/*formulario de registro*/


.form_registro{
	width: 30%;
	background:#00aef7;
	float: right;
	margin-right: 10%;
	margin-top: 35px;
	margin-bottom: 30px;
	border-radius: 10px;
}
.cont_unase{
	background: ;
	margin-top: 10px;
}

.cont_unase h2{
	text-align: center;
	padding: 5px;
	font-size: 2em;
	font-weight: normal;
	color: #fff;
}
.cont_unase p{
	font-size: 0.9em;
	text-align: center;
	width: 90%;
	border-bottom: 1px solid #fff;
	margin: auto;
	padding: 5px 5px 10px 5px;
	color: #fff;
}

.form_registro form{
	margin-top: 20px;
}

.form_r_input{
	background: ;
	width: 90%;
	margin: auto;
	margin-top: 5px;
	overflow: hidden;
	padding: 2px;

}

.form_r_input #nombre{
	width: 44%;
	float: left;


}

.form_r_input #apellido{
	width: 44%;
	float: right;




}

.form_r_input input[type="email"],
.form_r_input input[type="password"],
.form_r_input input[type="text"]{
	width: 96.5%;
	font-size: 0.9em;
	padding: 4px;
	border-radius: 5px;
	border: 2px solid rgb(24, 118, 180);


}

.form_r_input p{
	font-size: 0.6em;
	padding: 10px 4px;
	color: #fff;
}

.form_r_input p a{
	color: #fff;
	text-decoration: line;
}

.form_r_input input[type="submit"]{
	background: rgb(231, 160, 62);
	border: none;
	font-size: 1.3em;
	padding: 4px 30px;
	margin: auto;
	display: block;
	margin-bottom: 30px;
	border-radius: 7px;
	color: #fff;

}




.contenedor_registro .form_registro{
	width: 40%;
	background:#00aef7;
	float: right;
	margin-right: 5%;
	margin-top: 35px;
	margin-bottom: 30px;
	border-radius: 10px;
}


/*---END..-*/


/*** para registro con modal **/
.modal_registro{
	display:none;
 vertical-align:middle;
 position:relative;
 z-index:2;
 max-width:1300px;
 box-sizing:border-box;
 width:33%;
 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
 margin-top: 30px;
	margin-bottom: 50px;
}

.form_registro_pop_up{
	width: 90%;
	background:#fff;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 10px;
	border-radius: 2px;
}

.form_registro_pop_up form{
	margin-top: 20px;
}

.title_regis_pop_up{
	padding: 10px;
	text-align: center;
	font-size: 1.857em;
	color: #42474D;
	font-family: "Lato",sans-serif;
	font-weight: 400;
}

.form_registro_pop_up form input{
	
}
.form_r_input_pop_p{
	margin-top: 8px;
	overflow: hidden;
}

.form_r_input_pop_p #nombre{
	width: 48%;
	float: left;

}

.form_r_input_pop_p #apellido{
	width: 48%;
	float: right;


}

.form_r_input_pop_p input[type="email"],
.form_r_input_pop_p input[type="password"],
.form_r_input_pop_p input[type="text"]{
	color: #42474D;
	display: block;
	font-family: "Lato",sans-serif;
	background-color: #F7F9FA;
	border: 1px solid #E8EBED;
	padding: 12px 15px;
	resize: none;
	width: 100%;
	font-size: 0.9em;
	border-radius: 3px;
	box-sizing: border-box;

}

.form_r_input_pop_p input[type="submit"]{
	background-color: #33c17a;
	width: 100%;
	padding: 13px 0px;
	font-size: 0.929em;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	border: none;
	margin-top: 8px;
	margin-bottom: 10px;
	color: #fff;
	font-family: "Lato",sans-serif;
	font-weight: bold;
	border-radius: 3px;
}
.form_r_input_pop_p input[type="submit"]:hover{
	background: rgb(60, 204, 132);
	transition: all .3s;
}

.cont_ya_tie_cuent{
	padding: 30px;
	border-top: 1px solid #E8EBED;
	background-color: rgb(247, 249, 250);
	font-family: "Lato",sans-serif;
	font-size: 0.9em;
	text-align: center;
	border-radius: 2px;
}

.cont_ya_tie_cuent a{
	color: #24a9bd;
	margin-left: 3px;
}



.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;
}


/*-----------------------------------PÁGINA DE LANDING PAGE-----*/



/*---------------------PAGINA DE LA MATRICULA DE ARCGIS---------- */

#fondo_matricula{

background-image: url(http://www.uciency.com/imagenes/arcgisfondo.jpg);

	height: 540px;
	overflow: hidden;
}

#fondo_matricula_arcgis{
	background-image: url(http://www.uciency.com/imagenes/fondo_registro_arcgis.jpg);
	height: 853px;
}

#fondo_matricula_autocad{
	background-image: url(http://www.uciency.com/imagenes/fondo_autocad_ing.jpg);


	height: 540px;

}

#fondo_registro_autocad{
	background-image: url(http://www.uciency.com/imagenes/fondo_registro_autocad.jpg);
		height: 853px;


}


/*displa none para el input del id_curso*/

#input_display_none{
	display: none;
}


/*pasos para matricularse*/

.cont_pasos_matr{
	background: rgba(0, 174, 247, 0.95);
	overflow: hidden;


}

.cont_pasos_matr h2{

	text-align: center;
	font-weight: normal;
	font-size: 1.2em;
	padding: 10px;
	margin-top: 10px;
	color: #fff;
}
.pasos_matricula{
	width: 80%;
	margin: auto;

	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 30px;
}

.form_pasos_matr{
	background:;
	width: 30%;
	float: left;
	margin-left: 2.5%;

}

.form_pasos_matr .numer_pasos{

	font-size: 2.5em;
	text-align: center;

	width: 20%;
	border-radius: 50%;
	padding: 5px;
	float: left;
	color: #fff;
}

.alert_matr{

	font-size: 0.7em;
	color:#fff;


}

.form_pasos_matr a{

	display: block;
	width: 55%;
	margin-left: 25%;
	font-size: 0.9em;
	padding: 18px 10px;
	/*color: #FFF;*/
	font-weight: bold;
	text-align: center;
	border-radius: 30px;

	background: #fff;
	color: #00aef7;



}

#active_registro{
	background:  rgba(61, 173, 73, 0.9);
	color: #fff;
}

#active_autocad{
	background:  rgb(209,57,43);
	color: #fff;
}


/*end*/

/*ingresa correo para autocad*/
#ingresa_correo_matr_autocad{
	background: rgba(209,57,43,.9);
		margin-top: 45px;
}

#ingresa_correo_matr_autocad input{
	border: 2px solid rgba(209,57,43,.9);
}

#id_g_registro_autocad{
	background: rgba(209,57,43,.9);

	margin-top: 20px;
	border-radius: 20px;
}

/* para ingresar correo*/

	#ingresa_correo_matr{
		background: rgba(61, 173, 73, 0.9);
		margin-top: 45px;
	}



	#ingresa_correo_matr input{
	border: 2px solid rgba(47, 136, 58, 0.9);
}




#ingresa_correo_matr input[type="submit"]{
	border: none;
}
/**/

#id_g_registro{
	background: rgba(61, 173, 73, 0.9);

	margin-top: 20px;
	border-radius: 20px;
}


.cont_unase h3{
	background: rgb(231, 160, 62);
	font-size: 0.9em;
	font-weight: normal;
	margin-top: 5px;
	width: 80%;
	padding: 5px;
	margin: auto;
	border-radius: 10px;
	text-align: center;
	color: #fff;
}

.cont_unase h3 a{
	font-size: 1em;
	margin-left: 7px;
	color: #fff;
	text-decoration: underline;
}

.titulo_tres{
	font-weight: normal;
	padding: 10px;
	margin-top: 5px;
	width: 80%;
	margin-left: 2%;
	color: #fff;
}

#id_g_registro .titulo_dos, #id_g_registro_autocad .titulo_dos{
	font-size: 2.5em;
	padding: 20px;
	margin-top: 2px;
	color: #fff;
}

#id_g_registro, #id_g_registro_autocad p{
	padding: 15px;
	color: #fff;
}


#id_g_registro, #id_g_registro_autocad .tu_puedes{
	text-align: center;
	margin-bottom: 20px;
}


#id_form_registro{
	margin-top: 25px;
	background: rgba(61, 173, 73, 0.9);
}

#id_form_registro input{
	border: 2px solid rgba(47, 136, 58, 0.9);
}
#id_form_registro input[type="submit"]{
	border: none;
}

/*para autocad*/
#id_form_registro_autocad{
	margin-top: 25px;
	background: rgba(209,57,43,.9);


}

#id_form_registro_autocad input{
	border: 2px solid rgba(209,57,43,.9);
}
#id_form_registro_autocad input[type="submit"]{
	border: none;
}











/*-------------------------------------------------------------------PAGINAS CUNADO EL USUARIO INICE SESIÓN-------*/



/*** PAFINA DE INCIO DE USUARIO 1 **/
.cont_prin_indx{
	background: rgb(236, 240, 245);
	overflow: hidden;
	height: 100vh;
		
}
.cont_1_indx{
	float: left;
	margin-left: 1.25%;
	margin-top: 20px;
	margin-bottom: 10px;
	background: #fff;
	box-shadow: 0 0 3px 2px rgb(235, 235, 235);
	
	
}

#cont_idx_1{
	width: 25%;
    height: 100vh;
	
}
.cont_menu_cel{
	display: none;
}
#cont_idx_celular{
	display: none;
}

#cont_idx_2{
	width: 50%;
	height: 100vh;

}

#cont_idx_3{
	width: 20%;
	height: 100vh;
}


#cont_idx_rigth{
	width: 71.25%;
}

#cont_idx_1 h2{
	text-align: center;
	padding: 10px 0;
	color: rgb(0, 46, 96);
	font-size: 1.1em;
	border-bottom: 1px solid rgb(245, 245, 245);
	margin-top: 5px;
}

.cd_itm_escrt{
	position: relative;
	padding: 10px 0;
}
.cd_itm_escrt:hover{
	background: rgb(245, 245, 245);
}
.cd_itm_escrt img{
	float: left;
	width: 40px;
	height: 40px;
	margin-left: 15px;
	margin-right: 5px;
	border-radius: 50%;
}

.cd_itm_escrt p{
	margin-left: 60px;
	padding: 2px;
	color: rgb(50, 50, 50);
	font-size: 0.9em;

}

.cd_itm_escrt p span{
	font-size: 0.75em;
	color: rgb(160, 160, 160);
}

#cd_itm_escrt_cel{
	display: none;
}
#noti_c{
	background: red;
	padding: 1px 7px;
	color: #fff;
	font-size: 0.7em;
	position: absolute;
	border-radius: 10px;
	left: 270px;
	top: 24px;
}


/** para el cuerpo del index o inicio **/

#contenedor_inicio{
	height: 100vh;
}


.cd_detl{
	float: left;
	width: 22%;
	margin-left: 2.4%;
	height: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.cd_detl h2{
	text-align: center;
	padding: 5px 0;
	font-size: 0.8em;
	font-weight: 400;
	color: #fff;
}

#detal_1{
	background: rgb(139, 195, 74);
}

#detal_2{
	background: rgb(66, 165, 245);
}
#detal_3{
	background: rgb(186, 104, 200);
}
#detal_4{
	background: rgb(239, 83, 80);
}


.merit{
	text-align: center;
	padding: 10px;
	margin-top: 12px;
	color: #fff;
}

.cont_body_ini{
	clear: both;
	
	width: 95%;
	margin: auto;
	overflow: hidden;
	padding: 10px 0;
	margin-bottom:10px;
	box-shadow: 0 0 3px 1px rgb(215, 215, 215);

}
.cont_body_ini h2{
	
	padding: 5px 10px;
	font-size: 1em;
	font-weight: 400;
	border-bottom: 1px solid rgb(210, 210,210);
	color: rgb(0, 46, 96);
}

#list_ganador{

	width: 18%;
	float: left;
	margin-left: 1.7%;
	

}

#list_ganador p span{
	margin-left: -5px;
	
}
.cont_body_ini>p{
	clear: both;
	overflow: hidden;
	font-size: 0.9em;
	color: #33c17a;
	padding: 15px 10px 5px 10px;
}

#medall{
	display: block;
	width: 30px;
	height: 30px;
	margin: auto;
	margin-bottom: -5px;
}



.cont_nor{
	background: #00aef7;
	overflow-y: auto;
	height: 230px;
}

.cont_nor h2{
	
	padding: 5px 10px;
	font-size: 1em;
	color:#fff;
	font-weight: 600;
	border-bottom: 1px solid #fff;
	margin-top: 20px;
}

.cont_nor ul{
	width: 90%;
	margin: auto;
	margin-bottom: 10px;
}

.cont_nor ul p{
	font-weight: 600;
	padding: 15px 10px 5px 10px;
	font-size: 0.9em;
	color: #fff;
}

.cont_nor ul li{
	margin-left: 5%;
	color: #fff;
	padding: 5px;
	font-size: 0.9em;
}


.div_mejor_index h2{
	text-align: center;
}
.div_mejor_index img{
	display: block;
	margin: auto;
}

/**** PARA LOS NUEVOS CURSOS **/

#cd_cours_user{
	width: 35%;
	margin-left: 10%;
}

#cost_p_user p{
	margin-left: 10%;
}

.nvo_crso{
	width: 90%;
	margin: auto;
	overflow: hidden;
	background: #fff;
	box-shadow: 0px 0px 3px 2px rgb(230, 230, 230);
	margin-bottom: 10px; 
	margin-top: 30px;
	margin-bottom: 40px;
}

.nvo_crso:hover{
	background: rgb(253, 253, 253);
	transition: all .3s;
}
.nvo_cr_1{
	width: 50%;
	float: left;
	margin-bottom: 20px;
}
.nvo_cr_1 img{
	width: 100%;
}

.nvo_cr_2{
	width: 50%;
	float: right;
}
.nvo_cr_2 h3{
	width: 25%;
	text-align: center;
	font-size: 0.8em;
	padding: 5px 0;
	color: rgb(240, 240, 240);
	float: right;
	border-radius: 0 0 0 5px;

}

.nvo_cr_2 h2{
	clear: both;
font-weight: 900;
width: 90%;
margin: auto;
text-align: center;
padding: 0px 3px;
color: rgb(0, 46, 96);
font-size: 1.1em;
border-bottom: 1px solid rgb(245, 245, 245);

}
.clas_gratis{
	background:#ec5252;
}
.clas_premium{
	background: #33c17a;
}
.nvo_cr_2 p{
	text-align: center;
font-size: 0.9em;
padding: 7px;
color: rgb(150, 150, 150);

}





.nvo_crso a{
	
	
}

.cont_enl_crs_nvo {
	overflow-y: hidden;
	clear: both;
	margin-top: 10px;
	margin-bottom: 20px;
}
.cont_enl_crs_nvo #enl_t{
	display: block;
	width: 30%;
	margin-left: 2.5%;
	float: left;
	font-size: 0.9em;
	color: rgb(150, 150, 150);
	background: rgb(240, 240, 240);
	text-align: center;
	padding: 7px 0;
	border-radius: 40px;
	font-family: 'Courgette', cursive;
}
.cont_enl_crs_nvo #enl_t:hover{
	background: rgb(150, 150, 150);
	color: #fff;
	transition: all .3s;
}

#enl_inf{
	clear: both;
	background:#e63d1c;
	color: #fff;
	clear: both;
	display: block;
	width: 35%;
	margin: auto;
	border-radius: 50px;
	font-size: 0.9em;
	padding: 10px;
	text-align: center;
	margin-bottom: 20px;
	font-family: 'Courgette', cursive;

}

#enl_inf:hover{
	background: #00aef7;
	transition: all .3s;
}

#atent_cliente{
	display: block;
	width: 30%;
	margin-left: 2.5%;
	float: left;
	font-size: 0.9em;
	color: #fff;
	background: #33c17a;
	text-align: center;
	padding: 7px 0;
	border-radius: 40px;
	font-family: 'Courgette', cursive;
	box-shadow: 2px 2px 3px 1px rgb(34, 130, 82);
	margin-bottom: 3px;
	border:none;
}
#atent_cliente:hover{
	background: rgb(88, 211, 150);
}

/****  PARA NUEVOS TALLERES **/

#section_taller_nvo{
	
}

#final_t{
	height: 5px;
	background: #33c17a;
	border:none;
}

/** PARA LOS CERTIFICADOS **/
.cont_certif{
	overflow-y: hidden;
	width: 97%;
	margin: auto;
	border-radius: 4px 4px 0 0;
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom: 5px solid rgb(66, 165, 245);
	box-shadow: 0 0 2px 1px  rgb(230, 230, 230);
}


.cot_cert_cd{
	float: left;
	margin-left:1.25%;
	padding: 10px 0;

}
#cont_cert_1{
	width: 60%;
}

#cont_cert_2{
	width: 17.5%;
}

#cont_cert_3{
	width: 17.5%;
}

.cot_cert_cd h3{
	font-size: 0.9em;
	color: rgb(100, 100, 100);
	text-align: center;
	padding: 5px 0;
	font-weight: 400;
	border-bottom: 1px solid rgb(230, 230, 230);
}

.cot_cert_cd p{
	text-align: center;
	padding: 10px 0;
}

.cot_cert_cd a{
	display: block;
	width: 90%;
	margin: auto;
	background: #33c17a;
	text-align: center;
	font-size: 0.9em;
	color: #fff;
	border-radius: 3px;
	padding: 2px;
	margin-top: 9px;
}
#entreg{
	color: #33c17a;
	font-weight: bold;
}
#estad_pend{
	color: orange;
	font-weight: bold;
}
.version_no_disp{
	font-size: 0.9em;
	color: rgb(0, 46, 96);
}

/*** apunte **/
#cont_apuntes{
	border-bottom: 5px solid #33c17a;
}

.curs_apunt p{
	text-align: center;
	padding: 10px;
	background: #33c17a;
	color: #fff;
}

#cont_apuntes #cont_cert_1, #cont_apuntes #cont_cert_2{
	font-size: 0.9em;
	color: rgb(0, 46, 96);
}

#cont_apuntes #cont_cert_2{
	width: 30%;
}




.cont_apunt{
	clear: both;
	padding: 10px 15px 15px 15px;
	border-top: 1px solid rgb(245, 245, 245);
}



#list_modul_s, #ing_cuest_s{
	display: block;
	text-align: center;
	
	color: #fff;
	font-size: 0.9em;

}

#list_modul_s{
	background: #33c17a;
	margin-top: 10px;
	padding: 10px 0;
}
#ing_cuest_s{
	background: rgb(0, 46, 96);
	box-shadow: 5px 5px 3px 2px rgb(135, 135, 135);
	padding: 12px 0;
}
#list_modul_s:hover{
	background: rgb(67, 205, 136);
	transition: all .5s;
}
#ing_cuest_s:hover{
	background: rgb(0, 69, 145);
	transition: all .5s;
}
/*** para la parte de foto de perfil **/
.cont_perf_ini{

}
.cont_perf_ini img{
	display: block;
	width: 130px;
	height: 130px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	border-radius: 50%;
}
.cont_perf_ini h2{
	text-align: center;
	padding: 10px;
	font-size: 1.2em;
	font-weight: 400;
	color: rgb(100, 100, 100);
	margin-bottom: -20px;
}

.corr_ini{
	font-size: 0.8em;
	color: rgb(210, 210, 210);
	text-align: center;
	padding: 1px 5px 10px 5px;
}

.prof_detll{
	margin-top: 10px;
}


.cont_perf_ini a{
	display: block;
	padding: 12px 0;
	width: 100%;
	background: rgb(66, 165, 245);
	text-align: center;
	color: #fff;
	margin: auto;
	font-size: 0.8em;
	
}

.cont_perf_ini a:hover{
	background: rgb(102, 182, 247);
	transition: all .3s;
}

/** END PAGINA DE INICIO **/


/*** OTRA PAGINA DE INICIO DE SUAURIO.. ESTOS CON TABS **/



.ul_pag_usuario{

}

.ul_pag_usuario .inicio_lista{
	margin-left: 0%;

}


/*-----*/



#hola_usuario{
	color: #fff;
}

.descrip_usuario{
	padding: 2px 0;
	font-size: 0.9em;

	margin-bottom: 5px;
}
#listo_usuario{
	color: #fff;
}

/************* MENU PARA EL USUARIO ************/
.users_option{

}
.tabs{
	overflow: hidden;
	background: #fff; /*EL COLOR DE FONDO ES NECESARIO QUE VAYA AQUI PARA QUE FUNCIONE EL JAVASCRIPT*/
}


.activade{
background: rgb(0, 46, 96);

}


.c_options{
	height: 100%;
	overflow: hidden;
	width: 12.5%;
	float: left;
	height: 100px;

}


.c_options a{
	overflow: hidden;
	display: block;
	/*background: rgb(61, 173, 73);*/ /* NO DEBE DE TENER COLOR DE FONDO PARA QUE PUEDA CAMBIAR CON L JAVASCRIPT*/
	height: 100%;
}

.c_options img{
	display: block;
	width: 20%;
	margin: auto;
	margin-top: 10px;
}
.c_options p{
	display: block;
	text-align: center;
	font-size: 0.9em;
	padding: 2px 0;
	color: #fff;
}
/*** END *****/




/** END--*/

/* primera sección de cursos*/
.main-cursos{
	display: block;
	clear: both;
	overflow: hidden;

	overflow-y: auto;
	height: 100vh;

}
#cont_los_cursos{
}
.main-wrap-cursos{
}

#cont_idx_2 .subtitle{
	text-align: center;
padding: 10px 0;
color: rgb(0, 46, 96);
font-size: 1.1em;
border-bottom: 1px solid rgb(245, 245, 245);
margin-top: 5px;
}
#cont_idx_2 .description{
	color: rgb(150, 150, 150);

}


/**end+++*/

/***** SECCTION FREE **/

.sect_1{
	overflow: hidden;
	padding: 20px 10px;
	box-sizing: border-box;
	/*background: rgb(240, 240, 240);*/
	background: rgb(66, 165, 245);
}
.sect_1>h3{
	text-align: center;
	color: #fff;
	font-size: 1em;
	padding: 5px;
	box-sizing: border-box;
	font-weight: bold;
}
.sect_1>p{
	text-align: center;
	font-size: 0.9em;
	padding: 5px;
	box-sizing: border-box;
	color: #fff
}
.sect_1>p #ay_p{
	font-weight: bold;
}
.sect_1>p #wh_p{
	
	font-weight: bold;
	font-size: 1.1em;
}
.form_cod{
	overflow: hidden;
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 10px;
	border-bottom: 10px;
	border-radius: 3px;
}
.form_cod form{
	overflow: hidden;
}

.cod_inp{
	width: 30%;
	float: left;
	margin-left: 2.5%;
}

.form_cod form p{
	font-size: 0.9em;
	color: rgb(100, 100, 100);
}

.form_cod form p input{
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid rgb(66, 165, 245);
}

.form_cod form>input{
	font-size: 0.9em;
	padding: 10px;
	box-sizing: border-box;
	background: rgb(66, 165, 245);
	color: #fff;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	border: none;

}

#sect_fr{
	background: #fff;
}

#enl_sect_fre #ingr_cursos{
	background: #ff0249;
	color: #fff;
	margin-top: 7px;
	padding: 10px 8px;
	box-sizing: border-box;
}


#aviso_mensajes{
	clear: both;
	display: block;
	width: 80%;
	margin: auto;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 5px;
	border-bottom: 5px;
	background: #fff;
	border-radius: 3px;
	font-size: 0.9em;
	color: #ec5252;
	font-weight: bold;
}
/********* END SECTION FREE ***/






/*** PARA LOS TALLERES ***/

.contenedor-talleres{
	overflow: hidden;
}


.c-taller{
	overflow: hidden;
	width: 90%;
	margin:auto;
	margin-top: 20px;
	box-shadow: 0 0 3px 2px rgb(230, 230, 230);
	margin-bottom: 20px;
}

#fecha_matric{
	font-size: 0.8em;
	color: rgb(0, 46, 96);
	font-family: 'Courgette', cursive;
	text-align: center;
	width: 100%;
}
.c-taller-div{

	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}



#c-taller-content{
	width: 55%;

}

#c-taller-img{
	width: 45%;
}

#c-taller-img img{
	display: block;
	width: 90%;
	margin: auto;
	margin-top: 10px;
}

#c-taller-fecha h2{
	
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-align: center;
	padding: 10px;
	color: #fff;
	margin-top: 30px;
}
#c-taller-fecha .fecha-a p{
	color: #fff;
	font-size: 0.9em;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	text-align: center;
	width: 80%;
	margin: auto;
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;

}

#c-taller-fecha .fecha-a a{
	display: block;
	background: rgb(61, 173, 73) ;
	text-align: center;
	padding: 10px;
	color: #fff;
	width: 80%;
	margin: auto;
	border-radius: 3px;
	font-size: 0.9em;

}


#color_fondo_taller{
	background: rgb(61, 173, 73);
	overflow: hidden;
	height: 200px;
	border-radius: 5px;
}
#color_fondo_taller .fecha-a a{
	background: #0072c9;

}


.c-taller-caja{

	width: 85%;
	margin: auto;
}

.c-taller-caja h2{
	font-family: 'Lato', sans-serif;
	font-size: 1.3em;
	color: rgb(0, 46, 96);
	padding: 10px 5px;


}

.c-taller-caja h3{
	font-family: 'Roboto', sans-serif;
	font-size:0.9em;
	font-weight: 500;
	margin-left: 1%;
}

.c-taller-caja h3 span{
	border-bottom: 1px solid #000;

}

.c-taller-caja h3 a{
	padding: 0 0 0 5px;
	margin-left: 5%;
	border-left: 2px solid #000;
	font-weight: normal;
}

.c-taller-caja p{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	padding: 2px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 90%;
	font-size: 0.9em;
	color: rgb(100, 100, 100);
}
.cont_enlaces_curs{
	overflow: hidden;
	margin-top: 10px;
}
.cont_enlaces_curs a{
	display: inline-block;
	background: #35df86;
	float: left;
	margin-left: 2%;
	padding: 5px 10px;
	text-align: center;
	border-radius: 3px;
	font-size: 0.9em;
	color: #fff;
	font-family: 'Courgette', cursive;
}

}
#ingr_cursos{
	background: #35df86;
}
#ingr_cursos:hover{
	background: rgb(0, 46, 96);
	color: #fff;
	transition: all .3s;
}
#ingr_taller{
	background: rgb(61, 173, 73);
}

.cont_enlaces_curs a:hover{
	background: #000;
	color: #fff;
}



/** en caso de que no tenga ningun curso o algún otro**/
.no_econtrado{
	overflow-y: hidden;
}
.no_econtrado h2{
	text-align: center;
padding: 10px 0;
color: #ec5252;
font-size: 1.1em;
border-bottom: 1px solid rgb(245, 245, 245);
margin-top: 5px;
}

.no_econtrado p{
	text-align: center;
font-size: 1em;
padding: 7px;
color: rgb(150, 150, 150);
}

.no_econtrado ul li{
	list-style: none;
	color: rgb(100, 100, 100);
	text-align: center;
}

.no_econtrado ul li span{
	color: #00aef7;
}

.no_econtrado a{
	display: block;
	width: 25%;
	margin: auto;
	padding: 10px;
	border-radius: 3px;
	color: #fff;
	font-size: 1em;
	background: #ec5252;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;

}

#aviso_segunda_cuota{
	background: rgb(243, 150, 150);
	border-radius: 10px;
	width: 90%;
	margin: auto;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 10px;
	box-sizing: border-box;
}

#aviso_segunda_cuota h2, #aviso_segunda_cuota p{
	font-size: 0.8em;
	color: #000;
	font-weight: bold;
}

#aviso_segunda_cuota ul li{
	font-size: 0.8em;
	color: #000;
}

/***** sección de prematrículas ***/

.conten_prematricula{
	width: 80%;
	overflow: hidden;
	margin: auto;
	background: #fff;
	border-radius: 3px;
	margin-top: 10px;
	margin-bottom: 30px;
	box-shadow: 0px 0px 3px 4px rgb(240, 240, 240);
}

.conten_prematricula img{
	display: block;
	max-width: 150px;
	width: 100%;
	float: left;
}

.cont_dr{
	width: 70%;
	float: right;
}

.cont_dr h2{
	font-size: 1em;
	padding: 5px 0;
	color: rgb(70, 70, 70);
}

.cont_dr h2 span{
	color: #ff0249;
	font-family: 'Courgette', cursive;
}

.cont_dr p{
	padding: 2px 0;
	font-size: 0.9em;
	color: rgb(70, 70, 70);
}

.cont_dr a{
	display: block;
	margin: auto;
	width: 40%;
	padding: 7px 0px;
	text-align: center;
	border-radius: 3px;
	font-size: 0.9em;
	margin-top: 5px;
	margin-bottom: 5px;
	background: rgb(230, 230, 230);
	color: rgb(80, 80, 80);
}

.conten_prematricula:hover a{
	background: #ff0249;
	color: #fff;
	transition: all .6s;
}

#fecha_prematricula{
	clear: both; text-align: center; padding: 1px 0; background: rgb(66, 165, 245); color:#fff ; font-size: 0.8em;
}

/** par ala página de completar matricula **/

.completar_matricula{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgb(247, 249, 253);
}

.contenedor_matri_1{
	width: 40%;
	margin: auto;
	margin-top: 15px;
	background-image: url(http://localhost/uciency/imagenes/model.jpg);
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 0 50px 30px rgb(230, 230, 230);
}



.formulario_completar{
	width: 60%;
	height: 210px;
	margin-top: 40px;
	margin-left: 5%;
	border-left: 6px solid #00aef7;
	padding-left: 10px;
}

.formulario_completar p{
	padding: 10px 0;
	color: #666666;
	
}
.formulario_completar a{
	
	font-size: 0.9em;
	padding: 9px 21px;
	border-radius: 3px;
	background: #fff;
	color: rgb(70, 70, 70);
	


}
.formulario_completar a:hover{
	background: rgb(200, 200, 200);
	transition: all 0.6s;
}
.t_1{
	font-weight: bold;
}
.t_2{
	font-size: 0.8em;
}

.formulario_completar #cont_pre_sing{
	font-size: 0.8em;

}

.formulario_completar #cont_pre_sing #span_p_3{
	font-size: 0.9em;
}

.formulario_completar input[type="submit"]{

	display: block;
	width: 45%;
	background:rgb(0, 46, 96);
	margin-top: 10px;
	font-size: 0.9em;
	padding: 10px 5px;
	margin-bottom: 30px;
	border-radius: 30px;
	color: #fff;
	border:none;
	

}


.formulario_completar input[type="submit"]:hover{
	background: rgb(0, 84, 176);
	transition: all .9s;
}


.detalles_com_matr{
	margin-top: 70px;
	background: #fff;
	overflow: hidden;
}

.detalles_com_matr h2{
	font-size: 1em;
	padding: 10px;
	color: #666666;
}
.detalles_com_matr ul{
	margin-left: 10%;
}
.detalles_com_matr li{
	list-style-image: url(http://localhost/uciency/imagenes/estilo.png);
	font-size: 0.9em;
	color: color: #666666;
	line-height: 23px;
}
#ul_final{
	margin-bottom: 10px;
}
/**** seccion de apuntes ***/

.cont_apuntes{

}


.sub_cont_apuntes h2{
	text-align: center;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 1.1em;
	color: rgb(50, 50, 50);
}

.cd_apunte{
	width: 70%;
	margin: auto;
	overflow: hidden;
	margin-bottom: 30px;
	margin-top: 50px;
	border-bottom: 3px solid #00aef7;
	border-radius: 4px;
	box-shadow: 0 0 6px 4px rgb(245, 245, 245);
}

.fech_apunt{
	background: rgb(230, 230, 230);
	padding: 5px 0px;
	font-size: 0.8em;
	text-align: center;
	color: rgb(50, 50, 50);
}
.fech_apunt span{
	font-size: 0.9em;
	font-weight: 600;
	color: #fff;
	background: rgb(234, 64, 64);
	border-radius: 3px;
	padding: 2px 6px;
	margin-right: 5px;
	margin-left: 5px;
}

.detall_ap{
	text-align: center;
	color: rgb(90, 90, 90);
	padding: 5px;
	font-size: 0.9em;
	
}

/*** END***/

/**********************SECCION DE CAPITULOS DE LOS CURSOS *******/

.caja-capitulos{
	float: left;
}
#ident-cursos{
	width: 25%;
	height: 100vh;
	border-right: 1px solid rgb(230, 230, 230);
	
}





#t-detalles-cursos{
	width: 60%;
	height: 100vh;

}

#caja-cap-chat{
	width: 14.85%;
	border-left: 1px solid rgb(240, 240, 240);
	height: 100vh;
	
}




.present-vc-video .subtitle{
font-size: 1.2em;
color: #fff;
font-weight: 400;
background: #00aef7;
padding: 35px 2px;

}
#hr_subt{
	border: none;
	height: 2px;
	background: #fff;
	box-shadow: 3px 3px 3px 2px rgb(240, 240, 240);
}
.present-vc-video .description{
	margin-top: 10px;
	color: rgb(0, 46, 96);
	margin-bottom: 10px;

}
.present-vc-video .description span{
	padding: 3px 8px;
	border-radius: 3px;
	color: #fff;
}


.b-progreso-cap{
	border: 1px solid #fff;
	width: 80%;
	margin: auto;
	margin-top: 15px;
	border-radius: 5px;
}
.b-progreso-cap>h3{
	text-align: center;
	font-size: 1em;
	padding: 5px 0;
	color: #fff;
}
.b-progreso-cap>hr{
	height: 10px;
	border: none;
	background: #fff;
	width: 90%;
	margin: auto;
	border-radius: 20px;
}
.b-progreso-cap>p{
	text-align: center;
	font-size: 0.9em;
	padding: 5px 0 10px 0;
	font-weight: bold;
	color: #fff;
}



.present-cursos{
	width: 90%;
	margin: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	/*background: #00aef7;*/
	border-radius: 5px;
	overflow: hidden;

}

.present-cursos #dolares{
	margin-left: 40px;
}

#imagen_portd{
	display: block;
	width: 100%;
}

.text_vide_pres{
	text-align: center;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
	color: #fff;
}

.present-cursos iframe{
	display: block;
  margin: auto;
  width: 100%;
  border-radius: 5px 5px 0 0;
}

.cont_list_p{
	width: 100%;
	margin: auto;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 25px;
	
}

#celular_activ_prof{
	display: none;
}

.lista-p{
	font-size: 0.9em;
	padding: 5px 5px 5px 10px;
	width: 80%;
	margin: auto;
	font-weight: bold;
	margin-bottom: 5px;
	border-radius: 3%;
	color: #fff;
}
.lista-p span{
	font-weight: normal;
	margin-left: 10px;
}

#list_docente{
	background: #35df86;
	width: 100%;
	padding: 10px 5px;
	margin-top: -20px;
	padding-left: 10px;


}



#enl_lista_p{
	
	float: right;
	
	margin-top: -5px;
	
}

#enl_lista_p img{
	display: block;
	display: block;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-right: 15px;
	
}



/** para prsentación de cursos actualizado **/

.h2_gr_titl{
	padding: 20px 5px;
	font-size: 0.9em;
	color: rgb(0, 46, 96);
	font-weight: bold;
	font-style: italic;
	border-bottom: 1px solid rgb(240, 240, 240);
}

.h2_gr_titl span{
	background: rgb(100, 100, 100);
	color: #fff;
	padding: 0px 6px;
	border-radius: 3px;
	margin-right: 5px;
	margin-bottom: 2px;
}




.cont_cert_tittle{
	text-align: center;
	padding: 7px 0;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgb(240, 240, 240);
	color: rgb(0, 46, 96);
}

.descrip_cert_title{
	text-align: center;
	padding: 5px 0;
	font-style: 0.9em;
	margin-bottom: 10px;
	color: rgb(100, 100, 100);
}


.nomr_cert_p{
	position: relative;
	top: -110px;
	text-align: center;
	font-family: 'Srisakdi', cursive;
	font-weight: bold;
}


.p_adq_cer{
	padding: 10px 0;
	font-size: 0.9em;
	color: rgb(100, 100, 100);
}

.p_adq_cer span{
	background: orange;
	color: #fff;
	border-radius: 3px;
	text-align: center;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 3px;
	cursor: pointer;
}

.p_adq_cer span a{
	color: #fff;
}


/** para el modal **/
	 .blocker {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 width:100%;
 height:100%;
 overflow:auto;
 z-index:1;
 padding:20px;
 box-sizing:border-box;
 background-color:#000;
 background: rgba(230,230,230,0.85);
 text-align:center
}
.blocker:before {
 content:"";
 display:inline-block;
 height:100%;
 vertical-align:middle;
 margin-right:-0.05em
}
.blocker.behind {
 background-color:transparent
}


.modal_bonos {
 display:none;
 vertical-align:middle;
 position:relative;
 z-index:2;
 max-width:1300px;
 box-sizing:border-box;
 width:80%;
 background:#fff;
 padding:15px 30px;
 -webkit-border-radius:8px;
 -moz-border-radius:8px;
 -o-border-radius:8px;
 -ms-border-radius:8px;
 border-radius:8px;
box-shadow: 0 0 15px rgba(0,0,0,0.1);
 text-align:left
 margin-top: 30px;
	margin-bottom: 50px;
}
.modal a.close-modal {
 position:absolute;
 top:-12.5px;
 right:-12.5px;
 display:block;
 width:30px;
 height:30px;
 text-indent:-9999px;
 background-size:contain;
 background-repeat:no-repeat;
 background-position:center center;
 background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')
}
.modal-spinner {
 display:none;
 position:fixed;
 top:50%;
 left:50%;
 transform:translateY(-50%) translateX(-50%);
 padding:12px 16px;
 border-radius:5px;
 background-color:#111;
 height:20px
}
.modal-spinner>div {
 border-radius:100px;
 background-color:#fff;
 height:20px;
 width:2px;
 margin:0 1px;
 display:inline-block;
 -webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;
 animation:sk-stretchdelay 1.2s infinite ease-in-out
}
.modal-spinner .rect2 {
 -webkit-animation-delay:-1.1s;
 animation-delay:-1.1s
}
.modal-spinner .rect3 {
 -webkit-animation-delay:-1.0s;
 animation-delay:-1.0s
}
.modal-spinner .rect4 {
 -webkit-animation-delay:-0.9s;
 animation-delay:-0.9s
}
@-webkit-keyframes sk-stretchdelay {
 0%,40%,100% {
  -webkit-transform:scaleY(0.5)
 }
 20% {
  -webkit-transform:scaleY(1.0)
 }
}
@keyframes sk-stretchdelay {
 0%,40%,100% {
  transform:scaleY(0.5);
  -webkit-transform:scaleY(0.5)
 }
 20% {
  transform:scaleY(1.0);
  -webkit-transform:scaleY(1.0)
 }
}


/** end modal **/


#salir_modal_bonos{
	display: block;
	width: 10%;
	margin-left: 85%;
	padding: 7px 10px;
	color: #fff;
	background: rgb(100, 100, 100);
	font-size: 0.9em;
	border-radius: 5px;
	text-align: center;
}
.cont_cer_cap{
	margin-top: -20px;
}

.cont_cer_cap #cont_pre_sing{
	font-size: 0.8em;
	text-align: left;
}
.cont_cer_cap #cont_pre_sing #span_p_3{
	background: #33c17a;
}

.cont_compr_c{
	overflow: hidden;
}
.cont_com_div{
	float: left;
	width: 45%;
	overflow: hidden;
}
.cont_img_car{
	float: left;
	width: 40px;
}
.cont_img_car img{
	width: 100%;
}
.button_compr{
	margin-left: 46px;
}

.button_compr form input[type="submit"]{
	background: #ff0249;
	border-radius: 5px;
	color: #fff;
	padding: 10px;
	text-align: center;
	cursor: pointer;
	font-size: : 0.9em;
	border: none;
	color: #fff;
	margin-top: 5px;
	font-weight: bold;
}
.mas_infor_c{
	float: left;
	width: 45%;
	font-size: 0.9em;
	padding: 10px 2px;
	text-align: center;
	color: rgb(100, 100, 100);
	border: 1px solid rgb(100, 100, 100);
	border-radius: 20px;
	margin-top: 3px;
}
.mas_infor_c:hover{
	background: rgb(100, 100, 100);
	transition: all .3s;
	color: #fff;
  }

  .valida_promo_cert{
  	color: rgb(100, 100, 100);
  	font-size: 0.85em;
  	text-align: center;
  	margin-top: 10px;
  	margin-bottom: 10px;
  }

   .valida_promo_cert span{
   	color: #ff0249;
   }



.enl_complet_compr{
	display: block;
	width: 100%;
	margin: auto;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 0.9em;
	border-radius: 3px;
	background: #ff0249;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 15px;

}

.enl_complet_compr:hover{
	background: rgb(255, 28, 90);
	transition: all .3s;
}


#color_desact #span_p_3{
	background: rgb(100, 100, 100);
}

#desact_cap{
	text-align: center;
	font-size: 0.9em;
	margin-top: 13px;
	color: rgb(100, 100, 100);
	min-height: 40px;
}


.div_nuevo_cu_t_cap{
	margin-top: 100px;
}


.titul_nunc_d{
	font-size: 1em;
	text-align: center;
	padding: 10px 0;
	color: rgb(70, 70, 70);

}

.descri_n_c{
	text-align: center;
	padding: 5px 0 10px 0;
	font-size: 0.9em;
	color: rgb(100, 100, 100);
	margin-bottom: 5px;
}

.div_nuevo_cu_t_cap a{
	display: block;
	width: 70%;
	margin: auto;
	border-radius: 30px;
	padding: 10px 0;
	text-align: center;
	margin-top: 10px;
	font-size: 0.9em;
}

.nuevo_cr_enl{
	background: #ec5252;
	color: #fff;
	border: 1px solid #ec5252;
}

.nv_taller_enl{
	background: #33c17a;
	color: #fff;
	border: 1px solid #33c17a;
}	

.nuevo_cr_enl:hover{
	background: #fff;
	color: #ec5252;
	transition: all .3s;
	border: 1px solid #ec5252;
}
.nv_taller_enl:hover{
	background: #fff;
	color: #33c17a;
	border: 1px solid #33c17a;
	transition: all .3s;
}

/*** mas sinformación - certificacion **/

.modal_inf{
 display:none;
 vertical-align:middle;
 position:relative;
 z-index:2;
 max-width:560px;
 box-sizing:border-box;
 width:80%;
 background:#fff;
 /*padding:15px 30px;*/
 -webkit-border-radius:8px;
 -moz-border-radius:8px;
 -o-border-radius:8px;
 -ms-border-radius:8px;
 border-radius:8px;
box-shadow: 0 0 15px rgba(0,0,0,0.1);
 text-align:left
 margin-top: 30px;
	margin-bottom: 10px;
}

.cont_info_mod{
	overflow: hidden;
}

.cab_mas_ing{
	overflow: hidden;
	background: #00aef7;
	padding: 10px;
	border-radius: 8px 8px 0 0;
}

.cab_mas_ing p{
	width: 40%;
	float: left;
	margin-left: 5%;
	font-size: 1.1em;
	color: #fff;
	font-weight: normal;
	margin-top: 35px;
}

.cab_mas_ing p span{
	font-weight: bold;
	font-size: 1.4em;
}

.cab_mas_ing img{
	display: block;
	width: 40%;
	float: right;
	margin-right: 7%;
	border-radius: 1px;
}

.acont_m_in{
	
	font-size: 0.9em;
	color: rgb(70, 70, 70);
	padding: 12px;
	text-align: left;
}

.cd_inf{
	overflow: hidden;
	margin-top: 10px;
}

.cd_inf img{
	display: block;
	width: 25px;
	height: 25px;
	float: left;
	margin-right: 5px;
	margin-left: 20px;
}

.cd_inf p{
	padding: 4px;
	font-size: 0.9em;
	color: #3f4652;
	text-align: left;
}

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


.cont_info_mod #cont_pre_sing{
	font-size: 0.8em;
	margin-top: 20px;
	margin-bottom: 10px;
	
}

.cont_info_mod #cont_pre_sing #span_p_3{
	background: #33c17a;
}

.cont_info_mod .cont_com_div{
	display: block;
	margin: auto;
	clear: both;
	width: 100%;


}

.cont_info_mod .button_compr{
	margin-left: 0px;
}

.cont_info_mod  .button_compr form input[type="submit"] {
	width: 100%;
	background: #ff0249;
	border-radius: 0px;
	padding: 18px;
	border-radius: 0 0 8px 8px;
}

.what_inform{
	overflow: hidden;
	width: 80%;
	margin: auto;
	margin-bottom: 15px;
}

.what_inform h2{
	clear: both;
	text-align: center;
	font-size: 0.8em;
	color: rgb(70, 70, 70);
}

.what_inform img{
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 7px;
	margin-left: 30%;
}

.what_inform p{
	padding: 1px;
	margin-top: 5px;
	font-size: 0.9em;
	text-align: left;
	color: rgb(100, 100, 100);
	margin-left: 35%;
}


/*** para la ficha de inscripción **/

.cont_datos_ficha{
	overflow: hidden;
	background: #ff0249;
	border-radius: 0 0 8px 8px;
}

.p_tit_detll{
	width: 70%;
	float: left;
	box-sizing: border-box;
	padding: 10px;
	color: #fff;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 0.9em;
}

.p_tit_detll span{
	font-weight: bold;
}


.descr_fich{
	display: block;
	width: 25%;
	float: right;
	margin-right: 5%;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 3px;
	background: #fff;
	color: #ff0249;
	margin-top: 27px;
	border:1px solid #ff0249;
}

.descr_fich:hover{
	background: #ff0249;
	color: #fff;
	border:1px solid #fff;
	transition: all .3s;
}

/** en la sección de resumen de compras**/

.cont_datos_ficha_cart{
	background: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}

.p_tit_detll_car{
	clear: both;
	color: rgb(100, 100, 100);
	width: 100%;
	margin-bottom: 5px;
	text-align: center;
	font-size: 0.9em;
	padding: 10px;
	box-sizing: border-box;

}

.p_tit_detll_car span{
	font-weight: bold;
}

 .descr_fich_car{
 	display: block;
	background: #ff0249;
	color: #fff;
	width: 50%;
	margin: auto;
	border: 1px solid #ff0249;
	text-align: center;
	border-radius: 3px;
	font-size: 0.9em;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
	margin-top: 10px;
}

 .descr_fich_car:hover{
	background: #fff;
	border: 1px solid #ff0249;
	transition: all .3s;
	color: #ff0249;
}
/*** end ficha**/












/** para capitulos **/



#tabs_capitulos{
	width: 100%;
	margin: auto;
	overflow: hidden;
	margin-bottom: 12px;
	border-bottom: 1px solid #00aef7;
}

#capti-options{

	width: 25%;
	height: 50px;
	background: #fff;
	
	
}

#capti-options a img{
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 50px;
}

#capti-options a p{

	color: #000;
	margin-left: 50px;
	margin-top: 15px;
}

.active-cap-cursos{
	background: rgb(220, 220, 220);
}


#main-options-capit{
	background: #fff;
	overflow-y: auto;
	/*height: 512px;*/
}

.main-capitulos{
	margin-top: 20px;
	margin-bottom: 10px;
	
}

.main-capitulos>h2{
	margin-top: 10px;
}

.main-capitulos>p{
	margin-bottom: 10px;
}

.main-capitulos>a{
	width: 80%;
	display: block;
	margin: auto;

	border-top: 1px solid #00aef7;

}

.main-capitulos>a:hover{
	background: rgb(241, 241, 241);
	border-top: 1px solid rgb(241, 241, 241);

}

.cont_listado_modul{
	width: 90%;
	margin: auto;
	border-radius: 7px;
	border: 1px solid rgb(210, 210, 210);
	
}
.cont_listado_modul h3{
	text-align: center;
	padding: 20px 0;
	color: #00aef7;
	font-weight: 600;
	font-size: 1em;
}

.c-capit{
	background: #fff;
	overflow: hidden;
	width: 98%;
	margin:auto;
	border-top: 1px solid rgb(241, 241, 241);
	border-left: 1px solid rgb(241, 241, 241);
	border-right: 1px solid rgb(241, 241, 241);
}





#list_sesion, #list_sesion_visto {
	display: inline-block;
	padding: 16px 10px;
	font-size: 0.9em;
	display: block;
	float: left;
	width: 75%;
}

#list_sesion{
	color: rgb(90, 90, 90);
	border-left: 5px solid #35df86;

	

}




#list_sesion_visto{
	font-style: italic;
	color: rgb(0, 46, 96);
	font-size: 0.8em;
	border-left: 5px solid #ec5252;
}

#cuestionario_sesions, #pendiente_examen, #sin_examen{
	display: block;
	float: right;
	width: 17%;
	color: #fff;
	font-size: 0.7em;
	padding: 5px 10px;
	border-radius: 3px;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-right: 5px;
	text-align: center;
}


#list_sesion_no_disponible, #fecha_publi{
	display: inline-block;
	font-size: 0.9em;
	display: block;
	width: 90%;
	color: rgb(51, 51, 51);
	border-left: 5px solid rgb(230, 230, 230);
	
}	

#list_sesion_no_disponible{
	padding: 16px 10px 0px 10px;
	color: rgb(150, 150, 150);
	
}

#list_sesion_no_disponible span{
	font-weight: bold;
	margin-right: 10px;
}

#fecha_publi{
	
	color: rgb(135, 135, 135);
	padding: 2px 10px 16px 10px;
	
}

#fecha_publi span{
	font-weight: bold;
	color: #ec5252;

}



.c-capit a span{
	color:  #00aef7;
	margin-right: 10px;
	font-weight: 900;
}
.c-capit:hover{
	background: rgb(241, 241, 241);
}

#examen-modul{
	display: block;
	width: 98%;
	margin: auto;
	padding: 13px 0px;
	text-align: center;
	font-size: 0.9em;
	background: rgb(61, 173, 73);
	border: 1px solid rgb(61, 173, 73);
	border-bottom: none;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
	border-radius: 0 0 3px 3px;
}
#cuestionario_sesions{
	background:#33c17a;
}


#pendiente_examen{
	background: orange;
}

#sin_examen{
	background: rgb(135, 135, 135);
}






/*** pagina para agregar carrito **/

.cont_cart{
	width: 95%;
	margin: auto;
	overflow: hidden;
	margin-top: 20px;
}


#list_prod{
	width: 70%;
	float: left;
	margin-left: 3%;
}



#ord_pg{
	width: 20%;
	float: right;
	border-radius: 5px;
	border: 1px solid rgb(130, 130, 130);
	padding: 10px;
	margin-right: 3%;

}

.p_carr_c{
	padding: 10px;
	font-weight: bold;
	color: rgb(0, 46, 96);
}

.cd_pedid{
	width: 80%;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgb(240, 240, 240);
	padding-bottom: 10px;

}

.img_pedid{
	float: left;
	width: 25%;
}

.img_pedid img{
	width: 100%;
}
.contenid_pedid{
	margin-left: 25%;
}


.titl_pedid{
	padding: 2px 10px;
	margin-top: 5px;
	color: rgb(0, 46, 96);
	

}
.titl_pedid span{
	color: rgb(100, 100, 100);
	margin-right: 5px;
	font-weight: bold;
}

.nuev_cart{
	padding: 5px 10px;
	color: rgb(100, 100, 100);
}

.resum_cd_ord{
	font-size: 0.9em;
	padding: 1px 10px;
	color: rgb(100, 100, 100);
}
.resum_cd_ord{
	color: #ff0249;
	font-style: italic;
}

.detal_fin_c{
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px;
}

.preci_cart{
	float: left;
	width: 60%;
	padding: 2px 10px;
	font-size: 0.9em;

}

.preci_cart .cart_1_pre{
	color: #ff0249;
	font-weight: bold;
	margin-right: 10px;
}

.preci_cart .cart_2_pre{
	font-weight: bold;
	margin-right: 10px;

}

.preci_cart .cart_2_pre{
	text-decoration: line-through;
}


.elimn_ord{
	float: right;
	width: 20%;
}

.elimn_ord form input[type="submit"]{
	border: none;
	font-size: 0.9em;
	background: rgb(240, 240, 240);
	color: rgb(70, 70, 70);
	border-radius: 3px;
	padding: 5px 10px; 
	text-align: center;
	cursor: pointer;
}

.elimn_ord form input[type="submit"]:hover{
	background: rgb(100, 100, 100);
	color: #fff;
	transition: all .3s;
}

#no_elim_bon{
	color: #ec5252;
	font-size: 0.8em;
}
#no_elim_bon span{
	font-weight: bold;
}

.car_vacio{
	color: #ec5252;
	padding: 10px;
}

/** para el pago**/


.p_r_1{
	padding: 10px;
	font-size: 1em;
	color: rgb(100, 100, 100);
	border-bottom: 1px solid rgb(230, 230, 230);
	text-align: center;

}

.p_r_2{
	font-size: 0.9em;
	padding: 10px;
	color: rgb(70, 70, 70);
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid rgb(230, 230, 230);
}

.p_r_2 span{
	color: #ff0249;
	font-weight: bold;
	font-style: italic;
}


.p_r_3{
	width: 20%;
	background: red;
	color: #fff;
	margin: auto;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
}

.cont_img_seg{
	width: 50%;
	margin: auto;
	margin-top: 10px;

}


.cont_img_seg img{
	width: 100%;

}


.cd_ord_pg{
	overflow: hidden;
	margin-top: 10px;
}

.cd_ord_pg img{
	float: left;
	width: 30px;
}
.cd_ord_pg p{
	padding: 5px;
	margin-left: 35px;
	font-size: 0.9em;
	color: rgb(70, 70, 70);

}


/** PARA LOS BONOS**/

.bonos_compr{
	overflow: hidden;
	margin-top: 30px;
}
.titl_comp_p{
	padding: 10px;
	color: rgb(70, 70, 70);
	font-size: 1em;
	text-align: center;
}

.descp_bon_p{
	padding: 10px;
	font-size: 0.9em;
	color: rgb(100, 100, 100);
	margin-bottom: 20px;
	clear: both;
	text-align: center;
}

.descp_bon_p span{
	color: orange;
}

.cd_bono_g{
	width: 30%;
	margin-left: 2.3%;
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
	box-shadow: 0 20px 40px -20px rgba(0,0,0,.1);
	border-radius: 0px 0px 5px 5px;

}

.p_bono_num{
	padding: 20px 0;
	text-align: center;
	font-weight: bold;
	color: #fff;
	
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	border-radius: 5px 5px 0px 0px;
}

.cont_img_bono_h{
	
	overflow: hidden;
}

.cont_img_bono_h img{
	display: block;
	width: 90%;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}


.title_bono_h{
	font-size: 0.9em;
	padding: 10px 5px;
	color: rgb(0, 46, 96);
	margin-top: 5px;
	margin-bottom: 5px;
	min-height: 60px;
}

.title_bono_h span{
	font-weight: normal;
}

.cont_prec_b{
	width: 90%;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 0.9em;

}
.cd_bono_g .cont_compr_c{
	width: 99%;
	margin: auto;
	margin-bottom: 20px;
	font-size: 
}

.cd_bono_g .cont_compr_c .button_compr{
	margin-left: 42px;
}



/* para personalizar colores en bonos*/

#bono_1_cart{
	border-bottom: 5px solid #ff0249;
}

#bono_1_cart .p_bono_num, #bono_1_cart .cont_img_bono_h{
	background: #ff0249;
}


#bono_2_cart{
	border-bottom: 5px solid rgb(5, 173, 66);
}

#bono_2_cart .p_bono_num, #bono_2_cart .cont_img_bono_h{
	background: rgb(5, 173, 66);
}


#bono_3_cart{
	border-bottom: 5px solid rgb(0, 166, 229);
}

#bono_3_cart .p_bono_num, #bono_3_cart .cont_img_bono_h{
	background: rgb(0, 166, 229);
}

#bono_4_cart{
	border-bottom: 5px solid rgb(0, 96, 154);
}

#bono_4_cart .p_bono_num, #bono_4_cart .cont_img_bono_h{
	background: rgb(0, 96, 154);
}


#bono_5_cart{
	border-bottom: 5px solid rgb(0, 46, 96);
}

#bono_5_cart .p_bono_num, #bono_5_cart .cont_img_bono_h{
	background: rgb(0, 46, 96);
}

#bono_seleccionado{
	border-bottom: 5px solid rgb(150, 150, 150);
}
#bono_seleccionado .p_bono_num, #bono_seleccionado .cont_img_bono_h{
	background: rgb(150, 150, 150);
}

#bono_seleccionado #span_p_3{
	background: rgb(100, 100, 100);
}

#bono_seleccionado .button_compr form input[type="submit"]{
	background: rgb(100, 100, 100);
}


#rec_curso_taller_cap{
	border-bottom: 5px solid rgb(0, 46, 96);
	width: 100%;
	clear: both;
	margin-left: 0px;
	margin-top: 0px;
}

#rec_curso_taller_cap .p_bono_num, #rec_curso_taller_cap .cont_img_bono_h{
	background: rgb(0, 46, 96);
}

#rec_curso_taller_cap .p_bono_num{
	font-size: 0.9em;
	padding: 10px 0;
}



/**************** PAGINA DE EXAMEN ********/

.examen_pag h2{
	text-align: center;
	padding: 10px 0;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.1em;
	color: rgb(100, 100, 100);
}

.examen_pag .cd_instruc{
	margin-top: 5px;
	border-top: 1px solid rgb(245, 245, 245);
	padding: 5px 0 0 0;

}

.examen_pag .cd_instruc img{
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-left: 10px;
	margin-top: 8px

}

.examen_pag .cd_instruc p{
	width: 80%;
	margin-left: 50px;
	font-size: 0.9em;
	padding: 5px;
}
.examen_pag .cd_instruc p span{
	font-weight: bold;
}

.procent_adquir{
	width: 98%;
	margin: auto;
	margin-bottom: 5px;
	overflow-y: hidden;
	box-shadow: 2px 2px 2px 1px rgb(230, 230, 230);

}
.procent_adquir h3{
	width: 40%;
	margin: auto;
	font-size: 0.8em;
	text-align: center;
	padding: 5px;
	margin-top: 5px;
	color:rgb(0, 46, 96);
	
	border-bottom:1px solid rgb(0, 46, 96);
}
.procent_adquir .num_porcj{
	font-size: 3em;
	text-align: center;
	margin-top: 5px;
	color: rgb(0, 46, 96);
}
.procent_adquir .hurr{
	font-size: 0.9em;
	text-align: center;
	margin-bottom: 10px;
	
}

#alum_resalt{
	background: #33c17a;
}

#alum_resalt img{
	background: #fff;
	padding: 3px;
	border-radius: 3px;
	margin-top: 20px;
	
}

#alum_resalt p{
	background: transparent;
	color: #fff;
	border: none;
}
#alum_resalt p span{
	background: #fff;
	color:  #33c17a;
	padding: 0 8px;
	border-radius: 3px;
	font-weight: 600;
}


.cdo_100{
	
float: left;
width: 100%;
margin-top: 220px;
}

.cdo_100 p{
	padding:10px;
	font-size: 1em;
	text-align: center;
	color: rgb(100, 100, 100);
	
}
.cdo_100 a{
	background:#33c17a; 
	color: #fff;
	display: block;
	width: 20%;
	margin: auto;
	padding: 13px 20px;
	border-radius: 30px;
	text-align: center;
}
.bien_eval{
	border-bottom: 1px solid rgb(245, 245, 245);
}
.bien_eval p{

	padding: 17px;
	text-align: center;
	font-size: 1em;
	color: rgb(90, 90, 90);
	
}

.bien_eval p span{
	color: #33c17a;
}

/** parte del cuestionaro **/

#cont-cuestionario{
	font-family: 'Roboto', sans-serif;
	color: #1d1e1f;

}
#cont-cuestionario h2{
	background: red;
	overflow: hidden;
}

#cont-cuestionario>p{
	background: #419FFF;
	font-size: 0.8em;
	padding: 3px;
	text-align: center;
	color: #fff;

}
#cont-cuestionario>p span{
	font-size: 0.9em;
	font-weight: 500;
	background: #fff;
	padding: 2px 5px;
	color: red;
	border-radius: 5px;
	overflow: hidden;
}
.cuestionario{
	background: #fff;
	overflow: hidden;

}
.cuestionario form{
	margin-top: 20px;
	margin-bottom: 20px;

}
 .cuestionario form fieldset{
	 display: block;
	 margin-left:3%;
	 width: 94%;
	 border: 1px solid #33c17a;

 }


  #linea_field ul li{
		list-style: none;
		padding: 5px;
	}

.cuestionario legend{
	color: #33c17a;
	padding: 5px;
	margin-top: 5px;
	font-weight: 500;

}
.cuestionario label{

	display: block;
	width: 90%;
	margin: auto;
	padding: 3px;
	margin-top: 10px;
	border-bottom: 1px solid rgb(230, 230, 230);

}



.cuestionario input[type="submit"]{

	display: block;
	width: 30%;
	background:#33c17a;
	margin-top: 30px;
	font-size: 1em;
	padding: 10px 15px;
	margin: auto;
	margin-bottom: 30px;
	border-radius: 30px;
	color: #fff;
	border:none;
	border: 1px solid #33c17a;

}
.cuestionario input[type="submit"]:hover{
	background: #fff;
	color: #33c17a;
	transition: all .3s;
}

.examen_id_c #certific_modulos{
	background: #1E5EFF;

}

.formulario_examen{

}
.formulario_examen h3{
	margin-top: 15px;
	color: #1E5EFF;
	padding: 5px;
	text-align: center;
	font-size: 1.1em;
	font-weight: 600;
}
.formulario_examen p{
	width: 30%;
	font-size: 0.8em;
	font-weight: 300;
	margin-left: 2%;
	border-top: 2px solid rgb(210, 210, 210);
}
.formulario_examen input[type='radio']{
	display: block;
	width: 7%;
	margin-left:2%;
	border:1px solid #1E5EFF;
	border-radius: 10px;

}


#intento1{

	background: #69d7a0;
	width: 70%;
	margin:auto;
	padding: 10px;
	text-align: center;
	border-radius: 3px;
	font-size: 0.8em;
	color: #fff;
}

#intento2, #intento3{
	background: #ff8181;
	width: 70%;
	margin:auto;
	padding: 10px;
	text-align: center;
	border-radius: 3px;
	font-size: 0.8em;
	color: #fff;
}

#intento3{
	margin-top: 25px;
}

/** end parte del cuestionario **/



/*** end pagina de examen **/

/* -------------------------chat-----------*/


#caja-cap-chat>h2{
	font-size: 0.9em;
	text-align: center;
	padding: 3px 0;
	background: rgb(61, 173, 73);
	color: #fff;
	margin-bottom: 5px;
}
#caja-cap-chat>p{
	font-size: 0.7em;
	text-align: center;
	padding: 2px 0;

}
#caja-cap-chat>hr{
	width: 70%;
	margin: auto;
	height: 1px;
	background: #00aef7;
	border: none;
	margin-top: 5px;
	margin-bottom: 5px;
}
.c-contacto{
	margin-top: 10px;
	overflow-y: auto;
	height: 490px;
	
}
.list-contact{

}



.list-contacto-a{
	overflow: hidden;
	
	font-family: 'Roboto', sans-serif;
	display: block;
	padding: 7px 2px 7px 10px;
	font-size: 0.85em;
	color: #000;
	font-weight:400;
}

.list-contacto-a img{

	width: 30px;
	height: 30px;
	float: left;
	border-radius: 50%;
}

.list-contacto-a p{
	margin-left: 35px;
	margin-top: 7px;
	font-size: 0.9em;
}

.list-contacto-a span{

	margin-left: 5px;
	font-size: 0.7em;
	padding: 2px;
	font-weight: bold;
}

.list-contacto-a .user_conectado{
	background: #33c17a;
	color: #fff;
	border-radius: 3px;
}
.user_ganador{
	background: #00aef7;
	color: #fff;
	border-radius: 2px;
}
#enviar_inic{
	display: block;
}

.list-contacto-a .user_desconectado{
	
	color: rgb(150, 150, 150);
	border-radius: 3px;
}

.list-contacto-a .user_estudiando{
	background: orange;
	color: #fff;
	border-radius: 3px;
}

.list-contacto-a:hover{
	background: rgb(241, 241, 241);
	transition: all .3s;
}


.list_conectado, .list_desconectado, .list_estudiando{
	font-size: 0.7em;
	padding: 2px;
	margin-left: 3%;
}

.list_conectado{
	background: #33c17a;
	color: #fff;
	border-radius: 3px;
}

.list_desconectado{
	color: rgb(150, 150, 150);
}

.list_estudiando{
	background: orange;
	color: #fff;
	border-radius: 3px;
}


#mensajes_nuevos_por_contacto p{
	font-size: 0.7em;
	text-align: right;
	padding: 0 20px 0 0;
	color: #ec5252;
	margin-top: -50px;
}
#mensajes_nuevos_por_contacto p span{
	font-weight: 900;
	background: #ec5252;
	color: #fff;
	padding: 2px 6px;
	border-radius: 50%;
}

/* aqui acaba chat*/

/*** para inscrustar el pdf **/
.pdf-incr-silabo{
	width: 85%;
	margin: auto;

}

.pdf-incr-silabo iframe{
	display: block;
	width: 100%;
	height: 500px;

}

/*END*/

/* seccion del regalo*/

.regalo_curso{


	display: flex;
flex-direction: row;
flex-wrap: wrap;

/*ahora para centrarlo*/

/*justify-content: center;*/
align-items: center;
}



.regalo_curso .form_promesa{
	background:;
	width: 40%;
	float: left;
	margin-left: 6.3%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 30px 0;

}

.regalo_curso .form_promesa p{
	padding: 5px;
	text-align: center;
	font-size: 0.9em;

}

.regalo_curso #promes_curso .cont_a{
	width: 70%;
	background:;
	overflow: hidden;
	margin: auto;
}

.regalo_curso  .form_promesa .promess{
	font-size: 1.3em;

}
.form_promesa .nombre_curso_usuario{

	width: 80%;
	border: 1px solid #fff;
	border-radius: 10px;


}

.form_promesa .ingresar_al_curso{
	background: #fff;
	padding: 10px 0;
	width: 40%;
	margin-bottom: 1px;
	font-size: 0.9em;
	border-radius: 50px;
	color: rgb(231, 78, 19);
	float: left;
	margin-left: 6.3%;
	display: block;

	border: 4px solid rgb(231, 78, 19);
}

.form_promesa .ingresar_al_curso:hover{
	background: rgb(231, 78, 19);
	border: 4px solid #fff;
	color: #fff;
}

#promes_curso{
	border-radius: 20px;
	background: rgb(231, 78, 19);
}

/*pagina de session y CAJA DE SESIONES*/


#cont-caja-vid{
	width: 85%;
	overflow-y: scroll;
	height: 570px;
}

.cont-video-recu{

	width: 90%;
	margin: auto;
	margin-top: 20px;
	overflow: hidden;
}

.titulo-ses{
	background: rgb(61, 173, 73);
	overflow: hidden;
	border-radius: 20px 20px 0 0;
}

.nombre-ses{
	float: left;
	width: 80%;

}
.nombre-ses p{
	font-size: 0.9em;
	padding: 10px 0px 10px 15px;
	color: #fff;
}

.sigt-ses{
	float: left;
	width: 20%;

}

.sigt-ses a{
	display: block;
	float:left;
	width: 45%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	margin-top: 6px;
	padding: 5px 0;
	text-align: center;
	background: #000;
	color: #fff;
	font-size: 0.8em;
	border-radius: 50px;
}

.caja-video{
	float: left;

}
#caja-video-s{
	width: 70%;

}
#recursos-video{
	width: 30%;
	background: rgb(241, 241, 241);

}

#caja-video-s iframe{
	width: 100%;
	height: 410px;
}
#caja-video-s video{
	display: block;
	width: 100%;
	height: 410px;
}

.descar-rec{
	background: #000;
	border-radius:  50px 50px;
}

.descar-rec p{
	font-size: 0.9em;
	padding: 5px 5px 5px 10px;
	color: #fff;
}
.descar-rec p a{
	padding: 0 10px 0 10px;
	font-weight: bold;
	color: #fff;
	border-radius: 10px 10px;
	background: #e63d1c ;
}

.descar-rec p a:hover{
	background: red;
}


/* para los apuntes*/
#recursos-video h3{
	text-align: center;
	padding: 2px 0;
	font-size: 0.9em;
}
#recursos-video .description{
	font-size: 0.8em;
	padding: 2px;
}

#recursos-video .description span{
	font-size: 0.7em;
}

.form-apuntes{

	margin-top: 5px;
	overflow: hidden;
}
.form-apuntes textarea{
	font-family: 'Roboto';
	font-size: 0.9em;
	display: block;
	max-width: 90%;
	min-width: 90%;
	min-height: 100px;
	max-height: 100px;
	padding: 5px;
	margin: auto;
	border:none;
	margin-top: 5px;
	border-radius: 5px;
}
.form-apuntes button{
	display: block;
	width: 35%;
	margin:auto;
	border:none;
	padding: 2px 0;
	font-size: 0.8em;
	border-radius: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: rgb(231, 78, 19);
	color: #fff;
	cursor: pointer;
}



.consutas_curso{
	overflow: hidden;
	padding: 10px 10px 0px 10px;
	box-sizing: border-box;
}
.consutas_curso p{
	color: rgb(70, 70, 70);
}

.p_img_se{
	overflow: hidden;
	font-size: 0.9em;
	width: 70%;
	margin: auto;
	margin-top: 7px;
}
.p_img_se img{
	float: left;
	margin-right: 7px;
	height: 20px;
	width: 20px;
}
.p_res_24{
	font-size: 0.8em;
	padding: 15px;
	box-sizing: border-box;
	line-height: 24px;
}
.p_res_24 span{
	font-weight: bold;
}

/*end*/

/** caja para los comentarios en las sesiones ***/

.aviso_celular{
	display: none;
}

#color-sesiones{

	overflow: hidden;
}


.main-foro-sesion{
	
	overflow: hidden;

}
.main-wrap-foro-sesion{
	overflow: hidden;
	margin-top: 40px;
	background: rgb(233, 235, 238);
	width: 45%;
	float: left;
	
}

#respuesta{
	
	width: 55%;
	float: right;
	margin-top: 40px;
}


.cont-coment{
	width: 95%;
	margin-left: 5%;
	margin-top: 15px;
}
.coment_sesion{
	padding: 0 0 5px 0;
	border-bottom: 2px solid #fff;
	
}
.cont-coment .coment_sesion input[type="text"]{
	width: 94.5%;
	border: 1px solid rgb(150, 150, 150);
	height: 30px;
	border-radius: 5px;
	padding: 0 5px;
	font-family: 'Roboto';
	font-size: 0.9em;
	margin-left: 2%;
}
#adjunt_archiv_coment{
	cursor:pointer;
	padding: 3px;
	margin-left: 2%;
	font-size: 0.9em;
	width: 15%;
	margin-top: 4px;
	background: rgb(235, 235, 235);
	border-radius: 3px;
}
#div_adjuntar{
	width: 95.7%;
	margin-left: 2%;
	margin-top: 5px;
	margin-bottom: 5px;

}
.tip_archiv{
	overflow-y: hidden;
	border-left: 4px solid #00aef7;
	margin-top: 5px;
	background:  rgb(245, 245, 245);

}
.tip_archiv span{
	font-weight: bold;
	padding: 2px;
}
.tip_archiv img{
	float: left;
	width: 25px;
	height: 25px;
	margin-left: 10px;
	margin-top: 10px;
}
.tip_archiv p{
	font-size: 0.8em;
	margin-left: 40px;
	margin-top: 13px;
	
}
.tip_archiv input{
	display: block;
	clear: both;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 2px;
}
.cont-coment .coment_sesion button{
	width: 15%;
	border: none;
	background: rgb(231, 78, 19);
	padding: 7px 0;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	margin-left: 82.8%;
	cursor: pointer;
}
.coment-public{

	overflow: hidden;

}
.coment-public p{
	font-family: 'Roboto';
	
	padding: 5px 5px 0 5px;
	margin-top: 30px;
	font-size: 0.9em;
}
.coment-public p span{
	color: rgb(54, 88, 187);
	font-weight: bold;
}
.coment-public a{
	display: block;
	width: 18%;
	
	font-size: 0.7em;
	color: #ec5252;
	
	margin-left: 1%;

	
	
}

#ver_resp{
	background: #ec5252;
	color: #fff;
	padding: 5px;
	text-align: center;
	border-radius: 20px;
	margin-top: 7px;
	margin-bottom: 7px;
}

.coment-public a:hover{
	color: #000;
	transition: all .3s;

}

.respuesta_coment{
	width: 90%;
	margin-left: 11%;

}


.respuesta_coment input[type="text"]{
	padding: 3px;
	width: 96%;
	border-radius: 5px;
	border: 1px solid rgb(150, 150, 150);
}

.respuesta_coment button{
	background: rgb(241, 241, 241);
	border:none;
	padding: 4px 6px;
	border-radius: 5px;
	color: rgb(30, 30, 30);
	clear: both;
	margin-left: 85%;
	cursor: pointer;
	opacity: 0.5;

}
.respuesta_coment:hover button{
	background: rgb(80, 80, 80);
	color: #fff;
	opacity: 1;
	transition: all .5s;
	

}

#active_sub_coment{
	background: rgb(180, 180, 180);
	box-shadow: 0 0 2px 3px rgb(135, 135, 135);
	
}

.img_comt{
	width: 100%;
}

.respuesta_coment .tip_archiv{
	opacity: 0;
}

.respuest_princ .tip_archiv img, .respuest_princ .tip_archiv p {
	margin-top: 2px;
}
.respuest_princ .tip_archiv p{
	font-size: 0.7em;
}

.respuest_princ .tip_archiv input{
	margin-bottom: 1px;
}

.respuesta_coment:hover .tip_archiv{
	opacity: 1;
	transition: all .5s;
}

#botton_respt{
	margin-left: 80%;
	margin-bottom: 5px;
}

/* cuando esta activo las respuesta, el formulario de comentario */

#form_coment_con_hr #adjunt_archiv_coment{
	width: 25%;
	text-align: center;
	background: rgb(200, 200, 200);
}




.content_respuestas{
	
	width: 95%;
	margin: auto;
}

.cont_cada_resp{
	background:#fff ;
	margin-top: 15px;
	margin-bottom: 5px;
	overflow: hidden;
	box-shadow: 0px 0px 3px 2px rgb(240, 240, 240);
}


.titul_coment{
	text-align: center;
	padding: 10px;
	font-size: 1.1em;
	background:rgb(240, 240, 240);
}

.titul_coment span{
	color: rgb(80, 80, 80);
}
.sub_comen_title{
	padding: 8px;
	font-size: 0.9em;
	border-bottom:1px solid rgb(250, 250, 250);
	border-radius: 3px;
}
.sub_comen_title span{
	color: rgb(54, 88, 187);
	font-weight: 600;

}

.cont_imagen_respt{
	
	width: 100%;
}
.cont_cada_resp img{
	
}

#img_sesion{
	display: block;
	width: 100%;
}

.no_hay_respsts{
	width: 70%;
	margin: auto;
	background: red;
	text-align: center;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #fff;
	border-radius: 4px;
}


#icon_dowland{
	display: block;
	font-style: italic;
	color: rgb(90, 90, 90);
	font-size: 0.8em;
	margin-top: 10px;
	text-align: left;
	width: 100%;
}

.enl_dowland{
	width: 80%;
	margin-left: 10%;

}
.enl_dowland img{
	width: 50px;
	height: 50px;
}


/*** end ***/



#div-global{
height: 300px;
	width: 200px;
	border: 1px solid #ddd;
	background: #f1f1f1;
	overflow-y: scroll;
}

#list-sesiones{

	height: auto;
}

.content-list-sesiones a{
	display: block;
	padding: 30px;
}

/*--------*/











/*** PAGINA DEL INSTRUCTOR **/

.bacr_instr{
	background: #fff;
}

.cont_portada_docent{
	overflow: hidden;
	padding: 30px;
	background: #fff;
}


.text_port_d{
	width: 40%;
	float: left;
	margin-left: 5%;
	margin-top: 30px;
}



.img_port_d{
	width: 40%;
	float: right;
	margin-right: 5%;
	margin-top: -50px;


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

}
.tit_instr{
	font-size: 3em;
	padding: 10px;
	color: rgb(41, 48, 59);
	font-family: "Lato",sans-serif;
}

.p_instr{
	font-size: 1em;
	color: rgb(41, 48, 59);
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 20px;
	line-height: 25px;
}

.a_emp_d{
	display: block;
	padding: 10px;
	text-align: center;
	margin-left: 10px;
	background: #35df86;
	color: #fff;
	font-size: 0.9em;
	border-radius: 3px;
	font-family: "Lato",sans-serif;
	width: 25%;
	font-weight: bold;
}




.section_detalles{
	overflow: hidden;
	background: #fff;
	width: 80%;
	margin: auto;
	border-left: 1px solid #35df86;
	border-radius: 0 5px 5px 0;
	margin-bottom: 100px;
	margin-top: -50px;
}

.cont_temas_instr{
	width: 50%;
	float: left;
	overflow: hidden;
	height: 100%;
}
.cont_Datos_instr{
	width: 50%;
	float: right;
	overflow: hidden;
	height: 100%;
	background: #F7F9FA;
}
.titl_t_con{
	font-family: "Lato",sans-serif;
	font-size: 1.3em;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: 30px;
	color: rgb(70, 70, 70);
	margin-left: 10px;
}

.titl_t_con span{
	font-size: 0.7em;
	color: #35df86;
	margin-left: 10px;
}

.list_cursos_ins{
	margin-left: 6.6%;
	margin-bottom: 15px;
	overflow: hidden;
}

.list_cursos_ins img{
	display: block;
	width: 35px;
	height: 35px;
	float: left;
	margin-right: 10px;
}

.list_cursos_ins p{
	padding: 7px;
	color: rgb(90, 90, 90);
	font-size: 0.9em;
	line-height: 22px;
	margin-left: 35px;
	margin-top: -3px;
	
}
.list_cursos_ins p span{
	font-weight: bold;
}

#widt_text_por{
	width: 50%;
}



.enl_fich_reg{
	clear: both;
	display: inline-block;
	background: #ff0249;
	color: #fff;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #ff0249;
	margin-left: 15%;
	margin-top: 10px;
}

.enl_fich_reg:hover{
	border: 1px solid #ff0249;
	background: #fff;
	color: #ff0249;
	transition: all .3s;
}










/*** END PAG INSTRUCTOR **/
























/*--------------------------PARA LA PAGINA DE LAS SESIONES.. DONDE ESTÁN LOS VIDEOS----*/


/*-------------------------estilos para los mensajes de los formularios---*/

.error_formulario{
	background: red;
	width: 70%;
	margin: auto;
	overflow: hidden;
	border-radius: 5px;
	margin-top: 10px;
}

.error_formulario ul{
	background:;
	margin-top: 10px;
	margin-bottom: 10px;

}

.error_formulario ul li{
	text-align: center;
	list-style: none;
	font-size: 0.8em;
	color: #fff;
	padding: 5px;
}

#registr_incia{
	color: red; font-weight: bold; background: #ffff; padding: 5px; border-radius: 2px;
}
/*** mensaje de error **/

.mensajes_error{
	background: red;
	width: 80%;
	font-size: 0.9em;
	color: #fff;
	border-radius: 4px;
	padding: 5px;
	margin: auto;
}
.mensajes_exito{
	width: 80%;
	margin: auto;
	border-radius: 4px;
	background: #33c17a;
	
}
.mensajes_exito p{
	
	font-size: 0.8em;
	color: #fff;
	padding: 5px;
	text-align: center;
	
}

/**** mensajes de éxito **/



/**************** ESTILOS PARA CHAT O INBOX ***************/
.cont_prin_inbox{
	
}

.inbox_cont_1{
	float: left;
}

#cont_personas{
	width: 25%;
	height: 200px;
	
}
#cont_mensajes{
	width: 44.8%;
	height: 200px;
	border-right: 1px solid rgb(230, 230, 230);
	border-left: 1px solid rgb(230, 230, 230);

}
#cont_perfil{
	width: 30%;
	height: 200px;
	
}

/*** PARA EL LISTADO DE CONTACTOS **/

#cont_personas{
	
}

#cont_personas h2{
	text-align: center;
	font-size: 1em;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: rgb(100, 100, 100);
	font-weight: 400;
	
}

.cont_list_contactos{
	overflow-y: auto;
	height: 500px;
}



#perfil_listado, #perfil_listado_active{
	width: 100%;
	margin: auto;
	margin-top: 3px;
	padding: 5px 0px;
	
}

#perfil_listado{
	background: rgb(252, 252, 252);
}
#perfil_listado_active{
	background: rgb(210, 210, 210);
	transition: all .3s;
}

#perfil_listado img, #perfil_listado_active img{
	margin-left: 5px;
}

#perfil_listado:hover, #perfil_listado_active:hover{
	background: #fff;
}

#perfil_listado:hover h3, #perfil_listado_active:hover h3{
	color: #00aef7;
}



/*** PARA FOTOGRAFÍA Y NOMBRE DE LA PERSONA **/

.cont_perf{
	overflow: hidden;
	
}



.cont_perf img{
	display: block;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	float:left;
	
}

.cont_perf h3{
	font-size: 0.9em;
	margin-left: 50px;
	padding: 18px;
	color: rgb(80, 80, 80);
	font-weight: 400;}





/**** Para la caja de texto del inbox ***/
#perfil_mensaje{
	width: 60%;
	margin: auto;
	margin-top: 10px;
	overflow: hidden;
}



.content_mensajes_inbox{
	overflow-y: scroll;
	height: 450px;
	border-top:1px solid rgb(230, 230, 230);
	margin-top: 5px;
}

.de_inbox, .para_inbox{
	padding: 10px;
	width: 60%;
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 0.85em;
}

.de_inbox{
	/*background: #33c17a;*/
	background: rgb(0, 132, 255);
	color: #fff;
	margin-left: 2%;
	border-radius: 0px 10px 0px 10px;
	overflow: hidden;
}

.de_inbox .nombre_inbox_s{
	font-weight: 600;
	color: #000;
	margin-right: 7px;
	margin-left: 2px;
}



.img_perfil_cht{
	position: relative;
	top: 10px;
	overflow: hidden;
}
.img_perfil_cht>img{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-bottom: 5px;
	background: #fff;
	padding: 3px;

}

.de_inbox .hora_inbox_m{
	background: rgb(230, 230, 230);
	color: rgb(100, 100, 100);
	font-size: 0.7em;
	padding: 3px 10px;
	border-radius: 20px;
	margin-left: 7px;
	float: right;
}

.para_inbox{
	background: rgb(250, 250, 250);
	color: #000;
	margin-left: 35%;
	border-radius: 10px 0px 10px 0px;
	overflow: hidden;

}


/** Para la iamgen de visto **/
.cont_check_n{
	float: right;
	color: rgb(153, 153, 153);
	font-size: 0.7em;
}
.cont_check_n img{
	width: 13px;
	height: 13px;
}

.cont_check_v{
	float: right;
	color: rgb(0, 125, 254);
	font-size: 0.7em;
}

.cont_check_v img{
	width: 13px;
	height: 13px;
}



/*** para el formulario de envio de mensaje **/

.cont_form_enviar_mens{
	border-top: 1px solid rgb(230, 230, 230);
}


.cont_form_enviar_mens form input[type="text"]{
	
	width: 70%;
	padding: 14px;
	border:none;
	margin-left: 4%;
}

.cont_form_enviar_mens form button[type="submit"]{
	background: #00aef7;
	padding: 10px 20px;
	border:none;
	border-radius: 3px;
	color: #fff;

}


/*** para los datos de perfil.. de cada persona que participa en el inbox **/

#perfil_profile{
	background: rgb(245, 245, 245);
	padding: 20px;

}

#perfil_profile h3 span{
	color: #00aef7;
}

/*.cont_profile_dat{
	overflow-y: scroll;
}*/

.cont_red_social{
	width: 70%;
	margin: auto;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;

}
.cada_red_s{
	border-radius: 50px 50px 50px 50px;
}
.cada_red_s img{
	width: 30px;
	height: 30px;
	float: left;
	border: 1px solid #fff;
}

.cada_red_s p{
	color: #fff;
	font-size: 0.8em;
	padding: 8px;
	margin-left: 30px;
}

#fac_red_s{
	width: 48%;
	float: left;
	background: rgb(40, 56, 145);
}

#what_red_s{
	width: 48%;
	float: right;
	background: rgb(12, 192, 66);
}


.titulo_uni{
	text-align: center;
	font-size: 1.1em;
	color: #000;
	padding: 10px;
	box-shadow: 3px 3px 3px 1px rgb(230, 230, 230);
	margin-bottom: 15px;
}
.titulo_uni span{
	font-size: 0.7em;
}

.cont_titil_cd_men{
	overflow: hidden;
	
	width: 95%;
	margin: auto;
	margin-top: 3px;
	border-radius: 3px;
}

.cont_titil_cd_men img{
	display: block;
	width: 25px;
	height: 25px;
	float: left;
	margin-top: 7.5px;
	margin-left: 3px;

}

.cont_titil_cd_men p{
	width: 85%;
	margin-left: 30px;
	padding: 7.5px;
	color: #00aef7;
	font-size: 0.8em;
}



.cont_titil_cd_men span{
	color: #000;
	margin-right: 3px;

}


#a_edita_mi_informac{
	display: block;
	padding: 10px;
	text-align: center;
	width: 30%;
	background:rgb(150, 150, 150);
	border-radius: 5px;
	margin-left: 60%;
	margin-top: 70px;
	color: #fff;
	font-size: 0.9em;
}

#cont_perfil:hover #a_edita_mi_informac{
	background: rgb(0, 132, 255);
	transition: all .3s;
}

/***********END INBOX *******/





/**** ESTILOS PARA EL CHAT DE EJEMPLO **/

.cont_chat{
	
	width: 30%;
	margin: auto;
	min-height: 200px;
	border-radius: 10px;
	border:1px solid blue;
	overflow: hidden;
}

.cont_chat  .cada_chat{
	padding: 5px;
	background: rgb(230, 230, 230);
	overflow: hidden;
	margin-top: 2px;
}

.cont_chat .span1{
	
	color: blue;
	font-weight: bold;
}

.cont_chat .span3{
	color: red;
	font-weight: bold;
	float: right;

}

.embed_audio{
	display: none;
}

/**** END EJEMPLO CHAT **/





/***********************************************PAGINA DE PERFIL **********************/

.cont_profile{
	width: 100%;

}

.cont_datos{
	float: left;
	width: 50%;
	background: #fff;
	
	
}

.cont_editar{
	float: right;
	width: 50%;
}

.cont_profile>img{
	display: block;
	width: 150px;
	height: 150px;
	margin: 20px auto;
	border-radius: 50%;
}
.cont_profile>h2{
	text-align: center;
	padding: 10px 0;
	font-size: 1.1em;
	font-weight: 400;
	margin-bottom: 5px;
}

.cont_profile>h2 .span1_profile{
	font-size: 1.3em;
	font-weight: 600;
}

.cont_profile>h2 .span2_profile{
	font-size: 1.2em;
	font-weight: 400;
	color: #00aef7;
}

.cont_profile>p{
	text-align: center;
	padding: 10px;
	font-size: 0.8em;
}
.cont_profile>p span{
	background:#33c17a;
	padding: 8px 17px;
	font-size: 0.9em;
	color: #fff;
	border-radius: 3px;
}

.cont_profile>p span.span_activo{
	background:#33c17a;
}

.cont_profile>p span.span_ocupado{
	background:orange;
}

.cont_profile>form{

	display: block;
	width: 21%;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 10px;
}

.cont_profile>form p{
	font-size: 0.8em;
	padding: 3px;
	float: left;
}
.cont_profile>form label{
	font-size: 0.9em;
	font-weight: 600;
	}

.cont_profile>form label input[type="submit"]{
	border:none;
	background: rgb(210, 210, 210);
	padding: 3px;
	text-align: center;
	border-radius: 3px;
}


#secion_profile{
	width: 90%;
	margin-left: 10%;
	margin-bottom: 30px;
	border-right: 1px solid rgb(210, 210, 210);
}
#secion_profile .cont_red_social img{
	background: #fff;
	border-radius: 5px 0 5px 0;
}
#secion_profile .titulo_uni{
	box-shadow: none;
}

/** para que pueda llenar el formulario **/

.cont_editar h2{
	text-align: center;
	font-size: 1.1em;
	padding: 10px;
}

.cont_editar p{
	text-align: center;
	font-size: 0.9em;
	padding: 10px;
}

.cont_editar p span{
	color: #ec5252;
}
.cont_form_profile{
	width: 90%;
	margin-left: 10%;
}

.cont_form_profile form{
	width: 90%;
}

.cont_form_profile form label{
	display: block;
	margin-top: 5px;
	font-size: 0.9em;
	padding: 5px;
}

.cont_form_profile form label span{
	font-size: 0.8em;
	color: #00aef7;
}

.cont_form_profile form input{
	display: block;
	width: 100%;
	border: 1px solid rgb(230, 230, 230);
	background: rgb(240, 240, 240);
	padding: 10px;
	border-radius: 3px;
	margin-top: 5px;
}

.cont_form_profile form input[type="submit"]{
	display: block;
	width: 30%;
	margin-bottom: 30px;
	background:  rgb(150, 150, 150);
	border:none;
	color: #fff;
}
.cont_form_profile form:hover input[type="submit"]{
	background: #00aef7;
	transform: all .3s;
}

/*****************************END PÁGINA PERFIL ***************/














/*********************************************estilos para la pagina de certificion*************/



.contacto_certific{
	/*background: rgb(0, 174, 247);*/
	overflow: hidden;


	display: flex;
flex-direction: row;
flex-wrap: wrap;

/*ahora para centrarlo*/

justify-content: center;
align-items: center;
}

.contacto_certific>div{
	width: 85%;
	overflow: hidden;
	background: rgb(0, 123, 176);
	margin-top: 50px;
	margin-bottom: 20px;
	border-radius: 5px;
	box-shadow: 3px 3px 2px 1px rgb(0, 96, 136);

	display: flex;
flex-direction: row;
flex-wrap: wrap;

/*ahora para centrarlo*/

justify-content: center;
align-items: center;
}

.conversa_cert{
	width: 60%;

	margin-right: 2%;

}

.conversa_cert h2{
	font-size: 1.1em;
	padding: 10px 0 ;
	text-align: center;
	font-weight: normal;
	color: #fff;
}

.numero_w{
	width: 30%;
	margin-left: 2%;
	margin-top: 5px;
	margin-bottom:5px;

}

.cont_conc_cert{

	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px;
}

.cont_conc_cert img{
	display: block;
	width: 10%;
	float: left;
	border-radius: 50%;
}

.cont_conc_cert p{

	line-height: 38.4px;
	width: 85%;
	float: right;
	color: #fff;


}


/*   end---*/




.cont_certificate{
	/*background-image: url(http://localhost:8080/uciency/imagenes/certificate.png);*/

	overflow: hidden;
	;
}


.certificacion{

	/*background: rgb(0, 174, 247);*/
	overflow: hidden;


}

.certifica_ap{
	overflow: hidden;
}
.certifica_ap h2{
	font-size: 1.9em;
	padding: 15px;
	color: #000;
	text-align: center;
	margin-top: 20px;
}

.certifica_ap p{
	font-size: 1em;
	padding: 10px;
	text-align: center;
	margin: 20px 0;
	color: #000;
}





.cont_pasos_cert{

	overflow: hidden;
}

.pasos_cert{

	width: 20%;
	float: left;
	margin-left: 4%;
	margin-bottom: 50px;

}

.pasos_cert a{
	background: rgb(61, 173, 73);
	display: block;
	width: 70%;
	margin: auto;
	padding: 15px;
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
	border-radius: 5px;
	margin-top: 20px;
	box-shadow: 3px 3px 1px 1px rgb(48, 135, 56);
}



.pasos_cert p{
	background:

	margin: auto;
	padding: 2px;
	font-size: 0.9em;
	text-align: center;
	margin-top: 20px;
	/*color: rgba(255, 255, 255, 0.9);*/
	color: #000;
}

.pasos_cert a:hover{
	background: rgb(71, 190, 83);
	color: #fff;
}

/* DATOS DE CERTIFICACIÓN*/
.datos_certificacíon{
	background: ;
	width: 100%;


}

.titulo_certificación{
	background: rgb(0, 174, 247);
	width: 100%;
	height: 150px;

}

.titulo_certificación h2{
	text-align: center;
	line-height: 150px;
	color: #fff;
	font-size: 1.5em;
	font-weight: normal;
}

.descrip_datos_certific{
	overflow: hidden;
	background: ;
}

.descrip_datos_certific h3{
	text-align: center;
	color: #000;
	padding: 15px;
	font-weight: normal;
	font-size: 1.3em;
	margin-top: 15px;
}

.tienes_ingresar{
	font-size: 1.2em;
	padding: 5px;
	text-align: center;
}

.datos_nombres, .recomendacion_certific{
	width: 40%;
	margin: auto;
	margin-top: 10px;


}

.datos_nombres{
	text-align: center;
	padding: 15px 0;
	font-size: 1.1em;
	color: #fff;
	border-radius: 5px;
	background: rgb(0, 174, 247);
	/*background: rgb(61, 173, 73);*/
}


.recomendacion_certific{
	text-align: center;
	font-size: 0.9em;

	margin-bottom: 30px;
}

#color_datos_envio{
	background: rgb(230, 76, 59);
}


#color_datos_pagar{
	background: rgb(78, 185, 111);
}


/**/

/*.-------------------------------------------------------------------------ESTILOS PARA LA P+AGINA DEL ADMIN----------------------------------*/

.cont_clientes{


}

.registro_clientes h2{

	font-size: 1.5em;
	font-weight: normal;
	padding: 10px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;

}

.lista_clientes{

	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;

}

.cont_titulo_cl{
	overflow: hidden;

}

.cont_detalles_clientes{
	overflow: hidden;

	margin-top: 15px;

}




.titulo_clientes{
	background: ;
	width: 15%;
	float: left;
	margin-left: 0.71%;
}

.lista_clientes #correo{
	width: 20%;
	background: ;
}

.titulo_clientes h3{
	font-size: 1em;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	color: #fff;

	background: #00aef7;
	margin-top: 2px;
	margin-bottom: 2px;
	border-radius: 5px;
}


.titulo_clientes p{
	font-size: 0.8em;
	text-align: center;
	padding: 5px;
	border: 1px solid  #00aef7;
	border-radius: 5px;

}
#editar_clientes, #editar_clientes_editar{
	width: 10%;
	margin-top: 10px;
	background: rgb(231, 160, 62);
	border-radius: 50px;
	margin-bottom: 10px;


}
#editar_clientes_editar{

	margin-left: 67.8%;
}
#editar_clientes_editar p{
	padding: 0;
	border: none;
}

#editar_clientes_editar p a{
	display: block;

	padding: 5px;
	font-weight: bold;
	color: #fff;
	font-size: 0.8em;
}


#editar_clientes p{
	padding: 0px;
	border: none;

}

#editar_clientes p a{
	display: block;

	padding: 5px;
	font-weight: bold;
	color: #fff;
	font-size: 0.8em;

}


/*para los cursos*/

#nombr_curso{

	width: 87%;

	margin-left: 12.8%;


}

#nombr_curso p{
	text-align: left;

	width: 96%;

	padding: 7px 0 7px 20px;
	margin: auto;
	background: #fff;

}

#color_cursos{
	color: #fff;
}


/*------------------------------- para la pagina de contacto--------*/

#main_contacto{
	/*background-image: url(http://www.uciency.com/imagenes/comodidad.png);
	height: 1000px;*/
	overflow: hidden;
}

.cont_form_contacto{
	background: rgb(231, 78, 19);
	width: 35%;
	margin-top: 30px;
	margin-left: 50px;
	border-radius: 5px;

}

.cont_form_contacto h2{
	font-size: 1.3em;
	padding: 20px;
	text-align: center;
	color: #fff;
}

.form_contacto{

	width: 100%;
	overflow: hidden;


}

.form_contacto input[type="email"],
.form_contacto input[type="text"]{

	display: block;
	width: 90%;
	margin: auto;
	padding: 7px;
	font-size: 0.8em;
	border:none;
	margin-top: 5px;
	color: rgb(231, 78, 19);
	font-weight: bold;
	border-radius: 3px;

}

.form_contacto textarea{

	border:none;
	padding: 7px;
	width: 90%;
	display: block;
	margin: auto;
	margin-top: 10px;
	color: rgb(231, 78, 19);
	font-family: verdana, arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	border-radius: 3px;
}

.form_contacto input[type="submit"]{
	width: 40%;
	display: block;
	margin: auto;
	font-size: 1em;
	font-weight: bold;
	padding: 7px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 30px;
	cursor: pointer;
	border: none;
	border-radius: 5px;
	color: rgb(231, 78, 19);
}


/*------------------------------------------------------------------------ PARA CELULAR-- EL LANDING PAGE------------*/

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

@media screen and (max-width: 640px){
	body{
		width: 100%;

		font-size: 0.75em;
	}

	#header{
		width: 100%;
	}

	#header ul{
		display: none;
	}


	.logo{
		display: block;
		width: 100%;
		font-size: 0.9em;


	}

	.marca{

		border-radius: 0px;
		margin-left: 0px;
		width: 90%;
		margin-left: 5%;
	}





		/*EL CUERPO*/

	.main{
		width: 100%;
	}



	.main #cabezera_landing .nav_landing{
		width: 100%;

		overflow: hidden;


	}
	.main #cabezera_landing .nav_landing ul{

		width: 100%;
	}

	.main #cabezera_landing .nav_landing ul li{
		clear: both;
		width: 100%;
		margin: auto;

	}

	.main #cabezera_landing .nav_landing ul li a{
		width: 93%;
		margin: auto;
		display: block;
		margin: auto;
		margin-top: 5px;

	}


	/*para el gancho---- esto es general*/


	.gancho{

		width: 100%;
	}

	/*para el gancho del landing*/

	#landing_gancho{

	}

	#landing_gancho .ganchos_nombres{

	}

	.ganchos_nombres .viñeta_and_curso{
		width: 98%;
		margin: auto;

	}

	.ganchos_nombres .viñeta_and_curso img{
		display: block;
	}

	.ganchos_nombres .viñeta_and_curso p{

		margin: auto;
		text-align: center;
	}


	.pensar p{
		font-size: 0.8em;

	}

	.para_matricular{
		height: 120px;
	}
	.para_matricular a{
		width: 60%;
		margin: auto;
	}


	/* ya descargaste tu material???*/
	.cont_para_decargar{

		font-size: 0.8em;
	}
	.para_descargar{

		width: 90%;
		height: 200px;
		margin: auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.ya_descargaste>div{

		background: purple;
		margin-top: 0px;
	}

	.ya_descargaste p{
		width: 95%;
		font-size: 1.1em;

	}


	.matriculate_descargar{
		height: 200px;

	}
	.matriculate_descargar img{
		width: 30px;
		height: 30px;

	}
	.matriculate_descargar a{
		width: 70%;
		padding: 5px 5PX;

	}
	.matriculate_descargar a:hover{
		-webkit-transform:scale(1.1);
	}


/*PARA SI TIENES PRISA*/

	.landing_cont_descrip{

		width: 100%;
	}

	.cont_detalles_landing{

		width: 95%;
	}
	#carta .titulo_landing{

		width: 100%;

		font-size: 1em;
		padding: 10px 0;
	}

	.titulo_landing{

		font-size: 1.3em;
		padding: 10px;

	}

	.landing_cont_descrip .text_carta{

		width: 60%;
		margin-left: 40%;
	}



/*----------LO QUE APRENDERAS ----*/

.landing_barra{
	margin-bottom: 10px;
	margin-top: 10px;
}
.cont_temas{

	margin-top: 10px;
}


.temas{

	display: block;
	clear: both;
	height: 100%;
	width: 90%;
	margin-left: 5%;

	margin-top: 20px;
	margin-bottom: 5px;

}

.border_temas{
	border: none;
}

/*** proximo inicio **/

.proximo_inicio{

	width: 100%;
	height: 300px;
}

.cont_detalles_inicio_arcgis{

}


.proximo_inicio .cont_inicio_arcgis{

}

.cont_detalles_inicio_arcgis div{

	width: 100%;

}

.cont_detalles_inicio_arcgis h3{

	font-size: 0.8em;

	width: 28%;
	margin-left:2.5%;
	margin-top: 2px;
	margin-bottom: 2px;
}
.cont_detalles_inicio_arcgis a{

	width: 60%;
}
/*-----landing costo*/


/***** porque estudiar en uciency **/

.cont_total_ben{

}
.beneficios{

	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.beneficios .cont_ben{

	clear: both;

	width: 98%;
	margin-left: 1%;

}



/*------------footer*/

.redes_sociales hr{
	display: none;
}

.cont_detalles_footer{
	display: none;
}





/*AHORA PARA LA PÁGINAS DE MATRÍCULA---- DE REGISTRO-- MATRÍCULA--- E INCIO DE SESION*/

/* PARA EL PASO NUMERO UNO*/

#fondo_matricula{
	height: 100%;

}
.cont_pasos_matr{

}
.cont_pasos_matr h2{
	padding: 0px;

	font-size: 1em;


}

.pasos_matricula{

	width: 98%;
	margin-bottom: 10px;
}


.form_pasos_matr .numer_pasos{
	display: none;
}


.form_pasos_matr{
	clear: both;

	width: 90%;

}


.form_pasos_matr a{
	font-size: 0.8em;
	width: 100%;
	margin: auto;
	margin-top: 3px;
	margin-left: 0px;
	padding: 10px 0px;

}

.alert_matr{

	text-align: center;
}


.g_registro{

	display: none;
}

.form_registro{


	width: 90%;
	margin-left: 5%;
	clear: both;
	margin-right: 5%;


}



#ingresa_correo_matr{

	margin-top: 50px;
}

.form_r_input{


}

.form_r_input input[type="email"],
.form_r_input input[type="password"],
.form_r_input input[type="text"]{
	width: 92%;

}

.form_r_input #nombre{
	width: 40%;
}

.form_r_input #apellido{
	width: 40%;
	margin-right: 2.5%;
}

#formulario_iniciar_sesion{
	margin-top: 20px;
}









/* ----------------------------PARA EL INDEX... PARA LA PAGINA PRINCIPAL*/




.cabezera{
	background:;

}

.cabezera .cab h2{
	background: rgba(255, 255, 255, 0);
	width: 90%;
	display: block;
	margin: auto;
	font-size: 1.5em;
	padding: 10px 2px;
	text-align: center;
	color: #00aef7;
}

.cabezera .cab p{
	background: #00aef7;
	width: 85%;
	display: block;
	font-size: 0.8em;
	padding: 10px 2;
	text-align: center;
	margin: auto;
	margin-top: 110px;
}


/**PARA LA SECCION DE CURSOS**/
.cursos{

}
.cursos>.porque{

	font-size: 1.7em;
	margin-bottom: 5px;
}



.contprin{
	width: 100%;


}
section.contenedor{
	clear: both;
	width: 90%;
}

.cursos .contenedor .img1{
	height: 100px;
}
.cursos .contenedor .cont .barra{
	display: none;
}


.cursos .contenedor .cont{

	min-height: 50px;
}

.cursos .contenedor h2{
	clear: both;
	width: 95%;
	padding: 3px 0;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 0.9em;
	margin-left: 2.5%;
}
.cursos .contenedor ul{

	width: 85%;
	margin-left: 7%;
}
.cursos .contenedor .matricula_abierta{
	padding: 5px;
	width: 50%;
}

.cursos .contenedor h3>a{
	width: 70%;
	padding: 5px;
	font-size: 0.8em;
}
.cursos .contenedor p{
	font-size: 0.8em;

}

/*----------seccion de beneficios*/


h2.porque{
	font-size: 1.7em;
	margin-bottom: 5px;
}


/*seccion de tienes dudas*/
.cont_preguntas_dudas{

}


.preguntas{

	margin-bottom: 20px;
}


.preg{
	clear: both;

	width: 95%;
	margin-left: 2.5%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.preg .conoce{

	padding: 5px 10px;
	margin-top: 10px;
	font-size: 0.8em;
}



#pregtres .titulob{

	width: 85%;
	margin:auto;
	border-radius: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*END     */



/*------------------------------------------------- TODO DESPUES DE INICAR SESION-----*/

.bienvenida{

	height: 150px;

}

.bienvenida .cont_bienv{

	width: 99%;
}


/* regalo del curso*/
.regalo_curso{

	clear: both;
}

.regalo_curso .form_promesa{

	width: 90%;
}

.regalo_curso #promes_curso{

	margin-top: 0px;

}
.regalo_curso #promes_curso .cont_a{

	width: 90%;
	margin-top: 10px;

}
.form_promesa .ingresar_al_curso{

	width: 90%;
	margin: auto;
	margin-top: 5px;
	margin-left: 0px;
	padding: 5px 0;
}

/*-----------------mis cursos---*/

.cursos_del_usuario{

	width: 100%;
}

.cont_nombres{

	width: 100%;


}

.curso_matr_usuario{

	width: 95%;
	margin-left: 2.5%;
	margin-top: 10px;
}
.imagen_curso_suario{
	display: none;
}


.nombre_curso_usuario{

	width: 86%;
	padding: 10px 10px;
	font-size: 0.9em;

}

.ingresar_al_curso{
	width: 80%;
	padding: 10px 0;
}

.condicion_g_p{

	width: 60%;
}



/* en la hoja de capitulos*/

.sesiones{

}

.listado_sesiones{

	width: 94%;
	margin: 3%;
}



.caja_sesiones{
	width: 100%;
	margin-left: 0px;
	border-radius: 0px;
	clear: both;


}
.caja_sesiones h2{
	border-radius: 0px;
}
.cont_datos_curso_sesiones{

	height: 150px;

}
.datos_curso_sesiones{

	clear: both;
	width: 100%;
	margin-left: 0px;
	overflow: hidden;
}

.datos_curso_sesiones h3{

	width: 68%;
	padding: 10px 0;
	font-size: 0.9em;
	border: 1px solid #fff;
	float: left;
	margin-left: 2%;
}
.datos_curso_sesiones p{

	margin-top: 0px;
	width: 28%;
	padding: 10px 0;
	float: right;

}

/*ocultar las sesiones para celular*/
#oculo_cel{
	display: none;
}

/*para activar en cell*/
#oculto_pc{
	display: block;
}
/* end*/

.certifi_ap{
	border-radius: 0px;
}


.solicita_cert{

	width: 60%;
	margin-bottom: 30px;
	padding: 10px;
	font-size: 1em;
}

/*para la parte superior de solicitar certificado*/

.cont_solci_cert{

	width: 70%;
	margin: auto;
	margin-top: 10px;
}

.cont_solci_cert a{
	padding: 10px 0;
	font-size: 0.8em;
}

/* para el video*/
.titulo_sesion{
	font-size: 0.9em;
}

#caja_sesion_video{

	margin-top: 0px;
}

.caja_video{

	width: 100%;
	margin-bottom: 5px;
	margin-top: 5px;

}

.mivideo{
	margin-bottom: 5px;

}


.recursos_del_curso .recursos_h2{

	width: 98%;
	padding: 10px 0;
	font-size: 1.3em;
	margin: auto;
}

.recursos_detalles{

	width: 95%;
}

.recursos_detalles a{
	padding: 5px 5px;
	width: 95%;



}


/*------PARA LA SECCIÓN DEL ADMIN ASIGNAR CURSOS ----*/


.main .gestion_titulo{

	width: 100%;
	max-width: 1280px;
	height: 400px;
	margin:auto;
	box-shadow: 0px 1px 1px 1px rgb(148, 148, 148);


	display: flex;
flex-direction: row;
flex-wrap: wrap;



justify-content: center;
align-items: center;
}

.main .gestion_titulo p{
	font-size: 2em;
	color: #fff;

}


.cont_asignar_cursos{
	background: red;
	width: 1280px;
	height: 500px;
	margin: auto;
}



/** 



}


/** PARA CONVERTIR EN CELULAR ***/


/* @media screen and (max-width: 640px){ 



**/




body{
	
}


.logo{
	width: 47%;
}
#header{
}
#header ul{
	display: block;
	background: none;
}

.ocul_cel{
	display: none;
}


#menu_header{
	display: block;
	width: 35px;
	height: 35px;
	float: right;
	margin-top: 19px;
	margin-right: 5px;
	cursor: pointer;
}

#menu_header_user{
	display: block;
	width: 35px;
	height: 35px;
	float: right;
	margin-top: 19px;
	margin-right: 15px;
	cursor: pointer;
	margin-top: -35px;

}


header nav ul li{
	width: 45%;

}
.registrarse{
	width: 100%;
	margin-right: 5px;
}
#caja_menu{
	
}
#caja_menu ul li{
	width: 100%;

	
}
#caja_menu ul li a{
	display: block;
	text-align: center;
	padding: 15px 0;
	color: #0099ff;
	border-bottom: 1px solid #0099ff;
}
#registr{
	display: none;
}
#t_matriculando{
	text-align: center;
	width: 79%;
	margin-left: -20px;
	margin-top: 13px;
}
#t_matriculando p {
	font-weight: bold;
	display: block;
}
#t_matriculando p img{
	display: block;
	width: 15px;
	height: 15px;
	float: left;
	margin-right: -5px;
}
.conta_w{
	display: none;
}


#caja_menu_user{

}




#caja_menu_use .inicio_lista{
	display: block;
}


#caja_menu_user .ocul_cel{
	display: block;
}

#caja_menu_user .hed_usuario{
	display: block;
}

#caja_menu_user #cerrar_sesion{
	display: block;
}

#caja_menu_user ul li{
	clear: both;
	width: 100%;
	
	border-radius: none;
	border:none;

}

#caja_menu_user ul li a{
	display: block;
	width: 100%;
	padding: 10px 10px;
	color: #0099ff;
	border-bottom: 1px solid  #0099ff;

}

#caja_menu_user ul li a:hover{
	background: rgb(245, 245, 245);
}

#caja_menu_user .hed_usuario{
	
}
#caja_menu_user .hed_usuario a{
	border:none;
	
	overflow: hidden;
	padding: 3px 10px;
	
	
}
#caja_menu_user .hed_usuario a img{
	float: left;

}

#caja_menu_user .hed_usuario a p{
	margin-left: 40px;
	
}

#caja_menu_user #cerrar_sesion{
	color: #fff;
	border:none;
}

#caja_menu_user #cerrar_sesion:hover{
	background: #ec5252;
}

#notification-latest_coment{
	width: 700%;
	position: absolute;
	right: -50px;
	border-radius: 5px 0 5px 5px;
}

#notification-latest{
	width: 700%;
	position: absolute;
	right: -90px;
	border-radius: 5px 0 5px 5px;
}


#text_confirm{
	width: 50%;
	padding: 0px;
	position: relative;
	top: -60px;
	left: 140px;
}
.portada_uc{
	height: 200px;
}


#conte_img_1{
	display: none;
}

#cont_img_2{
	display: none;
}
.content_text_portada{
	width: 90%;
	margin: auto;
	position: relative;
	top: 0px;
	left: 0;
	
	
}

.content_text_portada h2{
	font-size: 1.4em;
}

.content_text_portada p{
	font-size: 0.8em;
}

.content_text_portada a{
	width: 35%;
	font-size: 0.8em;
	margin-top: 10px;
	margin-bottom: 10px;
}

.filter{
	display: none;
}

.list_cursos{
	width: 100%;
	margin: auto;
	clear: both;;

}


.cd_cours{
	clear: both;
	width: 85%;
	margin-left: 7.5%;
	min-height: 350px;
	
}



.titul_cd_c h2{
	min-height: 30px;
}


.cont_cd_testimonio{
	width: 90%;
	min-height: 50px;
	margin-left: 5%;
	clear: both;
}

.cont_cd_testimonio img{

	display: block;
	width: 100%;
	
}
	

#ver_opiniones{
	width: 50%;

}
.sub_header_single{
	
}

#aviso{
	padding: 5px;
}


#nombre_curso_hed{
	display: none;
}


.sub_header_single  #cont_pre_sing{
	width: 50%;
	margin-left: 0px;
	font-size: 0.7em;

}
#cont_pre_sing #span_p_3{
	padding: 5px 8px;
}
.sub_header_single #a1_pre{
	width: 35%;
	padding: 12px;

}

#vi_pre_text{
width: 90%;
margin-left: 5%;
}


.video_pre{
	display: none;
}


.detall_pre{
	clear: both;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;

}


#video_celular{
	display: block;
	width: 90%;
	margin-left: 4%;
	margin-top: -30px;
	
}



#video_celular iframe{
	width: 100%;
	height: 155px;
}

#video_celular #img_portada_present{
	width: 100%;
	margin-top: 0px;
	border-radius: 0px;
}



.inf_1{
	clear: both;
	width: 90%;
	margin-left: 5%;

}

.inst_1{
	clear: both;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}

.inst_part_dos{
	clear: both;
	width: 90%;

	margin-left: 5%;
	

}

.cont_dos_docen_1{
	clear: both;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;

}



.detalles_curs{
	clear: both;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}


#p_infor{
	clear: both;
	width: 100%;
}


#certificado_gratis{
	text-align: center;
}



#certificado_gratis span{
	clear: both;

}


.caja_titulo_temario{
	padding: 5px 0;
}

#mod_1{
	width: 75%;
}
#mod_2:hover{
	background: none;
}


.contenido_temario{
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}


.contenido_temario ul{
	margin-bottom: 0px;
	margin-top: 0px;
}

.cont_avis_act{
	margin-top: -20px;
}


.avis_act{
	width: 95;
	overflow: hidden;
}


.avis_act a{
	width: 50%;
	display: none;
}


.adit_info{
	clear: both;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	padding:0px;
	margin-bottom: 30px;
	margin-top: -50px;
}
.adit_info h3{
	margin-top: 0px;
}


.sidb_guia p, .sidb_guia ul{
	margin-left: 5px;
}
.contact{
	padding-left: 5px;
}

#a_mat_sdbr{
	margin-bottom: 0px;
}

.contenedor_registro{
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
}
.contenedor_registro .form_registro{
	width: 95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#celular_registro{
	display: block;
	width: 90%;
}

.matr_curso_1{
	width: 80%;
	margin-bottom: 15px;
}



/** detalle navidad **/

.cont_img_navidad{
	width: 100%;
	background: red;
}

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

/** end detalle nadivdad **/





/********* LA PAGINA DENTRO DE USER **/
.cont_prin_indx{
	
	height: 100vh;
}

.cont_1_indx{
	max-height: 100%;
}


#cont_idx_1{
	display: none;
	}

#cont_idx_celular{
	display: block;
	clear: both;
	width: 100%;
	margin:auto;

}

.cont_menu_cel{
display: block;
overflow: hidden;
background: #fff;
padding: 5px 0;
}

.cont_menu_cel h2{
	width: 70%;
	float: left;
	margin-left: 5%;
	text-align: center;


}
.cont_menu_cel h2 span{
	font-size: 0.8em;
	color: rgb(160, 160, 160);
}
.cont_menu_cel button{
	width: 20%;
	float: right;
	margin-right: 5%;
	border:none;
	background: none;
	cursor: pointer;
	
}

.cont_menu_cel button img{
	display: block;
	width: 40px;
	height: 40px;
	margin-top:3px;
}

.cont_body_ini{
	display: none;
}
.cd_detl{
	height: 80px;
}
#cont_idx_2{
	clear: both;
	width: 95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

.merit{
	padding: 5px 0;
	margin-top: 5px;
}


#list_ganador{
	clear: both;
	width: 55%;
}
#medall{
	display: none;
}


.cont_nor{
	clear: both;
	width: 100%;
	height: 100%;
	padding-bottom: 20px;

}


.div_mejor_index img{
	display: none;
}

#cont_idx_3{
	width: 95%;
	clear: both;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

#contenedor_inicio{

	height: 100%;
	padding-bottom: 10px;
}

.conten_prematricula img{
	max-width: 100%;
}
.cont_dr{
	clear: both;
	width: 95%;
	margin: auto;
}




#c-taller-content{
	
}
.c-taller-caja h3{
	display: none;
}

.c-taller-caja p{
	display: none;
}

#ingr_cursos{
	width: 60%;
}
#c-taller-img img{
	margin-top: 20px;
}

#ingr_taller{
	width: 60%;
}
#cont_cert_2{
	width: 30%;
}
#cont_cert_3{
	clear: both;
	width: 50%;
	margin-left: 25%;
}



.nvo_cr_1{
	width: 100%;
	clear: both;
}



#cd_cours_user{
	width: 80%;
	margin-left: 10%;
}



.contenedor_matri_1{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	background: none;
}

.formulario_completar{
	width: 90%;
	margin: auto;
}



#ident-cursos{
	clear: both;
	width: 100%;
	border-right: none;
}

.cont_list_p{
	display: none;
}


#t-detalles-cursos{
	clear: both;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: -220px;
}

.main-capitulos > h2{
	margin-top: 10px;
}

.users_option{
	display: none;
}

#capti-options{
	width: 40%;
}

#capti-options a img{
	margin-left: 5px;
}


#capti-options a p{
	margin-left: 7px;
}



.present-cursos{
	margin-top: 10px;
}

.cont_listado_modul{
	margin-top: -20px;
}




#list_sesion_visto{
	padding: 5px;
}
#cuestionario_sesions, #pendiente_examen, #sin_examen{
	clear: both;
	width: 90%;
	display: block;
	margin: auto;
	margin-top: 2px;
	margin-bottom: 10px;
}


#caja-cap-chat{
	clear: both;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	border-right: 1px solid rgb(240, 240, 240);
}



#noti_c{
	position: relative;
	left: 120px;
}


.ul_pag_usuario .inicio_lista{
	display: none;
}


.ocul_cel{
	display: none;
}


.hed_usuario{
	display: none;
}


#cerrar_sesion{
	display: none;
}


#color-sesiones{
	display: none;
}


.aviso_celular{
	display: block;
	width: 90%;
	margin: auto;
	background: rgb(245, 245, 245);
	padding-bottom: 20px;
	padding-top: 20px;
	margin-top: 20px;
}

.aviso_celular p{
	text-align: center;
	padding: 10px;
}

.aviso_celular h2{
	font-size: 1.1em;
	text-align: center;
	padding: 5px;
}
.aviso_celular a{
	display: block;
	width: 70%;
	margin: auto;
	text-align: center;
	padding: 10px;
	border-radius: 3px;
	background: rgb(150, 150, 150);
	color: #fff;
	margin-top: 10px;

}


#cont_para_inbox{
	display: none;
}


#cnt_examen_cel{
	display: none;
}


.cont_profile > form{
	width: 100%;
	background: rgb(245, 245, 245);
	padding:10px 0;
}


.cont_datos{
	display: none;
}


.cont_editar{
	clear: both;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	background: rgb(250, 250, 250);
	border-radius: 3px;
}

.cont_form_profile form input[type="submit"]{
	width: 90%;
}



.dur_oferta{
	height: 70px;
}


.dur_oferta p{
	margin-top: 10px;
}


#celular_activ_prof{
	display: block;
}
#celular_activ_prof #list_docente{
	display: block;
	margin-top: 0px;
	margin-bottom: 5px;
}

#celular_activ_prof #list_docente img{
	margin-top: -3px;
}

#aviso_lateral{
	display: none;
	margin-left: 100%;
}

/*.sub_header_single #a1_pre{
	display: none;
}*/
#matricul_celular{
	display: block;
	width: 43%;
	float: left;
	background: #35df86;
	border: 1px solid #35df86;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 10px 40px rgba(69,69,69,0.1);
	display: inline-block;
	text-align: center;
	padding: 15px 0;
	border-radius: 5px;
	margin-left: 1%;
}



.div_f_sin{
	width: 90%;
	clear: both;
	margin-top: 10px;
	margin-left: 5%;

}


#dowl_pdf img{
	margin-top: 0px;
}

.matr_curs_bott{
	display: none;
}

.cont_mtr a.matr_curs_bott{
	display: none;
}


#oncul_para_cel_bott #a1_pre{
	display: none;
}



.modal_registro{
	width: 100%;
}




}