body{
	font-family: Montserrat, Arial, Helvetica, sans-serif !important;
/*	font-family: 'Open Sans', sans-serif;*/
}
header.masthead{
	padding-top:10rem;
	padding-bottom:calc(10rem - 56px);
	background-image:url(../img/spanish-fiesta-header.jpg);
	background-position:center 10px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

.montserrat{font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;}

.mt-0{margin-top: 0px !important;}
.mx-auto{
	margin-left:auto;
	margin-right:auto;
	float:none;
}
.mx-20{
	margin-left:20px;
	margin-right:20px;
	float:none;
}
.d-table{
	display: table !important;
}
.justify-content-center {
  justify-content: center !important;
}
.container-lms{
	background: #ffedbc;
	color: #000;
}
.bajada{
/*  padding: 3rem 0 0;
	text-shadow:0px 1px 4px rgba(0, 0, 0, 0.7)/*-1px 1px 5px rgba(0, 0, 0, 0.9)*;
    margin-top: 300px;*/

	font-size: 3.5rem !important;
    margin-top: 10px;
    font-weight:700;
    color:#000;
    line-height: 3rem;
	background: #ffffffc7;
	padding: 22px 10px;
}
.bajada .smaller{
	font-size:22px;
    line-height: 2.5rem;
}

section{padding: 3rem 0 4rem;}

.bg-light{background: #fcd15c;color: #000;}
.bg-light .card-text{height:auto;}

.bg-primary.red{background: #d30920;}

.bg-red{background: #bf0016;}

.rounded-100{border-radius: 100%;}

hr, .bg-primary.red hr{
    max-width: 50px;
    border-width: 4px;
    border-color: #c20000;
}
.bg-primary.red hr{
    border-color: #fff;
}

#services i{color: #c20000;}

.btn-primary.red, .btn-primary.blanco {
	color: #fff;
	background-color: #d30920;
	border-color:transparent;
	text-align: center;
	display: table;
	margin: 30px auto 15px;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	border-radius: 30px;
	font-weight: 700;
	font-size: 19px;
	padding: 10px 20px 9px;
	width: auto;
	line-height: 21px;
}
.btn-primary.red:hover{
	color: #d30920;
	background-color: #fff;
	border-color:transparent;
}
.btn-primary.blanco {
	color: #d30920;
	background-color: #fff;
}
.btn-primary.blanco:hover {
	color: #fff;
	background-color: #fcd15c;
}
.fa.fa-fw.fa-envelope{font-size:17px;padding-top: 2px;font-weight: normal !important;}



.card{margin:40px auto;}
.card .img-responsive{margin:5px auto;}
.card-title{
	font-weight: 700;
	color: #d30920;
	margin-bottom: 5px;
	margin-top: 8px;
}
.card-text{
	font-size: 18px;
	line-height: 22px;
	height: 26px;
}


/** REDES **/
#redes i{
	color: #d30920;
	font-weight:normal;
	padding:10px 15px;
	margin:0px 0px 20px;
	border-radius:8px;
}
#redes i:hover{
	color: #bf0316 !important;
	background:rgb(255 255 255 / 0.3);
}
/** REDES en Programa **/
.row.redes{margin: 30px auto 0;}
.row.redes .section-heading{color:#000;}
.row.redes i{
	margin:0 10px;
	color: #d30920;
}
.row.redes i:hover{
	margin:0 10px;
	color: #497ec4;
}





.navbar-inverse .navbar-toggle {border-color: hsla(0, 0%, 100%, 0.7); margin-top: 15px;}
.navbar-inverse .navbar-toggle:focus{background-color: #d30920;} 
.navbar-inverse .navbar-toggle:hover {background-color: rgba(255, 255, 255, 0.3);}
.navbar-inverse .navbar-collapse{overflow: unset;}

.margins{margin-top: 20px; margin-bottom: 40px;}

h2.discovery, h2.txt-icd, h2.discovery.promo, h2.txt-ci{
	background: #00a6e6;
	padding: 10px 15px 11px;
	font-size: 22px;
	line-height: 23px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 700;
}

h2.txt-icd{background: #000;}
h2.discovery.promo{
	background: #00d5ff;
    padding: 10px 5px 11px;
    font-size: 22px;
    line-height: 23px;
    width: 160px;
    margin: 0px auto 10px;
}
h2.discovery:hover{background: #410091;}

h2.txt-icd:hover{background: #c7131c;}

h2.txt-ci{
	background: #c50000;
	font-size: 25px;
	line-height: 25px;
}

/*.miniclases{
	width: 47%;
	/ * max-width: 1140px; * /
	height: auto;
	display: table;
	margin: 10px 1% 10px;
	background: #dcdcdc;
	color: #1c1379;
	font-size: 19px;
	line-height: 45px;
	padding: 5px 20px 7px;
	text-align: center;
	border-radius: 20px;
	text-transform: uppercase;
}*/

#miniclases{}

.miniclases{
	width: auto;
	margin: 10px auto 15px;
	background: #dcdcdc;
	color: #1c1379;
	font-size: 17px;
	line-height: 20px;
	padding: 5px 20px 7px;
	text-align: center;
	border-radius: 20px;
	text-transform: uppercase;
}
.miniclases.encuesta{
	color: #fff;
	background: #ff6b01;
}
.miniclases strong{
    font-weight: 500;
    font-size: 18px;
}
.miniclases i{

	display:table;
	margin: 10px auto 10px;
	font-size:30px;
}

.miniclases .btn.btn-default{
	color: #fff;
	background-color: #401991;
	border-color:transparent;
	text-align: center;
	display: table;
	margin: 5px auto 10px;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	border-radius: 30px;
	font-weight: 600;
	font-size: 16px;
}

.miniclases.encuesta .btn.btn-default:hover{
	color: #1c1379;
	background-color: #fff;
}
.miniclases-sesion{
	font-weight: 600;
	font-size: 15px;
	line-height: 15px;
	margin: -6px 0px 8px;
	text-transform: uppercase;
	color: #fff;
}
.row.bg-content.miniclases .panel.panel-default h4.tit-nivel .fa{background: #21106e;}









.banner-horizontal{
	width:100%;
	max-width: 1140px;
	height: auto;
	display: table;
	margin: 20px auto 10px;
}


.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
    background-color: rgba(255, 255, 255, 0.3);}

#cursoingles .navbar-brand .logo{
	width: 100%;
	max-width: 370px;
}
#cursoingles .logo-icd{
	width: auto;
	float: right;
	margin: 3px 0px 0px 0px;
}

#cursoingles .navbar-brand {
    height: auto;
    padding: 2px 5px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color: #eaa704;}

#cursoingles.navbar-inverse{
	background: #fbd15c; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fbd15c 0%, #ffc523 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbd15c), color-stop(100%,#ffc523)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbd15c 0%,#ffc523 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbd15c 0%,#ffc523 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbd15c 0%,#ffc523 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fbd15c 0%,#ffc523 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd15c', endColorstr='#ffc523',GradientType=0 ); /* IE6-8 */
	-webkit-box-shadow: 0px 1px 8px 0px rgb(200 130 0 / 50%);
	-moz-box-shadow: 0px 1px 8px 0px rgb(200 130 0 / 50%);
	box-shadow: 0px 1px 8px 0px rgb(200 130 0 / 50%);
	border-color: #fbb900;
}
#cursoingles.navbar-inverse .navbar-nav>li>a {
    color: #000;
    text-align: left;
    font-weight: 600;
}
#cursoingles.navbar-inverse .navbar-nav>li>a:hover {
    color: #000;
}
.navbar-nav>li>a{padding-top: 19px; padding-bottom: 19px;}
/*#cursoingles .navbar-nav>li>a {
    padding: 27px 8px  8px;
}*/

#cursoingles .navbar-nav>li>a.logo-nav {
    padding: 7px 32px 5px;
}

#cursoingles .navbar-right{
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.3px;
}
#cursoingles i.fa.fa-fw.fa-facebook-square{font-size: 20px;}

#cursoingles.navbar-inverse .navbar-nav>li>a:hover, #cursoingles.navbar-inverse .navbar-nav>li>a:active, #cursoingles.navbar-inverse .navbar-nav>li>a:focus,
#cursoingles .navbar-inverse .navbar-nav>.open>a, 
#cursoingles .navbar-inverse .navbar-nav>.open>a:hover,
#cursoingles .navbar-inverse .navbar-nav>.open>a:focus,
#cursoingles .navbar-inverse .navbar-nav>.open>a:active{background-color: rgba(255,255,255,0.2);}

#cursoingles .navbar-nav>li>.dropdown-menu{color:#fff;background: #d30921;border: 1px solid rgb(234 22 46);}
#cursoingles .dropdown-menu>li>a{
    color: #03a4e7;
    border: none;
}
#cursoingles .dropdown-menu, 
#cursoingles .dropdown-menu>li>a{
	color:#fff;
	font-weight: 700;
	font-size: 11px;
}
#cursoingles .dropdown-menu a{color:#fff;padding:10px 0px;}
#cursoingles .dropdown-menu a:focus, 
#cursoingles .dropdown-menu a:hover, 
#cursoingles .dropdown-menu>li>a:hover{
    text-decoration: none;
	color: #03a4e7;
}

#cursoingles .dropdown-menu a{line-height:26px;}

#cursoingles .dropdown-menu>li>a{
    padding: 5px 12px 0px;
}
#cursoingles .dropdown-menu>li>a:hover{background: rgb(255 255 255 / 30%);color: #ffffff;}


#program .get-book{
	width:90%;
	max-width:300px;
	position:absolute;
	z-index:1;
	right:50px;
	top:10px;
	margin: 0px;
}
.inside .get-book{
	width:85%;
	max-width:170px;
	position:absolute;
	z-index:1;
	right: 200px;
	top:60px;
	margin: 0px;
	display: none;
}
.get-book{
	width:85%;
	max-width:270px;
	display: table;
	margin: 20px auto 0px;
}
.get-book:hover{opacity:0.7}

@media (max-width: 1200px){
	#program .get-book{
		width:80%;
		max-width:250px;
		position:absolute;
		z-index:1;
		right:50px;
		top:-5px;
		margin: 0px;
	}
/*
	.inside .get-book{
		width:85%;
		max-width:170px;
		display: table;
		margin: 10px auto 0px;
		position:initial;
		right:initial;
		top:initial;
	}
*/
	.inside .get-book{
		border:none;
		margin: 0px auto -30px;
		padding: 8px 5px 3px;
		background: #ffffff7a;
		border-radius: 0px 0 10px 10px;
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	}
}
@media (max-width: 720px){
	#program .get-book{
		width:80%;
		max-width:270px;
		position:inherit;
		z-index:1;
		right:inherit;
		top:inherit;
		margin: 0px auto 10px;
	}
	.inside .get-book{
		width:85%;
		max-width:170px;
		display: table;
		margin: 10px auto -25px;
		position:initial;
		right:initial;
		top:initial;
	}

	
}


