@font-face {	
	font-family: 'Ubuntu Bold';
	font-style: normal;
	font-weight: normal;
	src: local('ubuntu.bold'),url('fonts/ubuntu/ubuntu.bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Ubuntu Light';
	font-style: normal;
	font-weight: normal;
	src: local('ubuntu.light'),url('fonts/ubuntu/ubuntu.light.ttf') format('truetype');
}
@font-face {
	font-family: 'Ubuntu Medium';
	font-style: normal;
	font-weight: normal;
	src: local('ubuntu.medium'),url('fonts/ubuntu/ubuntu.medium.ttf') format('truetype');

}
@font-face {
	font-family: 'Ubuntu Regular';
	font-style: normal;
	font-weight: normal;
	src: local('ubuntu.regular'),url('fonts/ubuntu/ubuntu.regular.ttf') format('truetype');

}

.bg-portada{
	background: url(../img/account-cover.jpg);
	background-position: center;
	background-size: cover;
}

.panel-price {
	font-size: xx-large;
}

.bg-blanco{
	background:#fff;
}

.bg-gris{
	background-color: #f2f2f2;
}

.bg-morado, .bg-morado:hover, .bg-morado:active{
	background-color: #AB8CE4;
}

.bg-naranja, .bg-naranja:hover, .bg-naranja:active{
	background-color: #fb9678;
}

.bg-azul-fuerte,.bg-azul-fuerte:hover, .bg-azul-fuerte:active{
	background-color: #6185B0;
}

.bg-azul-claro ,.bg-azul-claro:hover, .bg-azul-claro:active{
	background-color: #01c0c8;
}

.bg-azul-fuerte-30{
	background-color:rgba(97, 133, 176, 0.30);
}

.bg-morado-30{
	background-color:rgba(171, 140, 228, 0.30);
}

.bg-azul-claro-30{
	background-color:rgba(1, 192, 200, 0.30);
}

.bg-naranja-30{
	background-color:rgba(251, 150, 120, 0.30);
}

.border-orange-3{
	border: 3px solid #fb9678;
}

.font-color-azul-claro{
	color: #01c0c8;
}
.font-color-azulF{
	color :#6185B0;
}

.font-color-rosa{
	color :#B60537;
}
.font-color-morado{
    color: #C817CB;
}
.font-color-verde{
    color: #10652F;
}
.font-color-blanco{
	color :#fff;
}

.font-size-50{
	font-size: 60px;
}
.font-color-naranja{
	color :#fb9678;
}
/*CSS nuestros_cursos.php*/

.item-materia{
	background-color: #a6192e; 
	color: #fff;
}

.item-contenido{
	padding-top: 10px;
	padding-bottom:10px;
	border-bottom: 1px solid #a6192e;
	
}


.item-lista{
	padding-top: 10px;
	padding-bottom:10px;
	border-bottom: 1px solid #a6192e;
	font-family: 'Ubuntu Bold';
	color:#878787;
	font-size: 15px;
	letter-spacing: 0px;
}

.top-20{
	padding-top:20px;
}

.bottom-30{
	padding-bottom:30px;
}

.info-curso{
	background-color:#F2F2F2;
	padding-left:10px;
	padding-right:10px;
}

.uppercase{
	text-transform:uppercase;
}

.w-250{
	width: 250px;
}
.w-100{
	width: 100px;
}
/*CSS alumno.php*/

.c1{
	width: auto;
	margin-left:3%;
	margin-right:3%;
}

/*.img-vacio{
	background: #555754;
	width: 250px;
	height: 250px;
	overflow: hidden;
}*/

.td1-encabezado{
	width:200px;
	font-size:15px;
	font-weight: bold; 
	text-align:center; 
	color: #fb9678;
}

.td1-info{
	width:200px;
	height:75px;
	font-size:14px;
	font-weight: bold;
	text-align:center;
	color: #555754;
}

.td2-encabezado{
	width:200px;
	font-size:15px;
	font-weight: bold; 
	text-align:center; 
	color: #fb9678;
}

.td2-info{
	width:200px;
	font-size:15px;
	font-weight: bold;
	text-align:center;
	color: #555754;
}

/*naranja*/
.bg-1, .bg-1:hover, .bg-1:active{
	background-color: #fb9678;
}

/*azul*/
.bg-2,.bg-2:hover, .bg-2:active{
	background-color: #01c0cb;
}

.activa{
	color:#01c0c8;
}	

.ocultar{
    display:none;
    
}
/* nuevo estilo */

.style-recuadro{
	/*background-color: #ededed;*/
	background-color: #d9d9d9;
	border-radius: 10px;
}
.titulo1{
	font-family: 'Ubuntu Bold', sans-serif;
	/*color: #9d9e9e;*/
	color:#878787;
	font-size: 30px;
	text-transform: uppercase;
}
.titulo2 {
	font-family: 'Ubuntu Bold';
	/*color: #9d9e9e;*/
	color:#878787;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0px;
	}
.titulo3{
	font-family: 'Ubuntu Bold'; 
	/*color: #9d9e9e;*/
	color:#878787;
	font-size: 15px;
	letter-spacing: 0px;
}
.texto{
	font-family: 'Ubuntu Regular'; 
	/*color: #9d9e9e;*/
	color:#878787;
	font-size: 15px;
	letter-spacing: 0px;
}
.borde-derecho{
	/*border-right: #ededed solid;*/
	border-right:  #d9d9d9 solid;
}

/*-------------------------------*/
.btn-ovalado-1{
	font-family :'Ubuntu Light';
	/*color:#1c9fda;*/
	color: #a6192e;
	font-size:17px;
	/*background-color:  #ededed;*/
	background-color: #d9d9d9;
	text-align: center;
	border-radius: 20px;
}
.btn-ovalado-2:hover{
	/*color:#1c9fda;*/
	color: #a6192e;
}
.btn-ovalado-2{
	font-family :'Ubuntu Light';
	color:#fff;
	font-size:17px;
	/*background-color: #1c9fda;*/
	background-color: #a6192e;
	text-align: center;
	border-radius: 20px;
	
}
.btn-ovalado-2:hover{
	color:#fff;
}
/*-------------------------------*/
.titulo4{
	font-family: 'Ubuntu Medium';
	/*color: #9d9e9e;*/
	color:#878787;
	font-size: 20px;
	letter-spacing: 0px;
}
.titulo5{
	font-family :'Ubuntu Light';
	font-size:17px;
	/*color: #9d9e9e;*/
	color:#878787;
	text-transform: uppercase;
}
a:hover, a:focus, a:active {
    color:#fff;
}
.style-input-h{
    height: 45px;
}

.form-control{
    border-radius: 20px;
    /*color: #9d9e9e;*/
	color:#878787;
}
.form-control:focus {
    border-color: #a6192e;
}
input[type="date"], input[type="email"], input[type="text"],  input[type="number"],input[type="url"], input[type="password"], input[type="submit"], textarea, select,select > option{
    font-family: 'Ubuntu Regular';
    /*color: #9d9e9e;*/
	color:#878787;
    border-radius: 20px;
}
.cont_curso {
	margin: 0 auto;
	/*max-width: 400px;
	min-width: 300px;*/
	width:90%;
}
.btn-redondo{
	border-radius: 100px;
	/*background-color: #a6daf1;*/
	background-color: #ae0029;
	height:150px;
	width: 150px;
	display: table;
}
.btn-redondo > span{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 15px;
	font-family: 'Ubuntu Bold';
	color:#fff;
}
.seccion-activa{
	/*color:#1c9fda;*/
	color:#a6192e;
}
.seccion-activa:hover{
	/*color: #9d9e9e;*/
	color: #878787;
}
#ruta_navegacion > li > a:hover{
	/*color: #9d9e9e;*/
	color: #878787;
}
.btn-chat,.btn-chat:hover{
	background-color: #76232f;
	color: #fff;
}
header nav{
	background: #76232f;
}

header nav ul li:hover {
    background: #ae192e;
}

header .action-bar .menu-toggle:hover{
    color: #76232f;
}
header .action-bar .menu-toggle:hover .hamburger .menui {
    background: #76232f;
}
header .action-bar .my-account:hover .icon {
    color: #76232f;
header .action-bar a:hover{
    color: #76232f;
}
.btn-redondo-2{
	border-radius: 60px;
	/*background-color: #5f3561;*/
	background-color: #ae0029;
	height: 100px;
	width: 100px;
	display: table;
}
.btn-redondo-2 > label{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color:#fff;
}