/*body{
	font-family: 'Lato', Helvetica, Arial, sans-serif;
}*/
/*
.fa.fa-fw.fa-envelope{font-size: 17px;padding-top: 18px; color:#0b315a;}
.fa.fa-fw.fa-envelope:hover{color:#16cadb;}
*/
.montserrat{font-family:"Montserrat" !important;}
.enlace{color:#1fe4d1;}
a.enlace:hover{color:#ed3f5f;}
.text-red{color:#c7000c;}

.bg-navidad{
	background: url('/img/HappyNewYear-sale-bg.png') no-repeat top center #1fe4d1;
	background-size: contain;
}
.bg-navidad h3.top-form{border-bottom: 1px solid rgb(255 255 255 / 0.3);}

.bg-pink{background: #ed3f5f !important;}


.bg-sanvalentin{background: #1fe4d1;font-family: Montserrat, Arial, Helvetica, sans-serif;}
.masthead-new .especial{padding: 10px 15px 6px;font-weight: bold;letter-spacing: 0.5px;width: 100%;background: #ed3f5f; /*font-size:36px;*/}

@media(max-width: 768px) {
	.masthead-new .especial{font-size: 30px;}
	h3.top-form{font-size: 35px;line-height:35px;}
}
/*

#ModalRegalo .modal-content{width:100%; min-width: 590px;margin: 0px auto;}
#ModalRegalo .modal-body iframe{margin: -30px 0 -16px;}*/

@media(min-width: 740px) {
	#ModalRegalo .modal-content{width:100%; min-width: 700px;margin: 0px auto;}
	#ModalRegalo .modal-dialog{width:100%; display:table;}
	#ModalRegalo .modal-body iframe{margin: 0px 0 0px;}
}





.navbar-inverse .navbar-toggle {border-color: rgba(22, 202, 219, 0.7);background-color: #16cadb;}
.navbar-inverse .navbar-toggle:focus{background-color: #0b315a;} 
.navbar-inverse .navbar-toggle:hover {background-color: #0b315a;}

li.nav-item.dropdown .mi-cuenta{
    font-size: 0.85rem;
    letter-spacing: 0.0625em;
	padding-right: 0.5rem;
/*    padding-left: 0.5rem;*/
    line-height: 35px;
}


h2.discovery, h2.txt-icd, h2.discovery.promo, h2.txt-ci{
	background: #16cadb;
	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;
}

.banner-horizontal{
	width:100%;
	max-width: 1140px;
	height: auto;
	display: table;
	margin: 20px auto 10px;
}
.navbar .logo.ati{
	width: 100%;
	max-width: 110px !important;
	padding-top: 0px;
	height: auto !important;
}
#cursoingles .navbar-brand .logo, .navbar .logo{
	width: 100%;
/*	max-width: 260px;
	padding-top: 4px;*/
}
#cursoingles .logo-icd{
	width: auto;
	float: right;
	margin: 3px 0px 0px 0px;
}

#cursoingles .navbar-brand {
    height: auto;
    padding: 2px 5px;
}
#cursoingles.navbar-inverse{
	background: #ffffff; /* Old browsers */
	-webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,0.5);
	box-shadow: 0 0 6px 1px rgba(0,0,0,0.5);
	border-width: 0 0 0px;
	-webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.4);
}
#cursoingles.navbar-inverse .navbar-nav>li>a {
    color: #ffffff;
}
#cursoingles.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
}

/*#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:#010b57;}
#cursoingles .dropdown-menu>li>a{
    color: #8cd9d5;
    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: #8cd9d5;
}

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

#cursoingles .dropdown-menu>li>a{
    padding: 5px 12px 0px;
}
#cursoingles .dropdown-menu>li>a:hover{background:#010b57; color:#b2eaf1;}


.dropdown-menu{
	background: #010b57;
	color: #fff;
    font-size: 0.7rem;
}
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active {
  color: #fff;
  background-color: #13cadb;
}

.container-lms{
/*	font-family: 'Lato', Helvetica, Arial, sans-serif;*/
	background: #fff;
}
.container-ciu{
/*	font-family: 'Lato', Helvetica, Arial, sans-serif;*/
	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;}



.well.ctas-ciu {
	min-height: 20px;
	padding: 5px 15px;
	margin: 0px auto 0px;
	background-color: #1dc3ae;
	color: #010b57;
	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: #010b57;
	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: #010b57;
	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:#010b57}
.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: #010b57;
	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, .row.voicelab-content, .row.voicelab-categories, .row.tecnicas{
	width:96%;
/*	max-width: 1120px;*/
	height:auto;
	margin: 5px auto 20px;
	display: table;
	text-align: center;
	float: none;
	clear:none;
	padding: 20px 2% 20px;
	border: none;
	background-color: #b2eaf19c;
	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);
}
.row.bg-content{
	width:100%;
	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: #000;
    font-weight: 900;
    font-size: 17px;
}

.nota-app {
    width:auto;
    height:auto;
    display:table;
    padding: 7px 10px;
    margin: 10px auto 15px;
    background: #f5f5f5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    font-weight:500;
    font-size:14px;
    color: #010b57;
    letter-spacing: 0.2px;
    text-align:center;
    text-transform:none;
    text-decoration: none;
    border: none;
}
.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;
/*	font-family: 'Lato', Helvetica, Arial, sans-serif;*/
}

.row.voicelab-categories.biblio a.categoria:hover{
	cursor:pointer;
	background:#010b57;
	
	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);
}


.medios-pago{
	width:96%;
	max-width: 600px;
	display: table;
	margin: 0px auto 0px;
}
.aplicando{
	width:96%;
	max-width: 600px;
	display: table;
	margin: 0px auto 0px;
}

/** INGLES AMERICANO **/
.row.im .ing-ame{
	min-height: 85px;
	border-bottom: 1px dotted #15cadb;
	padding: 9px 5px 0px;
	margin: 0px;
	font-family: 'Quicksand', Helvetica, Arial, sans-serif !important;
	display: inherit;
}
.im a.ing-ame:hover{background-color:rgba(165, 165, 165, 0.15);}
.im .num-unit{
	width:52px;
	text-align:center;
	margin-right:10px;
	border-radius: 100%;
	line-height: 53px;
    letter-spacing: -1px;
    font-size: 24px;
	color: #fff;
    font-weight: 700;
	background:#010b57;
}
.im h4.esp{
    font-size: 17px;
	margin-top: 8px;
    margin-bottom: 2px;
    text-transform: uppercase;
    color: #c6030d;
    font-weight: 500;
    line-height: 1.1;
    text-align: left;
}
.im h5.eng{
    font-size: 13px;
    text-align: left;
	color: #999;
	display: table;
}

#i-americano h6.page-header{color:#010b57 !important; font-size:13px;}
#i-americano h2{color:#c6030d; font-size:23px; margin-bottom: 20px;}
#i-americano p{color:#000; font-size:13px; text-align:left;}
#i-americano .ia-ebook{font-size:13px; border-radius:100px; padding:15px 25px 8px;}
#i-americano .ia-ebook .ebook-num{font-size:25px;}

#i-americano .panel-default>.panel-heading{
    border-top: 5px solid #0a2b54;
    border-bottom: 1px dotted #0a2b54;
    border-left: 0px;
    border-right: 0px;
    padding: 0px 0px 1px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5px;
    background: #C20000;
    color:#fff;
    margin: 0px;
	border-radius: 0px 0px 0px 0px;
}
#i-americano .txt-next{font-size:16px; text-alig:center; letter-spacing:0px;margin:10px 5px; font-weight:500;}
#i-americano .panel-default>.panel-heading h4{
	line-height: 18px;
	margin: 0px 7px 10px;
	color: #fff;
	font-size: 14px;
}


#i-americano .panel-default>.panel-heading svg{
	display:table;
	margin: 15px auto 10px;
}

.#i-americano .panel-default>.panel-heading h4.small{
    line-height: 19px;
    text-transform: none;
    font-size: 15px;
    padding: 3px 15px;
    text-align: center;
	color: #fff;
}
#i-americano .panel-default .btn-leer{
	font-size:12px;
}