/** POP UP - Modal **/
.modal-header{
	background: #fcd15c;
	color: #000;
	border-radius: 5px 5px 0 0;
}
.modal-header .close{color: #fcd15c;opacity: 1;}
.modal-header .close:hover{color: #e30612; opacity: .6;}

.modal-header .modal-title{font-weight:700;}
.modal-content .btn-ingresar{
	color: #fff;
	background-color: #e30613;
	border-color:transparent;
	text-align: center;
	display: table;
	margin: 0px auto 10px;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	border-radius: 30px;
	font-weight: 700;
	font-size: 19px;
	padding: 10px 20px 9px;
	width: auto;
	line-height: 21px;
}
.modal-content .btn-ingresar:hover{
	color: #fff;
	background-color: #fcd15c;
	border-color:transparent;
}
.txt-forgot, .txt-forgot a{
	width: auto;
	height:auto;
	font-weight:normal;
	color:#000;
	font-size: 13px;
	line-height: 14px;
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:center;
	text-decoration:none;
	display: inline-table;
}
.txt-forgot a{margin:10px 0px 5px 0px;color: #e30613;}
.txt-forgot a:hover{color: #60bcf1;text-decoration:underline;}

.modal-body .controls label{
	font-size: 16px;
	margin-bottom: 3px;
}


.container-ciu{
	background: radial-gradient(
		circle,
		#ffffff,
		#f5f5f5 50%,
		#ffffff 50%, 
		#f5f5f5
	  );
	  background-size: 10px 10px;
}
.container-ciu .facebook-space{display:table; margin: 14px auto 0px;}

.row.land h2{
	margin: 30px 0 20px;
	border-bottom: 1px solid rgba(41, 61, 71, 0.5);
}

.row.land .col-md-6{font-size: 18px;}
.row.land .col-md-6 li{padding: 3px 0px;}

.page-header.land{margin: 20px 0 20px;}

.col-lg-4.mt-3.mb{margin-bottom: 20px;}

.well.ctas-ciu {
	min-height: 20px;
	padding: 5px 15px;
	margin: 0px auto 0px;
	background-color: #1dc3ae;
	color: #1e305a;
	border: transparent;
	border-radius: 0px;
	text-align: center;
}
.well.ctas-ciu .page-header {
    margin: 3px 10px 0px;
    border-bottom: 0px;
    color: #fff;
    padding: 0px;
    line-height: 29px;
}
.well.ctas-ciu .btn-default{
	width: 85%;
	max-width: 280px;
	color: #fff;
	background-color: #1e305a;
	border-color:transparent;
	text-align: center;
	display: table;
	margin: 0px auto 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 0px;
	float: left;
	padding: 5px 16px;
}
.well.ctas-ciu .btn-default:hover{
	color: #1e305a;
	background-color: #ffffff;
	border-color:transparent;
}
/* 
.well.ctas-ciu .row{
    text-align: center; 
}
.well.ctas-ciu .col-lg-12{
    display: inline-block;
    width: 54%;
    float: left;
    padding: 0px;
    margin: 0px;
}
.well.ctas-ciu .col-md-4{padding:0px;width: 45%;float: right;}
*/


.container-ciu .page-header{color:#1e305a}
.container-ciu small{color:#00b3b3}



.elige-nivel .page-header{
	margin: 30px 0 20px;
    border-bottom: 1px solid rgba(41, 61, 71, 0.5);
}
.elige-nivel .panel-default{
    border-color: transparent;
    background: #1e305a;
	border-radius: 19px;
	color:#fff; text-align:center;
	margin-bottom: 0px;
}
.elige-nivel .panel-default> .panel-heading{
	color: transparent;
    background-color: transparent;
    border-color: transparent;

}
.elige-nivel .panel-heading {
    padding: 15px 15px 0px;
    border-bottom: 0px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.elige-nivel h4{
	font-size: 28px;
	color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    line-height: 34px;
}

.elige-nivel .panel-body{padding: 0px 15px 20px;}

.row.bg-content .modulo-nivel.panel.panel-default{border: 0px solid #5fbcf1;}

.row.bg-content .modulo-nivel.panel.panel-default:nth-child(1n+1){background: #5fbcf1;}
.row.bg-content .modulo-nivel.panel.panel-default:nth-child(1n+2){background: #d71c79;}
.row.bg-content .modulo-nivel.panel.panel-default:nth-child(1n+3){background: #e9a115;}
.row.bg-content .modulo-nivel.panel.panel-default:nth-child(1n+4){background: #bcc900;}
.row.bg-content .modulo-nivel.panel.panel-default:nth-child(1n+5){background: #487ec4;}

.row.bg-content .modulo-nivel.panel.panel-default:hover{background: #d30920;}

.row.bg-content .modulo-nivel{padding:0px 5px;}


.row.bg-content, .row.voicelab-content, .row.voicelab-categories{
	width:96%;
	max-width: 1200px;
	height:auto;
	margin: 5px auto 20px;
	display: table;
	text-align: center;
	float: none;
	clear:none;
	padding: 20px 2% 20px;
}
.row.bg-content{
	width: 97%;
	padding: 0px 0% 20px;
	background-color: transparent;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
}
.row.voicelab-categories .nota-app strong{
    color: #c7000c;
    font-weight: 900;
    font-size: 17px;
}

.nota-app {
    width:auto;
    height:auto;
    display:table;
    padding: 10px 10px;
    margin: 0px auto 25px;
    background: #fddb8640;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;
    font-weight:500;
    font-size:14px;
    color: #000;
    letter-spacing: 0.2px;
    text-align:center;
    text-transform:none;
    text-decoration: none;
    border: 1px solid #fddb86;
}
.nota-app img.logo-app{height:37px; margin: 5px 10px 0;}



.row.voicelab-categories.biblio{
	width:96%;
	max-width: 1034px;
	/*text-align: left;*/
}

.row.voicelab-categories.biblio a.categoria{
	padding: 0px 0px 10px 0px;
}
.row.voicelab-categories.biblio .titulo-categoria-esp{
	height: auto !important;
	min-height: 86px;
}

.row.voicelab-categories.biblio a.categoria:hover{
	cursor:pointer;
	background:#1e305a;
	
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-khtml-opacity: 1;
}

.row.bg-content .col-md-9{text-align:left; }

/*
.row.glosario-content{
	width:96%;
	max-width: 1120px;
	height:auto;
	margin: 0px auto 0px;
	display: table;
	text-align: left;
	float: none;
	clear:none;
	padding: 0px 2% 20px;
	border: none;
	background-color: #fff;
	color: #666;
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
*/

/** DASHBOARD **/
#dashboard{
	width: auto;
	display: table;
	margin: 0 auto;
}
.dash-centro{
	width: 100%;
	height:auto;
	display:table;
	margin: 10px auto 10px;
	background: #fab91c;
	/*
	-webkit-box-shadow: 0px 1px 7px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 7px 1px rgba(0, 0, 0, 0.15);
*/
}
.dash-video{margin-top:10px}

.tit-indicador{
	width: 100%;
	height:auto;
	padding: 7px 10px 7px 25px;
	text-align:left;
	font-weight: 700;
	color: #ffffff;
	font-size: 16px;
	line-height: 17px;
	letter-spacing: 0.8px;
	text-transform:uppercase;
	background: #bcc900;
}
.dash{
	width: 100%;
	height:auto;
	display: table;
	margin:0px auto;
	text-align: center;
}
#graficos, #estadisticas{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 49%;
}
#estadisticas{
	/* height: auto; */
	padding: 0px 10px 0px 16px;
	/* margin: 0px 0px 0; */
	/* letter-spacing: 0px; */
}
#estadisticas li{
	font-size: 15px;
	color: #ffffff;
	line-height: 17px;
	padding: 10px 0px 8px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
}
#estadisticas li .blue{
	color: #ffffff;
	float:none;
	font-size: 18px;
	font-weight: 900;
}
.importante{
 	width: auto;
 	height: auto;
 	font-size: 11px;
 	line-height: 12px;
 	letter-spacing:0px;
 	font-weight:normal;
 	color: #fff4d9;
 	margin: -9px 0px 4px 0px;
 	float: left;
 	text-transform: none;
}
.fecha{
	width: 100%;
	height:auto;
	background: #60bcf1;
	text-align:center;
	padding: 6px 1% 7px;
	font-size: 13px;
	font-weight:normal;
	color: #fff;
	line-height:14px;
	letter-spacing:0px;
	text-transform:uppercase;
	display: table;
}
.fecha strong{font-weight:600;}

.hasta{
	width: 100%;
	max-width:180px;
	float:right;
}
#graficos{
	/* width: 100%; */
	/* max-width: 450px; */
	font-size: 13px;
	font-weight:bold;
	color: #ffffff;
	text-transform:uppercase;
	padding: 6px 10px 0px 20px;
	letter-spacing: 0.7px;
}
#graficos .descripcion{
	font-size:8px;
	padding:0px 0px 0px 3px;
	line-height:26px;
}
.grafico-borde{
	width: 100%;
	max-width: 300px;
	height: 30px;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 6px;
	font-size:13px;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 12px 0px;
}
.grafico-barra{
	height: 100%;
	float:left;
	/* box-shadow: 2px 2px 2px #888888; */
}
#grafico-progreso-dias{
	width: 4%;
	background-color: #487ec4;
	border-radius: 6px;
}
#grafico-nota-promedio{
	width: 62.5%;
	background-color: #487ec4;
	border-radius: 6px;
}
.valor-grafico{
	float:right;
	color: #ffffff;
	font-weight: bold;
	line-height: 31px;
	position:absolute;
	margin-left: 5px;
	font-size: 18px;
}


/** REGISTRO **/
.tit-datos{
	font-size:15px !important;
	text-align: left;
	margin: 7px 0 0px 4px;
	text-transform: uppercase;
	letter-spacing: -0.1px;
	color: #000;
}
.txt-tarjeta{
	font-size: 12px !important;
	letter-spacing: -0.3px;
	text-align: left;
	text-transform: inherit;
	margin: 2px 0 0 4px !important;
}
.cupon{
	width: 90%;
	max-width: 525px;
	background: #bcc900;
	border: 4px solid #fab91c;
	border-radius: 20px;
	margin: -10px auto 20px;
	padding: 0px 0px;
	color: #fff;
	font-size: 21px !important;
	line-height: 60px;
	-webkit-box-shadow: -2px 2px 5px 0px rgb(212 141 0 / 25%);
	-moz-box-shadow: -2px 2px 5px 0px rgb(212 141 0 / 25%);
	box-shadow: -2px 2px 5px 0px rgb(212 141 0 / 25%);
}
.cupon:before{
	content: "\f14a";
	font-family:'FontAwesome';
	font-size: 27px;
	color: #fff;
	padding-left: 4px;
}
.cupon .tachado{text-decoration: line-through;}
.cupon .precio{
	background: #5fbcf1;
	float:right;
	font-size:25px !important;
	line-height:25px;
	padding:6px 10px 6px;
	border-radius: 0px 16px 16px 0px;
	border-left: 6px dotted #ffffff;
	color: #fff;
}
.aviso-email{
	width: 90% !important;
	text-transform: uppercase !important;
	color: #d30920 !important;
	background: rgb(255 193 7 / 15%) !important;
	border: 1px solid rgb(250 185 28) !important;
	font-weight: 600 !important;
}



.example.example1{padding: 5px 13px 10px !important;background-color: #ffc10733 !important;}
.example.example1 fieldset{background:#fcd15c !important; margin: 10px 5px 20px !important;}
.example.example1 label{color:#000 !important;}

.row.info{
    width: 100%;
    max-width: 400px;
    display: table;
    margin: 20px auto 0;
    background: rgb(188 201 0 / 0.5);
    border-radius:15px;
    padding: 15px 10px;
    color: #000;
}
.btn.btn-default.comprar{
	width:100%;
	background:#c20000;
	padding: 1rem 0px;
	font-size: 20px;
}
.modo-de-pago{color:#000;border-bottom: 1px solid #fab91c57;padding: 0 0 10px;}
hr.modo-de-pago{margin-top: 5px;margin-bottom: 10px;border-bottom: 1px solid #fab91c57;}
.modo-de-pago.opcion-a{
	width: 96%;
	max-width: 900px;
	margin: 0px auto 15px;
	padding: 15px 3%;
	background: #bcc900;
	color:#fff;
	font-size: 28px;
	border-radius:5px;
	text-transform: uppercase;
	font-weight: 700;
}
.modo-de-pago.opcion-a strong{font-weight:700;text-transform: uppercase;color: #fffed7;}
.modo-de-pago.opcion-a .premium{display:inline;}
.modo-de-pago.opcion-a .premium:after, .modo-de-pago.opcion-a .premium:before{
	content: "\f005";
	font-family:'FontAwesome';
	font-size: 12px;
	color: #fffed7;
	margin: 0px 0px 0 3px;
	position: relative;
	top: -3px;
}
.modo-de-pago.opcion-a .premium:before{margin: 0px 3px 0 0px;}

.modo-de-pago .registro-info{
	color: #fbffce;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	padding: 4px 10px;
	text-transform: initial;
}
.modo-de-pago .registro-info sup{font-size:10px;}

.modo-de-pago .regalo{
	color: #fff;
	font-size: 16px;
    line-height:22px;
	font-weight: normal;
}
.to-access{
	width: 95%;
	display: table;
	margin: 0px auto 10px;
	padding: 6px 0px;
	color:#fff;
    background-color: #ffc107 !important;
}
.sello.checkout{
	width: 90%;
	max-width: 140px;
	height:auto;
	margin: 25px auto 10px;

	display:table;
	left: initial;
	position: inherit;
}
h5.aviso{width: 280px;font-size:12px !important;margin: 0px auto 20px;color: #000;}
h5.aviso strong{font-weight:bold !important; display:table; text-align:center; margin:auto;}

.img-responsive.icd{margin: 0px auto 0px;width: 90%;max-width: 370px;}

.acceso-img{margin: 0px auto -10px;}

.container.opciones .row{
    display:table;
    margin:20px auto 0;
    text-align:center;
}
.opcion{
	height:auto;
	padding:10px 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    margin:5px 4% 15px;
    border-radius:20px;
}
.opcion .strong{
	color:#03a4e7;
	font-weight:500;
}
.opcion .strong:hover{
	text-decoration:underline;
}
.opcion.my-auto{
	margin: 20px auto  40px !important;
	display:table !important;
	float: inherit !important;
	padding: 10px 20px 20px;	
}
.opcion.my-auto a.btn.btn-default{margin-top:8px !important;}


/*.opcion .aviso{color:#da0505; line-height:18px; margin:0 0 15px;}*/
.opcion .aviso{color: #000;line-height: 18px;margin:0 0 15px;background: rgb(3 164 231 / 30%);padding: 8px 12px;}
.opcion .aviso strong{font-weight: 700;}
.opcion.b .aviso strong{color: #000000;text-decoration: underline;}
.opcion h2{
	text-transform:uppercase;
	color:#000;
    margin-top: 10px;
}


.opcion .tit-op{
	width:100%;
	color: #fff;
	margin: 0px 0px 0px;
	padding: 1px 6px 0px;
	border-radius:5px;
	background: rgb(123 1 0);
	display: inline-block;
	font-size: 18px;
	line-height: 34px;
	letter-spacing:0.5px;
	text-align: center;
	text-transform:uppercase;
}
.opcion.a .tit-op{
	background: #c20200;
}
.opcion.b .tit-op{
	background:#351a96;
}
.opcion .tit-op strong{
	font-weight: 500;
	font-size: 21px;
}
.txt-small{
	margin-top:10px !important;
}
.txt-small a{
    font-size: 11px !important;
    line-height: 13px !important;
    color: #bb0015;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
}
.txt-small a:hover{
	color: #03a4e7;
	text-decoration:underline;
}
.registro-ok{
	width: 100%;
	max-width: 700px;
	display: table;
	margin: 0 auto 0px;
	font-size: 18px;
	color: #000;
}
.registro-ok ul.pasos{color:#000;text-align:left;margin: 0px auto;padding: 5px 30px;}
.registro-ok ul.pasos em{font-size:17px; color:rgb(0 0 0 / 0.5);}
.registro-ok ul.pasos a{font-weight:600;color: #d30920;padding: 2px 5px 0 0;display: inline;margin-left: 1px;}
.registro-ok ul.pasos a:hover{color: #60bcf1;text-decoration: underline;}
.registro-ok ul.pasos li{margin: 5px auto 15px;border-bottom: 1px solid #ffc11e;padding-bottom: 13px;background: none;list-style: none;}
.registro-ok ul.pasos li:last-child{border-bottom:none;padding-bottom: 0px;}
.registro-ok ul.pasos li strong{color: #b3c10a;}
.registro-ok ul.pasos li:before{
    content: "\f111";
    font-family:'FontAwesome';
    font-weight:normal;
    color:#d30920;
    font-size: 13px;
    line-height: 20px;
    padding: 2px 5px 0 8px;
    margin: 0px 0 0px;
    display: inline-table;
}
.registro-ok ul.pasos li strong.red{
	color:#fff;
	font-size: 18px;
	padding: 3px 10px 4px;
	font-weight:600;
	margin: 0px 3px 0px;
	border-radius: 5px;
	letter-spacing:0.3px;
	text-transform:uppercase;
	background: #fbd15c; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fbd15c 0%, #ffc523 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbd15c), color-stop(100%,#ffc523)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbd15c 0%,#ffc523 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbd15c 0%,#ffc523 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbd15c 0%,#ffc523 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fbd15c 0%,#ffc523 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd15c', endColorstr='#ffc523',GradientType=0 ); /* IE6-8 */
	border: 1px solid #fbb900;
}

.registro-ok .img-responsive{
	margin: 0px auto 10px;
	display: table;
}
.compra-top.discovery{
	width:90%;
	max-width:140px;
	display:table;
	margin: 15px auto 15px;
}

.row.bg-content .text-primary{color: #c7000c;line-height: 40px;padding: 0px;font-size: 3em;}
.row.bg-content .text-primary sup{font-size: 11px;top: -1em;color: #c7c7c7;}
.my-4.compra-top{
    max-width: 50px;
    border-width: 3px;
}
.example.example1 button{
	background:#d30920 !important;
	border:1px solid rgb(0 0 0 / 0.15) !important
}
.example.example1 button:hover{
	background:#03a4e7 !important;
	border:1px solid #018ac3 !important
}

.row.bg-content h3.text-primary{color: #d30920;line-height: 30px;padding: 0px;font-size: 1.1em;margin-top: 10px;}


.error-message{width:100%;max-width: 175px;display:table;margin:0px 10px;line-height: 13px;background: #bf0016;color: #fff;padding: 3px 5px 6px;border-radius: 3px;font-size: 12px !important;font-weight: bold !important;}






/** VOICE **/
.row.glosario-content .tit-table{text-transform:uppercase;font-size:13px;font-weight:700;padding:5px 0px;letter-spacing:0.5px;color: #bf0316;}
.row.glosario-content{
	width: 96%;
	/* max-width: 1120px; */
	height:auto;
	margin: 0px auto 0px;
	display: table;
	text-align: left;
	float: none;
	clear:none;
	padding: 0px 2% 20px;
	border: none;
	/* background-color: #fff; */
	color: #666;
}
.num-categoria, .categoria-num{
	width:auto;
	height: auto;
	max-height: 138px;
	margin:0px auto 7px;
	padding: 6px 10px 8px 0;
	font-family: 'Quicksand', Helvetica, Arial, sans-serif;
	font-size: 25px;
	line-height: 25px;
	text-align:right;
	text-transform:uppercase;
	font-weight: 700;
	color:#fff;
	background: #d30920;
}

.row.glosario-content #tit-completo{
	width:100%;
	display:inline-table;
	text-align:left;
	margin-bottom: 15px;
}

.row.glosario-content.voice .categoria-num{
	width: 54px;
	height: 54px;
	margin: 0px 10px 7px 0px;
	padding: 15px 7px;
	text-align:center;
	float:left;
	border-radius: 0;
	font-size: 35px;
	line-height: 26px;
	letter-spacing: -0.5px;
}

.row.glosario-content .categoria-titulo-1{
	color: #d30920;
	text-shadow:none;
	padding-bottom: 1px;
	padding-right: 5px;
	border-bottom: 1px solid #fab91c6b;
	margin: 16px 0px 0px 0px;
	letter-spacing: 0;
	font-size: 27px;
	line-height: 26px;
	font-weight: bold;
}
.row.glosario-content .categoria-titulo-2{
	margin: 3px 0px 0px 0px;
	color: #ff9510;
	font-size: 16px;
	line-height: 19px;
	border-top: none;
	padding: 5px 0px 0px;
	letter-spacing: 0.5px;
	display: flex;
	font-weight: bold;
	text-transform: uppercase;
}
.categoria-num{
	width:38px;
	height:40px;
	margin:20px 12px 7px 0px;
	padding:12px 10px 2px;
	text-align:center;
	float:left;
}


.row.glosario-content.voice #tit-completo{margin: 10px 0 0px 0;}
.row.glosario-content.voice .numero{
	width: 44px;
	height: auto;
	padding: 10px 6px;
	margin: 0px 10px 0px 0px;
	color: #fff;
	font-size: 20px;
	display: inline-block;
	font-weight: 800;
	text-align: center;
	float: left;
	background: #fff;
	text-shadow: -1px 1px 1px rgb(0 0 0 / 20%);
}

.row.glosario-content.voice #textos div:nth-child(1n+1) .numero{background: #ff9500;}
.row.glosario-content.voice #textos div:nth-child(2n+2) .numero{background: #5fbcf1;}
.row.glosario-content.voice #textos div:nth-child(3n+3) .numero{background: #d71c79;}
.row.glosario-content.voice #textos div:nth-child(4n+4) .numero{background: #ffc91a;}
.row.glosario-content.voice #textos div:nth-child(5n+5) .numero{background: #bcc900;}
.row.glosario-content.voice #textos div:nth-child(6n+6) .numero{background: #487ec4;}


.row.glosario-content .texto1{
	height: auto;
	padding: 4px 0 0 0;
	font-size: 20px;
	line-height: 22px;
	width: 80%;
	display: inherit;
	color: #000;
	font-weight: 600;
}
.row.glosario-content .texto2{
	font-size: 15px;
	line-height: 20px;
	font-style: italic;
	color: #d30920;
	width: 80%;
	display: inherit;
	padding: 0;
	margin: 0;
	font-weight: 600;
}

.row.glosario-content .bt-play .fa.fa-fw.fa-play-circle{
	width:auto;
	height:auto;
	float: right;
	text-decoration: none;
	font-size: 43px;
	background: rgba(255, 255, 255, 1);
	color:#1e305a;
	border-radius:100px;
	padding: 0 3px;
}
.row.glosario-content .bt-play .fa.fa-fw.fa-play-circle:hover{color:#c7000c;}

.row.glosario-content.voice #textos div:nth-child(even){background-color: #fddb8645;}
	.row.glosario-content.voice #textos div:nth-child(odd){background-color:#ffffff3b;}
.row.glosario-content.voice #textos div{
	min-height: 55px;
	padding: 4px 5px 2px;
	display: inherit;
}
.row.glosario-content .bt-play .fa.fa-fw.fa-microphone{
	width:auto;
	height:auto;
	float: right;
	font-size: 27px;
	color: rgba(255, 255, 255, 1);
	background: #d30920;
	padding: 10px 14px 8px 13px;
	border-radius:100px;
	margin: 2px 0 0;
}
.row.glosario-content .bt-play .fa.fa-fw.fa-microphone:hover{
	background:#5fbcf1;
	color:#fff;
}


.say{
	width:80%;
	margin: 10px auto 5px;
	display: table;
	padding: 2px 6px 1px 2px;
	text-align:center;
	font-size: 13px;
	color: #d30920;
	font-weight:600;
	letter-spacing:1px;
	border-bottom: 1px solid #d30920;
}
.modal-title #modal-word{
	margin: 5px auto 10px;
	display: table;
	padding: 2px 6px 1px 2px;
	text-align:center;
	font-size: 22px;
	color: #000;
}

.modal-title a.btn-play{
	margin: 4px auto 0;
	display: table;
	padding: 2px 6px 1px 2px;
	border: 1px solid #0000000f;
	border-radius: 35px;
	color: #fff;
	background: #d30920;
}
.modal-title a.btn-play:hover{
	cursor:pointer;
}

.modal-title .btn-play i{
	width: 50px;
	height:auto;
	font-size: 52px;
	line-height: 43px;
	padding: 3px 1px 3px 2px;
	border-radius:100px;
	text-align: center;
	display: inline-block;
}
.modal-title .btn-play .escuchar{
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 800;
	width: auto;
	margin: -34px 2px 15px 54px;
	letter-spacing: 1.5px;
}
.modal-title .btn-play:hover{
	background: #5fbcf1;
	color: #fff;
}


.modal-body{
	height: auto;
	display:table;
	width: auto;
	margin: 0 auto;
}
.modal-body #contenedor-voice{
	height: auto;
	display:table;
	width: auto;
	margin: 0px auto;
	text-align:center;
}
.modal-body #voice-zone{
	height: auto;
	display:table;
	width: 400px;
	margin: 0px auto;
}
#voice-zone #voicelab-url{
	width: 200px;
	height: 390px;
	display:table;
	margin: 0px auto;
	overflow: hidden !important;
	text-align: center;
}
body.mat-typography app-voice-recognition .card{
	height: 400px !important;
	background: #F44336 !important;
	display:table  !important;
	width: 90% !important;
	margin: 0px auto !important;
	
}
app-voice-recognition .card{
	height: 400px !important;
	background: #F44336 !important;
	display:table  !important;
	width: 90% !important;
	margin: 0px auto !important;
	overflow:hidden !important;
}

iframe#voicelab-url .mat-typography *{overflow: hidden;}






/** COMO SEGUIR EL CURSO **/
h3.tit-pasos{padding: 0px; margin: 0px;}

.modulo-pasos .numero{
	width: 36px;
	height: auto;
	float: left;
	clear: none;
	background: #03a4e7;
	padding: 5px 0px;
	margin: 2px 6px 0px 0px;
	border-radius: 100px;
	text-align: center;
	font-weight: 500;
	font-size: 24px;
	line-height: 26px;
	color: #fff;
	letter-spacing: 0px;
}

.modulo-pasos .tit-paso{
	/* color:#410091; */
	font-size: 23px;
	line-height: 28px;
	font-weight: 400;
	padding: 3px 0px 10px;
	margin: 5px 0 0px 0;
}
.modulo-pasos .txt-pasos{font-size:17px;line-height: 24px;}
#pasos{display: table;margin: 0px auto 30px; float: none;}
.modulo-pasos{
	margin: 0px auto 10px;
	padding: 5px 0px 2px;
	/* background:#fff1f1; */
}
div.modulo-pasos:nth-child(2){

	border-bottom:1px dotted #c3c3c3;
	border-top:1px dotted #c3c3c3;
}
.modulo-pasos li{
	margin: 5px 10px;
	padding: 3px 0 9px;
	font-size: 17px;
	line-height: 24px;
	/* border-bottom: 1px dotted #03a4e78c; */
}
#pasos .cierre{
	font-size: 23px;
	line-height: 28px;
	font-weight: 400;
	text-align:left;
	border-top:1px dotted #c3c3c3;
	padding:15px 15px 0;
	color: #03a4e7;
}







/** Biblioteca **/
.txt-biblio .link{
	font-weight: bold;
	color: #1e305a;
	text-decoration: underline;
}
.txt-biblio .link:hover{
	color: #1dc3ae;
	text-decoration: none;
}

.txt-biblio h1{
	color: #1e305a;
	font-weight: bold;
	font-size: 23px;
	border-bottom: 1px solid hsla(172, 74%, 44%, 0.5);
	margin-bottom: 10px;
	padding: 0 0 5px 0;
}
.txt-biblio h2{
	color: #1dc3ae;
	font-weight: bold;
	font-size: 22px;
	margin-top: 25px;
	margin-bottom: 0px;
    padding-bottom: 3px;
	border-bottom: 1px solid hsla(0, 0%, 40%, 0.5);
}
.txt-biblio li{
	list-style: inside;
	line-height: 23px;
	padding: 8px 0 0;
}
.txt-biblio li.num{
	list-style: inside;
	line-height: 23px;
	padding: 14px 10px;
	list-style-type: none;
}
.txt-biblio li.num:nth-child(even) {
	background:rgba(206, 242, 237, 0.4)
}

.txt-biblio ul ul li{
	list-style-type: circle;
	list-style-position: outside;
	margin-left: 42px;
	line-height: 18px;
}
.txt-biblio .paso-num{
	font-weight: bold;
	font-size: 23px;
	color: #1dc3ae;
	display: inline-table;
}
a.ref{
	color: #969696;
	border-bottom: 1px dotted #969696;
}
a.ref:hover{
	color: #1dc3ae;
	border-bottom: 1px dotted #1dc3ae;
}
.legal, .nota-pie{
	font-size: 12px;
	line-height: 13px;
	color: #969696;
	margin-top: 10px;
	border-top: 1px solid rgba(102, 102, 102, 0.2);
	padding-top: 3px;
}
.nota-pie{
	font-size: 14px;
	line-height: 15px;
}
.link.web{
    width:auto;
    height:auto;
    display:table;
    padding: 10px 10px;
    margin: 10px auto 15px;
    background: #cef2ed;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight:bold;
    font-size: 17px;
    color: #1e305a;
    letter-spacing: 0px;
    text-align:center;
    text-transform:none;
    text-decoration: none;
    border: none;
}
.link.web:hover{
    background: #1dc3ae;
	color: #fff;	
}

.img-fluid{width:100%; margin:10px auto;display:table;}
.img-border{
    padding: 0.5rem;
    background-color: rgba(204, 204, 204, 0.2);
    border: 1px solid #b2b2b2;
    border-radius: 0.25rem;
    max-width: 90%;
    height: auto;
    margin: 0 auto 15px;
    display: table;
}
.img-logo{
    width: auto;
    max-width: 90%;
    height: auto;
    margin: 15px auto;
    display: table;
}
.opacity .img-border:hover{
    opacity: 0.85;
    filter: alpha(opacity=85);
    background:#cef2ed;
}

.txt-biblio li i{
	font-weight: bold;
	font-size: 20px;
	color:#1e305a;
	padding:7px;
	display:inline-table;
	border-radius:4px;
	background:rgba(29, 195, 174, 0.2);
}
.txt-biblio li i:hover{
	font-weight: bold;
	background:#1dc3ae;
	color:#fff;
}
.txt-biblio li i.fa-external-link{
	padding:7px 5px 5px 7px;
}



/** Elige una actividad / Team Members **/
.list-group{font-size: 17px;}
a.list-group-item{padding: 6px 15px 4px;}




.row#modulos .thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #66ccca;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.row#modulos .thumbnail>img {
    margin-right: auto;
    margin-left: auto;
    border-bottom: 5px solid #66ccca;
}

.row#modulos .list-inline{margin-left: 0px;}

.row#modulos ul{margin-bottom:0px;}

.row#modulos h3{
	text-transform: uppercase;
	font-weight: 700;
	color: #1e305a;
	margin-top: 5px;
	margin-bottom: 10px;
}
.row#modulos h3 a{color: #1e305a;}


.row#modulos .btn-primary, a.btn.btn-default, .btn.btn-primary.contacto, .btn-act{
	color: #fff;
	background-color: #5fbcf1;
	border-color:transparent;
	text-align: center;
	display: table;
	margin: 0px auto 10px;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	border-radius: 30px;
	font-weight: 600;
	font-size: 16px;
}
.btn.btn-default.wa:before{
	content:"\f232";
	font-family:'FontAwesome';
	font-weight:normal;
}
.btn-act{
	padding: 7px 10px;
}
.btn.btn-primary.contacto{
	float:none;
	display:initial;
	font-size: 16px;
	letter-spacing: 1px;
    margin-bottom: 20px;
}
.row#modulos .btn-primary:hover, a.btn.btn-default:hover, .btn.btn-primary.contacto:hover{
	color: #fff;
	background-color: #ffa800;
	border-color:transparent;
}
a.btn.btn-default.btn-block{margin:15px auto 0px;}
a.btn.btn-default.btn-block:hover{background-color: #fff;color: #1e305a;}

a.btn.btn-default.btn-seguir{
	float:right;
/* 	display:inline-block; */
	font-size: 14px;
    margin: 15px auto 10px;
}

a.btn.btn-default.btn-seguir{display:none;}

a.btn.btn-default.btn-seguir:hover{
    background: #d30920;
    color: #fff;
}
.btn.btn-default.btn-ebook{margin: 20px auto 20px;font-size: 18px;line-height: 20px;letter-spacing: 0.3px;font-weight: 700;background-color: #ffc523;padding: 0px 15px 15px;}

.btn.btn-default.btn-ebook .fa-book{display:table;margin: -16px auto 0px;background: #bcc924;border-radius: 100px;padding: 6px 7px;}




/** Subscription **/
.box-subscription{
	border: 1px solid #fab91c57;
	width: auto;
	display: table;
	margin: 20px auto;
	padding: 20px 30px;
	font-size: 16px;
	line-height: 28px;
	color: #000;
}
.box-subscription.fgt-pass{width: 90%;max-width: 600px;line-height: 20px;}
.box-subscription.fgt-pass .nota-formulario{text-align: center;font-size: 17px;line-height: 17px;padding: 15px 0px 20px;color: #000;}
.tit-subscription{
	font-size:20px;
	line-height: 22px;
	font-weight:700;
	color: #d30920;
	text-transform:uppercase;
}
.box-subscription .txt{font-size: 14px;line-height: 20px;margin: 10px auto 0;border-top: 1px solid #fab91c57;padding:7px 0px 0px;}
.box-subscription .next-renovation{background: #e9a115ad;color: #fff;width: auto;display: inline-table;padding: 7px 16px;margin: 13px auto;}
.box-subscription i.fa-check-circle{color:#bcc900; font-size:21px;}
.box-subscription i.fa-times-circle{color:#d30920; font-size:21px;}
.box-subscription a{color:#d30920;}
.box-subscription a:hover{color:#5fbcf1;}
.btn.btn-default.btn-continue, .btn.btn-primary.contacto.guardar{background: #bcc900;margin: 10px auto 10px;}
.btn.btn-default.btn-cancel{background: #d30920;margin: 10px auto 10px;}
.btn.btn-default.btn-cancel:hover, .btn.btn-default.btn-continue:hover, .btn.btn-primary.contacto.guardar:hover{background: #5fbcf1;}

.controls label{
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 25px;
}
.controls small{
	text-align: left;
	width: 100%;
	display: table;
	font-weight: 700;
}





/** ESTRELLA .fa-fw **/
.elige-nivel i.fa.fa-fw.fa-star{
    text-align: center;
    margin: 0px auto;
    display: table !important;
    color: #c7000c;
}

.elige-nivel .btn-default{
	color: #fff;
	background-color: #c7000c;
	border-color:transparent;
	text-align: center;
	display: table;
	margin: 12px auto 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 0px;
}
.elige-nivel .btn-default:hover{
	color: #fff;
    background-color: #ff1a2d;
    border-color:transparent;
}


/** BREADCRUMB **/
.breadcrumb {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
    padding: 8px 5px 6px;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #fab91c57;
    background: none;
    color: #d30920;
    font-weight:600;
    margin: 21px 10px 5px;
    border-radius: 0;
}
.breadcrumb a{color:#d30920;}
.breadcrumb>.active{color: #000;}
.breadcrumb>li+li:before{
    font-size: 10px;
    line-height: 20px;
    color: #fcd15c !important;
    font-weight:500;
    content:'\f054';
    font-family:'FontAwesome';
    padding:0px 3px 0px 0px;
}
.breadcrumb a:hover{color: #00a4e7;}
.breadcrumb .volver{float: right;}
.breadcrumb .volver:before{content: none;}
.breadcrumb br {display: none;}



/** PROGRAMA **/
.referencia{
	width: auto;
	height: auto;
	margin: -10px auto 12px;
	padding: 0px 8px 5px;
	display: table;
	text-transform: uppercase;
	color:#000;
	font-size: 13px;
	line-height: 12px;
	text-align:center;
	background: #f2f2f2;
	border-radius: 5px;
	border: 1px solid #D8D8D8;
}
.referencia .entrega-vencimiento{font-size: 12px; display: inline-table; margin-top: 6px;}
.box{
	width: auto;
	height: auto;
	margin: 5px 3px 0px;
	padding: 5px 6px 4px;
	color:#fff;
	display: inline-table;
}
.box.green{background: #00cb92;}
.box.orange{background: #ff6b01;}
.box.red{background: #d0262c;}
.cont-entrega{
	width: 100%;
	max-width: 1090px;
	text-align:center;
	margin:0px auto;
	display:table;
	padding: 9px 0px 15px;
}
/*.cont-entrega:nth-child(odd){background: #f5f5f5;}*/
.cont-entrega:nth-child(odd){background: #ffe59e;}
.cont-entrega:nth-child(even){background: #ffe08b;}
.cont-entrega:last-child{margin-bottom:0px;}
.entrega-unidades{
	width: 89%;
	/* max-width: 978px; */
	margin: 0px 0px;
	/* display: table; */
	float: right;
}
.entrega-acceso input{
	width:205px;
	height: 24px;
	background:#FFF;
	border:1px #0db4e7 solid;
	font-size: 18px;

	color: #000;
	letter-spacing:1px;
	padding:0px 5px;
	float: none;
	clear:none;
	margin: 3px 5px 5px;
	display:inline-table;
}


.container-lms .tit-nivel-prg{
	width: 100%;
	font-size:35px;
	letter-spacing: 0px;
	color: #fff;
	background: rgba(35, 0, 110, 1);
	float: left;
	margin: -8px 0 10px;
	padding: 0px 0;
	text-transform:uppercase;
}

.tit-nivel{
	width: 100%;
	font-size: 13px;
	line-height: 15px;
	letter-spacing: 0.5px;
	color: rgb(33, 16, 110);
	margin: 5px 0 3px;
	padding: 0px 0 0px;
	text-transform:uppercase;
	text-align: center;
	font-weight:600

}
.row.bg-content .panel.panel-default .ciudad{
    font-size: 19px;
    line-height: 18px;
    text-transform: uppercase;
    height: 41px;
    font-weight: 700;
    color: #fff;
}
.entrega-titulo{
	width: auto;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.8px;
	background: #fab91c;
	color: #fff;
	float: left;
	margin: 10px 0 5px;
	padding: 4px 7px 4px 10px;
	text-align: left;
	text-transform:uppercase;
}
.entrega-vencimiento{
	font-size: 16px;
	color: #ff7f00;
	letter-spacing:0px;
}
.entrega-ok a.entrega-btn-unidad, .entrega-ko .entrega-btn-unidad, .cont-entrega-1 entrega-ok a.entrega-btn-unidad{
	width: 112px;
	height: auto;
	margin: 5px 3px 15px;
	padding: 0px 0px 4px 0px;
	border-radius: 0px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 26px;
	line-height: 23px;
	letter-spacing: -1px;
	color:#F7F7F7;
	display:inline-table;
	text-align:center;
	border: 1px solid #c3c3c3;
	border-top: 5px solid #c3c3c3;
}
.entrega-ok a.entrega-btn-unidad.btn-unidad-basico{
	color: #351a96;
	background: #fff;
}
.entrega-ok a.entrega-btn-unidad.btn-unidad-intermedio{
	color: #fff;
	background: #ff6b01;
}
.entrega-ok a.entrega-btn-unidad.btn-unidad-avanzado{
	color: #fff;
	background: #d0262c;
}
.entrega-ok a.entrega-btn-unidad.btn-unidad-avanzado2{
	color: #fff;
	background: #21106e;
}
.entrega-ok a.entrega-btn-unidad.btn-unidad-basico:hover, 
.entrega-ok a.entrega-btn-unidad.btn-unidad-intermedio:hover, 
.entrega-ok a.entrega-btn-unidad.btn-unidad-avanzado:hover,
.entrega-ok a.entrega-btn-unidad.btn-unidad-avanzado2:hover
{color: #fff;background: #6abfee;}

.intentos{
	width: 96%;
	height: auto;
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.3);
	margin: 0px 0px -1px 0px;
	padding: 3px 1% 2px;
	text-align: left;
	border-radius: 4px;
	text-transform: none;
}
.intentos .fa-circle{
	color: #351a96;
	font-size: 4px;
	margin: 0px 2px 0 0px;
	position: relative;
	top: -2px;
}


.entrega-ok a.entrega-btn-unidad img{margin: 0 0 8px 0;border-bottom: 1px solid #c3c3c3;}



/** TABS **/
.nav.nav-tabs.nav-justified{border-bottom: 7px solid #d30920;background: #ffe59e8f;border-radius: 10px 10px 0 0;border-top: 1px solid rgb(255 255 255 / 60%);}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>li>a, .nav-tabs.nav-justified>.active>a:hover {
    border-top: 0px solid #03a4e7;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    padding: 15px 0px 13px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5px;
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    margin: 0 0px;
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{
    background: #d30920;
}
.nav-tabs.nav-justified .fa.fa-fw
/*, .nav-tabs.nav-justified .fa.fa-comment,
.nav-tabs.nav-justified .fa.fa-check-circle-o*/{
    display:table;
    margin:0px auto;
    font-size: 25px;
}

.nav-tabs.nav-justified>li>a{
    color:#d30920;
    background-color:rgb(250 185 28 / 0.2); 
    /* background: #f1f1f1; */
/*    border-radius: 0px;
    padding: 13px 0px 5px;
    border: 0px solid #f1f1f1;
    border-radius:10px 10px 0 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;*/
}

.nav-tabs.nav-justified>li>a:hover{
    border-top: 0px solid #d30920;
    /*margin:0px auto;*/
    background-color:rgb(250 185 28 / 0.8); 
    color:#fff;
    border-left: 0px;
    border-right: 0px;
    
}

.nav-tabs.nav-justified>li{border-right: 0px solid #afafaf61;}
.nav-tabs.nav-justified>li:last-child{border-right: 0px solid #c20000;}
.nav-tabs.nav-justified>li>a .tit-nivel{font-size:20px;font-weight:700;margin: 3px 0 5px;color:inherit;}
.nav-tabs.nav-justified>.active>a .tit-nivel{color: #fff !important;}



.row.bg-content .text-primary{color: #fff;}
/*.row.bg-content p{color: #20106e;}*/
.row.bg-content .media{
	min-height: 85px;
	border-bottom: 1px dashed #66ccca;
	padding: 5px 5px 0px;
	margin: 0px;
}
.row.bg-content .media:hover{background-color: rgba(175, 175, 175, 0.15);}
.row.bg-content .media-heading{
	margin-top: 8px;
	margin-bottom: 2px;
	text-transform: uppercase;
	color: #1e305a;
}
.row.bg-content .fa-inverse{
	color: #fff;
    font-weight: 700;
}
.row.bg-content .fa-stack-1x{line-height: 73px;}

.nota, .intento{
	width: auto;
	height:auto;
	display: table;
	margin: 0px 0px;
	padding: 1px 4px 0;
	text-align: left !important;
	font-weight: 700;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 0.3px;
	color: #21106e;
	text-transform: uppercase;
}

.nota:before{
	display:none;
	content:"| ";
	margin: 20px auto 10px;
}
.intento{
}
/** NIVELES **/ 
.row.bg-content .panel.panel-default{
	/*border: 1px solid #c3c3c3;*/
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}

.row.bg-content .panel.panel-default a{color:#21106e;}
.row.bg-content .modulo-nivel.aula a, 
.row.bg-content .modulo-nivel.aula .panel.panel-default a{color:#d30920; text-transform:uppercase;}
.row.bg-content .panel.panel-default a:hover{color: #fff; background:#d30920;}

.row.bg-content .modulo-nivel .panel.panel-default a{color: #fff;}
.row.bg-content .modulo-nivel.u1 .panel.panel-default,
.row.bg-content .modulo-nivel.u6 .panel.panel-default,
.row.bg-content .modulo-nivel.u11 .panel.panel-default,
.row.bg-content .modulo-nivel.u16 .panel.panel-default,
.row.bg-content .modulo-nivel.u21 .panel.panel-default,
.row.bg-content .modulo-nivel.u26 .panel.panel-default
{background:#5fbcf1;}
.row.bg-content .modulo-nivel.u2 .panel.panel-default,
.row.bg-content .modulo-nivel.u7 .panel.panel-default,
.row.bg-content .modulo-nivel.u12 .panel.panel-default,
.row.bg-content .modulo-nivel.u17 .panel.panel-default,
.row.bg-content .modulo-nivel.u22 .panel.panel-default,
.row.bg-content .modulo-nivel.u27 .panel.panel-default
{background: #d71c79;}

.row.bg-content .modulo-nivel.u3 .panel.panel-default,
.row.bg-content .modulo-nivel.u8 .panel.panel-default,
.row.bg-content .modulo-nivel.u13 .panel.panel-default,
.row.bg-content .modulo-nivel.u18 .panel.panel-default,
.row.bg-content .modulo-nivel.u23 .panel.panel-default,
.row.bg-content .modulo-nivel.u28 .panel.panel-default
{background: #e9a115;}

.row.bg-content .modulo-nivel.u4 .panel.panel-default,
.row.bg-content .modulo-nivel.u9 .panel.panel-default,
.row.bg-content .modulo-nivel.u14 .panel.panel-default,
.row.bg-content .modulo-nivel.u19 .panel.panel-default,
.row.bg-content .modulo-nivel.u24 .panel.panel-default,
.row.bg-content .modulo-nivel.u29 .panel.panel-default
{background: #bcc900;}

.row.bg-content .modulo-nivel.u5 .panel.panel-default,
.row.bg-content .modulo-nivel.u10 .panel.panel-default,
.row.bg-content .modulo-nivel.u15 .panel.panel-default,
.row.bg-content .modulo-nivel.u20 .panel.panel-default,
.row.bg-content .modulo-nivel.u25 .panel.panel-default,
.row.bg-content .modulo-nivel.u30 .panel.panel-default
{background: #487ec4;}

.row.bg-content .modulo-nivel.u1 .panel.panel-default:hover{color: #fff; background:#d30920;}


/*.row.bg-content .panel.panel-default .fa.fa-check-circle-o,
.row.bg-content .panel.panel-default .fa.fa-play-circle-o,
.row.bg-content .panel.panel-default .fa.fa-star,
.row.bg-content .panel.panel-default .fa.fa-send,
.row.bg-content .panel.panel-default .fa.fa-comment, */
.row.bg-content .panel.panel-default .fa.fa-fw {
    display: none;
    margin: -30px 33% 12px;
    font-size: 31px;
    background: rgb(195 195 195 / 1);
    color: white;
    width: 56px;
    height: auto;
    z-index: 10000;
    position: absolute;
    padding: 12px 13px 12px;
    border-radius: 30px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}


.panel{border-radius:0px;}
.row.bg-content .panel-default>.panel-heading{
    border-top: 5px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    border-left: 0px;
    border-right: 0px;
    padding: 0px 0px 0px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5px;
    background: #c3c3c3;
    color: #00a4e7;
    margin: 0px;
    border-radius: 0 !important;
}
.row.bg-content .panel-default>.panel-heading h4{
	line-height:30px;
}
.row.bg-content .panel-default>.panel-heading h4.small{
    line-height: 19px;
    text-transform: none;
    font-size: 15px;
    padding: 3px 15px;
    text-align: left;
	letter-spacing: 0px;
}





/** BARRA LATERAL **/
.list-group{border-radius:0px;font-weight:500;letter-spacing: 0px;text-transform:uppercase;margin-bottom: 13px;}
.list-group-item{border: none; border-radius:0px;text-align:left;}
a.list-group-item{
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 2px dotted #00a4e7;
	color:#360c96;
}

.list-group-item.active, .list-group-item.active:focus,
.list-group-item.active:hover, a.list-group-item:hover, button.list-group-item:hover{
	color: #fff;
	background-color: #00a4e7;
	border: none;
	border-radius:0px;
}
.list-group-item.active, .list-group-item.active:focus{
	background-color: #360c96;
}
a.list-group-item:hover{border-bottom: 2px dotted transparent;}
.list-group-item:last-child{border-bottom:1px dotted #00a4e7;}





/** BANNER CLASES **/
.bg-clases{
	color:#fff;
	background:#00cb92;
	margin: 0px auto -20px;
	padding: 6px 5px 3px;
	display:table;
	border-radius: 0px 0px 20px 20px;
	font-size: 15px;
	line-height: 19px;

}
.bg-clases .tit{font-size:20px;line-height: 20px;font-weight: 500;padding: 0 0 0px 0;}
.bg-clases .prox-class{font-size: 14px;background: #1b137921;width: 100%;margin: 5px 0 5px;padding: 6px 2px;}
.bg-clases .small{font-size: 12px;}
.bg-clases .small strong{font-weight:500;}
.bg-clases a.link, 
.live .encuesta a.link{
	color:#fff;
	background:#03a4e7;
	padding: 6px 10px;
	margin: 6px auto 3px;
	text-transform:uppercase;
	display:table;
	border-radius:100px;
	font-weight: 500;
}
.bg-clases a.link.active{background:#03a4e7;}
.bg-clases a.link.inactive, .bg-clases a.link.inactive:hover{background:#01b38f;color:rgb(255 255 255 / 0.8); }
.bg-clases a.link{
	width: auto;
	margin: 5px 3px 5px;
	display:inline-block;
	text-transform: none;
	padding: 4px 8px 1px;
	border-radius: 13px;
}
.bg-clases a.link:nth-child(odd){/* background:rgb(113 78 185 / 0.9); */}

.bg-clases a.link:hover, .live .encuesta a.link:hover{color:#fff; background:#401991;}
.live{
	display:table;
	margin:10px auto 0;
}
.live .encuesta{
	width:100%;
	color:#fff;
	background: #ff6b01;
	margin: 0px 0px 0px;
	padding: 1px 7px 3px;
	border-radius: 0px 0px 10px 10px;
	font-size: 13px;
	line-height: 19px;
	-webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,0.3);
	box-shadow: 0 0 6px 0px rgba(0,0,0,0.3);
}
.live .encuesta strong{
	display:inline;
	margin:0px auto 0px;
	text-transform: uppercase;
}
.live .encuesta a.link{
	display: inline-block;
	padding: 3px 6px;
	margin: 6px 0px 3px 2px;
}


.bg-clases a.link .small{
	font-size: 11px;
	letter-spacing:0.5px;
	line-height: 12px;
	margin-top: 1px;
	background: rgb(0 0 0 / 10%);
	padding: 4px 2px 5px;
	border-radius: 0px 0px 10px 10px;
}
.tit-clase{
	font-size: 22px;
	line-height: 20px;
	/*	border-bottom: 1px solid rgb(255 255 255 / 60%);*/
	padding: 0px 0px 6px;
	letter-spacing: 0.5px;
	/* border-radius: 10px !important; */
}
.tit-clase:before{
	content: 'clase';
	text-transform:uppercase;
	font-size:12px;
	line-height:10px;
	display:table;
	border-bottom: 1px solid rgb(255 255 255 / 60%);
	margin: 0px auto 4px;
	padding:3px 0px 4px;
	width:100%;
}
.next-class{
	width:100%;
	color:#fff;
	background: #1b137921;
	margin: 3px 0px 2px;
	padding: 5px 10px 5px;
	border-radius: 0px 0px 20px 20px;
	font-size: 14px;
	line-height: 16px;
	display: table;
	text-align: center;
}
/*.next-class strong{font-size: inherit;letter-spacing:0.5px;}*/

.bg-clases a.prox-class{
	display:table;
	background: #ff6b01;
	width: auto;
	margin: 4px auto 2px;
	border-radius: 100px;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 10px 4px;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.bg-clases a.prox-class:hover{
	background: #03a4e7;
}



/** Home Unidad **/
.modulo-nivel .panel.panel-default{/* background:#c3c3c3; */padding: 3px 3px 0;border:none;}
/*
.modulo-nivel .panel.panel-default.modulo-nivel.aula{
	color:#d30920 !important;
	text-transform:uppercase;
}*/
.modulo-nivel .panel.panel-default:hover, .row.bg-content .modulo-nivel.aula .panel.panel-default a:hover{
	background:#d30920;
	color: #fff !important;
}
.modulo-nivel .img-responsive{border: 1px solid rgb(255 255 255 / 50%);}
.modulo-nivel .tit-aula{
    font-size: 18px;
    line-height: 17px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 10px 4px;
    height: auto;
    color: #fff;
    letter-spacing: 0.5px;
    margin: 0 0 0px 0px;
    text-align: center;
    border-bottom: 1px solid #d309202e;
}
.modulo-nivel .tit-aula{
    border-bottom: 1px solid #d309202e;
    background: rgb(0 0 0 / 20%) !important;
}
.modulo-nivel .tit-aula:nth-child(1){background: #5fbcf1;}
.modulo-nivel .tit-aula:nth-child(2){background: #ffc523}
.modulo-nivel .tit-aula:nth-child(3){background: #e9a115;}
.modulo-nivel .tit-aula:nth-child(4){background: #bcc900;}




.modulo-nivel .txt-act{
    font-size: 15px;
    line-height: 17px;
    font-weight: 600;
    padding: 5px 5px 0px;
    height: 100px;
    /*    color: #20106e;*/
    letter-spacing: -0.5px;
    margin: 0 0 0px 0px;
    text-align: left;
}

.modulo-nivel.aula .txt-act{text-transform: uppercase;}
.modulo-nivel .tit-act p{
    font-size: 15px;
    line-height: 17px;
    font-weight: 600;
    letter-spacing: 0px;
    text-transform: uppercase;
    height:auto !important;
    min-height: 95px;
    padding: 5px 5px 3px;
    margin: 0px;
    text-align: left;
}
.modulo-nivel .ico-act{}

.modulo-nivel.aula .txt-act em, .tit-interna em{
	text-transform: initial;
	/*	color: #bcc900;*/
	font-size: 18px;
	line-height:20px;
	font-weight: 700;
	letter-spacing: -0.5px;
	display: block;
}

.modulo-nivel.aula .txt-act em:before, .tit-interna em:before{
	content: "\f001";
	font-family:'FontAwesome';
	padding-right: 6px;
	font-weight: normal;
/* 	font-size: 16px; */
	font-style: normal;
}
.tit-interna em{
	font-size: 22px;
	line-height: 22px;
	padding: 9px 0 3px;
	color: #d30920;
	border-top: 1px solid #fab91c57;
	margin: 7px 0 0;
	font-weight: 700;
}

.tit-interna em:before{
	background: #bcc924;
	color:#fff;
	border-radius:100px;
	padding: 6px 10px 8px 7px;
	margin: 0px 4px 0px 4px;
	font-size: 20px;
}



/** INTERNAS **/
.display-none{display:none}

/*.col-md-3.sidebar{background: #ffe49c;padding: 5px 10px;border-radius: 8px;}*/
.sidebar{background: #ffe49c00;padding: 5px 8px 5px 0px;border-radius: 0px; border-right:1px solid #fddb86;}
.col-md-3 .page-header {
	text-align:left;
	text-transform:uppercase;
	padding-bottom: 2px;
	margin: 0px 0 7px;
	border-bottom: 1px solid #360c96;
	color: #360c96;
}
.col-md-3 h4.page-header {
	padding-bottom: 3px;
	margin: 0px 0 2px;
}
.page-header{margin: 0px 10px 5px;color: #c20000;font-weight:600;letter-spacing:-1px;border-bottom: 0;padding-bottom: 0px;}
.page-header.tit{width: auto; float: left;clear: right;}
.page-header .small, .tit-interna{width: 100%;display: table;font-size: 20px;line-height: 20px;padding: 0px 0 10px 5px;text-transform:uppercase;font-weight: 700;letter-spacing:-0.5px;color: #e9a115;text-align: left;}
.voicelab-categories .tit-interna{text-align: center; font-size: 24px;}
.tit-interna .esp{color: #d30920;display: inline;}
.col-md-3 .txt-home{font-size: 15px;text-align:left;line-height: 22px;margin: 0 0 10px 0;text-transform:none;color: #000000;}
.sidebar .img-responsive{width: 100%;margin:0px auto;}
.page-header .tit.prg{margin-top:25px; margin-bottom: 8px;}
.page-header small{color: #bcc900; display: block;
    letter-spacing: 0.1px;}
.col-md-3 .modulo-nivel{margin: 0px; padding:0px !important;}

.sidebar .video-sub-tit{padding: 6px 10px 4px;font-size:18px;letter-spacing:0.5px;}


.entrega-unidades .col-md-3 .img-responsive{border: 0px solid #ddd;padding: 5px 7px 0;margin-bottom:10px;/*border-top: 5px solid #c3c3c3;*/}
.entrega-unidades .col-md-3{background: transparent;}
.entrega-unidades .col-md-3 .panel{margin-bottom:10px;}

.panel-default{border-color:#c3c3c3;/*border-top: 5px solid #ddd !important;*/}

.entrega-ok .row.bg-content{padding: 0px 0px;margin: 5px auto 0px;}



.col-md-9 .txt-elige{
	font-size: 29px;
	line-height: 21px;
	font-weight: 500;
	margin: 20px 0px 0px;
	letter-spacing: 0px;
	padding-bottom: 11px;
	border-bottom: 1px solid #360c96;
	color: #360c96;
}



/** VIDEOS **/
.audio-title, .video-sub-tit{
	width: auto;
	height: auto;
	margin: 0px 0 0px 0px;
	display:table;
	font-size: 30px;
	line-height: 22px;
	text-align: left;
	letter-spacing:-0.5px;
	padding: 14px 16px 11px;
	color:#fff;
	border-radius:15px 15px 0px 0px;
	text-transform:uppercase;
	font-weight:600;

	background: #23006e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #4b1caf 0%, #23006e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b1caf), color-stop(100%,#23006e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4b1caf 0%,#23006e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4b1caf 0%,#23006e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4b1caf 0%,#23006e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4b1caf 0%,#23006e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b1caf', endColorstr='#23006e',GradientType=0 ); /* IE6-8 */
}
.videoWrapper{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/* padding-top: 25px; */
	height: auto;

	/* margin-top: 37px; */
	margin-bottom:15px !important;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoWrapper p{
	font-size:15px;
	color: #000;
	margin: 2px 0 2px 0px;
}
.videoWrapper p a{color:#d30920;}
.videoWrapper p a:hover{color: #ffae18;text-decoration: underline;}





/** TEXTOS **/
.ebook-open{
  width: auto;
  height: auto;
  letter-spacing: 0.5px;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
  font-size: 21px;
  text-decoration: none;
  padding: 12px 25px 9px;
  margin: 5px auto 20px;
  display: table;
  border-radius: 50px;
  border: none;
  background: #351a96;
}
#voice.ebook-open{
  font-size: 18px;
  padding: 0px 20px 7px;
  margin: 5px auto 8px;
  line-height: 29px;
}


.ebook-open .fa-bookmark, .ebook-open .fa-download, .ebook-open .fa-mobile{
	display: inline-block;
	margin: -3px 0px 0px 5px;
	font-size: 20px;
	line-height: 20px;
	padding: 8px 11px;
	text-align: center;
	border-radius:500px;
	border: 3px solid rgba(255, 255, 255, 0.6);
	background: rgba(250, 235, 215, 0.1);
}
.ebook-open .fa-download{line-height: 25px;}
.ebook-open .fa-mobile{
	font-size: 24px;
	line-height: 14px;
	padding: 6px 9px 8px;
	margin: 6px 0px -1px 5px;
}


.ebook-open.solutions{
  width: auto;
  height: auto;
  letter-spacing: 0.2px;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  padding: 6px 10px 5px 12px;
  margin: -10px auto 20px;
  display: table;
  border-radius: 50px;
  border: none;
  background: #00a4e3;
}

.fa-pencil{
	display: inline-block;
	margin: -3px 0px 0px 3px;
	font-size: 15px !important;
	line-height: 15px !important;
	padding: 5px 6px;
	text-align: center;
	border-radius:500px;
	border: 3px solid rgba(255, 255, 255, 0.6);
	background: rgba(250, 235, 215, 0.1);
}


.ebook-link{
	/*width: 132px;*/
	width:100%;
	min-height: 150px;
	margin: 0px 5px 14px;
	padding: 16px 12px 16px;
	background-image:none;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 19px;
	letter-spacing: 0.5px;
	display:inline-table;
	text-align:center;
	font-weight: 600;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	border-radius: 0 0 70px 70px;
}
.ebook-link .num{
    margin: 5px auto;
    font-size: 70px !important;
    line-height: 55px  !important;
    letter-spacing:-2px;
}
.col-md-3:nth-child(3) .ebook-link, .col-md-3:nth-child(8) .ebook-link{
	background: #ff6b01;
}
.col-md-3:nth-child(4) .ebook-link, .col-md-3:nth-child(9) .ebook-link{
	background: #00cb92;
}
.col-md-3:nth-child(5) .ebook-link, .col-md-3:nth-child(10) .ebook-link{
	background: #d0262c;
}
.col-md-3:nth-child(6) .ebook-link, .col-md-3:nth-child(1) .ebook-link{
	background: #00a4e3;
}
.col-md-3:nth-child(7) .ebook-link, .col-md-3:nth-child(2) .ebook-link{
	background: #360c96;
}




.col-md-3 .ebook-link .tema{
	min-height: 30px;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0px;
	padding: 2px 0px 0px;
	text-transform: none;
	text-align: center;
	font-weight: 500;
}
.col-md-3 .ebook-link .tema strong{
	font-size: 13px;
	line-height:17px;
	text-transform:uppercase;
	padding: 3px 0px 0px;
}
.ebook-open:hover{
	cursor: pointer;
	color: #fff !important;
	background: #c3c3c3;
}

.col-md-3 .ebook-link:hover{
	cursor: pointer;
	color: #75d6fb !important;
	background: #360c96;
}
.col-md-3 .ebook-link:focus, .ebook-open:focus{color: #fff;}

.ebook-link .fa-book{
	width: 80px;
	color: #fff;
	display: table;
	margin: 10px auto 0px;
	font-size: 45px;
	line-height: 54px;
	padding: 10px 12px;
	text-align: center;
	border-radius:500px;
	border: 3px solid rgba(255, 255, 255, 0.6);
	background: rgba(250, 235, 215, 0.1);
}

.ebook-content{
	width: 100%;
	height: auto;
	display:table;
	margin: 0px auto 20px;
	text-align:left;
	padding:15px 20px 20px;
	border-radius: 0px;
	border: 1px rgba(3, 164, 231, 0.5) solid;
	/* background: rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: 0 0 15px 0px rgba(0,0,0,0.3);
	box-shadow: 0 0 20px 0px rgba(0,0,0,0.15); */
	font-size:16px;
	line-height:25px;
	letter-spacing:-0.3px;
}



h1.ebook-title, .ebook-title{
	/* font-size:17px; */
	margin: 3px auto 7px;
	letter-spacing:-0.3px;
	color:#000;
	text-transform: uppercase;
	display: inline;
	font-weight: 400;
}
h2.downloadapp{
	font-size: 20px;
	letter-spacing:-0.3px;
	color: #1e305a;
	font-weight: 400;
	text-align: center;
	border-top:1px solid #eee;
	padding-top:10px;
}
/*
.ebook-title{
	width:auto;
	display: table;
	margin: 10px auto 4px;
	text-align: center;
	color: #fff;
	font-size:20px;
	line-height:20px;
	text-decoration:none;
	text-transform:uppercase;
	padding: 5px 15px 4px;
}
.ebook-title strong{
}*/



/** PDF **/ 
#bg-pdf{
	background: url(/ingles_express/img/PDF-tests.png) no-repeat bottom left;
	width: 100%;
	display: table;
	height: 390px;
	border-bottom: 5px solid #c3c3c3;
}
#pdf-btn.ebook-open{margin: 25px auto 5px;}



/** TEST DE NIVEL - listening + otro **/
#test .panel-default>.panel-heading{
    border-top: 5px solid #03a4e7;
    background:#21106e;
    box-shadow: none !important;
    border-radius:0px;
}

#test .fa.fa-fw {
    display: table;
    margin: 0px auto;
    font-size: 33px;
    background: none;
    color: white;
    box-shadow: none !important;
    padding: 10px 0px 3px;
	position: initial;
}

#test .panel-default>.panel-heading h4{
	color:#fff !important;
	text-transform: uppercase;
	text-align: center;
	margin: 13px 0;
	letter-spacing: 0.5px;
}


#test .puntuacion{
	width: 100%;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.5px;
	color: rgb(33, 16, 110);
	margin: 5px 0 10px;
	padding: 0px 0 0px;
	text-align: center;
}


#test a.btn-leer{
	color: #fff;
	background-color: #03a4e7;
	border-color:transparent;
	text-align: center;
	display: table;
	margin: 15px auto 5px;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	border-radius: 30px;
	font-weight: 600;
	font-size: 16px;
	padding: 10px 15px;
}

#test a.btn-leer:hover{
	color: #fff;
	background-color: #c3c3c3;
	border-color:transparent;
}
#test .puntuacion.txt{
	font-size: 14px;
	line-height: 19px;
	font-weight: 800 !important;
	margin: 0px 0 4px;
	letter-spacing: 0.2px;
}
#test .puntos{

	width:100%;
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	letter-spacing: 0px;
	padding: 0px 0px 0px 0px;
	display: table;
	margin: 0px auto 0px;
	text-align:left;
}
#test .puntos strong{
	font-weight: 600;
	margin-left: -8px;
	text-transform:uppercase;
}
#test .puntos li{
	background:rgb(3, 164, 231);
	padding: 5px 0px 5px 9px;
	color:#ffffff;
	letter-spacing: 0.2px;
	font-weight: 300;
	list-style-position: inside;
}
#test ul.puntos li:nth-child(even){background:rgba(3, 164, 231, 0.7);}

#test .txt-testnivel{
	font-size: 17px;
	line-height: 21px;
	font-weight: 300;
	color: #000000;
	margin: 5px 0px 0px;
	letter-spacing: 0.3px;
}

#test .row.bg-content .panel-default>.panel-heading{
    border-top: 5px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    border-left: 0px;
    border-right: 0px;
    padding: 0px 0px 0px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5px;
    background: #c3c3c3;
    color: #00a4e7;
    margin: 0px;
    border-radius: 0 !important;
}

/** LISTENING TEST **/
.listening-test{
	margin: 0px auto 0;
	display:table;
	text-align: center;
	color:#000;
}
.listening-test .audio .tit, .listening-test .video .tit{
	width: auto;
	height:auto;
	display: table;
	margin: 10px auto 0px;
	padding: 2px 10px 2px;
	background: #20106e;
	border-radius: 6px 6px 0px 0px;
	font-weight:500;
	text-transform:uppercase;
	font-size: 15px;
	line-height:23px;
	letter-spacing:1px;
	color: #fff;
	text-align:left;
}
.listening-test .audio, .listening-test .video{
	width: auto;
	height:auto;
	margin: 5px 5px 10px;
	display:inline-table;
	padding: 5px 15px;
	border: 1px dotted #03a4e7;
}
.listening-test .video{
	padding: 10px 10px 5px;
}
.listening-test .video .tit{
	margin: 0px auto 0px;
	padding: 2px 10px 2px;
}


/** TEST DE NIVEL **/
.tabla-nivel{
	display:table;
	margin:15px auto 0px;
	text-align:center;
}
.niveles td{
	background: #1dc3ae;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 15px;
    padding:5px 15px;
    border:1px solid rgb(255, 255, 255);
}
.puntos td{
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #1e305a;
    letter-spacing: 0.5px;
    font-size: 15px;
    padding:10px 15px;
    border-right:1px dashed #1dc3ae;
    border-left:1px dashed #1dc3ae;
    border-bottom:1px dashed #1dc3ae;
}
.txt-testnivel{
	font-size: 17px;
	line-height: 21px;
	font-weight: 500;
	color: #1e305a;
	margin: 0px 0px 20px;
    letter-spacing: 0.3px;
}

/*
#my_quiz.test-nivel{
    background-color: rgba(206, 242, 242, 0.3);
    border: 1px solid rgba(87, 218, 214, 0.4);
    border-radius: 4px;
    -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 15px rgba(87, 218, 214, 0.3); 
	padding: 20px 15px;
}*/

#my_quiz.test-nivel{
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(3, 164, 231, 0.4);
    border-radius: 0px;
    /* -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.1); */
    /* box-shadow: inset 0px 0px 15px rgba(87, 218, 214, 0.3); */
    padding: 20px 15px;
    margin: 15px 0px;
}
#my_quiz.test-nivel #quizolution-container p{color: #1e305a;}

#my_quiz.test-nivel .quizolution-question-number, #my_quiz.test-nivel .quizolution-result-question-number{width: 50px;}




/** INGLES SMS **/
.txt-inglessms{
	width: 98%;
	max-width: initial;
	height: auto;
	font-weight: 500;
	color: #fff;
	background-color: #ececec;
	border: none;
	font-size: 17px;
	line-height: 17px;
	padding: 17px 2% 20px;
	border-top: 5px solid #03a4e7;
	display: table;
	margin: 0px auto 5px;
	float: none;
}
.txt-inglessms p{margin:0px; padding:0px;}

.tit-inglessms{
	width: 98%;
	max-width: initial;
	height: auto;
	margin: 0px 1% 0px;
	padding: 9px 0px 10px;
	display: inline-table;
	background-color: #f1f1f1;
	float: none;
	text-align: center;
	font-weight: 500;
	color: #20106e;
	border: none;
	font-size: 17px;
	line-height: 20px;
}
.leccion-inglessms{
	/* color:#fff; */
	width: 200px;
	display: inline-table;
	margin: 0px 10px;
	text-transform:uppercase;
	font-weight: 600;
	font-size: 22px;
	letter-spacing: 0px;
	border:0px;
	text-align: center;
	padding: 11px 0px 0px;
}

.btn-sig{
	width:auto;
	height: auto;
	font-weight: 700;
	color: #fff;
	background-color: #03a4e7;
	border: none;
	font-size: 12px;
	line-height:17px;
	float:left;
	margin:5px 0px 0px;
	letter-spacing:0.7px;
	padding:9px 15px 7px;
	display:inline-block;
 	border-radius:50px;
 }
.btn-sig .fa.fa-arrow-right, .btn-sig .fa.fa-arrow-left{
    font-size: 13px;
    display:inline-block;
}
.btn-sig .fa.fa-arrow-right{text-align:right;}
.btn-sig:hover{color:#03a4e7; background-color:#ffffff;text-decoration:none;}
.row.inglessms .col-md-2{width:auto;}
.row.inglessms .col-md-2.r{float:right;}


.row.sesiones{text-align:center;}
.sesion{
	width:182px;
	height:auto;
	padding:25px 0px 20px 0px;
	margin:8px;
	display: inline-block;
	text-decoration:none;

	text-align:center;
	letter-spacing:1.5px;
	text-transform:uppercase;
	font-weight:400;
	font-size: 13px;
	line-height: 25px;
	color:#fff;
	-webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,0.3);
	box-shadow: 0 0 6px 0px rgba(0,0,0,0.3);

	background: #23006e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #4b1caf 0%, #23006e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b1caf), color-stop(100%,#23006e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4b1caf 0%,#23006e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4b1caf 0%,#23006e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4b1caf 0%,#23006e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4b1caf 0%,#23006e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b1caf', endColorstr='#23006e',GradientType=0 ); /* IE6-8 */
}

.sesion .fa.fa-comment-o, .sesion .fa.fa-play-circle-o{
	display:table;
    margin:0px auto;
    font-size:30px;
	color: #fff;
}

.sesion:hover{
	color:#fff;
	background: #c3c3c3;
}


.tit-video{
	font-size:15px;
	font-weight: 700;
	color: #1e305a;
	text-transform: uppercase;	
}
.txt-video{
	font-size:15px;
	color: #1e305a;
    padding: 0px 0px 15px;
}

.tit-challenge, .tit-leccion {
    font-size: 19px;
    font-weight: 700;
    color: #1e305a;
    text-transform: uppercase;
    margin: -5px 10px 15px;
}
.tit-leccion {margin: 0px 0px 5px;}


/** 144 CONCEPTOS CLAVE **/ 
.col-md-3.col-concetos .row.bg-content .panel-default>.panel-heading h4 {
	line-height: 20px;
    margin-bottom: 15px;
}

.col-md-3.col-concetos p {
    margin: 0 0 10px;
    line-height: 18px;
}
.row.bg-content .panel-default>.panel-heading .fa.fa-fw{
	display: table;
    margin: 15px auto 0px;
    font-size: 30px;
}


/** CIUDADANIA / PRONUNCIACION FACIL / PALABRAS CLAVE**/
.libro{
	width:100%;
	max-width:369px;
	display:table;
	margin:0px auto;
}
.libro:hover{
    opacity: 0.85;
    filter: alpha(opacity=85);
}
.btn-leer, .btn-leer:focus, .col-md-3.col-concetos .btn-leer{
	color: #fff;
	background-color: #c7000c;
	border-color:transparent;
	text-align: center;
	display: table;
	padding: 10px 10px;
	margin: 10px auto 15px;
	text-transform: uppercase;
	letter-spacing: 0px;
	border-radius: 0px;
	font-weight: 700;
}
.btn-leer:hover, .col-md-3.col-concetos .btn-leer:hover{
	color: #fff;
    background: #1e305a;
    border-color:transparent;
}
.col-md-3.col-concetos .btn-leer .fa.fa-fw{
	font-size:15px;
	display:inline-table;
}



/** 1000 PALABRAS CLAVE **/
.row.palabrasclave{
	border-bottom: 2px dotted #1dc3ae;
	padding: 0px 0px 20px;
}
.ordenaletras-next-btn{
	width:auto;
	height: auto;
    display:table;
    margin:10px auto 0px;
    padding:12px 13px 13px;

    font-weight: 700;
	color: #fff;
    background-color: #c7000c;
    border: none;
	border-radius:0px;
    font-size: 15px;
    line-height:15px;
    letter-spacing:0.7px;
    text-transform:uppercase;
}
.ordenaletras-next-btn:focus, .ordenaletras-next-btn:hover{
	color:#fff;
	background-color:#1e305a;
	text-decoration:none;
}
.sortable.ui-sortable{
	margin:0px auto 27px;
	padding:0px;
	display:table;
}

.sortable-content span{
	font-weight:700;
	color:#1e305a;
	padding:10px 12px;
}
.sortable-content span:hover{
	font-weight:700;
}


.ordenaletras-texto-correcta, .ordenaletras-texto-incorrecta{
    font-weight: 700;
    font-size:25px;
    color:rgba(0, 160, 50, 1);
    margin:5px auto 15px;
    display:table;
}
.ordenaletras-texto-incorrecta{color:#c90126;}

.ordenaletras-pista, .ordenaletras-resp-correcta{
	width:auto;
	display:table;
	margin:20px auto 0px;
	padding:10px 30px;
	background-color:#cef2fa;
	border:1px solid #61c8d5;
	border-radius:4px;

    font-weight: 700;
	color:#1e305a;
	font-size:17px;
}
.ordenaletras-pista{
	margin:20px auto 20px;
	background-color:#ededed;
	border:1px solid #ccc;
}


h3.tit-big{
	text-transform: uppercase;
    font-weight: 700;
    color: #1e305a;
}
h3.tit-big .thin{font-weight: 400;}

#juegos-lassabestodas-content{
	text-align:center;
	margin-bottom: 30px;
}
.sortable-btn{text-align:center;}
#juegos-lassabestodas-content .btn.btn-primary, .sortable-btn .btn.btn-primary{
	background-color:#001171;
	text-transform:uppercase;
    font-weight: 500;
    letter-spacing:0.7px;
    margin: 0px 5px 15px;
    border-radius: 0px;
}
#juegos-lassabestodas-content .btn.btn-primary:hover, .sortable-btn .btn.btn-primary:hover, #juegos-lassabestodas-content .btn.btn-primary:focus, .sortable-btn .btn.btn-primary:focus{
	background-color:#c7000c;
	color:#fff;
}
.juegos-lassabestodas-respuesta {
    height: auto;
    background-color: #eee;
    border-bottom: 2px dashed #61c8d5;
    margin: 0px auto 30px;
    padding: 10px 12px 10px;
    font-size: 40px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #1e305a;
    display:table;
    float:none !important;
}

#juegos-ordenaletras-content .sortable li{margin: 5px 3px;}

#juegos-lassabestodas-pregunta{
    font-size: 28px;
    line-height:28px;
    font-weight: 500;
    color: #61c8d5;
	margin:5px auto 15px;
	text-align:center;
}
.juegos-lassabestodas-palabras-es{
    font-weight: 700;
    color: #1e305a;
}



/** BANNER PALABRAS CLAVE **/
.row.banner-palabrasclave{
	height: auto;
	margin: 0px auto 0px;
	padding: 0px 0px 0px;
	display: table;
}
.row.banner-palabrasclave .tit{
	color: #fff;
	font-weight: 700;
	width: 77%;
	display: inline-block;
	font-size: 22px;
	line-height: 22px;
}
.row.banner-palabrasclave .txt{
	color: #fff;
	font-weight: 700;
	width: 77%;
	display: inline-block;
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 4px;
	margin-right: 0px;
}
.row.banner-palabrasclave .book-small{
	width: 150px;
	position: absolute;
	z-index: 10;
	margin: -83px 0 0px -20px;
	float: right;
}
.row.banner-palabrasclave .col-md-8{text-align:center; }
.row.banner-palabrasclave #subscription_legal{
	color: #fff;
	font-size: 10px;
	display: table;
	margin: 4px 0 2px;
	text-align: left;
	width: 100%;
	max-width: 500px;
}
.row.banner-palabrasclave #subscription_email {
    display: inline-block;
    width: 76%;
    max-width: 480px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    font-weight: 600;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.row.banner-palabrasclave #subscription_send{
    color: #000;
    background-color: #ffba00;
    border-color:transparent;
    text-align: center;
    display: inline-block;
    margin: 0px 0px 4px 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    padding: 5px 17px 5px;
    border: none;
    letter-spacing: 0px;
}
.row.banner-palabrasclave #subscription_send:hover{background-color: #fff;}
.row.banner-palabrasclave #subscription_send:focus{background-color: #fff;border: none;}
.row.banner-palabrasclave #subscription_resp{
	background-color:#c7000c;
	color:#fff;
	border-radius:4px;
	padding:2px 5px;
	margin:5px 0px 0px;
	/*display:table;*/
	text-transform:uppercase;
	font-weight:700;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	display: none;
}






/** PIE **/
#red footer {
    margin: 0px auto 0px;
    text-align: center;
    font-size: 12px;
    background: #bf0016;
    color: #fff;
    padding: 20px 0px 15px;
}
#red .col-lg-12 p{padding: 0px 20px 0px;}


a.icd-link{text-decoration: none;color: #fff;}
a.icd-link:hover{text-decoration: underline;color:#ffed88;}


#contacto-small{
	width:100%;
	height:auto;
	background: #d30921;
	display:inline-table;
	padding:0px;
	margin: 0px 0px 0px;
	text-align: center;
	font-weight: 700;
}
#contacto-small .btn-contacto{
	width: auto;
	height:auto;
	display: inline-block;
	margin: 0px auto 0px;
	padding: 5px 5px 8px 5px;
	font-size: 13px;
	text-align: center;
	font-weight: 700;
	text-transform:uppercase;
	color: #fff;
	text-decoration:none;
	background: transparent;
	-webkit-box-shadow: 0 0 0px 0px rgba(0,0,0,0);
	box-shadow: 0 0 0px 0px rgba(0,0,0,0);
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	letter-spacing: -0.5px;
}
#contacto-small .btn-contacto:hover{
	color:#fcd15c;
	cursor:pointer;
}

footer .discovery{
	max-width: 130px;
	width: 100%;
	height:auto;
	/* display: table; */
    margin: 6px 0 7px;
	padding: 0px 0px 2px 0px;
}
footer .btn-legal{
	width: auto;
	display: inline-block;
	margin: 5px 5px 5px;
	float:none;
	background-color: rgb(0 0 0 / 0.2);
	border-radius: 4px;
	position: inherit;
	text-align: center;
	color:#fff;
	padding: 5px 10px 7px;
}

footer .btn-legal:hover{
	background-color:#e30821;
	color:#fff !important;
}


#services\ b .service-box{
	color:#000;
}
#services\ b .service-box:hover{
	background:rgb(255 255 255 / 50%);
	display:table;
}


@media (max-width: 1200px){
	.row.voicelab-categories.biblio{
		text-align: center;
	}
	.entrega-titulo{width:100% !important; text-align:center;}
    .entrega-unidades{width: auto;margin: 0px auto;display: table;float: none;}
	.cont-entrega{
		padding: 0px 0px 10px;
	}
	.entrega-titulo{
    	margin: 0px 0 5px;
    	padding: 4px 5px 4px 5px;
	}
}
@media (max-width: 1199px){
    .modulo-nivel .tit-act p{min-height:129px;}
	.row.banner-palabrasclave .book-small{
		width: 180px;
		position: absolute;
		margin: -60px 0px 0px -20px;
	}


}
@media (max-width: 1200px) and (min-width: 992px){
	.modulo-nivel .txt-act{height:130px;}
}	
@media (min-width: 992px){
	header.masthead{height:100vh;min-height:650px;padding-top:0;padding-bottom:0;}
	header.masthead h1{font-size:3rem}
	.col-md-3.modulo-nivel{width: 19% !important;min-width: 160px;margin: 0px 4px !important;padding: 0px !important;}
	#cont-unidades{text-align:center !important;width: 100%;}
	#cont-unidades .col-md-3{display: inline-block;float: none;}

}
@media (max-width: 665px){
	.row.banner-palabrasclave .txt{
		width: 77%;
		max-width: 430px;
		margin-bottom: 4px;
		margin-right: 20px;
	}
}
@media (max-width: 991px){
	header.masthead{height:100vh;min-height:650px;padding-top:0;padding-bottom:0;}
	header.masthead .bajada{font-size:2.5rem !important;line-height: 2.5rem;}
	header.masthead .bajada .smaller{font-size: 1.8rem !important;line-height: 2rem;}

	.row.banner-palabrasclave .tit{width: 73%;}
	.row.banner-palabrasclave #subscription_email{width: 57%;}
	.row.banner-palabrasclave .book-small{
		/* position: initial; */
		/* float: right; */
		/* margin: -30px -5px -30px 0px; */
		/* width: 170px; */
	}
	.row.banner-palabrasclave #subscription_legal{width: 67%;}
	
	.row.bg-content .panel.panel-default.modulo-small{
		width:45%;
		display:inline-block;
		margin: 0px 2% 15px;
	}
	.row.bg-content .panel-default.modulo-small>.panel-heading{line-height:10px;}
	.btn-leer{font-size: 13px;padding: 8px 10px;margin: 5px auto 6px;}
	.row.bg-content .panel-default>.panel-heading h4{
		line-height:15px;
		font-size: 15px;
		letter-spacing: 0;
	}
	.row.bg-content .panel-default>.panel-heading .fa.fa-fw{
		font-size: 25px !important;
		line-height: 28px !important;
	}
	
	.row.bg-content .panel.panel-default.modulo-small.glosario{
		width: 88%;
		display:inline-block;
		margin: 0px 4% 15px;
		vertical-align: top;
	}
	.row.bg-content .panel-default.modulo-small.glosario>.panel-heading{
    line-height: 10px;
    border-top: 3px solid #1dc3ae;}
	.row.bg-content .panel-default.modulo-small.glosario .btn-leer{padding: 5px 10px;margin: 5px auto 6px;}
	.row.bg-content .panel.panel-default.modulo-small.glosario .btn-leer{font-size: 13px;padding: 5px 10px;margin: 5px auto 6px;}
	.row.bg-content .panel-default.modulo-small.glosario>.panel-heading h4{
		line-height: 13px;
		font-size: 13px;
	}
	.ebook-link{border-radius: 0 0 0px 0px;}

	#pdf-btn.ebook-open{margin: 10px auto 20px;}
	#bg-pdf{height: 465px;}

    .modulo-nivel .tit-act p{min-height: 111px;}
    .entrega-titulo{font-size: 21px;line-height: 27px;font-weight: 700;}
    .intentos{width: 120px; margin: 0px 0px 5px 0px;}

}

@media (max-width: 991px)and (min-width: 500px){
    .modulo-nivel.panel.panel-default{margin: 10px 1%;width: 48%;}
}
@media (max-width: 500px){
    .modulo-nivel.panel.panel-default{margin: 10px 1%;width: 98%;}
	.row.bg-content .panel.panel-default .ciudad{height: auto; margin-bottom: 10px;}
}
@media (max-width: 800px){
	#graficos, #estadisticas{
		width: 100%;
		display: table;
		vertical-align: top;
		text-align: left;
	}
	.col-md-8.col-sm-8{
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media (max-width: 768px){
	.btn-crearcuenta{margin: 5px 16px 0px;}
	#cursoingles .navbar-nav>li>a {padding: 12px 10px;width: 165px;}
	.navbar-nav>li>a{padding-top: 19px;
    padding-bottom: 19px;}
    .entrega-titulo{width:100% !important; text-align:center;}
	.entrega-unidades{width: 98%;}
    .modulo-nivel .tit-act p{min-height: auto;}
	.modulo-nivel .txt-act{height: auto; padding: 5px 5px 7px;}
	.sidebar{border-right:0px solid #fddb86;}
    .sidebar .img-responsive{width:60%;margin-bottom: 14px;}

	.get-book{border-top: 1px solid #fbb900;padding-top:15px;}
	.inside .get-book{border:none; padding-top:0px;}
}


@media (max-width: 735px){
	.well.ctas-ciu .page-header {
		text-align:center;
		/* margin: 2px 10px 0px; */
		font-size: 20px;
		line-height: 18px;
	}
}

@media (max-width: 725px){
	.row.banner-palabrasclave #subscription_email{width: 50%;}
}
@media (max-width: 700px){
/*	.bg-clases a.link{width: 105px;}*/
	.live .encuesta{border-radius:0px;text-align: center;font-size: 14px;line-height: 15px;padding: 1px 20px 3px;}
    .live .encuesta strong{display:table;margin: 3px auto;}
    .live .encuesta a.link{display:table;margin: 3px auto;}
	.next-class{
		padding: 6px 47px 6px;
		font-size: 14px;
		line-height: 15px;
	}

}
@media (max-width: 692px){
    .nav-tabs.nav-justified>li{border-bottom: 1px solid rgb(255 255 255 / 0.6);}
}

@media (max-width: 688px){
	.row.banner-palabrasclave .tit{width: 70%;margin-bottom: 2px;}
	.row.banner-palabrasclave .book-small{margin: -55px 0px 0px -40px;}
}
@media (max-width: 630px){
	.row.banner-palabrasclave #subscription_legal{width: 100%;}
	.row.banner-palabrasclave .tit{
		/* font-size: 16px; */
		/* line-height: 17px; */
		width: 80%;
		max-width: 330px;
	}
	.row.banner-palabrasclave .book-small{
		width: 33%;
		max-width: 140px;
		margin: -52px 0px 0px -40px;
	}
	.row.banner-palabrasclave #subscription_email{
		width: 71%;
		padding: 6px 4px;
	}
	.row.banner-palabrasclave #subscription_send{
		margin: 7px 80px 0 0px;
	}
}
@media (max-width: 660px){
	a.btn.btn-default.btn-seguir{
		float:none;
		/* display:table; */
		font-size: 14px;
		margin: 15px auto 10px;
	}
}
@media (max-width: 600px){
	.cupon{
		line-height:20px;
		padding: 13px 0px 0;
	}
	.cupon .precio{
		float:none;
		font-size: 20px !important;
		line-height:20px;
		padding: 6px 10px 8px;
		border-radius: 0px 0px 16px 16px;
		border-left: none;
		border-top: 4px dotted #ffffff;
		margin-top: 11px;
	}
    .cupon .tachado{display: inline;}

}

@media (max-width: 544px){
    .miniclases{padding:14px 0 10px;}
    .miniclases .btn.btn-default{margin:4px auto; display:table;}
}
@media (max-width: 500px){
	.row.banner-palabrasclave .book-small{
		width: 50%;
		max-width: 125px;
		margin: -80px 0px 0px -45px;
	}
}
@media (max-width: 480px){
	.row.banner-palabrasclave .tit{width: 70%;margin: 0px 0px 5px;}
	.row.banner-palabrasclave .book-small{
		/* width: 27%; */
		/* max-width:inherit; */
		/* float:left; */
		/* display: inline-block; */
		margin: -83px 0px 0px -45px;
		max-width: 121px;
	}
	.row.banner-palabrasclave #subscription_email {width: 95%;margin: 5px 0px 0px;}
    .row.banner-palabrasclave #subscription_legal{display:inline-block;width: 100%;margin:3px 0px 0px;}
	.row.banner-palabrasclave #subscription_send{/* margin:5px auto; */}
}

@media (max-width: 440px){
	#cursoingles .navbar-brand .logo{max-width: 288px;padding: 4px 0;}
	.inside .get-book{padding-top:5px;margin-top: 5px;}
}
@media (max-width: 415px){
	.well.ctas-ciu{padding: 9px 15px 9px;}
	.well.ctas-ciu .col-lg-12, .well.ctas-ciu .col-md-4{
		width:100%;
		display:table;
		margin:0px auto;
	}
	.well.ctas-ciu .page-header {margin: -2px 10px 4px;line-height: 20px;}
	.well.ctas-ciu .btn-default{float:none;}
}

@media (max-width: 365px){
	.row.banner-palabrasclave .book-small{
		width: 36%;
		margin: -68px 0px 0px -43px;
	}
	.row.banner-palabrasclave #subscription_email{width:100%;}
	.row.banner-palabrasclave #subscription_send{display:table;}
}

@media (max-width:330px){
	.row.inglessms .col-md-2{float:none; display:table; margin:0px auto;}
	.row.inglessms .col-md-2.r{float:none;}

}


/** UPGRADE PAGE **/
#sef-upgrade.header-upgrade{
	margin: 0px 0 0px;
	padding: 2rem 0 0rem !important;
	background: url(/img/sef-bg-upgrade.webp) center bottom;
	background-attachment: fixed;
	background-size: cover;
	color: #fff;
	text-shadow: -2px 2px 8px rgb(0 0 0 / 60%);
	
}
#sef-upgrade.header-upgrade .logo-premium{
	width: 100%;
	max-width: 480px;
	padding: 0px 20px 0;
}
#sef-upgrade.header-upgrade h2{
	font-weight:bold;
	color: #fff;
}
#sef-upgrade.header-upgrade .libro-web-3d{width: 100%;max-width: 520px;margin: 0 auto 15px;display: table;}
#sef-upgrade.header-upgrade .text-land{height: auto;align-self: center;}

#checkout.bg{
	margin:20px 0px;
	padding: 20px 0px 30px;
	-moz-box-shadow: 0px 0px 18px 0px rgb(200 130 0 / 50%);
	box-shadow: 0px 0px 18px 0px rgb(200 130 0 / 50%);
	background: #fff;
}

.img-upgrade{
	width: 100%;
	max-width: 230px;
	display: table;
	margin: 0px auto;
	text-align: center;
	border-radius: 100%;
	-moz-box-shadow: -2px 2px 11px 0px rgb(0 0 0 / 30%);
	box-shadow: -2px 2px 11px 0px rgb(0 0 0 / 30%);
}


/** new ****************/ 

#sef-libroweb.header-libroweb{
	margin: 0px 0 0px;
	background: url(/img/SpanishE&F-header.jpg) #00000050 center bottom;
	background-attachment: fixed;
	background-size: cover;
	padding: 2rem 0 0rem !important;
/*
	height: 70vh;
	min-height: 530px;
*/
}
section#frase-uno{
    width: 100%;
    background: #d30920;
    color: #fff;
    letter-spacing: 0.5px;
    margin: 0px auto 0px;
    display: table;
    padding: 20px 0px 20px;
}

#sef-libroweb.header-libroweb h2{
	font-weight:bold;
	color: #fff;
	text-shadow: -3px 3px 10px rgb(0 0 0 / 80%);
}

#sef-libroweb.header-libroweb .libro-web-3d{width: 100%;max-width: 450px;margin: 0 auto 0;display: table;}

#sef-libroweb.header-libroweb .btn-comprar{
	width: auto;
	height: auto;
	align-items: center;
	color: #000;
	font-size: 14px;
	margin: 5px 10px 5px;
	padding: 9px 22px;
	text-align: center;
	background: #fff;
	border-radius: 100px;
	display: inline-table;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

#sef-libroweb.header-libroweb .btn-comprar.ingresar{font-size: 16px;padding: 14px 22px;font-weight:bold;text-transform: uppercase;}
#sef-libroweb.header-libroweb .btn-comprar img.img-a-byn{
	width: auto !important;
	height: 35px !important;
	border-radius: 0px !important;
	border: 0px !important;
	box-shadow: none;
	margin-left: 5px;
}
#sef-libroweb.header-libroweb .btn-comprar:hover{background: #fcd15c;opacity:1;}

#sef-libroweb.header-libroweb .text-land{height: auto;align-self: center;}
@media screen and (min-width: 900px){
	.d-flex{display:flex;}
}
/** LAND **/
section#frase-uno .section-heading{margin: 10px auto 11px; font-size: 24px; font-weight:600}

section#frase-uno .btn{
	background: #fff;
	color: #000;
	display: table;
	margin: 20px auto 25px;
	line-height: 22px;
	font-weight:bold;
	letter-spacing:1px;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
section#frase-uno .btn:hover{
	background:#ffba00;
	color:#000;
}



