@font-face {
    font-family: BebasNeue,Arial;
    src: url(../fonts/fuentes/bebas-neue/BebasNeue.otf);
}
@font-face {
    font-family: SourceSansPro,Arial;
    src: url(../fonts/fuentes/source-sans-pro/SourceSansPro-Regular.otf);
}
.margin-top{margin-top:-2%;}
 .mu-header{
       background: #fafafa;
    border-bottom: solid 1px;
 }
 .ml-links{font-size: 10px;}
 .ml-alert{color:red;display: none;}
 .mu-header-logo{
    padding: 11px;
 }
 .ml-capa{    /*background: rgba(255,255,255,0.40);   */
    height: 70vh;  
    padding-top: 64px;
    }
 .mu-header-logo img{
        width: 356px;
    margin: auto;
 }
 a{color: #000!important}
 .form-group {
    margin-bottom: 20px;
}
#cursos_recomendados{width: 60%!important;}
.botontest{width: 100%!important;/*opacity: 0.7;*/}
.botontest:hover{background: #000!important}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}
 input[type="text"],  input[type="email"],input[type="tel"],input[type=checkbox], input[type=radio]{
          background: transparent;
    color: black;
    border-color: black;
    border-width: 1px;
    font-size: 15px;
    border-radius: 8px;
    /*font-weight: bolder;*/
 }
 .ml-links{color: #fff!important}
 .mu-banner-fullscreen{
    background: url("../../images/mondragonlingua-ulma-body.jpg");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
    height: 85vh;
    padding: 0;
 }
 .mu-banner-fullscreen-no-img{
   /* background: url("../../images/mondragonlingua-ulma-body.jpg");*/
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
    height: 85vh;
    padding: 0;
 }
 .col-centered{
    float: none;
    margin: 0 auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 37px;
    text-align: left;
    font-size: 15px;
   /* font-weight: bold;*/
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 8px;
    height: 40px;
}
.slider-banner-fullscreen{
	background: url("http://pruebas-ingles-batz.mondragonlingua.com/images/mondragonlingua_games8.jpg");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	font-size:18px !important;
}
.slider-banner-fullscreen.preguntas{
	background: url("http://pruebas-ingles-batz.mondragonlingua.com/images/mondragonlingua_games8.jpg");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	font-size:18px !important;
}
 .tocenter {
    margin:0 auto;
    display: inline;
    }
.bloque1{
	font-family: SourceSansPro,Arial;
	font-size:18px !important;
}

.row h1{
	     font-family: Arial;
    font-size: 20px !important;
    /* color: #fff; */
    background: #dc3545;
    /*opacity: 0.8;*/
    font-weight: bolder;
    color: #fff;
    padding: 5px;
}

.mu-resultado .row h1{
	    font-family: Arial;
    font-size: 30px !important;
    /* color: #fff; */
    background: none;
   
    font-weight: bolder;
    color: #000;;
}
.row h2{
	font-family: BebasNeue,Arial;
	font-size:2.5em !important;
	font-size:30px\0 !important;
	font-weight:bold\0;
	color:#e51c09;
	text-transform:uppercase;
}
.bgnegro{
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	padding:15px;
}
span.fbeue{
	font-family: BebasNeue,Arial;
	font-size:24px !important;
	font-size:20px\0 !important;
	font-weight:bold\0;
}
.recuerda li{
	font-size:17px !important;
}
span.resultados{
	font-family: BebasNeue,Arial;
	font-size:30px !important;
	font-size:22px\0 !important;
	font-weight:bold\0;
	/*font-weight:bold;*/
	color:#e51c09 !important;
	text-transform:uppercase;
}
span.destrezas{
	font-family: BebasNeue,Arial;
	font-size:24px !important;
	font-size:18px\0 !important;
	font-weight:bold\0;
	color:#fff;
	text-transform:uppercase;
}
@media(max-width:991px){
span.resultados{
	font-size:1.1em !important;
}
span.destrezas{
	font-size:0.9em !important;
}
}

@media(max-width:768px){
.form-horizontal .form-group {
   margin-right: 0px;
   margin-left: 0px;
}
}
@media(max-width:767px){
.row h1{
	font-size:1.4em !important;
}
.row h2{
	font-size:1em !important;
}
span.resultados{
	font-size:1em !important;
}
span.destrezas{
	font-size:0.8em !important;
}
}
.header-top .col-md-12 img{
	display: block;
    margin-left: auto;
    margin-right: auto;
	
}
.resvcenter{
	/*position: absolute;
  top: 25%;*/
  margin-top:10%;
}
/*div.row.altura {
  display: table;
}
 
div.col-md-6, div.col-md-1,div.col-md-4 {
  display: table-cell;
}*/

.botontest{
color:#fff;
padding:8px 8px !important;
padding:12px 14px\0 !important;
max-width:100%;
text-transform:uppercase;
font-family: BebasNeue,Arial;
font-size:22px !important;
font-size:16px\0 !important;
font-weight:bold\0;
/*font-weight:bold;*/
background: #dc3545;

 box-shadow: 4px 4px 4px 0px #888888;
 border-radius: 4px !important;
 border:0px!important;
 position: relative;
  bottom: -10px;
}
@media(max-width:1024px){
	.botontest {
	/*font-size:0.8em !important;*/
	}
}
@media (max-width:468px){
.botontest{
	font-size:0.8em !important;
}
}
.bloque1c{
	font-family: SourceSansPro,Arial;
	font-size:15px;
	border:2px solid #f7f7f7;
	background-color:#f7f7f7;
	padding: 10px 17px;
	border-radius: 8px;
	/*margin:5px;*/
}
.bloque1{
	font-family: SourceSansPro,Arial;
	font-size:15px;
	border:2px solid #f7f7f7;
	background-color:#f7f7f7;
	/*padding: 10px;*/
	border-radius: 8px;
	/*margin:5px;*/
}
.bloqueres1 .space{
	padding-top: 10px;
  padding-bottom: 10px;
}
.bloqueres1 .blanco{
	color:#000; font-size:1.2em !important;
}
.bloqueres1 .amarillo{
	color:#fbeb81;
}
.bloqueres1{
	font-family: SourceSansPro,Arial;
	font-size:15px;
	border:0px;
	background-color:none;
}
.nivel{
	font-family: SourceSansPro,Arial;
	font-size:15px;
	/*border:2px solid #f7f7f7;
	background-color:#ffffff;*/
	color:#000000 !important;
}
.bloque1 hr{
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  border: 0;
  border-top: 3px solid #c7c7c7;
}

.bloque2{
	font-family: Arial;
	font-size: 15px;
	
	padding: 10px;
	border-radius: 8px;
	text-align:center;
	/*height:446px;*/
	/*padding-bottom: 18%;*/
	
}
span.fsans{
	font-family: SourceSansPro,Arial !important;
    font-size: 15px !important;
    color: #000;
    margin-left: 14px;
}
li.bgli1{
	list-style: none;
	background-image: url("../test-nivel/images/test_li1.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding: 20px 15px 15px 40px;
}

li.bgli2{
	list-style: none;
	background-image: url("../test-nivel/images/test_li2.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding: 20px 15px 15px 40px;
}

li.bgli3{
	list-style: none;
	background-image: url("../test-nivel/images/test_li3.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding: 20px 15px 15px 40px;
}

li.bgli4{
	list-style: none;
	background-image: url("../test-nivel/images/test_li4.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding: 20px 15px 5px 40px;
}
@media(max-width:1032px){
	.resvcenter{
 	 margin-top:8%;
	}

	li.bgli1{
		padding: 15px 15px 10px 40px;
	}
	li.bgli2{
		padding: 10px 15px 10px 40px;
	}
	li.bgli3{
		padding: 10px 15px 10px 40px;
	}
	li.bgli4{
		padding: 10px 15px 5px 40px;
	}
}
.bloque1 ul{
 margin-bottom: 10px !important;
  
 margin-top: 20px;
 padding: 0px 20px!important;
 /*padding:10px 15px 40px 15px!important;*/
}

.bloque1 .recuerda ul{
 margin:0px !important;
 padding: 5px 20px !important;
}

.recuerda{
	background-color:#337ab7;
	color:#fff;
	padding:20px 21px;
	border:solid 2px #d4d4d4;
	
}
.recuerda ul{
	list-style:disc;
}

.bloque2 input[type="text"],.bloque2 input[type="email"] {
	
    background: #eee;
}
 
}
.bloque2 select.form-control {
	border-radius: 8px;
}

/*cursos recomendados*/
/*/////////////////////////////validator////////////////////////*/
.formError {
    z-index: 990;
}

.formError .formErrorContent {
    z-index: 991;
}

.formError .formErrorArrow {
    z-index: 996;
}

.ui-dialog .formError {
    z-index: 5000;
}

.ui-dialog .formError .formErrorContent {
    z-index: 5001;
}

.ui-dialog .formError .formErrorArrow {
    z-index: 5006;
}

.inputContainer {
    position: relative;
    float: left;
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
    text-align: left;
}

.formError.inline {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none;
}

.formError .formErrorContent {
    width: 100%;
    background: #ee0101;
    position: relative;
    color: #fff;
    min-width: 120px;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
}

.formError.inline .formErrorContent {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
}

.greenPopup .formErrorContent {
    background: #33be40;
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative;
}

body[dir='rtl'] .formError .formErrorArrow,body.rtl .formError .formErrorArrow {
    margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    margin: 0px 0 0 12px;
    top: 2px;
}

.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    -o-box-shadow: 0 2px 3px #444;
    font-size: 0px;
    height: 1px;
    background: #ee0101;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
    background: #33be40;
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow .line10 {
    width: 15px;
    border: none;
}

.formError .formErrorArrow .line9 {
    width: 13px;
    border: none;
}

.formError .formErrorArrow .line8 {
    width: 11px;
}

.formError .formErrorArrow .line7 {
    width: 9px;
}

.formError .formErrorArrow .line6 {
    width: 7px;
}

.formError .formErrorArrow .line5 {
    width: 5px;
}

.formError .formErrorArrow .line4 {
    width: 3px;
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd;
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd;
    
}
/*////////////////////////////////////////////////////////////////////////////*/

.modal_loading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
               url('../images/loading.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal_loading {
    display: block;
}

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


@font-face {
  font-family: 'Aller'; 
  src: url('https://www.linguasuite.com/test-nivel/fonts/Aller_Rg.ttf');
       
  
}


label {font-family:'Arial', sans-serif !important;}


.separador{height:20px;}

.bg_gris{background: #f8f8f8;}
#logo_container{
    position:absolute;
    float:left;
    margin-top: -28px;
}
#logo_container img{
    width: 175px;
}
.barras{height:45px;}
#barra_top h1{
    font-size: 25px !important;
    /* font-family: Aller,Arial,Helvetica,sans-serif; */
    color: #5d5c5c;
    padding-top:12px;
}
.tipocurso1{

  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#e10000), to(#710000));
  background: -webkit-radial-gradient(circle, #e10000, #710000);
  background: -moz-radial-gradient(circle, #e10000, #710000);
  background: -ms-radial-gradient(circle, #e10000, #710000);


}
.tipocurso2{

  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#7aa302), to(#41620e));
  background: -webkit-radial-gradient(circle, #7aa302, #41620e);
  background: -moz-radial-gradient(circle, #7aa302, #41620e);
  background: -ms-radial-gradient(circle, #7aa302, #41620e);


}
.tipocurso3{

  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#32b8db), to(#1b5d89));
  background: -webkit-radial-gradient(circle, #32b8db, #1b5d89);
  background: -moz-radial-gradient(circle, #32b8db, #1b5d89);
  background: -ms-radial-gradient(circle, #32b8db, #1b5d89);


}
.tipocurso4{

  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#af46a5), to(#692865));
  background: -webkit-radial-gradient(circle, #af46a5, #692865);
  background: -moz-radial-gradient(circle, #af46a5, #692865);
  background: -ms-radial-gradient(circle, #af46a5, #692865);


}

#barra_center p{
    font-size: 20px;
    /* font-family: Aller,Arial,Helvetica,sans-serif; */
    color: #5d5c5c;
    padding-top:5px;
    color:#fff;
}
#barra_center span{font-size: 25px;}
#barra_down{border-bottom:dotted 1px #ccc;padding-top: 12px;height: 43px;margin-left:10px}
.lbreadcrumb{margin-left: -38px;}
.lbreadcrumb li{list-style-type: none;padding-right:20px;float:left;}

.lbreadcrumb>.active {
/* color: #777; */
font-weight:bold !important;
}
.section_title{
    border-bottom:solid 1px #ccc;
}
.section_title h2{font-size: 17px;/* font-weight: bold; */  }
.left_content{margin:10px;background-color:#464646;color:#fff;}

.accion {
  
    
   background: url("https://www.linguasuite.com/img/botonmatriculategrande.png") no-repeat  #ED7716;
   background-position: right center;
    /*background-color: rgb(237, 151, 39);
border-color: rgb(237, 151, 39);
  background-image: -webkit-gradient(linear,left top,left top,color-stop(0,#ed7717),color-stop(1,#f09142 ));
    background-image: -o-linear-gradient(left top,#ed7717 0,#f09142  100%);
    background-image: -moz-linear-gradient(left top,#ed7717 0,#f09142  100%);
    background-image: -webkit-linear-gradient(left top,#ed7717 0,#f09142  100%);
    background-image: -ms-linear-gradient(left top,#ed7717 0,#f09142  100%);
    background-image: linear-gradient(to left top,#ed7717 0,#f09142  100%);
    -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#ed7717", endColorstr="#f09142 ")';
   
*/

    color: #fff;
   
    cursor: pointer;
    font-family: Aller,Helvetica,sans-serif;
    font-size: 20px;
  
    padding: 6px 5px;
   
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
      border: 0 solid #fff;
   /* transition: color 0s ease 0s, all 0.25s ease 0s, all 0s ease-in-out 0s, background 0s ease 0s, all 0.25s ease 0s, all 0s ease-in-out 0s;*/
    
   min-width: 175px;
}
.accion:hover {
      background: #f09142;
    cursor: pointer
}
.full_with{width:100%;margin-left: 10%;/* margin-top: 50px; */}
.resvcenter .row{
	background-color:transparent;
}
#tnivel{
	font-size:1.2em !important;
	font-weight:bold;
}
#tsnivel span.colortsnivel{
	color: #337ab7;
}
/* ----------------------------------------plantillla-----------------------------------------*/


.col-center-block {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width:767px){
		.row h2,span.resultados,.botontest {
	  		font-size: 1.4em !important;
		}
		span.destrezas {
		  font-size: 1.2em !important;
		}
}


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