/** SPEAKUP **/
#speakup .bg-blue{
	background: #003f8c; 
	color: #fff;
}
#speakup .bg-blue .logo-su-blanco{width:150px;}
#speakup .bg-blue .logo-su-small{width: 70px;}
#speakup .bg-blue li{background: url('/img/speakup-li.jpg') no-repeat 0px 0px;list-style: none;padding-left: 37px;margin-bottom: 13px;}

#speakup .firma{font-size: 10px;color: #c6030d;}
#speakup .bg-blue .sobretit{text-transform:uppercase; font-size:35px;line-height:35px;font-weight: bold;color: #ffdd00;}
#speakup .sobretit{text-transform:uppercase; font-size:15px;line-height:15px;font-weight: bold;color: #010b57;}
#speakup .tit{font-size: 38px;line-height: 40px;font-weight: bold;color: #c6030d;}
#speakup .texto .intro{font-size:13px;font-weight: bold;color: #16cadb;line-height: 26px !important;}
#speakup .texto{font-size:15px;line-height: 25px;}
#speakup .texto sup{font-weight: bold;font-size: 9px;top: -0.7em;color: #666;}
#speakup .su-glosario{font-size:12px;line-height: 15px;list-style-position: inside;list-style-type: decimal;margin: 2px 0 8px;}

#speakup .dato-curioso{background:#c6030d;font-size: 17px;line-height: 23px;color: #fff;border-left: 8px solid #010b57;border-radius: 25px 0;}
#speakup .dato-curioso .tit{color: rgb(255 255 255 / 40%);font-size: 25px;line-height: 22px;border-bottom: 1px solid;padding: 0px 0 7px;margin-bottom: 4px;}
#speakup .dato-curioso .esp{font-weight: bold;}
#speakup .dato-curioso .eng{font-style: italic;}

#speakup .btn-download-su{
	width: auto;
	display: table;
	text-align: center;
	line-height: 22px;
	margin:30px auto 30px;
	padding: 13px 20px;
	border-radius: 100px;
	color:#fff;
	text-transform: uppercase;
	font-weight:800;
	border:none;
	background: #d30920;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fb3047 0%, #d30920 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb3047), color-stop(100%,#d30920)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fb3047 0%,#d30920 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fb3047 0%,#d30920 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fb3047 0%,#d30920 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fb3047 0%,#d30920 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb3047', endColorstr='#d30920',GradientType=0 ); /* IE6-8 */
}
#speakup .btn-download-su:hover{background:#60bcf1;}

.btn-speakup{
	background:#fff;
	display: table;
	margin: 0px auto 40px;
	padding: 13px 20px 7px;
	color:#ce0f24;
	font-size: 16px;
	letter-spacing: 0.5px;
	background: #d3d3d3;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDAwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #d3d3d3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 0%,#d3d3d3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#d3d3d3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#d3d3d3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-8 */
}
.btn-speakup:hover{background: #e4e4e4; color: #16388e;}


.logo-app{
	display: inline-block;
	float: none;
	margin: 0px 15px 10px;
}
img.logo-app{height:48px}

/** VOICE **/
a.categoria{
	width:182px;
	height:auto;
	background: #000;
	padding:0px 0px 0px 0px;
	margin:8px;
	display: inline-block;
	text-decoration:none;
	-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);
}
a.categoria:hover{
	cursor:pointer;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
}
.num-categoria{
	width:auto;
	height: auto;
	max-height: 140px;
	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;
	border-bottom: 4px solid #ff6b01;
	background: #66ccca; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5ZDllNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEwYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #16cadb 0%, #0039778c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#16cadb), color-stop(100%,#0039778c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #16cadb 0%,#0039778c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #16cadb 0%,#0039778c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #16cadb 0%,#0039778c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #16cadb 0%,#0039778c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16cadb', endColorstr='#0039778c',GradientType=0 ); /* IE6-8 */
}

.img-categoria{
	display:table;
	margin: -31px 0px 0px 0px;
}
.titulo-categoria-esp, .titulo-categoria-ing{
	width:168px;
	height: 57px;
	margin:0px auto;
	display:table;
	font-family: 'Quicksand', Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:17px;
	line-height:17px;
	text-align:left;
	color:#ffffff;
	text-transform:none;
	text-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);
}
.titulo-categoria-ing{
	height: 38px;
	font-size:11px;
	line-height:13px;
	color: #b2eaf1;
	text-transform:uppercase;
	text-shadow:0px 0px 0px rgba(0, 0, 0, 0);
	padding: 5px 0px 0px;
	border-top: 1px dotted rgba(0, 13, 89, 0.2);
}

#tit-completo{
	width:100%;
	height:80px;
	display:inline-table;
	text-align:left;
	margin-bottom: 15px;
}

@media screen and (max-width:472px){
	.titulo-categoria-esp{height:auto;padding-bottom: 8px;}
	.titulo-categoria-ing{height:auto;padding-bottom:5px;}
}
.row.glosario-content .tit-table{text-transform:uppercase;font-size:13px; font-weight:700; padding:5px 0px;letter-spacing:0.5px;}
.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);
}
.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: #00004d;
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NSUiIHN0b3AtY29sb3I9IiMwMDAwNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDFhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #383584 0%, #030054 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383584), color-stop(100%,#030054));
	background: -webkit-linear-gradient(top,  #383584 0%,#030054 100%);
	background: -o-linear-gradient(top,  #383584 0%,#030054 100%);
	background: -ms-linear-gradient(top,  #383584 0%,#030054 100%);
	background: linear-gradient(to bottom,  #383584 0%,#030054 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383584', endColorstr='#030054',GradientType=0 );
}

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

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

.row.glosario-content .categoria-titulo-1{
	color:#010b57;
	text-shadow:none;
	padding-bottom: 1px;
	border-bottom: 2px dotted #c7000c;
	margin: 20px 0px 0px 0px;
	letter-spacing: 0;
	font-size: 27px;
	line-height: 27px;
	font-weight: bold;
}
.row.glosario-content .categoria-titulo-2{
	margin: 5px 0px 0px 0px;
	color:#ce0301;
	font-size: 16px;
	line-height: 19px;
	border-top: none;
	padding: 0px 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:15px 0 5px 0;}
.row.glosario-content.voice .numero{
	width: 43px;
	height: auto;
	padding: 9px 6px;
	margin: 0px 10px 0px 0px;
	color: #fff;
	font-size: 20px;
	display: inline-block;
	font-weight: 800;
	text-align: center;
	float: left;
	background: #c7000c;
	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;

}
.row.glosario-content .texto1{
	height: auto;
	padding: 2px 0 0 0;
	font-size: 20px;
	line-height: 22px;
	width: 80%;
	display: inherit;
	color: #000;
	margin: 0 0 0 53px;
}
.row.glosario-content .texto2{
	font-size: 15px;
	line-height: 18px;
	font-style: italic;
	color: #39b5b3;
	width: 80%;
	display: inherit;
	padding: 0 25px 0 0;
	margin: 0 0 0 53px;
	height: auto;
}


.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:#010b57;
	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(odd){background-color: rgba(0, 0, 0, 0.05);}
.row.glosario-content.voice #textos div{
	min-height: 54px;
	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:#010b57;
	padding: 8px 13px;
	border-radius:100px;
	margin: 2px 0 0;
}
.row.glosario-content .bt-play .fa.fa-fw.fa-microphone:hover{
	background:#c7000c;
	color:#fff;
}
.glosario-content.voice #contenedor-voice .bt-play{float:right;background: #040058;color:#fff;border-radius:100px;padding: 5px 3px;margin-top: -1px;}
.glosario-content.voice #contenedor-voice .bt-play:hover{background: #c7000c;}

.say{
	width:80%;
	margin: 10px auto 5px;
	display: table;
	padding: 2px 6px 1px 2px;
	text-align:center;
	font-size: 13px;
	color:#85dee6;
	font-weight:600;
	letter-spacing:1px;
	border-bottom:1px solid #a1e8ef;
}
.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: 0px 6px 1px 2px;
/*	padding: 2px 6px 1px 2px;*/
	border:1px solid #f3f3f3;
	border-radius: 35px;
	color: #fff;
	background: #ed3f5f;
}
.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: -30px 2px 7px 34px;
	letter-spacing: 1px;
	font-family: 'Montserrat',Arial,Helvetica,sans-serif !important;
}
.modal-title .btn-play:hover{
	background: #0c315a;
	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;}



/** VOICELAB - nuevo disenio **/
#voicelab  a.categoria{
	width:182px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:8px auto;
	display: table;
	border-radius: 10px;
	text-decoration:none;
	-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: #000666;
	background: -moz-linear-gradient(0deg, #0f98a5 10%, #000666 90%);
	background: -webkit-linear-gradient(0deg, #0f98a5 10%, #000666 90%);
	background: linear-gradient(0deg, #0f98a5 10%, #000666 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f98a5",endColorstr="#000666",GradientType=1);
}
#voicelab .fa-microphone{font-size: 14px;}
#voicelab .nav-link.active .fa-microphone{color: #0f98a5;}
#voicelab .nav-justified .nav-item .nav-link{
	border:1px solid #dfdfdf54;
	color: #afafaf78;
	background: #f1f1f1cc;
	padding: 4px 20px 8px;
	border-top: 5px solid #f1f1f1;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	font-size: 15px;
	line-height: 15px;
}
#voicelab .nav-justified .nav-item .nav-link:hover{color:#c6030d;border-top: 5px solid #000666;}

#voicelab .titulo-categoria-ing{
	height: 38px;
	font-size:11px;
	line-height:12px;
	color: #fbffce;
	text-transform:uppercase;
	text-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);
	padding: 5px 0px 0px;
	border-top: 1px dotted rgb(251 255 206 / 80%);
}
#voicelab .num-categoria{
	width:auto;
	height: auto;
	max-height: 140px;
	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;
	border-bottom: 4px solid #16cadbc2;
	background: -moz-linear-gradient(0deg, rgb(255 255 255 / 0%) 30%, #000666 100%);
	background: -webkit-linear-gradient(0deg, rgb(255 255 255 / 0%) 30%, #000666 100%);
	background: linear-gradient(0deg, rgb(255 255 255 / 0%) 30%, #000666 100%);
}
#voicelab a.categoria:hover{
	cursor:pointer;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-khtml-opacity: 1;
	background: #001462;
}
@media screen and (max-width: 770px){
	#voicelab .fa-microphone{font-size: 13px;}
	#voicelab .nav-justified .nav-item .nav-link{
		padding: 4px 15px 8px;
		font-size: 12px;
		line-height: 12px;
	}
}



/** WORDSEARCH **/
#wordsearch a.categoria{
	width:182px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:8px auto;
	display: table;
	border-radius: 10px;
	text-decoration:none;
	-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: rgb(0 36 181);
	background: -moz-linear-gradient(0deg, rgba(45,0,181,1) 10%, rgba(22,202,219,1) 90%);
	background: -webkit-linear-gradient(0deg, #000666 10%, rgba(22,202,219,1) 90%);
	background: linear-gradient(0deg, #c6030d 10%, #000666 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d00b5",endColorstr="#16cadb",GradientType=1);
	}

#wordsearch .num-categoria{
	width:auto;
	height: auto;
	max-height: 140px;
	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;
	border-bottom: 4px solid #c6030d;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 30%, rgba(0,6,102,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 30%, rgba(0,6,102,1) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,0) 30%, rgba(0,6,102,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000666",GradientType=1);
	}

#wordsearch .img-categoria{
	display:table;
	margin: -31px 0px 0px 0px;
}
#wordsearch .titulo-categoria-esp, #wordsearch .titulo-categoria-ing{
	width:168px;
	height: 57px;
	margin:0px auto;
	display:table;
	font-family: 'Quicksand', Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:17px;
	line-height:17px;
	text-align:left;
	color:#ffffff;
	text-transform:none;
	text-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);
}
#wordsearch .titulo-categoria-ing{
	height: 38px;
	font-size:11px;
	line-height:12px;
	color: #f7ecb2;
	text-transform:uppercase;
	text-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);
	padding: 5px 0px 0px;
	border-top: 1px dotted hsl(50deg 81% 83% / 40%);
}

#wordsearch a.categoria:hover{
	cursor:pointer;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-khtml-opacity: 1;
	background: #001462;
}
#wordsearch #tit-completo{height:auto;}

iframe.sopa{
	width: 100%;
	height: 740px;
	display: table;
	margin: auto;
}

#wordsearch .btn-videotour{position:relative;z-index:1000;}

#wordsearch .row.glosario-content{
	width:100%;
	max-width: 1500px;
	min-height:680px;
	height:auto;
	margin: 0px auto 0px;
	display: table;
	text-align: center;
	float: none;
	clear:none;
	padding: 0px 2% 0px;
	border: none;
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}


#wordsearch .fa-search{font-size: 14px;}
#wordsearch .nav-justified .nav-item .nav-link{
	border:1px solid #dfdfdf54;
	color: #afafaf78;
	background: #f1f1f1cc;
	padding: 4px 20px 8px;
	border-top: 5px solid #f1f1f1;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	font-size: 15px;
	line-height: 15px;
}
#wordsearch .como-se-usa{
	width:90%;
	margin:10px auto 0;
	padding: 0px 8px;
	border-radius:5px;
	font-size:15px;
	line-height:20px;
	color:#001462;
}
#wordsearch .msj-ws-achicar{
	display:none;
	width:90%;
	margin:10px auto;
	padding: 8px 8px;
	border-radius:5px;
	font-size:13px;
	line-height:14px;
	background:#fff8bb42;
	color:#000;
	border:1px solid #ce030129;
}	
@media screen and (max-width: 770px){
	#wordsearch.row.bg-content{padding:0px !important;}
	#wordsearch .row.glosario-content{
		width:100%;
		max-width: 1500px;
		min-height: 740px;
		height:auto;
		margin: 0px auto 0px;
		display: table;
		text-align: center;
		float: none;
		clear:none;
		padding: 0px 0 20px !important;
		border: none;
		-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	}
	#wordsearch .fa-search{font-size: 13px;}
	#wordsearch .nav-justified .nav-item .nav-link{
		padding: 4px 15px 8px;
		font-size: 12px;
		line-height: 12px;
	}
	#wordsearch .msj-ws-achicar{display:table;}

}
#wordsearch .nav-justified .nav-item .nav-link:hover{color:#c6030d;border-top: 5px solid #010b57;}



/** COMO SEGUIR EL CURSO **/
h3.tit-pasos{padding: 10px 0px 10px;margin: 0px 0 10px;border-bottom: 1px dotted #c6030b;font-size: 22px; line-height: 23px; color: #15cadb;}

.modulo-pasos .numero{
	width: 38px;
	height: auto;
	float: left;
	clear: none;
	background: #15cadb;
	padding: 6px 0px 4px;
	margin: 0px 6px 0px 0px;
	border-radius: 100px;
	text-align: center;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	color: #fff;
	letter-spacing: 0px;
}

.modulo-pasos .tit-paso{
	color: #0c315a;
	font-size: 21px;
	line-height: 24px;
	font-weight: 600;
	padding: 7px 0px 7px;
	margin: 0px 0 10px 44px;
	text-align: left;
	letter-spacing: 0.5px;
}

.modulo-pasos .tit-paso.videos{font-size: 16px;line-height: 15px;letter-spacing: -0.5px;padding-top: 12px;}

.modulo-pasos .txt-pasos{font-size: 16px;line-height: 23px;text-align: left;margin-left: 45px;letter-spacing: 0.2px;}
.modulo-pasos .txt-pasos.sin-margin{margin: 0px 0 15px 0;}
.txt-pasos.vivo{font-size:17px;line-height: 24px;text-align: left;padding: 5px 15px 15px;font-weight: 600;}
#pasos{display: table;margin: 0px auto 30px; float: none;}
.modulo-pasos{
	margin: 0px auto 5px;
	padding: 5px 0px 5px;
	border-bottom: 1px dotted #c6030b;
}
.modulo-pasos iframe{border:1px solid #15cadb; padding:0px 0px;}

.modulo-pasos li{
	margin: 5px 35px;
	padding: 3px 0 9px;
	font-size: 16px;
	line-height: 24px;
	text-align:left;
	list-style-position:inside;
	border-bottom: 1px dotted #15cadb;
	letter-spacing: 0.2px;
} 
.modulo-pasos li strong{color: #c6030b;margin-left:-10px;}
.modulo-pasos li:last-child{border-bottom: none;}
#pasos .cierre{
	font-size: 23px;
	line-height: 28px;
	font-weight: 400;
	text-align:left;
	border-top:1px dotted #c3c3c3;
	padding:15px 15px 0;
	color: #0c315a;
}


.mallas a.btn-data{
	width: 30%;
	height: auto;
	display:inline-block;
	border:0px solid transparent;
	border-style: none;
	border-radius: 8px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	color:#fff;
	background-color: #7fe0ec;
	padding: 7px 8px;
	margin: 0px 5px 10px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 800;
	text-align: center;
}
/*.mallas a.btn-data:nth-child(even){background: #15cadb;}*/

.mallas a.btn-data.dos{background: #15cadb;}
.mallas a.btn-data.tres{background: #1c4c82;}

.mallas a.btn-data:hover{
    background-color: #ed3f5f;
    color:#fff;
}
.mallas.modal-content .txt-testnivel{margin: 12px 0px 5px;padding:0px 0px;text-align: center;}
.mallas .divisor-modal{border-top: 1px dotted #dedede;margin: 0px auto 10px;}



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

.txt-biblio h1{
	color: #010b57;
	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: #010b57;
    letter-spacing: 0px;
    text-align:center;
    text-transform:none;
    text-decoration: none;
    border: none;
}
.link.web:hover{
    background: #1dc3ae;
	color: #fff;	
}

.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:#010b57;
	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;
}

/** CLASES EN VIVO **/
.chat{height: auto;display: table;margin: 0px auto;border-bottom: 1px solid #e9e9e9;}
.chat iframe{height:350px;}


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

.row#modulos .thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #16cadb;
    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 #16cadb;
}

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

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

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


.row#modulos .btn-primary, a.btn.btn-default, .btn.btn-primary.contacto{
	color: #fff;
	background-color: #16cadb;
	border-color:transparent;
	text-align: center;
	display: table;
	margin: 0px auto 5px;
	text-transform: uppercase;
	letter-spacing: 0px;
	border-radius: 0px;
	font-weight: 700;
}
.btn.btn-default.opinion-clase{
	line-height: 18px;
	font-size: 14px;
	letter-spacing: 0.5px;
	background: #ff6b01;
}


.btn.btn-primary.contacto{
	float:none;
	display:initial;
	font-size: 16px;
	letter-spacing: 1px;
}
.row#modulos .btn-primary:hover, a.btn.btn-default:hover, .btn.btn-primary.contacto:hover{
	color: #fff;
	background-color: #0b315a;
	border-color:transparent;
}
a.btn.btn-default.btn-block{margin:15px auto 0px;}
a.btn.btn-default.btn-block:hover{background-color: #010b57;color: #fff;}


/** 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 {
    background-color: rgba(22, 202, 219, 0.3);
    text-transform: uppercase;
    font-size: 12px;
    padding: 7px 15px 7px;
/*    letter-spacing: 0.1px;*/
    margin-bottom: 0px;
	border-radius: 5px;
	font-weight: 500;
}
.breadcrumb a{color: #4875a5;}
.breadcrumb>.active{color: #0b315a;}
.breadcrumb>li+li:before{color: #00b1c1;}
.breadcrumb a:hover{color: #fff;}
.breadcrumb .volver{margin-left: auto;}
.breadcrumb .volver:before{content: none;}


/** NAVBAR **/
.navbar {
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);
	margin-bottom: 20px;
}
.navbar-light .navbar-nav .nav-link{
/*	font-family: 'Lato', Arial, Helvetica, sans-serif;*/
	font-weight:600;
	padding: 7px 8px;
	color: #ffffff;
	background: #13cadb;
	font-size: 15px;	
}
.navbar-light .navbar-nav .nav-link:hover{
	background: #0a467b;
}


/** CAMPAÑAS LIBROWEB LEDI **/
@media screen and (min-width: 992px){
	#mainNav .navbar-brand img.libroweb{height:4rem !important;}
	#mainNav.navbar-shrink .navbar-brand img.libroweb{height: 3.5rem !important;}
}


/** LATAM ESCUELA **/
@media screen and (min-width: 992px){
	#mainNav .navbar-brand img.latamescuela{height:4rem !important;}
	#mainNav.navbar-shrink .navbar-brand img.latamescuela{height:3rem !important;}
}
header.masthead-new.latamescuela {
	padding-top: 2.5rem;
	padding-bottom: 3rem;
	text-align: center;
	color: #fff;
	background: #140f7a;
}

/** PIE **/
#red footer {
    margin: 0px auto 0px;
    text-align: center;
    font-size: 9px;
    background: #010b57;
    color: #fff;
    padding: 20px 0px 10px;
}
#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;}

#red footer .logo.asoe{
	width: 100%;
	max-width: 70px;
	display: table;
	margin: 7px auto 5px;
}

#red footer .btn-legal{
	width: auto;
	display: inline-block;
	margin: 0px 5px 5px;
	float:none;
	background-color: #0000006b;
	border-radius: 4px;
	position: inherit;
	text-align: center;
	color:#fff;
	padding: 5px 10px 6px;
	font-size: 11px;
}

#red footer .btn-legal:hover{
	background-color:rgb(16 149 161 / 25%) !important;
	color:#fff !important;
}



#contacto-small{
	width:100%;
	height:auto;
	background: #8cd9d5;
	display:inline-table;
	padding:0px;
	margin: 6px 0px 0px;
}
#contacto-small .btn-contacto{
	width: auto;
	height:auto;
	display:table;
	margin: 0px auto 0px;
	padding: 5px 0px 4px 0px;
/*	font-family: 'Lato', Helvetica, Arial, sans-serif;*/
	font-size: 15px;
	text-align:right;
	font-weight: 700;
	text-transform:uppercase;
	color: #010b57;
	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:#021688;
	cursor:pointer;
}


/** TABS NUEVAS 
.nav-item .nav-link.active{
	background:#c6030d;
	color: #fff !important;
}
.nav-fill .nav-item .nav-link:hover, .nav-justified .nav-item .nav-link:hover{background:#010b57;color:#fff}
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link{
	color:#010b57;
	text-transform:uppercase;
	font-size:15px;
	font-family: 'MONTSERRAT';
	height: 100%;
	border-left:1px solid #dfdfdf;
}
.nav-justified .nav-item .nav-link{
	border:1px solid #dfdfdf54;
}
**/

/** TABS NUEVAS **/
.nav-item .nav-link.active{
	background: #fff !important;
	color:#010b57 !important;
	border-top: 5px solid #c6030d !important;
}
.nav-fill .nav-item .nav-link:hover, .nav-justified .nav-item .nav-link:hover{color:#c6030d;border-top: 5px solid #010b57;}

.nav-justified .nav-item .nav-link{
	border:1px solid #dfdfdf54;
	color: #afafaf78;
    background: #f1f1f1cc;
    border-radius: 0px;
    padding: 13px 20px 15px;
    border-top: 5px solid #f1f1f1;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    font-size: 15px;
    line-height: 17px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
/** TABS **/
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border-top: 5px solid #010b57;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
    padding: 13px 0px 15px;
    font-size: 15px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5px;
    background: #fff;
    color: #c7000c;
}
.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:30px;
}

.nav-tabs.nav-justified>li>a{
    color: #afafaf;
    background: #f1f1f1;
    border-radius: 0px;
    padding: 13px 0px 15px;
    border-top: 5px solid #f1f1f1;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    font-size: 15px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.nav-tabs.nav-justified>li>a:hover{
    border-top: 5px solid #010b57;
    background-color:rgba(0, 0, 0, 0.1); 
    color:#010b57;  
}

.row.bg-content .text-primary{color: #ed3f5f;}
.row.bg-content p{color: #010b57;}
.row.bg-content .media{
	display: inline-block;
	margin: 0px 3px;
	padding: 0px 0px 0px;
	min-height: 85px;
	border-radius: 8px;
	border: 1px #f5f5f5 solid;
	/* border-bottom: 1px dashed #16cadb; */
	}
/*
.row.bg-content .media:last-child{
		border-bottom: 0px dashed #16cadb;
}
*/

.row.bg-content .media:hover{background-color: rgba(175, 175, 175, 0.15);}
.row.bg-content .media-heading{
	text-transform: uppercase;
	color: #010b57;
	padding: 0 15px;
	max-width: 193px;
	width: 100%;
	height: 57px;
	margin: 8px auto 2px;
	font-size: 16px;
	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;
	letter-spacing: 0px;
	font-weight: 600;
	line-height: 1;
}
.row.bg-content .unit-tit{
	background:#ca0310;
	color:#fff;
	font-size:16px;
	font-weight:900;
	margin:0px;
	padding:2px 0px 3px;
	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;
}
.row.bg-content .intentos{
	background:#f9f9f9;
	margin: 5px 0 0;
}


.row.bg-content .fa-inverse{
	color: #fff;
/*    font-family: 'Lato', Helvetica, Arial, sans-serif;*/
    font-weight: 700;
}
.row.bg-content .fa-stack-1x{line-height: 73px;}

.nota, .intento{
	width: auto;
	height:auto;
	display: inline-table;
	margin: 0px auto 4px;
	padding: 2px 5px;
	text-align: center;
/*	font-family:"Lato", Arial, Helvetica, sans-serif;*/
	font-weight: 900;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 0.5px;
	color: #40bdbb;
	text-transform: uppercase;
}
.nota:before{
	content:"| ";
	margin: 20px auto 10px;
}
.intento{
	color: #c7000c;
}

.row.bg-content .stopncheck{
	width: 96%;
	display: table;
	margin: 0px auto;
	padding: 5px 5px 0px;
	min-height: 85px;
	color: #000;
}
.row.bg-content .stopncheck a.titulo-capsula{
	border: 1px solid #15cadb85;
	border-radius: 100px;
	margin: 5px 0px 10px;
	display: inline-block;
	padding: 36px 20px 45px;
	color: #0c315a !important;
	font-size: 13px;
	line-height: 16px;
	font-weight: 600;
	letter-spacing: -0.2px;
	width: 180px;
} 

.row.bg-content .stopncheck .titulo-capsula i{
	color: #15cadb;
	display:table;
	margin: 0px auto 0px;
	text-align:center;
	font-size: 50px;
	padding: 5px 0 1px 2px;
}
.row.bg-content .stopncheck a.titulo-capsula:hover{
	background-color: rgb(12 49 90);
	color:#fff !important;
	cursor:pointer;
}

.titulo-capsula{
	float:left;
	width:100%
}


.titulo-capsula .fa-square{color: hsl(0 0% 0% / 0.2);}
.titulo-capsula .fa-square:hover{color: #0c305a;}
.titulo-capsula .fa-check-square{color: #0c305a;}
.titulo-capsula a{
/*	font-family: 'Lato', Arial, Helvetica, sans-serif;*/
	font-size:16px;
	line-height: 19px;
	color:#000;
/*	font-weight: 600;*/
	letter-spacing: 0px;
	padding: 11px 10px 10px 0px;
	display: block;
	margin: 0px 10px 2px 10px;
}
.titulo-capsula:hover{
	background-color: rgb(21 202 219 / 0.2);
	cursor:pointer;
	border-radius:5px;
}

/*
.titulo-capsula:hover{
	background-color: rgb(21 202 219 / 0.2);
	cursor:pointer;
}
.titulo-capsula a{
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color:#000;
	font-weight: 600;
	letter-spacing: 0px;
	padding: 8px 6px 7px;
	display: inline-block;
	margin: 0px 0px 0 0px;
}
.titulo-capsula{
	border: 1px solid #15cadb85;
	border-radius: 8px;
	margin: 5px 5px;
	display: inline-block;
	padding: 5px 10px;
}
.titulo-capsula i{
	color: #15cadb;
	display:table;
	margin: 5px auto 0px;
	text-align:center;
	font-size: 40px;
	padding: 0 0 0 5px;
}
.titulo-capsula .letra{
    display:table;
    margin:0px auto;
    font-size:30px;
    color:#15cadb;
}*/



.quiz-progress{
	width: 100%;
	height:auto;
	display: table;
	text-align: center;
	margin: 0px auto 14px;
	padding: 9px 7px 10px;
	font-weight: 900;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 100px;
	background: #40bdbb;
	background: -moz-linear-gradient(0deg, rgba(50,134,149,1) 0%, rgba(64,189,187,1) 50%);
	background: -webkit-linear-gradient(0deg, rgba(50,134,149,1) 0%, rgba(64,189,187,1) 50%);
	background: linear-gradient(0deg, rgba(50,134,149,1) 0%, rgba(64,189,187,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#328695",endColorstr="#40bdbb",GradientType=1);
}
.quiz-progress:hover{
	color: #fff;
    background: #010b57;
    border-color:transparent;
}

/*
@media (min-width:991px) and (max-width:1200px){
	.quiz-progress svg, .quiz-progress i{display:table; margin: -5px auto 0;}
}
.quiz-progress svg{border:1px solid #fff; border-radius:100px;padding: 5px 5px; margin:0px 1px 0 0; background:rgb(255 255 255 / 30%);}*/



/** INGLES DE LOS OFICIOS **/
#oficios .titulo-capsula a{margin:0px; padding:0px; }
#oficios .titulo-capsula{
	font-size:16px;
	line-height: 19px;
	letter-spacing: 0px;
	padding: 5px 0px 0px 0px;
	display: block;
	margin: 0px 10px 10px 0px;
	background-color: rgb(0 177 194);
	border-radius: 15px;
}

#oficios .titulo-capsula:hover{
	background-color: #0e006c;
	cursor:pointer;
}
#oficios .titulo-capsula .num{
	width: 35px;
	background: #010b57;
	font-weight: bold;
	right: auto;
	color: #fff;
	display: table;
	margin: 0px 0px 0 14px;
	position: absolute;
	float: right;
	z-index: 10;
	padding: 6px 5px;
	border-radius: 0px 0px 10px 10px;
	font-size:20px;
	text-align: center;
}
#oficios .img-activity{
	width: 96%;
	margin:0px auto;
	display:table;
	border-radius: 12px 12px;
}
#oficios .titulo-capsula .tit{
	/* height: 45px; */
	font-weight: 600;
	color: #fff;
	display: table;
	margin: auto;
	padding: 9px 10px 10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
}

#oficios .acceso{border-top: 1px solid #c7000c47;}
#oficios a.btn-data{
	width: 110px;
	font-size: 12px;
	font-weight: 800;
	margin: 10px 10px;
	display: inline-table;
	background: #c7000c;
	border-radius: 50px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color:#fff;
	text-align: center;
}
#oficios a.btn-data.next{padding: 5px 0px 5px 5px;}
#oficios a.btn-data.prev{padding: 5px 5px 5px 0px;}
#oficios a.btn-data:hover{background:#16cadb;}

#oficios .unit-tit{
	font-size: 10px;
	font-weight: 600;
	width:auto;
	display:table;
	padding: 4px 7px 3px;
	margin:0px 0px 5px -5px;
	border-radius:100px;
	background: #c6030d;
	color: #fff;
	border: 1px solid #910007;
	text-transform: uppercase;
}

#oficios .fa-briefcase{font-size: 14px;}

#oficios a.categoria{
	width:182px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:8px auto;
	display: table;
	border-radius: 15px;
	text-decoration:none;
	-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: #07065b;
	background: linear-gradient(180deg, rgba(7,6,91,1) 0%, rgba(9,9,121,1) 14%, rgba(83,33,175,1) 70%);
	}

#oficios .num-categoria{
	background: #07065b;
	font-weight: 600;
	right: auto;
	color: #fff;
	display: table;
	margin: 3px 0px 0 10px;
	position: absolute;
	float: right;
	z-index: 10;
	padding: 6px 8px;
	border-radius: 0px 0px 10px 10px;
	border:none;
	font-family: 'Montserrat';
	font-size: 20px;
	line-height: 20px;
}

#oficios .img-categoria{
	width: 96%;
	display:table;
	margin: 5px auto 7px;
	border-radius: 10px;

}
#oficios .titulo-categoria-esp{
	width:168px;
	height: 50px;
	margin:0px auto;
	display:table;
	font-family: 'Montserrat';
	font-weight:500;
	font-size:13px;
	line-height:14px;
	letter-spacing:0.1px;
	text-align:left;
	color:#ffffff;
	text-transform:none;
	text-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);
}
#oficios a.categoria:hover{
	cursor:pointer;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-khtml-opacity: 1;
	background: #07065b;
}
#oficios #tit-completo{height:auto;}
#oficios table, #oficios .contenido-interior{font-size: 13px;line-height: 20px;} 
#oficios .contenido-interior{border-top: 1px solid #13cadb;padding-top:15px;}
#oficios .contenido-interior:nth-child(1){border-top: 0px solid #13cadb;padding-top:0px;}
#oficios .contenido-interior:nth-child(even){border-top: 0px solid #13cadb;padding-top:0px;}

#oficios .idioma-dial{text-transform:uppercase; font-weight:bold; color: #13cadb;font-size: 13px;}
#oficios .intro-dial{font-size: 14px;line-height: 18px;font-style: italic;font-weight: 500;margin-bottom: 10px;color: #07065b;}
#oficios .text-dial {line-height: 20px;margin-bottom: 9px;font-size: 14px;}

#oficios .capsula-texto.eng .img-int-oficios:nth-child(1){display:none;}
#oficios .capsula-texto.esp .img-int-oficios:nth-child(2){display:none;}

@media (max-width: 768px){
	#oficios .capsula-texto.esp{border-top: 1px solid #13cadb;padding-top:15px; margin-top:10px;}
}

#oficios .img-int-oficios{
	float: right;
	width: 47%;
	max-width: 190px;
	height: auto;
	border-radius: 20px;
	margin: 10px 10px 0 10px;
	padding: 3px;
	border: 0px solid #fff;
	background-color:#fff;
	-webkit-box-shadow: -1px 2px 5px rgba(0,0,0,0.2);
	box-shadow: -1px 2px 5px rgba(0,0,0,0.2);
}
#oficios .contenido-interior table tr{border-bottom:1px solid #010b5712;}
#oficios .contenido-interior table tr:nth-last-child(){border-bottom:0px solid #fff;}


/** NIVELES **/ 
.row.bg-content .panel.panel-default{
	/* -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1); */
	/* box-shadow: 0px 0px 20px rgba(0,0,0,0.1); */
	background: rgba(241, 241, 241, 0.3);
	border: 1px solid #61c8d5;
}


/*.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: table;
    margin: 0px auto;
    font-size: 30px;
    color: #fff;
}

.panel{border-radius:0px;}
.row.bg-content .panel-default>.panel-heading{
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 0px;
    border-right: 0px;
    padding: 0px 0px 0px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5px;
    background: transparent;
    color: #010b57;
    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  ANTERIOR
.list-group{border-radius:0px; font-weight:500; letter-spacing:0.5px; text-transform:uppercase;}
.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 #16cadb;
	color:#010b57;
}
.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: #c7000c;
	border: none;
	border-radius:0px;
}
a.list-group-item:hover{border-bottom: 2px dotted transparent;}
**/


/** BARRA LATERAL **/
.list-group{
	border-radius:0px; 
	font-weight:500; 
	letter-spacing:0.5px; 
	text-transform:uppercase;
}
.list-group-item{
	border-radius:0px;
	text-align:left;
}
a.list-group-item{
	border-style: dotted;
	border-color: #fff #fff #16cadb;
	border-width: 1px 0px 1px 0px !important;
	color:#010b57;
	line-height: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.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: #c7000c;
	border:none;
	border-radius:0px;
}
a.list-group-item:hover{
	border-style: dotted;
	border-color: #c7000c #fff #fff;
}



/** 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: #010b57;
    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: #010b57;
	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 #quizolution-container p{color: #010b57;}

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




/** INGLES SMS **/
.col-md-8.txt-inglessms{
	width: 90%;
	max-width: initial;
	height: auto;
/*	font-family: 'Lato', Helvetica, Arial, sans-serif;*/
	font-weight: 500;
	color: #fff;
	background-color: #d2f0ef;
	border: none;
	font-size: 17px;
	line-height: 20px;
	padding: 8px 5% 15px;
	border-top:5px solid #c7000c;
	display: table;
	margin: 0px auto 5px;
	float: none;
}
.col-md-8.txt-inglessms p{margin:0px; padding:0px;
    line-height: 20px;}

.col-md-8.tit-inglessms{
	width: 96%;
	max-width: initial;
	height: auto;
	margin: 0px 2% 0px;
	padding: 9px 0px 10px;
	display: inline-table;
	background-color: #c6030d;
	float: none;
	text-align: center;
	
/*	font-family: 'Lato', Helvetica, Arial, sans-serif;*/
	font-weight: 500;
	color: #fff;
	border: none;
	font-size: 17px;
	line-height: 20px;
}
.row .tit-inglessms{
	width: 96%;
	max-width: initial;
	height: auto;
	margin: 0px 2% 0px;
	padding: 9px 0px 10px;
	display: inline-table;
	background-color: #c6030d;
	float: none;
	text-align: center;
	
/*	font-family: 'Lato', Helvetica, Arial, sans-serif;*/
	font-weight: 500;
	color: #fff;
	border: none;
	font-size: 17px;
	line-height: 20px;
}
.leccion-inglessms{
	color:#fff;
	width: auto;
	display: inline-table;
	margin: 0px 10px;
	text-transform:uppercase;
	font-weight:700;
	font-size: 25px;
	letter-spacing: 0px;
	border:0px;
	text-align: center;
	padding: 6px 0px 0px;
}
#job-search .col-md-8.tit-inglessms{
	background: #67d7d9;
}

#job-search .row .tit-inglessms{
	background: #67d7d9;
}

#job-search .col-md-8.tit-inglessms .leccion-inglessms{
	text-transform:capitalize !important;
	font-weight:normal;
	font-size:18px;
	width:50%;
}
#job-search .video-num {
	display: inline-flex;
	position: absolute;
	left: 7px;
	top: -10px;
	height: 37px;
	padding: 0px 5px 0px;
	font-size: 20pt;
	font-weight: 900;
	color: white;
	text-shadow: 1px 1px 4px rgb(0 0 0 / 20%);
	background: #0a467b;
	border-radius: 5px;
	box-shadow: 1px 1px 4px rgb(0 0 0 / 20%);
}
#job-search .card .card-body h5{line-height: 17px;font-size: 14px;color: #0c315a;text-align: center;}


#job-search .card:hover{background: #bcedee; color: #fff;}




/** The Office **/
#theoffice.bg-content .panel.bg-office,
#theoffice .card.bg-office
{
	border-radius: 15px !important; 
	background:#000;
	border:2px solid #fff !important;
	color:#fff;
}
#theoffice.bg-content .panel.bg-office:hover,
#theoffice .card.bg-office:hover
{
	background:#fff;
	color:#000;
	border:2px solid #000 !important;
}

#theoffice.bg-content .panel.bg-office svg{margin-bottom:5px;}

#theoffice.bg-content .tit-nivel{
    font-weight: 600; 
	border-bottom:2px solid #dbdbdb;
}

#theoffice .tapes{
	font-size: 15px;
	/* font-weight:600; */
	line-height: 17px;	
}
#theoffice .tape-tit{font-size: 20px;}
#theoffice .tape-tit{font-size: 17px;line-height: 18px;}
#theoffice h2.tit-unidad{border-bottom:1px solid #ccc; padding-bottom:5px;}


#theoffice .btn-quiz{
	border-radius: 100px;
	color:#fff;
	text-transform: uppercase;
	font-weight:800;
	border:none;
	background: #d30920; /* 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,  #fb3047 0%, #d30920 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb3047), color-stop(100%,#d30920)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fb3047 0%,#d30920 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fb3047 0%,#d30920 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fb3047 0%,#d30920 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fb3047 0%,#d30920 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb3047', endColorstr='#d30920',GradientType=0 ); /* IE6-8 */
}
#theoffice .btn-quiz:hover{	background:#60bcf1;}
#theoffice .score{
	background:rgb(0 0 0 / 7%);
	width:auto;
	display:table;
	margin:-1px auto 0px;
	padding:3px 8px 3px; 
	font-size:10px;
	border-radius:0px 0px 5px 5px;
	text-transform:uppercase;
}
@media (max-width: 991px){
	#theoffice .img-responsive{
		padding-top: 1rem !important;
		width:100px;
		display:table;
		margin:0px auto;
	}
}


.btn-sig{
	width:auto;
	height: auto;
/*	font-family: 'Lato', Helvetica, Arial, sans-serif;*/
	font-weight: 700;
	color: #fff;
	background-color: #010b57;
	border: none;
	border-radius:0px;
	font-size: 11px;
	line-height: 14px;
	float:left;
	margin: 2px 0px 0px;
	letter-spacing:0.7px;
	padding: 9px 13px 10px;
	display:inline-block;
}
.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:#010b57; 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{
	height:auto;
	padding: 5px 0px 0px 0px;
	margin:8px;
	display: inline-grid;
	text-decoration:none;
	text-align:center;
	letter-spacing:1.5px;
	/*	font-family: 'Lato', Helvetica, Arial, sans-serif;*/
	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);
}
.sesion:nth-child(even){background: #c6030d;}
.sesion:nth-child(odd){background: #010b57;}
.sesion.iam h6{padding: 10px 10px 0;letter-spacing:0px;border-top:1px solid #ffffff36;height: 70px; font-size: 0.85rem;}
.sesiones .sesion:hover{
	background:#15cadb;
}


/** MEDICAL ENGLISH **/
.programa #modulo1 .card.medical{background: #8cd9d5;}
.programa #modulo2 .card.medical{background: #1dc3ae;}
.programa #modulo1 .card.medical:hover,
.programa #modulo2 .card.medical:hover
{background: #2d2a82;}
.programa .card.medical img{border-top:3px solid rgb(255 255 255 / 0.4);}

.medical .verde{color:#1dc3ae;text-transform:uppercase;font-weight: 600;font-size: 21px;line-height: 25px;}
.medical a.link-webinar, .medical a{color:#1dc3ae;}
.medical a.link-webinar:hover, .medical a:hover{color:#00a2d6;}
.medical .legal-salud a.link-webinar{font-size:11px;line-height:15px; margin:0px;}
.medical .tit-tareas{color:#2d2a82;border-top: 1px solid #8cd9d5;padding: 5px 8px 5px 0px;border-bottom: 0px solid #fff;margin-top: 8px;}
.medical .acceso{border-top: 1px solid #8cd9d5;}
.medical a.btn-data.next{background: #1dc3ae;padding: 6px 8px 5px 12px;}
.medical .legal-salud{font-size:11px;line-height:10px; margin:0px;}
.medical .bloque-secciones a{color:#000;}


.sesion.medical{padding: 5px 5px 8px;line-height: 13px;height: auto;letter-spacing:0.5px;}
.sesion.medical:hover{background:#2d2a82; font-weight:normal;box-shadow:none !important;}

.medical .titulo-capsula:last-child{margin-bottom:30px;}

.medical .capsula-texto em i:before{
	font-family: "FontAwesome";
	content: "\f078";
	display:table;
	margin:0px auto 0px;
	font-size: 80px;
	color: #8cd9d5;
	width:80px; 
	height:80px;
	font-style:normal;
	text-align:center;
}
.medical .panel.panel-default {
	border-radius: 0 0 10px 10px;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%) !important;
	border: none;
}
.medical .panel-default>.panel-heading{
    border-top: 2px solid #1dc3ae;
    border-bottom: 1px dotted #1dc3ae;
    border-left: 0px;
    border-right: 0px;
    padding: 0px 0px 1px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5px;
    background: #cdf1ec;
    color: #2d2a82 !important;
    margin: 0px 0 10px;
    border-radius: 0px;
}
.medical .mod-audio-txt{color: #2d2a82 !important;}


.sesion.medical:nth-child(even){background: #6bc0e8;}
.sesion.medical:nth-child(odd){background: #1dc3ae;}
#modulo1 .sesion.medical:nth-child(5n+2){background:#2d2a82;}
.sesion.medical:hover, 
#modulo1 .sesion.medical:nth-child(5n+2):hover
{background:#b9b9b9; font-weight:normal;}

#modulo1 .sesion.medical .aprobado{
	width: 26px;
	height: 22px;
	display: block;
	float: right;
	text-align: center;
	padding: 5px 5px 21px;
	background: #1bd11b;
	border-radius:100px;
	margin: -115px 0 0 -10px;
	color: #fff;
	font-size: 16px;
}
#modulo1 .sesion.medical .score{
	font-size:10px;
	border-top: 1px solid #ffffff47;
	margin-top: 2px;
	padding-top: 2px;
	color: #bfebff;
}
.sesion.medical:nth-child(even):before,
.sesion.medical:nth-child(odd):before,
.sesion.medical:nth-child(5n+2):before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width:98%;
	height: auto;
	background: rgb(255 255 255 / 20%);
	margin: 0px auto 8px;
	font-size: 40px;
	padding: 12px 2%;
	border-radius: 5px;
	line-height: 40px;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}
.sesion.medical:nth-child(even):before{content: "\f0f9";}
.sesion.medical:nth-child(odd):before{content: "\f469";}
.sesion.medical:nth-child(5n+2):before{content: "\f812";}

#modulo2 .sesion.medical:nth-child(even){background: #2d2a82;}
#modulo2 .sesion.medical:nth-child(odd){background: #00d2b7;}
#modulo2 .sesion.medical:hover{background:#6bc0e8;}

#modulo2 .sesion.medical:nth-child(even):before{content: "\f481";}
#modulo2 .sesion.medical:nth-child(odd):before{content: "\f7f5";}
.btn-medical {
    color: #fff;
    background-color: #6bc0e8;
}
.btn-medical.curso{
    font-size: 12px;
    font-weight: bold;
}
.btn-medical.curso i{font-size: 22px;}

.btn-medical:hover, .btn-medical.curso:hover{
    color: #fff;
	background-color: #b9b9b9;
}

@media screen and (max-width:1000px){
	#modulo1 .sesion.medical:nth-child(5n+2){
		width:80%;
	}
	.sesion.medical:nth-child(even):before,
	.sesion.medical:nth-child(odd):before{
		font-size: 30px;
	    line-height: 30px;
	}
	#modulo1 .sesion.medical:nth-child(5n+2):before{
		font-size: 40px;
	    line-height: 40px;
	}
}

/** DEFINITIONS **/
.medical #accordion.definiciones .card-body li{list-style-position: inside;padding:8px 20px 10px;}
.medical #accordion.definiciones .card-body li strong{color: #2d2a82;text-transform: uppercase;}
.medical #accordion.definiciones .card-body li:nth-child(even)  {background:#cef2ed47;}
.medical #accordion.definiciones .card .btn-link{
	background: #2d2a82 !important;
	color: #fff;
}
.medical #accordion.definiciones .card .btn-link:hover{
	background: #1dc3ae !important;
	color: #fff;
}



/** FAQs **/
.medical .celeste{color:#6bc0e8;}
.medical .card-header{
    margin: 0px !important;
    background: #ffffff;
    color: #0c315a;
    padding: 0px !important;
    text-decoration: none !important;
    border-bottom: 0px solid rgba(0,0,0,0);
}

.medical .card {
	background: rgba(234, 234, 234, 0.5) !important;
	border:1px solid #cef2ed !important;
	margin: 0 0 15px;
	border-radius:5px;
	color:#2d2a82  !important;
	font-size:16px;
}

.medical .card-body{font-size:15px;padding: 12px 22px;border-top: 1px dotted rgba(29, 195, 174, 0.5);text-align: left;/*font-style: italic;*/}

.medical .card .btn-link{font-weight:bold;color:#2d2a82;font-size:16px;text-decoration: none;line-height: 18px;padding: 12px 10px;}
.medical .card .btn-link:hover{text-decoration:none;background:#1dc3ae; color:#fff; width:100%;border-radius: 4px;}

.medical .card-header .btn.btn-link:before, .medical .card-header .btn.btn-link.collapsed:before{
	content: '\f106';
	float:right;
	font-family:'FontAwesome';
	padding: 0 0 0px 0px;
}
.medical .card-header .btn.btn-link.collapsed:before{
	content: '\f107';
	float:right;
	padding: 0 0 0px 10px;
}



/** MAESTROS **/
.programa #modulo1 .card.maestros{
	background: #c7000c; /* 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,  #f3000f 0%, #c7000c 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3000f), color-stop(40%,#c7000c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3000f 0%,#c7000c 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3000f 0%,#c7000c 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3000f 0%,#c7000c 40%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3000f 0%,#c7000c 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3000f', endColorstr='#c7000c',GradientType=0 ); /* IE6-8 */
	text-shadow: -1px 1px 3px rgb(0 0 0 / 30%);
}
.programa #modulo2 .card.maestros{
	background: #66ccca; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5ZDllNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEwYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #b5e5e4 0%, #66ccca 30%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5e5e4), color-stop(30%,#66ccca)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b5e5e4 0%,#66ccca 30%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b5e5e4 0%,#66ccca 30%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b5e5e4 0%,#66ccca 30%); /* IE10+ */
	background: linear-gradient(to bottom,  #b5e5e4 0%,#66ccca 30%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5e5e4', endColorstr='#66ccca',GradientType=0 ); /* IE6-8 */
	text-shadow: -1px 1px 3px rgb(0 0 0 / 30%);
}

.programa #modulo1 .card.maestros:hover, 
.programa #modulo2 .card.maestros:hover
{background: #010b57;}
.programa .card.maestros img{border-top:3px solid rgb(255 255 255 / 0.4);}

#maestros #content a.unidad{
	text-align:center;
	display: inline-table;
}

#maestros-modulo-1 #content .tit-ing{
	height: 50px;
	text-align: center;
	line-height: 24px;
	padding: 0px 20px;
	color: #fff;
	letter-spacing:0.5px;
}
#maestros-modulo-2 #content .tit-ing{
	height: 55px;
	line-height: 18px;
	padding: 0px 12px;
	font-size: 15px;
	font-family: inherit;
	letter-spacing: -0.5px;
	font-weight: 500;
	color:inherit;
}

#maestros-modulo-1 #content a.unidad{
	color: #fff !important;
	text-shadow: -1px 1px 3px rgb(0 0 0 / 30%);
	background: #f3000f; /* 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,  #f3000f 0%, #c7000c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3000f), color-stop(100%,#c7000c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3000f 0%,#c7000c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3000f 0%,#c7000c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3000f 0%,#c7000c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3000f 0%,#c7000c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3000f', endColorstr='#c7000c',GradientType=0 ); /* IE6-8 */
}
#maestros-modulo-2 #content a.unidad{
	color:#0c315a;
	background: #66ccca; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5ZDllNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEwYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #b5e5e4 0%, #66ccca 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5e5e4), color-stop(100%,#66ccca)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b5e5e4 0%,#66ccca 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b5e5e4 0%,#66ccca 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b5e5e4 0%,#66ccca 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b5e5e4 0%,#66ccca 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5e5e4', endColorstr='#66ccca',GradientType=0 ); /* IE6-8 */
}

#maestros-modulo-1 #content a.unidad:hover,
#maestros-modulo-2 #content a.unidad:hover{
	color:#fff !important; background:#0c315a !important;
}

#maestros .audio-title, .video-sub-tit{color:#c6030d;}

#maestros .txt-desc{color:#66ccca;}

#maestros .tit-unidad{
	color: #004299;
	border-bottom:2px dotted #eee;
	padding:0px 0 5px;
}

#maestros .audio-title, .video-sub-tit{
	color:#c6030d;
	border-top: 2px dotted #66ccca;
	border-right: 2px dotted #66ccca;
}
#maestros .txt-desc{color:#66ccca;}










.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;
	font-weight:700;
	background: #c7000c;
}
.sesion.iam:hover{
	color:#fff;
	font-weight:inherit;
	background: #06b4c4;
}

.sesion:focus{color:#fff !important;}

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

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

.btn-sig-b{display: inline-block;}



/** 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;
	font-weight: 700;
	border-radius: 0.25rem;
}
.btn-leer:hover, .col-md-3.col-concetos .btn-leer:hover{
	color: #fff;
    background: #010b57;
    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-family: 'Lato', Helvetica, Arial, sans-serif;*/
    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:#010b57;
	text-decoration:none;
}
.sortable.ui-sortable{
	margin:0px auto 27px;
	padding:0px;
	display:table;
}

.sortable-content span{
/*	font-family: 'Lato', Helvetica, Arial, sans-serif;*/
	font-weight:700;
	color:#010b57;
	padding:10px 12px;
}
.sortable-content span:hover{
/*	font-family: 'Lato', Helvetica, Arial, sans-serif;*/
	font-weight:700;
}


.ordenaletras-texto-correcta, .ordenaletras-texto-incorrecta{
/*    font-family: 'Lato', Helvetica, Arial, sans-serif;*/
    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 20px;
	padding:10px 30px;
	background-color:#cef2fa;
	border:1px solid #61c8d5;
	border-radius:4px;

    font-weight: 700;
	color:#010b57;
	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: #010b57;
}
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: 5px;
    border: none;
}
#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: #010b57;
    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: #010b57;
}



/** BANNER PALABRAS CLAVE **/
.row.banner-palabrasclave{
	height: auto;
	margin: 10px auto 0px;
	padding: 10px 0px;
	display: table;
	background-color: #010b57;
}
.row.banner-palabrasclave .tit{
	color: #fff;
	font-weight: 700;
	width: 77%;
	display: inline-block;
	font-size: 22px;
	line-height: 22px;
}

.row.banner-palabrasclave .book-small{
	width: 110px;
	position: absolute;
	z-index: 10000;
	margin: -23px 0 0px;
	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%;
}
.row.banner-palabrasclave #subscription_email {
    display: inline-block;
    width: 76%;
    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: #010b57;
    background-color: #8cd9d5;
    border-color:transparent;
    text-align: center;
    display: inline-block;
    margin: 6px 0px 4px 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    padding: 2px 10px;
}
.row.banner-palabrasclave #subscription_send:hover{background-color: #3fd0cb;}
.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;
}
@media (max-width: 1200px){
	.row.voicelab-categories.biblio{
		text-align: center;
	}
}

@media (max-width: 991px){
	.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: 10px auto 10px;}*/
	.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;
	}


}

@media (max-width: 768px){
	.btn-crearcuenta{margin: 5px 16px 0px;}
	#cursoingles .navbar-nav>li>a {padding: 5px 10px 5px;width: auto;}
}

@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: 688px){
	.row.banner-palabrasclave .tit{width: 70%;}
	.row.banner-palabrasclave .book-small{margin: -25px -11px -30px 0px;}
}
@media (max-width: 630px){
	.row.banner-palabrasclave #subscription_legal{width: 100%;}
	.row.banner-palabrasclave .tit{
		font-size: 16px;
		line-height: 17px;
	}
	.row.banner-palabrasclave .book-small{
		width: 23%;
		max-width: 102px;
	}
	.row.banner-palabrasclave #subscription_email{
		width: 51%;
		padding: 6px 4px;
	}
}

@media (max-width: 480px){
	.row.banner-palabrasclave .tit{width:98%;margin: 0px 0px 5px;}
	.row.banner-palabrasclave .book-small{
		width: 27%;
		max-width:inherit;
		float:left;
		display: inline-block;
		margin: 0px 5px 0px 0px;
	}
	.row.banner-palabrasclave #subscription_email {width: 71%; 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: 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:40%;
		display:table;
		margin:0px auto 5px;
		float:none;
	}
	.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;}

}