.avisospeaking {
    font-size: 0.7vw;
    color: #bf0c25;
}
.barralateral{
    border-right: 1px solid #236192;
}

.fondorojo{
    background-color: #7F0D22 !important;
    color: white !important;
}

.video-responsive {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.categoriesSection{   
    background-color: white;
    float: left;
    list-style: none outside none;
    margin: 0 0 0 32px;
    padding: 0;
    width: 60%;
    overflow: hidden;
 }
 .categoriesSectioncanjeo{   
    background-color: white;
    float: left;
    list-style: none outside none;
    margin: 0 0 0 32px;
    padding: 0;
    width: 90%;
    overflow: hidden;
    margin-bottom: 5%;
 }
 .pbono, .pbonocanjeo{
    font-size: large;
    text-align: left;
    margin-left: 15%;
 }
 .pbonocanjeo{
    font-size: xx-large;
    margin-left: 0%;
    margin-top:  3%;
 }
 .pbonocanjeov2{
    font-size: x-large;
    margin-left: 0%;
    margin-top:  1%;
 }
 .rojobono{
    color: #b1132f;
    font-size: x-large;
 }
 .rojoalerta{
    color: #b1132f;
    font-size: x-large;
    font-weight: 1000;
 }
 
 .parpadea {
  
  animation-name: parpadeo;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

 .verdebono{
     color: #88b800;
 }
 .letrabono{
     font-size: large;
     color: #236192;
 }
 .letrabonocanjeo{
     font-size: xx-large;
     color: #236192;
 }
 .letrabonocanjeoverde{
     color: #88b800;
     font-size: xx-large;
 }
 .categoriesSection .title, .categoriesSectioncanjeo .title {
    border: 0 none;
    color: #8A0023;
    font-family: Verdana;
    font-size: large;
    font-weight: bold;
    margin: 0;
    padding: 10px 0 8px;
    text-decoration: none;
}
.fontw700{
    font-weight: 700;
}  
h3.titleLabel {
    text-align: left;
    margin-left: 10px;
    font-size: large;
    font-weight: bold;
    color: #236192;
    font: 1.67em RobotoSlab;
}
.mrgli{
    margin-left: 15%;
    text-align: left;
}
.inputcanjeo{
    color:#8A0023;
    border: 1px solid #236192;
    text-align: center;
    font-size: xx-large;
}
.ancho15{
    width: 15%;
}
.ancho5{
    width: 5%;
}
h4.titleLabel{
    margin-left: 10px;
    /*font-size: medium;*/
    font-weight: bold;
    color: #262626;
    font: large RobotoSlab;
    text-align: left;
    color: #236192;
}
h4.titleLabelblack{
    margin-left: 10px;
    /*font-size: medium;*/
    font-weight: bold;
    color: #262626;
    font: large Arial,Helvetica,sans-serif;
    text-align: left;
    color: #262626;
}
h4.titleLabelambgeneral{
    margin-left: 10px;
    font-weight: bold;
    color: #b1132f;
    font: large Arial,Helvetica,sans-serif;
    text-align: left;
}
.titleLine {
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 8px;
}


.inputyoung{
    width: 70%;
    margin-left: 5%;
    border: none;
    height: 45px;
}
/** tooltip **/

.tooltip2 {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
}

/* Tooltip text */

.letrasblancas{
    color: white !important;
}
.tooltip2 .tooltiptext2 {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 100;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip2 .tooltiptext2::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip2:hover .tooltiptext2 {
    visibility: visible;
    opacity: 1;
}
/****/

/** CLASES METIDAS POR MI BACKEND**/
.listados{
   position:relative;
   float:left;
   width:100%;
   margin-top: 2%;
}

.marginbottom5{
    margin-bottom: 5%;
}
.listados .badge {
    float: right;
    width: 65px;
    font-size: 1.5vw;
    height: 35px;
    color: #9a9a9a;
    margin-top: 12px;
}

.margintoptipo{
    margin-top: -1%;
}
.ajustadoimg {
    color: #9a9a9a !important;
    font-size: 36px;
    float: left;
}

.ajustadoimgV2{
    font-size: 36px;
}

.fondogris{
    background: rgba(221, 221, 221, 0.51);
    border-radius:1px;
}

.spantablas {
    margin-left: 2%;
    margin-top: 1.5%;
    position: relative;
    float: left;
    color: #236192;
    font-size: 1.2em;
}

.main {
    position: relative;
    float: left;
    width: 98%;
    margin: 0px 1% 10px 1%;
}

.main h3{
    color: #236192; 
    font-weight:100; 
    font-size: 3.5em;
    margin: 0;
    padding: 0;
    width: 100%;
}

.titlecurso{
    color: #236192;  
    font-size: 20px;
    margin: 10px 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

.paginationwidth{
    width: 70%!important;
}

.col-inventado-lg-6 select{
    height: 47px !important;
}

.mapabackend{
    position:relative;
    float:left;
    width:80%;
    margin: 0% 10% 0% 10%;
}
.form-groupimg{
    
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile-2 + label {
    color: #88b800;
    border: 2px solid currentColor;
}
.inputfile + label i {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}

.inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
}

.btnaltaacademia {
    position: relative;
    float: left;
    width: 16%;
    margin-bottom: 2%;
}
.col-lg-h4 {
    float: left;
    color: #236192;
    font-weight: 100;
    font-size: 2em;
    margin-bottom: 2%;
    margin-left: -1%;
}
.closecolor{
   color: #b1132f !important;
}
.actual{
    background:  #236192 !important;
    color: white !important;
}

.info-import-calendar p {
    font-size: 1.5em;
    margin-bottom: 0px;
}

.info-import-calendar li {
    font-size: 1.3em;
    margin-top: 1%;
}
.info-import-calendar{
    margin-bottom: 10px;
}


.formulariofilter .col-modified{
    width: 23% !important;
    margin-right: 1% !important;
    margin-bottom: 2% !important;
    padding-right: 1% !important;
}

.modalV2{
   background: rgba(35, 97, 146, 0.08) !important; 
}

.sombreado{
   box-shadow:none;
   border: 0px solid white;
}

.mybtn2 #myBtn{
   background: none;
   padding: 0;
   font-size:14px;
   width:10%;
}

.selectpago{
    background: #FFF;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    color: black;
    font-size: 1.2em;
    font-family: RobotoSlab;
    float: left;
    width: 100%;
    background: url(/bundles/public/img/flecha-form.png) no-repeat 98% 50%;
    background-size: 1%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: table;
    margin-bottom: 10px;
}

.selectpago span{
       display: block;
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
    background-color: #F2F2F2;
    color: #4C5D72;
    padding: 10px 0;
}

.selectpago select {
    display: block;
    position: relative;
    float: left;
    width: 75%;
    background: transparent;
    height: 39px;
    border: none;
}

.titletipo {
    position: relative;
    float: left;
    width: 100%;
    font-weight: 300;
    color: #236192;
    font-size: 1.2vw;
}

.titleinput{
    display: block;
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
    background-color: #F2F2F2;
    color: #4C5D72;
    padding: 10px 0;
}

.col-rand label{
    position: relative;
    float: left;
    margin-right: 10px;
    color: #40608F;
    font-weight: bold;
    font-size: 16px;
}
    
.col-rand input {
    position: relative;
    float: left;
    margin-right: 20px;
    margin-top: 4px;
}
/*
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/fonts/glyphicons-halflings-regular.eot');
}*/
.margintop5{
    margin-top: 5%;
}  

.contenido{
    position: relative;
    float: left;
    width: 90%;
    margin-left: 5%;
}
#tipomodulo_individual label{
    margin-right: 2%;
}
.sinbordes{
    border: 0 !important;
}
/*.sf-toolbar {*/
/*    display:none !important;*/
/*}*/
.marginleft5{
    margin-left: 5%;
}
.marginright5{
    margin-right:  5%;
}
.subrayado{
    text-decoration: underline;
}
.enlace_admin{
    position: relative;
    float: right ;
    margin-right:  2%;
}
.btnverde{
    background: 0 0 #88b800;
    border: 1px solid #88b800;
    border-radius: 3px;
    color: white !important;
    cursor: pointer;
    font-size: 1vw;
    float: right;
    text-align: center;
    position: relative;
    padding: 5px 17px;
    margin-right: 3%;
}
.btnverdeV2{
    background: 0 0 #88b800;
    border: 1px solid #88b800;
    border-radius: 3px;
    color: white !important;
    cursor: pointer;
    font-size: 1vw;
    float: left;
    text-align: center;
    position: relative;
    padding: 5px 17px;
    margin-right: 3%;
}

.btnrojo{
    background: 0 0 #CE5454;
    border: 1px solid #CE5454;
    border-radius: 3px;
    color: white !important;
    cursor: pointer;
    font-size: 1vw;
    float: right;
    text-align: center;
    position: relative;
    padding: 5px 17px;
    margin-right: 3%;
}

.btnazul{
    background: 0 0 #236192;
    border: 1px solid #236192;
    border-radius: 3px;
    color: white !important;
    cursor: pointer;
    font-size: 1vw;
    float: right;
    text-align: center;
    position: relative;
    padding: 5px 17px;
    margin-right: 3%;
}

#containerbackend{
    width: 90%;
    margin: 0 5%;
}
.btnbackend{
    background: 0 0 #88b800;
    border: 1px solid #88b800;
    border-radius: 3px;
    color: white !important;
    cursor: pointer;
    font-size: 1vw;
    float: right;
    text-align: center;
    position: relative;
    padding: 5px 17px;
}
.labelalta {
    margin-bottom: 0% !important;
    float: left;
    font-size: 1vw;
    font-weight: 100;
    color: #236192;
}

.divalta{
    float: left;
    margin-left: 3%;
    font-size: 0.9vw;
    color: #236192;
}

.rayabackend {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 3%;
    margin-bottom: 2%;
}

/* FIN ESTILOS BACKEND*/

.topleftmargin03{
    margin-top: 0.3%;
    margin-left: 0.3%;
}

footer{
    position: relative;
    float: left;
    width: 100%;
    height: 60px;
    background-color: #f5f5f5;
}   

.footer2{
    position: relative;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #f5f5f5;
}

.formulariofilter {
    position: relative;
    float: left;
    width: 87.5%;
    margin: 0 6%;
    padding: 10px 0;
}

.lineadministracion{
    position: relative;
    float: left;
    width: 90%;
    margin: 0 5%;
    padding: 10px 0;
}

.formulariofilter h3{
    color: #236192; 
    font-weight:100; 
    font-size: 3em;
}

.formulariofilter .col-lg-6{
    padding-left:0px;
    width: 20%;
    margin-right: 2%;    
    margin-bottom: 2%;
}

.col-lg-6V2 {
    width: 50.7% !important;
}

.col-lg-6V3{
    width: 44.7% !important;
}

.col-lg-6V4 {
    width: 26% !important;
}

.heightaumentado{
    height: 42px!important;
}

.heightaumentadoEditar{
    height: 47px!important;
}
.divCol-lg-12{
    position:relative;
    float:left;
    width:100%;
    padding-left: 0px;
}

.divCol-lg-12 a{
    position:relative;
    float:right;
}

.divCol-lg-12 button{
    position:relative;
    float:left;
}

.formconvocatorias{
    float:left;
    position: relative;
    width:80%;
    margin: 0% 5% 0% 5%;
}

.divCol-lg-12 .btn{
    margin: 0% 0% 0% 0% !important;
}

.margensuperior{
    margin-top: 10px;
    font-size: 12px;
    color:#236192
}

.btnbuscar {
    background: 0 0 #88b800;
    border: 1px solid #88b800;
    border-radius: 3px;
    color: white !important;
    cursor: pointer;
    font-size: 1vw;
    float: right;
    text-align: center;
    position: relative;
    padding: 5px 17px;
    margin-right: 3%;
}

.btnbuscar .glyphicon, .btndanger .glyphicon{
    color:white;
}
.btndanger {
    background: 0 0 #FE2E2E;
    border: 1px solid #FE2E2E;
    border-radius: 3px;
    color: white !important;
    cursor: pointer;
    font-size: 1vw;
    float: right;
    text-align: center;
    position: relative;
    padding: 5px 17px;
    margin-right: 3%;
}

.btnblue {
    background: 0 0 blueviolet;
    border: 1px solid blueviolet;
    border-radius: 3px;
    color: white !important;
    cursor: pointer;
    font-size: 1vw;
    float: right;
    text-align: center;
    position: relative;
    padding: 5px 17px;
    margin-right: 3%;
}
.random1 .glyphicon{
   color: #88b800;
   margin-left: 5%;
}

.divpaginador{
    position:relative;
    float:left;
    width: 100%;
}
.tipoformconvocatoria {
    margin: 0% 37% 0% 40%;
}

.tipoformconvocatoria label {
    margin-left: 3%;
    margin-right: 7%;
}

.cambiarpass{
    position:relative;
    float:left;
    width:100%;
}

.passbackend {
    width: 29%;
    margin: 0% 0% 1% 35%;
}

.btnpass {
    position: relative;
    float: left;
    width: 21%;
    margin: 1% 44% 1% 35%;
}

.btnpass button{
    background: 0 0 #b1132f;
    border: 1px solid #b1132f;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    font-size: 1.2vw;
    float: right;
    text-align: center;
    position: relative;
    margin: -3% 5% 3% 3%;
    font-family: RobotoSlab;
    padding: 8px 26px;
    text-transform: uppercase;
}

/*ESTILOS PUBLICOS */
/****COOKIES*****/
.contenedorPoliticaCookies {
    width:100%;
    background-color:#7F0D22;
    text-align:center;
    bottom:0;
    color:#FFF;
    margin-bottom:0;
    margin-right:0;
    margin-top:0;
    overflow:hidden;
    padding:5px 0;
    position:fixed;
    width:100%!important;
    z-index:100001
}
.politicaCookies {
    width:90%;
    overflow:auto;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    color:#fff;
    /*font-size:0.6vw*/}
.politicaCookies a {color:#fff}
.aceptarCookies {
    background-color: #236192 !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border: none !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    margin-top: 5px !important;
    padding: 2px !important;
    width: 70px !important;
    margin-right: 10px !important;
}

/************ Estilos generales ************/
* {
    /* Quitar problemas de márgenes con navegadores */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: RobotoSlab;
    font-weight: normal;
    color: #53565A;
    font-size: 14px;
    width: 100%;
}
.ancho70{
    width: 70% !important;
    margin-left: 15%;
}
.hr-mobile {
    display: none;
}

/* Cabeceras */
h1, h2, h3, h4, h5{
    font-weight: bold;
}

h1 {
    font-size: 5em;
}

h2 {
    font-size: 3.75em;
}

h3 {
    font-size: 1.75em;
}

h4 {
    font-size: 1.5em;
}

h5 {
    font-size: 1.15em;
}

h6 {
    font-size: 1em;
}
.colorrojo{
    color: #b1132f;
}
.roboto {
    font-family: RobotoSlab!important;
}

.aligncenter {
    text-align: center!important;
}

/* Botones */
input[type="button"] {
    font-family: RobotoSlab;
    font-weight: bold;
    background: #b1122F;
    color: #FFF;
    padding: 1% 2%;
    border: none;
    border-radius: 8px;
}

/* Caja formato tabla */
.tablebox {
    display:table;
    width: 100%;
    clear: both;
}

#mostrarinstrucciones{
    background-color: #b1122F !important;
    color: white;
}
/* Enlaces */ 

a, a:visited{
    text-decoration: none;
    color: #236192;
}

a:focus, a:hover {
    text-decoration: none;
    color: #236192;
}

.link70op {
    color: rgba(255, 255, 255, 0.7);
}

/************ Estilos de página ************/

/* Cuerpo principal */
main {
    width: 100%;
    background: #FFFFFF;
}

/* Menú superior */
.topbar {
    display: table-cell;
    background: #236192;
    height: 45px;
    width: 98%;
    padding: 0 1%;
    vertical-align: middle;
}
 .topbar-center {
    float: left;
    display: table;
    width: 15%;
    vertical-align: middle;
    box-sizing: border-box;
}

.topbar-left, .topbar-right {
    width: 42.5%;
    vertical-align: middle;
    box-sizing: border-box;
    float: left;
    display: table;
}

.topbar-left {
    text-align: left;
    height: 100%;
}

.topbar-center-menu {
    float: left;

    position:relative;
    width: 15%;
    margin-left: 1.5%;

    vertical-align: middle;
    box-sizing: border-box;
}

.topbar-center-menu img {
    width: 100%;
}


.margensup {
    margin-top: -21px !important;
}

.topbar-left-menu, .topbar-right-menu {

    width: 42.5%;
    vertical-align: middle;
    box-sizing: border-box;
    float: left;
    /* position: relative; */
}

.topbar-center {
    text-align: center;
    height: 100%;
}

.topbar-center img {
    /* height: 80px; */
    width: 90%;
    margin-bottom: 3%;
    margin-top: 3%;
}

.topbar-right {
    text-align: right;
    height: 100%;
    padding-top: 20px;
}

.topbar-right a{
    display: inline-block;
}


.topbar-left>div, .topbar-center>div, .topbar-right>div {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}


/* Enlaces de topbar */ 
.topbar a:focus, .topbar a:hover {
    color: #FFFFFF;
}

.topbar a, .topbar a:visited{
    color: #FFFFFF;
}

.topbar span, topbar a {
    min-height: 70%;
    vertical-align: middle;
}

.topbar img {
    vertical-align: middle;
}

.topbar-right>div>div {
    display: table;
    float: right;
    /*width: 84px;*/ /* momentaneamente comentado*/
    width: 145px;
    height: 100%;
}

.topbar-right .dropdown>.login-button {
    display: table-cell;
    vertical-align: middle;
}

.topbar-right .dropdown:hover .arrownavdown {
    display: inline;
    z-index: 4;
    position: absolute;
    text-align: center;
    margin-top: 54px;
    margin-left: -88px;
}

.topbar-right .dropdown:hover .arrownavdownV2 {
    display: inline;
    z-index: 4;
    position: absolute;
    text-align: center;
    margin-top: 47px;
    margin-left: -119px;
}


.topbar-right .dropdown>.dropdown-content {
    margin-top: 56px;
     display: none; 
    /*display: inline;*/
    position: absolute;
    background-color: #f2f2f2;
    width: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 3;
    left: -64%;
    border-top: 5px solid #f2f2f2;
    box-sizing: border-box;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0% 0% 0% 0%;
}


.divicons {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    margin: 3% 0 0% 0;
}

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

.misdatos{
    position:relative;
    float:left;
    font-size: 1vw !important;
    color: #9a9a9a !important;
}
.mismatriculas {
    position: relative;
    float: left;
    font-size: 1vw !important;
    color: #9a9a9a !important;
}

.cambiarclave{
    position:relative;
    float:left;
    font-size: 1vw !important;
    color: #9a9a9a !important;
    width: 100%;
}

.topbar-left img {
    padding-right: 1%;
}

.loginblock {
    min-width: auto;
    height: auto;
    text-align: left;
    /* padding: 4% 4%; */
}

.contenidologin {
    position:relative;
    float:left;
    width:100%;
}

.titulologin {
    position: relative;
    float: left;
    width: 100%;
    margin: 3% 0% 1% 0%;
}

.titulologin img {
    padding: 0px;
    margin: 1.5% 7% 1% 1%;
    cursor: pointer;
}

.contenidologin h5 {
    position: relative;
    float: left;
    width: 70%;
    color: #236192;
    font-size: 1.1vw;
    margin: 2% 9% 6% 6%;
    letter-spacing: 1px;
}

.form-1 img {
    position: relative;
    float: left;
    margin-top: 4%;
    margin-left: 3%;
}

.enviarlogin {
    font-family: RobotoSlab;
    font-weight: bold;
    background: #b1122F;
    color: #FFF;
    padding: 3% 8%;
    border: none;
    border-radius: 8px;
    float: right;
    margin-top: -9%;
    margin-bottom: 6%;
    cursor: pointer;
}

.rayalogin {
    position: relative;
    float: left;
    width: 99.3%;
    margin-right: 0%;
    border: 1px solid #9a9a9a;
}

.form-1 a{
    color: #9a9a9a !important;
    font-weight: 200;   
    text-decoration: underline;
}

.field{
    position: relative;
    float: left;
    width: 100%;   
}

.field input {
    background: none;
    border: none;
    padding: 10px 5px;
    font-size: 14px;
    color: #9a9a9a;
    width: 73%;
}

.accionesform {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 4%;
}

.accionesform p {
    margin: 2% 4% 3% 6%;
}

/* Barra de cabecera */
header {
    background: #FFFFFF;
    caption-side: top;
    display: block;
    text-align: center;
    height: auto;
    border-bottom: 5px solid #b1132f;
    position: relative;
    float: left;
    width: 100%;
}

header>section {
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
}

/* Logo de cabecera */
.logoHead {
    box-sizing: border-box;
    width: 16%;
}

.logoHead a{
    margin: 0 !important;
    padding: 0 !important;
}

.logoHead a img {
    width: 100%;
}
.tamanioresponsive {
    width: 50% !important;
}

/* Listas de navegacion en cabecera */

.main-menu-mobile {
    display: none;
}

header nav {
    height: 50px;
    vertical-align: middle;
    box-sizing: border-box;
}

header nav ul {
    list-style: none;
    text-align: center;
    /*padding-top: 31px!important;*/
}

/*header nav ul li {
    float: left;
    width: 14%;
    vertical-align: middle;
    padding-top: 35px;
     display: table; 
    display:table-cell;
    height: 70%;
}*/

header nav ul li {
    float: left;
    width: 14%;
    vertical-align: middle;
    /* padding-top: 35px; */
    /* display: table; */
    display: table-cell;
    height: auto;
}

header nav ul li a {
    height: 56%;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    padding-top: 10px;
    width: 14%;
    font-size: 1.15em;
    letter-spacing: 2px;
}


/* Contenedor principal */
.maincontainer {
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

.maincontainer h1,.maincontainer h2, .maincontainer h3, .maincontainer h4, .maincontainer h5, .maincontainer h6 {
    color: #236192;
}

.subheading{
    font-weight: 200;
    letter-spacing: 2.5px;
    width: 90%;
    margin: auto;
}

/* Divisor */
.maincontainer hr {
    clear: both;
    background: url(/bundles/public/img/separador.png);
    background-repeat: repeat-x;
    background-position: 50% 50%;
    height: 10px;
    border: none;
    margin-bottom: -10px;
    z-index: 1;
    position: relative;
}

.maincontainer .mainsection {
    display:table;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}

/* Slider principal */
#mainslider{
    height: 600px;
    width: 100%;
    background: #CCC;
    overflow: hidden;
    display: table;
    position: relative;
    border-bottom: 5px solid #b1132f;
}

/*#mainslider>div {
    background-position: center center;
    background-size: cover;
    height: 600px;
    width: 100%;
}*/

#mainsliderlabels {
    position: absolute;
    z-index: 2;
    width: 100%;
}
.imagenlogo{
    padding-top: 5px;
}

#calendar, #matriculateV3 {
    height: 55px;
    width: 220px;
    border-radius: 0 0 10px 10px;
    padding: 10px 20px;
    box-sizing: border-box;
    z-index: 0;
}

#calendar, #matriculate {
    height: auto;
    width: 100%;
    border-radius: 0 0 10px 10px;
    padding: 10px 20px;
    box-sizing: border-box;
    z-index: 0;
}

#calendarV3 {
    height: 55px;
    width: 220px;
    border-radius: 0 0 10px 10px;
    padding: 10px 20px;
    box-sizing: border-box;
    z-index: 0;
}

#calendarV3{
    background: rgba(35, 97, 146, 0.8);
    margin-left: 4%;
    float: left;
}

#matriculateV3 {
    background: rgba(150, 21, 49, 0.8);
    margin-right: 4%;
    float: right;
}

#matriculateV2 {
    position: relative;
    float: left;
    background: #236192;
    float: left;
    height: 50px;
    width: 100%;
    border-radius: 10px 10px 10px 10px;
    box-sizing: border-box;
    z-index: 0;
    padding: 8px 23px 4px 9px;
    margin-bottom: 3%;
}

#matriculateV2 img {
   
}

#matriculateV2 .formatedtext{
    margin-left: 2%;
    float:none;
    text-align: center;
}

#calendarV3>img, #matriculateV3>img {
    float: left;
}

/*.formatedtext{
    float: left;
    color: #FFF;
    padding-left: 15px;
}*/
.formatedtext{
    float: left;
    color: #FFF;
    margin-left: 8%;
}    
.aformatedtext{
    float: left;
    color: #FFF;
    padding-left: 18px;
}
#mensaje::-webkit-input-placeholder { color: #717171; }
.oculto{
    display: none;
}
.slidercontent {
    position: absolute;
    z-index: 1;
    width: 100%;
    text-align: center;
    height: 100%;
    display: table;
}

.slidercontent>div {
    display: table-cell;
    vertical-align: middle;
}

.slidercontent h1, .slidercontent h2, .slidercontent h3, .slidercontent h4, .slidercontent h5, .slidercontent h6 {
    color: #FFF;
}

.slidercontent h3 {
    font-weight: 200;
    letter-spacing: 2.5px;    
    width: 90%;
    margin: auto;  
}

/* Distintivo Cambridge */



.imagensuperior {
    background: url('/bundles/public/img/cambridge-logoprueba.png') no-repeat;
    background-size:100%;
}

/*#distinctive {
    text-align: center;
    z-index: 1;
    margin-top: 17px;
    position: relative;
}*/

#distinctive {
    text-align: center;
    z-index: 1;
    margin-top: -10px;
    margin-bottom: -37px;
    position: relative;
}


#distinctive>div {
    width: 247px;
    font-size: calc(0.70em + 0.2vw);
    height: 81px;
    margin: auto;
    padding: 22px;
    box-sizing: border-box;
}

#model {
    text-align: left;
    float: left;
    z-index: 1;
    margin-top: -6%;
    padding-right: 1%;
    padding-left: 4%;
    position: relative;
    display: inline-block;
    clear: none;
    width: 20%;
}

#model>img {
    width: 100%;
    max-width: 212px;
}

#maincarousel {
    /* border: 1px solid #CCC; */
    height: 125px;
    width: 70%;
    float: left;
    display: block;
    margin-top: 2%;
    clear: right;
}

.more_info_carousel {
    font-weight: bold;
    font-size: 0.9em;
}


/* Sección principal */
.letrasform{
    color: #4C5D72;
}

/*.ancho30{
    width: 30%;
}*/

.ancho30 {
    width: 37%;
    margin-bottom: -1%;
}

.ancho65 {
    width: 65%;
}

.colizquierdablog{
    position: relative;
    float: left;
    height: 100%;
    width: 25%;
}

.colizquierdablog img{
    width: 100%;
}

.colderechablog{
    position: relative;
    float: right;
    width: 75%;
    padding: 0 0 10px 5% ;
    text-align: left;
    box-sizing: border-box;
}

.colderechablog h4{
    text-align: left;
}

.condiciones {
    background-color: #bf0c25 !important;
    color: white !important;
    margin-left: 45%;
}

.flotanteizq{
    position: relative;
    float: left;
}
.lastestnews {
    display: table;
    width: 100%;
    vertical-align: top;
    padding: 50px 4% 20px 4%;
    box-sizing: border-box;
}

#maindesc {
    max-width: 47.5%;
    float: left;
    margin-bottom: 5%;
}

#maindesc h3 {
    color: black;
    font-weight: 200;
    width: 100%;
    font-size: 1.65em;
    position: relative;
    float: left;
    margin: 10px 0;
}

#maindesc img{
    position: relative;
    float: left;
    width: 100%;
}

#maindesc p {
    font-family: Lato;
    color: #717171;
    font-weight: 200;
    font-size: 1.2em;
    text-align: left;
    line-height: 1.5em;
    max-width: 100%;
    position: relative;
    float: left;
    margin: 20px 0;
}

.news {
    width: 47.5%;
    float: left;
    margin-left: 5%;
    box-sizing: border-box;
    border: 5px solid #f2f2f2;
    margin-bottom: 30px;
    background: url(/bundles/public/img/lion.png);
    background-repeat: no-repeat;
    background-size: 8%;
    background-position: 98% 92%;
}

.news a{
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #b1122F;
    color: white;
    margin-bottom: 10px;
}

.newsimg {
    background: #CCC;
    width: 100%;
    background-position: center center;
    background-size: cover;
    display: table-cell;
}
/*
.newsimg {
    background: #CCC;
    width: 155px;
    background-position: center center;
    background-size: cover;
    border-right: 5px solid #f2f2f2;
    display: table-cell;
}
*/
.newsarticle {
    margin-left: 4%;
    display: table-cell;
}

.newsarticle h4  {
    padding: 2% 6%;
    font-weight: normal;
}
.newsarticle h6  {
    padding: 2% 6%;
    color: #9a9a9a;
}

#readmore {
    margin: 0 6%;
}

#mainprize {
    display: table;
    width: 100%;
    height: 300px;
    background: url('/bundles/public/img/fondo-premium.jpg') ;
    background-repeat: repeat-x;
    background-position: 50% 50%;
}

#imgprize {
    display: table-cell;
    width: 34%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

#textprize {
    display: table-cell;
    height: 100%;
    clear: right;
    color: #FFFFFF;
    vertical-align: middle;
}

#textprize h2 {
    color: #CBA26E;
    font-weight: lighter;
    text-align: center;
    font-size: calc(3em + 1.5vw);
    margin-right: 11%;
}

#textprize p {
    font-family: Lato;
    font-size: calc(1em + 0.5vw);
}

#textprize input {
    background: transparent;
    border: 1px solid;
    letter-spacing: 0.1em;
}

#mainstats {
    display: table;
    width: 100%;
    height: 480px;
    background: url('/bundles/public/img/fondo-blanco.jpg') ;
    background-repeat: repeat-x;
    background-position: 50% 50%;
    text-align: center;
}

#mainstats>div {
    display: table-cell;
    vertical-align: middle;
}

#mainstats h3 {
    color: #9a9a9a;
    font-weight: 200;
}

.containerstats {
    margin: auto;
    width: 100%;
    display: flex;
    padding: 3% 18% 0 18%;
    box-sizing: border-box;
}

.numberstat {
    max-height: 200px;
    max-width: 200px;
    float: left;
    margin: auto;
}

.numberstat img{
    max-height: 80px;
}

.numberstat>h2 {
    color: #b1122f;
}

.numberstat h3 {
    font-weight: normal!important;
    font-size: 1.25em;
}

/* Pie de página */ 
footer {
    background: #236192;
    display:block;
    height: auto;
    padding: 4% 10% 3% 10%;
    /*padding: 4% 15% 3% 15%;*/
    box-sizing: border-box;
    color: #FFF;
    position: relative;
    float: left;
    width: 100%;
}

footer h5 {
    line-height: 2em;
}

footer>hr {
    background: url('/bundles/public/img/separador.png');
    background-repeat: repeat-x;
    background-position: 50% 50%;
    background-size: 100%;

    height: 10px;
    border: none;
}

footer a {
    color: #FFFFFF!important;
    font-size: 1em;
    font-weight: 200;
}

#footernav{
    display: table;
    clear: right;
    margin-bottom: 4%;
}

.navigationblock {
    display: table-cell;
    width: 0.1%;
    height: 100%;
    padding: 0 1.5%;
}

.navigationblock hr {
    border: 1px dotted #FFF;
    border-style: none none dashed;
    width: 80%;
    margin-bottom: 3%;;
}

.navigationblock ul li {
    line-height: 1.5em;
}
.navigationblock ul li i {
    opacity: 0.7;
    margin-right: 2%;
}


.navigationblockV2 {
    display: table-cell;
    width: 0.1%;
    height: 100%;
    padding: 0 1.5%;
}

.navigationblockV2 hr {
    border: 1px dotted #FFF;
    border-style: none none dashed;
    width: 80%;
    margin-bottom: 3%;;
}

.navigationblockV2 ul li {
    line-height: 1.5em;
}
.navigationblockV2 ul li i {
    opacity: 0.7;
    margin-right: 2%;
}

#colophon {
    display: table;
    width: 100%;
    height: 38%;
}

#colophonlogo {
    display: table-cell;
    width: 13%;
    vertical-align: middle;
    box-sizing: border-box;
    text-align: center;
}

#colophonlogoV2 {
    position: relative;
    float: left;
    margin-top: 9%;
}

#colophonlogoV1 {
    position: relative;
    float: left;
    margin-top: 10%;
}

#colophonlogoV1 img{
    width: 75%;
}

.logosfooter {
    position: relative;
    float: left;
    width: 25%;
}

.infofooter {
    position: relative;
    float: left;
    width: 75%;
    margin-top: 2%;
}
/*
.colophoninfo {
    display: table-cell;
    width: 74%;
    vertical-align: middle;
    box-sizing: border-box;
    text-align: left;
    padding: 0 1%;
    text-align: center;
}*/

.colophoninfo {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    box-sizing: border-box;
    text-align: left;
    padding: 0 0%;
    text-align: center;
}


.socialmedia {
    text-align: center;
    position: relative;
    margin-top: 1%
}

.socialmedia a {
    padding: 5px;
}


/************* Menú Principal *****************/

.tablebox nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.tablebox nav ul li {
    float: left;
    width: 33%;
}


.tablebox nav ul li a, .dropbtn {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
    font-size: calc(0.70em + 0.3vw);
}

.tablebox nav ul li.dropdown {
    display: inline-block;
    height: 100%;
}
.arrownavdown {
    display: none;
}

.arrownavdownV2 {
    display: none;
}

.dropdown:hover .arrowimg {
    margin-top: -9px!important;
}
/*.arrowimg img{
    width:20%;
}*/


.topbar-right-menu .dropdown>.dropdown-content {
    /*display: none;*/
    display:none;
    position: absolute;
    margin-top: 1.5%;
    background-color: rgba(177, 18, 47, 0.95);
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 3;
    left: 0px;
    border-top: 5px solid #b1122f;
    box-sizing: border-box;
    padding: 2% 15% 2% 15%;
}

.dropdown-content a {
    color: #FFFFFF;
    font-size: 1em;

}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .arrownavdown {
    display: inline;
    z-index: 4;
    position: absolute;
    margin-top: -3px;
    text-align: center;
}

.dropdown:hover .arrownavdownV2 {
    display: inline;
    z-index: 4;
    position: absolute;
    margin-top: -3px;
    text-align: center;
}

.dropdown .navigationblock {
    text-align: left;
    color: #FFF;
    height: auto;
    padding: 0 0.5%
}


.dropdown .navigationblock ul {
    padding-top: 0px!important;
}

.dropdown .navigationblock ul li {
    width: 100%;
    padding-top: 0px;
}

.dropdown .navigationblock ul li i {
    margin-right: 1%;
}

.dropdown .navigationblock ul li a {
    width: 95%;
    padding: 0px;
    text-align: left;
    font-size: calc(0.70em + 0.2vw);
    font-weight: normal;
    letter-spacing: 0.01em;
}

.dropdown .navigationblockV2 ul {
    padding-top: 0px!important;
}

.dropdown .navigationblockV2 ul li {
    width: 100%;
    padding-top: 0px;
}

.dropdown .navigationblockV2 ul li i {
    margin-right: 1%;
}

.dropdown .navigationblockV2 ul li a {
    width: 95%;
    padding: 0px;
    text-align: left;
    font-size: calc(0.70em + 0.2vw);
    font-weight: normal;
    letter-spacing: 0.01em;
}

.administracion {
    color: #9a9a9a !important;
    font-weight: 200;
    margin: 6% 1% 0% 20%;
    position: relative;
    float: left;
    font-size: 1.5vw !important;
}

.cerrarsesion {
    color: #9a9a9a !important;
    font-weight: 200;
    margin-bottom: 10px;
    position: relative;
    float: left;
    font-size: 1vw !important;
    width: 100%;
}

.btncerrar {
    position: relative;
    float: left;
    margin-top: 7%;
    margin-left: 5%;
}

li img {
   /* position: relative;
    float: left;
    margin-right: 10%;*/
}

#loginomovil {
    /*position: relative;
    float: left;
    width: 8%;*/
}

.posicionadmin {
   /* position: relative;
    float: left;
    margin: 1% 44% 1% 45%;*/
}

/* Submenú móvil */
#subdropmenuCert {
}

/****** Rediseño de estilos Font-Awesome ******/

.fa-ul {
    margin-left: 0;
}

/********** Páginas interiores ***********/

.random {
    height: 26vw;
}

.random p {
    font-family: Lato;
    color: #236192;
    font-weight: bold;
    font-size: 2.5vw;
    text-align: center;
    line-height: 1.4em;
    padding: 5% 0vw;
}

.iniciasesionrandom{
    background: rgba(35, 97, 146, 0.8);
    position: relative;
    float: left;
    width: 20%;
    padding: 1% 1% 1% 1%;
    margin: 0% 40% 0% 40%;
    border-radius: 8px;
    margin-bottom: 2%;
}

.textiniciasesion{
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
}

.matriculateRandom {
    background: rgba(150, 21, 49, 0.8);
    position: relative;
    float: left;
    width: 20%;
    padding: 1% 1% 1% 1%;
    margin: 0% 40% 0% 40%;
    border-radius: 8px;
    margin-bottom:5%;
}

.matriculateRandom img {
    float: left;
    margin-left: 14%;
}


/* Página a una columna */


.interiorsection {
    position: relative;
    float: left;
    padding: 3% 10% 3% 10%;
    width: 100%;
    box-sizing: border-box;
}

.margenesquienessomos{
     position: relative;
    float: left;
    width: 100%;
    padding: 3% 15% 3% 16%;
}

.interiorsection h4{
    margin: 0 0 20px 0;
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 3em;
}

.interiorsection h5 {
    margin: 0 0 0px 0;
    width: 40%;
    position: relative;
    text-align: center; 
    font-size: 1.5em;
}

.interiorsection p {
    font-family: Lato;
    color: #717171;
    font-weight: 200;
    font-size: 1.3em;
    text-align: center;
    line-height: 1.4em;
    padding: 1% 0vw;
}

.botonespreparadores {
    position: relative;
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}

.dondeprepararme{
    font-size: 3.2em;
}

.textobotones{
    text-align: justify;
    z-index: 1;
}

.margenbotones{
    margin-left: 1%;
}

.contenedorCentrado {
    position: relative;
    float: left;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 10%;
}

.linecentros{
    position: relative;
    float: left;
    width: 100%;
}

.contenedorAcademiaspodium{
    position: relative;
    border: 7px solid #f2f2f2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 29%;
    margin-top: 2%;
    margin-left: 3%;
    margin-bottom: 1%;
    float: left;
}

.marginright{
    margin-right: 2%;
}

.marginright1{
    margin-right: 1%;
}

.marginleft1{
    margin-left: 1%;
}

.contenedorAcademiaspodiumv2 {
    position: relative;
    border: 4px solid #f2f2f2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 24%;
    margin-top: 2%;
    margin-bottom: 1%;
    box-sizing: border-box;
    float: left;
}

.containerselect{
    position:relative;
    float:left;
    width:100%;
}

.selectholder {
    position:relative;
    z-index: 999;
    float:left;
    margin-left: 33%;
    margin-right: 33%;
    clear: both;
    border-radius: 7px;
    width: 34%;
    border: 2px solid #f2f2f2;
    background: #fff;
    margin-bottom: 1em;
    font-size: 1.3em;
    height: 2.4em;
    color: #666;
    -o-transition: .1s ease-out;
    -ms-transition: .1s ease-out;
    -moz-transition: .1s ease-out;
    -webkit-transition: .1s ease-out;
    transition: .1s ease-out;
    cursor: pointer;
}

.selectholder .selectdropdown {
    position: relative;
    top: 0;
    left: 0;
    background: #333;
    color: #fff;
    display: none;
    clear: both;
}

.selectholder .desc {
    position: relative;
    float: left;
    display: inline-block;
    vertical-align: middle;
    line-height: 2.4em;
    margin: auto;
    font-family: Lato;
    color: #236192;
    font-weight: 700;
    padding-left: 2%;
    padding-right: 2%;
    background: #f2f2f2;
}

.selectholder .descIzquierda {
    position:relative;
    float:left;
    display: inline-block;
    vertical-align: middle;
    padding-left: .8em;
    line-height: 2.4em;
    background: #f2f2f2;
    padding-right: .8em;
    font-family: Lato;
    color: #236192;
}

.selectholder .pulldown {
    position: relative;
    float: right;
    vertical-align: middle;
    width: 2.4em;
    height: 100%;
    margin: auto;
    background-image: url(http://supereightstudio.com/img/pulldown.png);
    background-size: cover;
    -o-transition: .1s ease-out;
    -ms-transition: .1s ease-out;
    -moz-transition: .1s ease-out;
    -webkit-transition: .1s ease-out;
    transition: .1s ease-out;
}

.selectholder .selectdropdown span {
    display: block;
    border-bottom: solid 1px white;
    padding-left: .8em;
    line-height: 2.4em;
    background: #236192;
    /* width: 100%; */
    -o-transition: background-color .1s ease-out;
    -ms-transition: background-color .1s ease-out;
    -moz-transition: background-color .1s ease-out;
    -webkit-transition: background-color .1s ease-out;
    transition: background-color .1s ease-out;
}

.contenedorImagen {
    position: relative;
    float: left;
    background-color: white;
    width: 100%;
    height: auto;
    padding-bottom: 1%;
}

.selectholder label{
    
}


.aligncenter{
    text-align: center;
}

.semicirculo{
    position: relative;
    float: left;
    width: 100%;
}

.alineadoprimero{
    width: auto;
    margin-left: 3.4vw;
    margin-right: 4.5vw;
    margin-top: -16%; 
}

.alineado {
    width: 40%;
    margin: -13% 30% 10px 30%;
}


.alineadoV2 {
    width: 40%;
    margin: -13% 30% 10px 30%;
}

.informacion h1{
    font-weight: bold;
    font-size: 1.2vw;
    margin-bottom: 2%;
}

.informacionV2 h1{
    font-weight: bold;
    font-size: 1vw;
    margin-bottom: 2%;
}

.espaciodiv p {
    margin-bottom: 2%;
    font-size: 12px;
}

.espaciodivV2 p {
    margin-bottom: 2%;
    font-size: 12px;
}


.errorbox, .warnbox, .passbox {
    width: 100%;
    height: 85px;
    margin: 10px 0;
    clear: both;
}

.errorbox p , .warnbox p , .passbox p {
    font-family: RobotoSlab;
}

.errorbox {
    background: #f5dbdf;
    border: 1px solid #bf0c25;
    border-radius: 5px;
    color:#bf0c25;
}

.errorbox p {
    color:#bf0c25;
}

.warnbox {
    background: #f6ecdd;
    border: 1px solid #c0801e;
    border-radius: 5px;
    color: #c0801e;
}

.warnbox p {
    color: #c0801e;
}

.passbox {
    background: #edf4d9;
    border: 1px solid #7d9b12;
    border-radius: 5px;
    color: #7d9b12;
}

.passbox p {
    color: #7d9b12;
}

.iconbox {
    display: table;
    width: 8%;
    min-width: 70px;
    float: left;
    height: 100%;
}

.iconbox i, .iconbox img {
    font-size: 52px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    width: 40px;
    height: 100%;
    margin: auto;
}

.textalert {
    display: table;
    height: 100%;
    min-width: 530px;
    float: left;
    clear: right;
}

.textalert p {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.interiorsectionV2{
    padding: 3% 16% 1% 15%;
    box-sizing: border-box;
}
.interiorsectionV2 p,
.interiorsectionV2 ul{
    font-family: Lato;
    color: #717171;
    font-weight: 200;
    font-size: 1.3em;
    text-align: left;
    line-height: 1.4em;
    padding: 1% 15vw;
}
.interiorsectionV2 ul{
    margin-left: 30px;
}
.interiorsection input,
.interiorsection textarea {
    background: #FFF;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 10px;
    color: #717171;
    font-size: 1.2em;
    font-family: RobotoSlab; 
    float: left;
}

/* Página para formularios */

/*FORMULARIO ALTA ACADEMIA*/
.interiorformacademia {
    padding: 3% 15% 3% 15%;
    box-sizing: border-box;
}

.interiorformacademia p {
    font-family: Lato;
    color: #717171;
    font-weight: 200;
    font-size: 1.3em;
    text-align: center;
    line-height: 1.4em;
    padding: 1% 0vw;
}

.interiorformacademia input, .interiorformacademia textarea {
    background: #FFF;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 10px;
    color: #717171;
    font-size: 1.2em;
    font-family: RobotoSlab; 
    float: left;
}

.interiorformacademia {
    position: relative;
    float: left;
    width: 100%;
    /* padding: 3% 10% 3% 10%; */
    box-sizing: border-box;
}

#formNewacademia {
    position:relative;
    float:left;
    width: 100%;
}

#formNewacademia .col100form{
    position:relative;
    float:left;
    width: 100%;
    margin-bottom: 10px;
}

#formNewacademia .col100form .col50form{
    width: 50%;
    box-sizing: border-box;
    position: relative;
    float: left;
    padding: 0 1%;
    font-size: 14px;
}


#formNewacademia .col100form .col33form{
    width: 33%;
    box-sizing: border-box;
    position: relative;
    float: left;
    padding: 0 1%;
    font-size: 14px;
}
#formNewacademia .col100form .divdireccion{
    padding: 0 1%;
    box-sizing: border-box;
    width: 100%;
}

#formNewacademia .col100form .divdireccion input{
    width: 100%;
    box-sizing: border-box;
}

#formNewacademia .col100form .col34form{
    width: 34%;
    box-sizing: border-box;
    position: relative;
    float: left;
    padding: 0 1%;
    font-size: 14px;
}

#formNewacademia .col100form .col50form input[type="text"],
#formNewacademia .col100form .col50form input[type="password"],
#formNewacademia .col100form .col33form input[type="password"],
#formNewacademia .col100form .col33form input[type="text"],
#formNewacademia .col100form .col34form input[type="password"],
#formNewacademia .col100form .col34form input[type="text"]{
    width: 100%;
    box-sizing: border-box;
}

#formNewacademia .col100form .col50form select{
     background: #FFF;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 10px;
    color: #717171;
    font-size: 1.2em;
    font-family: RobotoSlab;
    float: left;
    width: 100%;
    background: url(/bundles/public/img/flecha-form.png) no-repeat 95% 50%;
    background-size: 4%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
}

.centerbutton{
    text-align: center;
}

.btnalta{
    background: 0 0 #b1132f;
    border: 1px solid #b1132f;
    border-radius: 3px;
    color: white !important;
    cursor: pointer;
    font-size: 1.2vw;
    text-align: center;
    position: relative;
    margin: 3% 3% 3% 3%;
    font-family: RobotoSlab;
    padding: 8px 26px;
    text-transform: uppercase;
}

.divinterior {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 4%;
}

.caption{
    position: relative;
    float: left;
    width: 100%;
}

.caption a{
    color:white;
}

.alinadobotones {
    position: relative;
    float: left;
    width: 68%;
    text-align: center;
    margin-left: 2%;
    margin-right: 1%;
}

.divinterior>.tamanioForm {
    float: left;
    width: 47%;
    padding: 0 1% 1.5% 1%;
}

.divinterior>.tamanioForm input[type="text"],
.divinterior>.tamanioForm input[type="password"]{
    width: 100%;
    box-sizing: border-box;
}

.divinterior>.tamanioForm input[type="checkbox"] {
    width: 10%;
    height: 18px;
    background: #FFF;
    float: right;
}

.divinterior>.tamanioForm label {
    position: relative;
    font-size: 1.2em;
    float: left;
}

.divinterior>.tamanioForm input[type="submit"]{
    background: #b1122F;
    border: none;
    font-weight: bold;
    color: #FFF;
}

#academias_premium{
    
}

.espacioup{
    position:relative;
    float:left;
    margin-left:10%;
}

#academias_premium input[type="radio"],
#academias_centropreparador input[type="radio"],
#academias_ispublic input[type="radio"],
#academias_activo input[type="radio"],#academias_conacuerdo input[type="radio"],#academias_mostrarenmapa input[type="radio"]
{
    margin: 5px 10px 0 10px;
}

#academias_premium label,
#academias_centropreparador label{
    position: relative;
    /*float: left;*/
    margin-top: 2px;
}

.divinterior>.tamanioForm select {
    background: #FFF;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 10px;
    color: #717171;
    font-size: 1.2em;
    font-family: RobotoSlab;
    float: left;
    width: 100%;
    background: url(/bundles/public/img/flecha-form.png) no-repeat 95% 50%;
    background-size: 4%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.interiorformacademia h2 {
    color: #236192;
    font-weight: normal;
}

.interiorformacademia input::-webkit-input-placeholder {
    color: #717171;
}

.interiorformacademia input::-moz-placeholder {
    color: #717171;
}

.interiorformacademia input::-ms-input-placeholder {
    color: #717171;
}

.interiorformacademia input::-moz-input-placeholder {
    color: #717171;
}

/*FORMULARIO ALTA USUARIO*/
.formNewuser>div{
    float: left;
    width: 23.5%;
    padding: 0 1% 1.5% 1%;
}

.formNewuser>div input{
    width: 100%;
    box-sizing: border-box;
}

.formNewuser>div input[type="radio"] {
    width: 20%;
    height: 18px;
    background: #FFF;
}

.formNewuser>div input[type="checkbox"] {
    width: 10%;
    height: 18px;
    background: #FFF;
    float: right;
}

.formNewuser>div label{
    font-size: 1.2em;
}

.formNewuser>div input[type="submit"]{
    background: #b1122F;
    border: none;
    font-weight: bold;
    color: #FFF;
}

.formNewuser>div select{
    background: #FFF;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 10px;
    color: #717171;
    font-size: 1.2em;
    font-family: RobotoSlab;
    float: left;
    width: 100%;
    
    background: url(/bundles/public/img/flecha-form.png) no-repeat 95% 50%;
    background-size: 5%;
  
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    
}

.interiorsection input::-webkit-input-placeholder {
    color: #717171;
}

.interiorsection input::-moz-placeholder {
    color: #717171;
}

.interiorsection input::-ms-input-placeholder {
    color: #717171;
}

.interiorsection input::-moz-input-placeholder {
    color: #717171;
}

.asterisk_input:after {
    content:" *"; 
    color: red;
    position: absolute; 
    margin: 4px 0px 0px -14px; 
    font-size: 1.3em; 
    padding: 0 5px 0 0; 
}

.headinterior {
    background: url('/bundles/public/img/profesionales-gris.png') ;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size: 100px;
}


/* Pagina cabecera grande ,a una columna */

/* Cabecera */
.innerbigheader {
    height: 230px;
    width: 100%;
    background: #CCC;
    overflow: hidden;
    display: table;
    position: relative;
    border-bottom: 5px solid #b1132f;
}

.innerbigheader>div {
    background-position: center center;
    background-size: cover;
    height: 230px;
    width: 100%;
}

.innerheadercontent {
    position: absolute;
    z-index: 1;
    width: 100%;
    text-align: center;
    height: 100%;
    display: table;
}

.innerheadercontent>div {
    display: table-cell;
    vertical-align: middle;
}

.innerheadercontent h1, .innerheadercontent h2, .innerheadercontent h3, .innerheadercontent h4, .innerheadercontent h5, .innerheadercontent h6 {
    color: #FFF;
}

.innerheadercontent h1 {
    font-weight: normal;
}

.innerheadercontent h5 {
    font-weight: 200;
    letter-spacing: 2.5px;
    width: 90%;
    font-size: 1vw;
    margin: auto;
}

.oneColtextV2 {
    padding: 0 20% 5% 20% !important;
}

.oneColtext {
    padding: 0 10% 5% 10%;
    color: #9a9a9a;
    text-align: left;
}

.oneColtext p {
    color: #9a9a9a;
    text-align: left;
}

.oneColtext ul,
.oneColtext ol{
    margin-left: 40px;
    color: #9a9a9a;
    font-family: Lato;
    font-size: 1.3em;
}

.interiorsection h2 {
    color: #236192;
    font-weight: normal;
}


/* Pagina mapas ,a una columna */

/* Mapa */
.innermapheader {
    height: 600px;
    width: 100%;
    background: #CCC;
    overflow: hidden;
    display: table;
    position: relative;
}

.innermapheader>div {
    background-position: center center;
    background-size: cover;
    height: 600px;
    width: 100%;
}

.innermapheader>#mainsliderlabels {
    height: 55px;
}

.innerheadercontent {
    position: absolute;
    z-index: 1;
    width: 100%;
    text-align: center;
    height: 100%;
    display: table;
}

.innerheadercontent>div {
    display: table-cell;
    vertical-align: middle;
}

.infomapcontent {
    font-family: RobotoSlab;
    padding:10px;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    /*display: table;*/
}

.infomapcontent>div {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    clear: left;
    margin-top: 6px;
    width: 100%;
    text-align: center;
}

.infomapcontent h4 {
    font-weight: 200;
    letter-spacing:0.1em;
    text-align: center;
}

.infomapcontent h5 {
    text-decoration: underline;
    letter-spacing:0.05em;
    text-align: left;
}

.infomapcontent h5 a {
    color: #b1122F!important;
}

.infomapcontent p {
    font-size: 1.2em;
    text-align: left;
}

.threeColtext {
    display: table;
    width: 80%;
    margin: 0 auto;
    padding: 0 10% 2% 10%;
}

.infocontact {
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin: auto;
}

.infocontact h3 , .infocontact h5 {
    float: left;
    text-align: center;
    color: #9a9a9a;
}

.infocontact img {
    float: left;
    padding: 0 2%;
    text-align: center;
}

.formContact {
    width: 80%;
    height: 100%;
    display: table;
    padding-top: 3%;
    padding: 0 10%;
}
.formContact>div {
    float: left;
    width: 23.5%;
    padding: 0 1% 1.5% 1%;
}

.formContact>div input[type=text], 
.formContact>div input[type=email], 
.formContact>div textarea {
    width: 100%;
    box-sizing: border-box;
}

#tituloseccion {
    color: #236192;
    font-size: 3vw;
    font-weight: 400;
    position: relative;
    margin-bottom: 3%;
    float: left;
    width: 100%;
    text-align: center;
    padding: 5px 0;
}

.infopago{
    position:relative;
    float:left;
    width:100%;
    margin: 1% 0% 1% 0%;
}

.infopagos ul li{
    font-size: 15px;
}

.infopago label{
    font-size: 2em;
    color:#236192;
}

#tituloseccion img{
    width: 30px;
}
.tamaniomatricula{
    width:40px !important;
}
.innerminheader {
    height: 200px;
    width: 100%;
    background: #CCC;
    overflow: hidden;
    display: table;
    position: relative;
    border-bottom: 5px solid #b1132f;
}

.innerminheader>div {
    background-position: center center;
    background-size: cover;
    height: 200px;
    width: 100%;
}

.borderinferior{
    border-bottom: 2px solid #d9d9d9;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.containersection{
    position: relative;
    float: left;
    width: 66%;
    margin-top: 20px;
}

.titulomatricula {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 300;
    color: #236192;
}

.titulomatricula span{
    background-color: #236192;
    color: white;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.contenidoderechaMatricula {
    position: relative;
    float: left;
    width: 26%;
    margin-left: 8%;
    margin-top: 20px;
}

.cajaInfo{
    background: #FFF;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    color: #717171;
    font-size: 1.2em;
    font-family: RobotoSlab;
    float: left;
    width: 100%;
    background-size: 1%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: table;
    margin-bottom: 10px;
}

.cajaInfo h3 {
    padding: 4% 2% 4% 2%;
    background-color: #F2F2F2;
    text-align: center;
    font-size: 1.5vw;
}

.cajaInfo h5 {
    padding: 4% 6% 4% 6%;
    font-size: 1.1vw;
    font-weight: 400;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}

.cajaInfo h2 {
    padding: 0 0 10px 6%;
    font-size: 3vw;
    font-weight: 400;
    color: #88b800;
}
.cajaInfo p {
    text-align: left;
    padding: 0% 3% 3% 6%;
    color: #717171;
    font-size: 1.1vw;
    line-height: 1.5em;
}
.cajaInfo h6 {
    padding: 4% 6% 4% 6%;
    font-size: 0.8vw;
    font-weight: 400;
}
.btn {
    background: 0 0 #b1132f;
    border: 1px solid #b1132f;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    font-size: 1.2vw;
    float: right;
    text-align: center;
    position: relative;
    font-family: RobotoSlab;
    padding: 8px 26px;
    text-transform: uppercase;
}

.separadorConvoca{
    position: relative;
    float: left;
    width: 46vw;
    margin-top: 3%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 3%;
}

.descripcionConvocatoria {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 3%;
    margin-bottom: 6%;
}

.descripcionConvocatoria h3{
    color: #b1132f;
}

.descripcionConvocatoria p {
    font-family: RobotoSlab;
    text-align: left;
    font-weight: 300;
    font-size: 1vw;
    line-height: 1.6em;
    margin-bottom: 5%;
}
.separadormatricula {
    width: 100%;
    height: 1.5vw;
    position: relative;
    float: left;
    margin-top: -1%;
} 

.separadormatriculaV2{
    width: 100%;
    height: 1vw;
    position: relative;
    float: left;
    margin-top: 1%;
}

.preguntafaq{
    position: relative;
    float: left;
    width: 100%;
    margin-top:2%;
}

.registrarse{
    background:  0 0 #b1132f !important;
    border: 1px solid #b1132f !important;
    border-radius: 3px !important;
    color: white !important;
    cursor: pointer !important;
    font-size: 1.2vw !important;
    float: right !important;
    text-align: center !important;
    position: relative !important;
    margin: -3% 3% 3% 3% !important;
    font-family: RobotoSlab !important;
    padding: 8px 26px !important;
    text-transform: uppercase !important;
}

.preguntafaq label{
    color: #236192;
    font-size: 1.5vw;
}

.preguntafaq p{
    width: 99%;
    margin: 10px 0;
    padding: 0 0 0 1%;
    position: relative;
    float: left;
    text-align: left;
}

.selectmatricula{
    background: #FFF;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    color: #717171;
    font-size: 1.2em;
    font-family: RobotoSlab;
    float: left;
    width: 100%;
    
    background: url(/bundles/public/img/flecha-form.png) no-repeat 98% 50%;
    background-size: 1%;
  
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: table;
    margin-bottom: 10px;
}

.selectmatricula span{
    display: block;
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
    background-color: #F2F2F2;
    color: #4C5D72;
    padding: 10px 0;
}

.selectmatricula select,
.selectmatricula input[type="file"]{
    display: block;
    position: relative;
    float: left;
    width: 75%;
    background: transparent;
    height: 39px;
    border: none;
}

.blockmatricula{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}


.radiomatricula,
#radiomatricula{
    float: left;
    width: 95%;
    position: relative;
    margin-left: 5%;
}

.radiomatricula label,
#radiomatricula label{
    position: relative;
    float: left;
    margin-right: 10px;
    color: #40608F;
    font-weight: bold;
    font-size: 16px;
    
}

.radiomatricula input,
#radiomatricula input{
    position: relative;
    float: left;
    margin-right: 20px;
    margin-top: 4px;
}

/*PAGINA CERTIFICADOS KET,PET,FIRST*/

/*POP-UP */
/*.botonpopup {
    position: relative;
    float: left;
    margin: 3% 2% 3% 2%;
    width: 46%;
}*/

/*POP UP CONDICIONES */
#popup {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 75px;
    left: 0;
    background: #236192;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 85%;
    overflow: auto;
    background: rgba(35, 97, 146, 0.61);
}

.content-popup {
    background-color: #fefefe;
    padding: 20px;
    width: 35%;
    position: relative;
    width: 80%;
    float: left;
    margin-left: 10%;
    margin-right: 10%;
}

.content-popup h2 {
    color:#48484B;
    border-bottom: 1px solid #48484B;
    margin-top: 0;
    padding-bottom: 4px;
}

.popup-overlay {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    display:none;
    background-color: #777777;
    cursor: pointer;
    opacity: 0.7;
}

.close {
    position: absolute;
    right: 15px;
}

.anchurapopup{
    padding: 0 0% 1% 0% !important;
}

.btncondicionespopup {
    color: white !important;
    background: 0 0 #b1132f;
    border: 1px solid #b1132f;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    font-size: 1.2vw;
    float: left;
    margin: 0% 34% 0% 36%;
    text-align: center;
    position: relative;
    /* margin: -3% 3% 3% 3%; */
    font-family: RobotoSlab;
    text-align: center;
    padding: 8px 26px;
    text-transform: uppercase;
}
/*** FIN DE POP UP CONDICIONES*/


#myBtn {
 background: 0 0 #88b800;
    border: 1px solid #88b800;
    border-radius: 3px;
    color: white !important;
    cursor: pointer;
    font-size: 1vw;
    float: right;
    text-align: center;
    position: relative;
    padding: 5px 17px;
    margin-right: 3%;
}

#myBtn:hover {
  text-decoration: none;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 50000; /* Sit on top */
    left: 0;
    background: #236192;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background: rgba(35, 97, 146, 0.61);
}

.modal-content {
    background-color: #fefefe;
    padding: 20px;
    width: 100%;
    position: relative;
    float: left;
    margin: 0;
}

.contenedorPopup input {
    width: 100%;
    padding: 12px 10px;
    font-family: RobotoSlab;
    margin: 9px 1px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    /* margin-right: 5%; */
    -webkit-transition: 0.5s;
    border-radius: 8px;
    transition: 0.5s;
    outline: none;
}
.contenedorPopup label {
    color: #717171;
    float: left;
    margin-top: 3.7%;
}
*::-webkit-input-placeholder {
    color: #236192;
}

.condicionespopup{
   margin-top:1%; 
}

.leido {
    position: relative;
    float: left;
    width: 3% !important;
    margin-top: 4% !important;
    margin-right: 2% !important;
}

.inputenviar {
    border: none !important;
    position: relative;
    float: left;
    width: 17% !important;
    background: #b1132f !important;
    color: white!important;
    font-weight: bold !important;
    margin-left: 23% !important;
    /* margin-right: 2% !important; */
    cursor: pointer;
    padding: 7px 1px 7px 1px !important;
}

/* The Close Button */
.close {
    position:relative;
    float:right;
}
.closemargenes{
   margin: -27px; 
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.contenedorPopup{
    position:relative;
    float:left;
    width:100%;
}

.contenedorPopup h3{
    color: #236192;   
}

.contenedorPopup p {
    margin: 2% 1% 2% 0%;
    font-size: 16px;
}


.textocentroCertificados {
    padding: 4% 1% 3% 1%;
    box-sizing: border-box;
}

.textocentroCertificados p {
    font-family: RobotoSlab;
    color: #717171;
    font-weight: 200;
    font-size: 1.3em;
    text-align: center;
    line-height: 1.4em;
    padding: 0% 1vw;
}

.interiorsectionCertificados {
    position: relative;
    float: left;
    width: 90%;
    margin: 1% 5% 1% 5%;
}

.contenidoCertificados {
    position: relative;
    float: left;
    margin-left: 2%;
    width: 46%;
    margin-right: 2%;
}
.botonpopup {
    position: relative;
    float: left;
    margin-left: 2%;
    width: 46%;
    margin-right: 2%;
    margin-top: 2%;
}

.form-popup{
    margin:0 auto !important;
    height: 42px !important;
}


.botonpopupV2 {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 4%
}

.mybtnajustado{
    background: #b1122F !important;
    border: 0px !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 7px !important;
    font-family: Arial !important;
    color: #ffffff !important;
    font-size: 18px !important;
    width: 100% !important;
    cursor: pointer !important;
    padding: 17px 2px 17px 2px !important;
    text-decoration: none !important;
}

/***** TOOLTIP******/



.tooltip {
    width: 100%;
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

.tooltip h6{
    width: 100%;
    padding: 4% 6% 4% 6%;
    font-size: 0.8vw;
    font-weight: 400;
}

.tooltip .tooltiptext {
    visibility: hidden;
    /* width: 360px; */
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    /* left: 50%; */
    margin-left: 0px;
    opacity: 0;
    transition: opacity 1s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}



.infoCertificados h3{
    margin-bottom:3%;
}
.infoCertificados h2{
    color: #236192;
    font-size: 2em;
    font-weight: 100;
    margin-bottom: 4%;
}

.infoCertificados p {
    font-family: Lato;
    color: #717171;
    font-size: 1vw;
    margin-bottom: 4%;
    font-weight: 100;
}

.listul{
    font-family: Lato;
    color: #236192;
    font-weight: 400;
    line-height: 1.4em;
    margin-left: 4%;
}

.listul li {
    margin-bottom:2%;
    font-size:1.1vw;
}

.listul label{
    color: #717171;
    font-size: 1.1vw;
    line-height: 1.5em;
}

.listul strong{
    font-weight: 700;
}

.cajaderecha {
    border-bottom-style: dotted;
    border: 2px dashed #ccc;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.cajaderecha h3{
    color:#b1132f;
}

.espacios {
    padding: 4% 4% 4% 4%;
}
.espacios p{
    font-family: RobotoSlab;
    color: #717171;
    font-weight: 300;
    font-size: 1.1em;
    line-height: 1.4em;
}

u{
    color:#236192;
}


.rayaseparador {
    position: relative;
    float: left;
    width: 50%;
}

.separador {
    position: relative;
    float: left;
    width: 51%;
    margin-top: 3%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 3%;
}

/*CERTIFICADOS*/
.indexCertificados{
    position: relative;
    float:left;
    width:100%;
    margin-top:2%;
}

.indexCertificados p {
    color: #9a9a9a;
    font-size: 17px;
    font-weight: 100;
    text-align: left;
    padding: 2% 20% 0% 19%;
}

.indexCertificados h3{
    font-size: 30px;
    text-align: center;
    margin-top:2%;
    margin-bottom:2%;
}

.colleftcertificate{
    position: relative;
    float: left;
    width: 50%;
}

.colleftcertificate img{
    width: 100%;
}

.colrightcertficate{
    position: relative;
    float: right;
    width: 45%;
    text-align: left;
}

.generalCertificados {
    text-align: center;
    margin-left: 20%;
    margin-right: 20%;
    width: 60%;
    position: relative;
    float: left;
}

.generalCertificados h2{
    font-size: 4w;
    margin-top: 2%;
}

.generalCertificados hr {
    border-bottom: 1px dashed #236192;
    background: none;
    margin: 1% 0% 2% 0%;
}

.margin50{
    margin-bottom: 50px;
}

.generalCertificados h3 {
    font-size: 1.5vw;
    font-weight: 100;
    margin-top: 1%;
    margin-bottom: 3%;
}
.generalCertificados a,
.generalCertificados i{
    color: #717171;
    cursor: pointer;
}

.generalCertificados a:hover{
    color: #236192;
}
    
.contenidoCertificadosV2 {
    position: relative;
    float: left;
    margin-left: 2%;
    width: 46%;
    margin-right: 2%;
    margin-top: 0%;
}

.contenidoCertificados2{
    position: relative;
    float: left;
    width: 100%;
}

.cajaderechaV2 {
    border: 1px solid #ccc;
    position: relative;
    -moz-border-radius: 3px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
}

#carouselCertificaciones {
        height: 125px;
    width: 100%;
    float: left;
    display: block;
    clear: right;
    text-align: center;
    margin-top: 4%;
    margin-bottom: 3%;
}

#carouselCertificaciones .jcarousel {
    position: relative;
    overflow: hidden;
    width: 90%;
    margin-left: 5%;
    margin-right: 3%;
}

.posicionicono, .posicioniconoV2,  .posicioniconoV3, .posicioniconoV4, .posicioniconoV5 {
    position: relative;
    float: left;    
    padding-right: 2%;
}

.infoCertificadosCaja, .infoCertificadosCajaV2, .infoCertificadosCajaV3, .infoCertificadosCajaV4 {
    padding: 2% 2% 2% 2%;
    border-bottom: 1px solid #ccc;
}
.infoCertificadosCajaV5 {
    padding: 2% 2% 2% 2%;
}

.infoCertificadosCaja, .infoCertificadosCajaV2, .infoCertificadosCajaV3, .infoCertificadosCajaV4, .infoCertificadosCajaV5,  p {
    font-family: Lato;
    color: #717171;
    font-size: 1vw;
    font-weight: 100;
}

.contenidoCaja, .contenidoCajaV2, .contenidoCajaV3, .contenidoCajaV4 p {
    padding: 4% 3% 4% 3%;
    background: #f2f2f2;
    font-family: Lato;
    color: #717171;
    font-size: 1vw;
    /*border-top:1px solid #ccc;*/
    border-bottom: 1px solid #ccc;
    /*border: 1px solid #ccc;*/
}

.contenidoCajaV5  p {
    padding: 4% 3% 4% 3%;
    background: #f2f2f2;
    font-family: Lato;
    color: #717171;
    font-size: 1vw;
    border-top: 1px solid #ccc;
}

.responsiveCondiciones{
    width: 43% !important;
}

.enviarmatriculate {
    float: right !important;
    width: 8% !important;
}

.aceptarterminos {
    width: 36% !important;
}

.imgcentro{
    width: 96%;
    margin: 0 2%;
    height: auto;
}

.contenedorselectpreparme{
    width: 40%;
    margin: 0 30%;
    text-align: center;
}

.contenedorselectpreparme label{
    text-align: left;
    display: inline-block;
    width: 100%;
    margin-bottom: 4px;
}

.contenedorselectpreparme select{
    background: #FFF;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    color: #717171;
    font-size: 1.2em;
    font-family: RobotoSlab;
    float: left;
    width: 100%;
    height: 35px;
    padding-left: 5px;
    
    background: url(/bundles/public/img/flecha-form.png) no-repeat 98% 50%;
    background-size: 1%;
  
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: table;
    margin-bottom: 10px;
}

.formularioalumno{
    position:relative;
    float:left;
    width:100%;
    margin-bottom: 6%;
    margin-top: 4%;
}

/*INDEX SECTION MAPA*/
.titulocentros{
    position:relative;
    float:left;
    width:100%;
    text-align: center;
    font-size: 14px;
}

.mapaindex{
  position:relative;
  float:left;
  width:100%;
}

.mapaindex h3{
  position:relative;
  float:left;
  width:100%;
  text-align: center;
  margin:20px 0;
}

.linepremium{
    position: relative;
    float: left;
    width: 100%;
}

.lineform{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.lineform label{
    font-size: 14px;
    position: relative;
    float: left;
    width: 100%;
    display: inline-block;
}
#convocatorias_indcbpb{
    position: relative;
    float: left;
    width: 100%;
}
#convocatorias_indcbpb label{
    width: auto;
    margin-right: 15px;
}

#convocatorias_indcbpb input{
    display: inline-block;
    width: auto;
    margin-right: 5px;
    position: relative;
    float: left;
}
#formularioedicion{
    position: relative;
    float: left;
    width: 90%;
    margin: 0 5%;
}
/*buscador mapa*/
    .controls {
        margin-top: 10px;
        border: 1px solid transparent;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 32px;
        outline: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
      }

      #pac-input {
        background-color: #fff;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
        margin-left: 12px;
        padding: 0 11px 0 13px;
        text-overflow: ellipsis;
        width: 300px;
        z-index: 1000;
        bottom: -40px;
        position: relative;
        left: 105px;
      }

      #pac-input:focus {
        border-color: #4d90fe;
      }

      .pac-container {
        font-family: Roboto;
      }

      #type-selector {
        color: #fff;
        background-color: #4d90fe;
        padding: 5px 11px 0px 11px;
      }

      #type-selector label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
      }
      #target {
        width: 345px;
      }
    
      .tablebox-a{
          color: #236192 !important;
      }
      .containerbanderas{
          margin: 5% 45% 0 45%;
          width: 10%;
    }
    #espanol{
        position: relative;
        float: left;
        width: 50%;
    }
    .marginleft10{
        margin-left: 10%;
    }
    /****/
/*Resolucion pantallas Ordenador*/
.imagencertificado{
    position: relative;
    float: left;
    width: 100%;
}

.imagencertificado img{
    width: 50%;
    margin: 0 25%;
}

.colcertificado{
    width: 48%;
    margin: 0 1%;
    position: relative;
    float: left;
}

.colfiltros4{
    position: relative;
    float: left;
    width: 23%;
    box-sizing: border-box;
    margin: 0 1% 10px 1%;
}


.colfiltros2{
    position: relative;
    float: left;
    width: 48%;
    box-sizing: border-box;
    margin: 0 1% 10px 1%;
}
#listamenubackend{
    list-style: none;
    text-align: right;
}

#listamenubackend li{
    display: inline-block;
    margin-left: 40px;
    margin-top: 5px;
    color: white;
}

#listamenubackend li label,
#listamenubackend li img{
    color: white;
    display: inline-block;
}

.itempdf{
    display: inline-block;
    width: 14%;
    box-sizing: border-box;
    font-size: 16px;
}

.itempdf i{
    font-size: 30px;
}

.convocatoriaspdf{
    margin-bottom: 20px;
    position: relative;
    float: left;
    width: 100%;
}

.alert{
    position: relative;
    float: left;
    width: 100%;
}

.tab-content{
     position: relative;
    float: left;
    width: 98%;
    margin: 0px 1% 10px 1%;
}

.btnvolver {
    background: 0 0 #88b800;
    border: 1px solid #88b800;
    border-radius: 3px;
    color: white !important;
    cursor: pointer;
    font-size: 1vw;
    float: right;
    text-align: center;
    position: relative;
    padding: 5px 17px;
    margin-left: 5px;
}

.btnerror {
    background: 0 0 #FE2E2E;
    border: 1px solid #FE2E2E;
    border-radius: 3px;
    color: white !important;
    cursor: pointer;
    font-size: 1vw;
    float: right;
    text-align: center;
    position: relative;
    padding: 5px 17px;
    margin-left: 5px;
}

.divbotones{
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0;
    text-align: right;
}

.imgdni{
    max-width: 90px;
}

@media screen and (max-width: 2300px) {
   /*#distinctive {
        margin-bottom: -1.9vw;
        margin-top: 0.8vw;
    }*/
}

@media screen and (max-width: 2000px) {
   /*#distinctive {
        margin-bottom: -1.9vw;
        margin-top: 0.8vw;
    }*/
    .colophoninfo h6{
        font-size: 1.5em;
    }
}
@media screen and (max-width: 1700px) {
   .infofooter {
        margin-top: 4%;
    }
}
@media screen and (max-width: 1400px) {
   
}

@media screen and (max-width: 1280px) {
    .margensup {
        margin-top: -25px !important;
    }
    #textprize h2 {
        font-size: calc(2.5em + 1.5vw);
        margin-right: 11%;
    }
    .inputenviar{
            margin-left: 18% !important;
    }
    .interiorsection h5 {
        width: 62%;
    }
    .margintoptipo{
        margin-top: 1%;
    }
}

@media screen and (max-width: 1190px) {
    .categoriesSection{
        width: 90%;
        margin: 0 0 0 1%;
    }
    .oneColtextV2 {
        padding: 0 0% 5% 0% !important;
    }
    /*PAGINA CERTIFICADOS*/
    .textocentroCertificados p {
        font-size: 1.5vw;
    }
    .infoCertificadosCaja, .infoCertificadosCajaV2, .infoCertificadosCajaV3, .infoCertificadosCajaV4, .infoCertificadosCajaV5, p {
        font-size: 1.4vw;
    }
    .posicionicono, .posicioniconoV2, .posicioniconoV3, .posicioniconoV4, .posicioniconoV5 {
        padding-right: 2%;
        padding-bottom: 2%;
        padding-top: 0%;
    }
    
    .tamanioseparador {
        width: 93%;
    }
    
    .innerheadercontent h5 {
        font-size: 2vw;
    }
    .listul label {
        font-size: 1.4vw;
    }
    .listul li {
        font-size: 1.8vw;
    }
    .contenidoCertificadosV2 {
        margin-top: 0%;
    }
    .mainsection h1{
        font-size:3.5em;
    }
    .separador {
        width: 100%;
    }
    .infoCertificados p {
        font-size: 1.5vw;
    }
    .contenidoCajaV5 p {
        font-size: 1.3vw;
    }
    .contenidoCaja, .contenidoCajaV2, .contenidoCajaV3, .contenidoCajaV4 p {
        font-size: 1.3vw;
    }
   
    /*PAGINA CONTACTO*/
    .threeColtext {
        width: 90%;
        padding: 0px 0% 2% 5%;
    }
    .oneColtext {
        padding: 0 1% 5% 1%;
    }
    .oneColtext h1 {
        font-size: 4.5vw;
    }
    
    .responsiveCondiciones {
        width: 60% !important;
    }
    
    /*Pagina Matricularse*/
    .interiorsection {
        padding: 4% 11% 3% 11%;
    }
    
    .aceptarterminos {
        width: 38% !important;
    }
    
    /*Pagina calendario*/
    .descripcionConvocatoria p {
        font-size: 1.3vw;
    }
    
    .cajaInfo h5 {
        font-size:1.4vw;
    }
    
    .cajaInfo p {
        font-size: 1.3vw;
    }
    
    /*#distinctive {
        margin-top: 0vw;
        margin-bottom: -3vw;
    }*/
 
    .administracion {
       margin: 6% 1% 0% 10%;
   }
   .cerrarsesion {
       margin: 6% 1% 8% 10%;
   }
   
   .matriculateRandom img {
        margin-left: 6%;
    }
    
    .colophoninfo h6 {
        font-size: 1.3em;
    }
    .inputenviar {
        /* text-align: center; */
        margin-left: 35% !important;
        margin-right: 35% !important;
    }
    .contenedorPopup label {
        width: 93%;
    }
    .tablebox nav ul {
        height: 64%;
    }
    header nav ul {
        padding-top: 5px!important;
    }
    #distinctive {
        margin-top: -14px;
    }   
    #distinctive>div {
        height: 70px;
        width: 231px;
    }
    #textprize h2 {
        font-size: calc(2em + 1.7vw);
        margin-right: 6%;
    }
    
    .topbar-center-menu {
        margin-top: 10px;
    }
    header nav {
        height: 60px;
    }
    .cajaInfo h6 {
        font-size: 1vw;
    }
    
    .topbar-right>div>div {
        width: 121px;
    }
    
    .dondeprepararme {
        font-size: 2.8em;
    } 
}

@media  screen and (min-width: 920px) {
    body {
        /*font-size: calc(0.55em + 0.2vw);*/
    }
}

@media screen and (max-width: 920px) {
    
    .dropdown-content{
        padding: 2% 8% 2% 8%;
    }
    
    footer {
        padding: 4% 5% 3% 5%;
    }
    
    .selectmatricula span{
        width: 30%;
    }

    .topbar-right>div>div {
        width: 117px;
    }
    
    .selectmatricula select{
        width: 70%;
    }
    /*PAGINA CERTIFICADOS*/
    .infoCertificados p {
        font-size: 1.7vw;
    }
    
    .listul label {
        font-size: 1.7vw;
    }
    
    .textocentroCertificados p {
        font-size: 2vw;
    }
    .contenidoCertificadosV2 {
        margin-top: -7%;
    }
    .infoCertificadosCaja, .infoCertificadosCajaV2, .infoCertificadosCajaV3, .infoCertificadosCajaV4 {
        padding: 2% 2% 5% 2%;
    }
    
    .contenidoCaja, .contenidoCajaV2, .contenidoCajaV3, .contenidoCajaV4 p {
        font-size: 1.7vw;
    }
    
    .infoCertificadosCaja, .infoCertificadosCajaV2, .infoCertificadosCajaV3, .infoCertificadosCajaV4, .infoCertificadosCajaV5, p {
        font-size: 1.7vw;
    }
    
    .contenidoCajaV5 p {
        font-size: 1.7vw;
    }
    
    #calendarV3>img, #matriculateV3>img {
        float: left;
        position: relative;
        margin-right: 8%;
    }
    /*.topbar-right */.dropdown>.dropdown-content {
        left: 64%;
        width: 28%;
    }
    
    /*LOGIN*/
    .contenidologin h5 {
        width: 74%;
        margin: 2% 2% 5% 6%;
        font-size: 1.7vw;
    }
    .mainsection h1 {
        font-size: 3em;
    }
    
    .form-1 img {
        margin-top: 7%;
    }
    
    /*CONTACTO*/
    .threeColtext {
        width: 100%;
        padding: 0% 0% 2% 0%;
    }
    
    .infocontact h3 {
        font-size: 2.3vw;
    }
    /*FAQ / Politicas*/
    .preguntafaq label {
        font-size: 2vw;
    }
    #tituloseccion {
        font-size: 4vw;
    }
    
    /*Matricularse*/
    .textalert {
        position: relative;
        min-width:0%;
    }
    .aceptarterminos {
        width: 48% !important;
    }
    
    #distinctive>div {
        height: 59px;
        width: 200px;
    }

    .tablebox nav ul {
        height: 65%;
    }
    
    
    .administracion {
        margin: 6% 1% 0% 15%;
        font-size: 1.8vw !important;
    }
    .cerrarsesion {
        margin: 6% 1% 8% 15%;
    }
    .btncerrar {
        margin-left: 10%;
    }
    .formatedtext {
        font-size: 1.2vw;
        position: relative;
        padding-left: 10px;
        float:none;
    }

    .colophoninfo {
        width: 65%;
    }
    
    .inputenviar {
        width: 25% !important;
    }
    
    .contenedorPopup label {
        width: 84%;
    }
    
    .leido {
        width: 4% !important;
    }
    .modal-content {
        width: 45%;
        margin-left: 27%;
        margin-right: 27%;
    }
    #imgprize img {
        width: 52%;
    }
    #textprize h2 {
        font-size: calc(2em + 1.4vw);
    }
    
    
    .politicaCookies{
        font-size: 1.2vw;
    }
    .topbar-center-menu img {
        margin-top: 10%;
    }
    .tablebox nav ul li a, .dropbtn {
        font-size: calc(0.70em + 0.1vw);
    }
    
    .margensup {
        margin-top: -20px !important;
    }
    
    /*.topbar-right-menu .dropdown>.dropdown-content {
        padding: 2% 10% 2% 10%;
    }*/
    .topbar-center-menu {
        margin-top: -1px;
    }
    .topbar-right-menu .dropdown>.dropdown-content {
        padding: 2% 5% 2% 5%;
    }
    
    .contenidoderechaMatricula {
        width: 31%;
        margin-left: 3%;
    }
    .cajaInfo h6 {
        font-size: 1.5vw;
    }
    
    .dondeprepararme {
        font-size: 2.3em;
    }
    .generalCertificados h2{
        font-size: 4vw;
    }
    .generalCertificados a {
        font-size: 2vw;
    }
    .generalCertificados{
        margin-bottom: 6%;
    }
    
    .topbar-right{
        padding-top: 5px;
    }
    
    .topbar-right a{
        display: block;
        width: 100%;
        margin: 0;
    }
    
    #afaq{
        display: none
    }
    
    .itempdf{
        width: 24%;
        margin-bottom: 20px;
        font-size: 14px;
    }
    
}

/************ Estilos móviles ************/
@media screen and (max-width: 768px) {
    
    .colcertificado{
        width: 96%;
        margin: 0 2%;
    }
    
    body {
        font-size: 12px;
    }
    
    .hr-mobile {
        width: 100%;
        display: block;
        margin-bottom: 10px!important;
    }
    
    .topbar-left, .topbar-right {
        padding-left: 2%;
        padding-right: 1%;
    }
    
    .topbar-left {
        width: 30%;
    }
    
    .topbar-right {
        width: 70%;
    }
    
    .topbar-right{
        padding-top: 15px;
    }
    
    .topbar-right a{
        display: inline-block;
        width: auto;
        margin: 0;
        margin-left: 10px;
    }

    .topbar-center  {
        display: none;
    }
    
    .link70op {
        color: rgba(255, 255, 255, 0.7);
        font-weight: bold;
        letter-spacing: 0.1em;
    }
    
    .main-menu {
        display: none;
    }
    
    .main-menu-mobile {
        display: table;
        height: 95px;
    }
    
    .logoHead {
        width: 80%;
        display: table-cell;
        vertical-align: middle;
        padding: 0 6%;
        text-align: left;
    }
    
    /*.logoHead>img {
        max-width: 190px;
    }*/
    
    .logoHead2>img {
        max-width: 184px;
        margin-left: 6%;
        margin-bottom: 3%;
    }
    
    .ancho30 {
        width: 100%;
    }
    
    #textprize h2 {
        margin-right: 0%;
    }
    .jcarousel-wrapper {
        margin: 0px auto;
    }
    #model>img {
        margin-top: 4%;
    }
    .containerstats {
        padding: 4% 8% 0 8%;
    }
    
    imgprize img {
        width: 68%;
    }
    /* Menú movil */
    .dropdown-content {
        padding: 0% 8% 2% 8%;
    }
    .dropdown .navigationblockV2 ul li i {
        margin-right: 1%;
        position: relative;
        float: left;
        margin-right: 1%;
    }
    
    .buttonNavmobile {
        display: table-cell;
        vertical-align: middle;
        font-size: 4em;
        text-align: right;
        width: 20%;
        padding: 1px 6% 84px 1px;
        color: #236192;
    }
    
    #navmobile {
        position: absolute;
        z-index: 10000;
        height: auto !important;
        top: 195px;
        display: none;
    }
    
    .interiorsectionV2 {
        padding: 1% 0% 1% 0%;
    }
    .selectholder {
        margin-left: 20%;
        margin-right: 20%;
        width: 60%;
    }
    .overlay {
        height: 0%;
        width: 100%;
        position: fixed;
        z-index: 1;
        top: 1000;
        left: 0;
        background-color: #b1122f;
        overflow-y: hidden;
        transition: 0.5s;
    }

    .topbar-right>div>div {
        width: 137px;
    }
    
    .dropdown .navigationblockV2 {
        text-align: left;
        color: #FFF;
        height: auto;
        padding: 0 0.5%;
    }

    .dropdownmenu {
        position: relative;
        width: 100%;
        text-align: center;
        /*display: table;*/
        height: 78%;
    }
    
    .dropdownmenu ul {
        vertical-align: middle;
        position: relative;
        float: left;
        width: 100%;
        list-style: none;
        margin-top:1%;
        /*display: table-cell;*/
    }
    
    .dropdownmenu ul li {
    /* display: table; */
        width: 100%;
        position: relative;
        /*margin-top: 2.5%;*/
        margin-top: 0;
        float: left;
    }
    .altura25{
        height: 25px !important;
    }
    
    
    .colophoninfo h6 {
        font-size: 1.1em;
    }
    
    .logosfooter {
        margin-left: 35%;
        margin-right: 35%;
    }
    
    #colophonlogoV1 img {
        width: 100%;
    }
    
    .logosfooter {
        width: 30%;
    }
    
    .itempdf{
        width: 24%;
        margin-bottom: 20px;
        font-size: 2vw;
    }
    
    .infofooter {
        width: 100%;
    }
    .overlay a {
        text-decoration: none;
        font-size: 1.3em;
        /*display: table-cell;*/
        transition: 0.3s;
        height: 46px;
        position:relative;
        float:left;
        font-weight: bold;
        color: #FFF;
        letter-spacing: 0.2em;
        text-align: center;
        width: 100%;
        vertical-align: middle;
    }

    .overlay a:hover, .overlay a:focus {
        color: #f1f1f1;
    }
    
    
    .dropdownmenu hr {
        background: url(/bundles/public/img/separador.png);
        background-repeat: repeat-x;
        background-position: 50% 50%;
        background-size: 163%;
        height: 7px;
        border: none;
        position: relative;
        float: left;
        width: 85%;
        margin-left: 8.2%;
        margin-right: 8.2%;
        text-align: center;
    }
    
    .navigationblockV2 {
    /* display: table-cell; */
        width: 0.1%;
        position: relative;
        float: left;
        height: 100%;
        width: 32%;
        padding: 0 1.5%;
    }
    
    .navigationblockV2 hr {
        border: 1px dotted #FFF;
        border-style: none none dashed;
        width: 80%;
        margin: 0px;
        margin-bottom: 3%;
    }
    
    
    /* Submenú móvil */
    #subdropmenuCert {
        height: 0px;
        clear: both;
        display: none;
    }
    
    #certificates {
        
    }
    
    /* Slider */
    .slidercontent h1 {
        font-size: 4em;
    }
    
    .slidercontent h3 {
        font-weight: 200;
        letter-spacing: 2.5px;
        font-size: 1.4em;
    }
    
     #maindesc {
        max-width: 100%;
        height: auto;
        display: block;
    }
    
    #maindesc h3 {
        color: black;
        font-weight: 200;
        max-width: 100%;
        font-size: 1.3em;
    }
    
    #maindesc p {
        padding: 20px 0;
    }
    
    .news {
        width: 90%;
        float: left;
        margin: 20px 5%;
    }
    
    .newsimg {
        width: 100%; 
    }
    
    .newsarticle {
        margin-left: auto;
        display: block;
    }
    
    .newsarticle h4 {
        font-size: 1.2em;
    }
    
    .newsarticle h6 {
        font-size: 0.9em;
    }
    
    #readmore {
        margin: 2% 6%;
    }
    
    #mainprize {

    }

    #imgprize img {
        width: 68%;
    }

    #textprize {

    }

    #textprize h2 {
        font-size: calc(1.5em + 2.7vw);
        margin-right: 17%;
    }

    #textprize p {

    }
    
    footer {
        padding: 4% 5% 3% 5%;
    }
    
    .contenedorAcademiaspodium {
        width: 80%;
        margin: 1% 10% 7% 10%;
    }
    .informacion h1 {    
        font-size: 4vw;
    }
    
    .informacionV2 h1 {
        font-size: 3vw;
    }
    .espaciodiv p {
        font-size: 20px;
    }
    .espaciodivV2 p {
        font-size: 18px;
    }
    
    .contenedorCentrado {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .contenedorAcademiaspodiumv2 {
        width: 48%;
        margin: 6% 1% 1% 1%;
    }
    .innerheadercontent h5 {
        font-size: 2.5vw;
    }
    
    .topbar-right .dropdown>.dropdown-content {
        left: 50%;
        width: 30%;
    }
   
    .responsiveCondiciones {
        width: 80% !important;
    }
    /*Matriculate */
    .textalert{
        float:none;
    }
    
    .enviarmatriculate {
        position: relative !important;
        float: right !important;
        width: 14% !important;
        padding: 0 1% 1.5% 1% !important;
    }
    
    .aceptarterminos {
        position: relative !important;
        width: 60% !important;
        padding: 0 0% 1.5% 0% !important;
        text-align: left !important;
    }
    .aceptarterminos div{
        width:100% !important;
    }
    
    .separacionresponsive {
        margin-right: 3%;
    }
    
    /*Calendario*/
    .titulomatricula {
        font-size: 2.5vw;
    }
    
    .itemnumero{
        font-size:2.7vw;
    }
    .selectmatricula {
        width: 90%;
    }
    .cajaInfo h3 {
        font-size: 2.2vw;
    }
    .cajaInfo h5 {
        font-size: 2vw;
    }
    .cajaInfo p {
        font-size: 1.8vw;
    }
    
    .contenidoderechaMatricula {
        width: 100%;
        margin-top:0%;
    }
    .cajaInfo h6 {
        font-size: 2.5vw;
    }
    
    .btn {
        font-size: 3vw;
        margin: -5% 28% 3% 33%;
    }
    .descripcionConvocatoria p {
        font-size: 2vw;
    }
    .selectholder {
        z-index: 1;
    }
    
    .iniciasesionrandom {
        padding: 2% 5% 2% 5%;
    }
    
    .iniciasesionrandom{
        width: 25%;
        margin: 0% 35% 0% 35%;
    }
    
    .matriculateRandom {
        width: 25%;
        margin: 5% 35% 5% 35%;
            padding: 2% 5% 2% 5%;
    }
    .formatedtext {
        font-size: 1.3vw;
    }
    .random p {
        font-size: 3.5vw;
    }
    
    .contenidoCertificadosV2 {
        margin-top: -2%;
    }
    #myBtn {
        font-size: 16px;
    }
    #distinctive {
        margin-top: -28px;
    }  
    .generalCertificados a {
        font-size: 3vw;
    }
    
    .generalCertificados h3 {
        font-size: 2.4vw;
    }
    .politicaCookies {
        font-size: 1.7vw;
    }
    
    .containersection {
        width: 100%;
    }
    
    .dondeprepararme {
        font-size: 3em;
        margin-top: 5%;
    }
    .indexCertificados h3{
        font-size: 24px;
    }
    
    .colleftcertificate {
        width: 100%;
    }
    .colrightcertficate {
        width: 100%;
    }
    .oneColtextV2 {
        padding: 0 0% 5% 0% !important;
    }
}

@media screen and (max-width: 600px) {
     
    #mainsliderlabels {
        position: absolute;
        z-index: 2;
        margin-top: -2%;
        width: 100%;
        display: block;
    }
    
    .logoheadcambridge {
        width: 71%;
        margin-bottom: 3%;
    }
    
    #distinctive {
        margin-top: -21px;
    }

    #calendarV3, #matriculateV3 {
        display: block;
        margin: 1.5% 3%;
        padding: 10px;
        box-sizing: border-box;
        width: 43%;
        border-radius: 10px 10px 10px 10px;
    }
    
    .slidercontent h1 {
        font-size: 3em;
    }
    
    .slidercontent h3 {
        width: 90%;
        margin: auto;
    }
    
    .preguntafaq label {
        font-size: 2.5vw;
    }
    #tituloseccion {
        font-size: 4vw;
    }
    .logoHead2>img {
        max-width: 181px;
        margin-left: 12%;
    }
    
    #navmobile {
        top: 160px;
    }

    .interiorsection h5 {
        width: 43%;
        line-height: 1em;
        font-size: 1.5em;
    }
}

@media screen and (max-width: 600px) {
    
    
    body {
        font-size: 12px;
    }
    
    h1 {
        font-size: 4em;
    }
    
    h2 {
        font-size: 2.2em;
    }
    
    h3 {
        font-size: 1.2em;
    }
    
    h6 {
        font-size: 0.75em;
    }
    
    input[type="button"] {
        padding: 2% 4%;
    }
    
    .img-faq, .img-login {
        display: none;
    }
    
    .topbar-right .dropdown>.login-button{
        display:none;
    }
    .login-button > div {
        display: none !important;
    }
    .wrapper h3{
        font-size: 4vw;
        text-align: center;
    }
    
    /*Certificados menu movil*/
    .navigationblockV2 {
        width: 49%;
    }
    .dropdown .navigationblockV2 ul li i {
        margin-right: 0%!important;
    }
    
    .dropdown .navigationblockV2 ul li a {
        width: 89%;
    }
    
    .navigationblockV2 ul li a {
        margin-left: 5%;
        margin-top: -3%;
    }
    

    #maincarousel {
        margin-left:15%;
        margin-right:15%;
    }
    
    #maindesc {
        max-width: 100%;
        height: auto;
        display: block;
    }
    
    #maindesc h3 {
        color: black;
        font-weight: 200;
        max-width: 100%;
        font-size: 1.3em;
    }
    
    #maindesc p {
        font-size: 1em;
        padding: 20px 0;
    }
    
    .news {
        width: 100%;
        float: left;
        margin: auto auto 20px auto;
    }
    
    .newsimg {
        border-right: 0;
        border-bottom: 5px solid #f2f2f2;
        display: block;
        height: 155px;
        width: auto!important;
    }
    
    .newsarticle {
        margin-left: auto;
        display: block;
    }
    .newsimg {
        height: auto;
        width: 100% !important; 
    }

    .newsarticle h4 {
        font-size: 1.2em;
    }
    
    .newsarticle h6 {
        font-size: 0.9em;
    }
    
    #readmore {
        margin: 2% 6%;
    }
    
    #mainprize {
        display: table;
        width: 100%;
        height: 300px;
        background: #002746;
        background-image: url(/bundles/public/img/fondo-premium.jpg);
        background-repeat: repeat-x;
        background-position: 50% 50%;
        padding: 5%;
        box-sizing: border-box;
    }

    #imgprize, #textprize  {
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
        margin-top:6%;
    }
    
    #textprize h2 {
        margin-top: 1%;
        font-size: calc(1em + 1.9vw);
        margin-right:0%;
    }
    #imgprize img {
        width: 35%;
    }

    #textprize p {

    }
    
    .containerstats {
        margin: auto;
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
        text-align: center;
        height: 100%;
    }
      
    .numberstat {
        max-height: 200px;
        width: 100%;
        float: left;
        margin: auto;
        clear: none;
        display: block;
        max-width: 50%;
        padding: 5% 0;
    }
    .numberstat img {
        max-height: 66px;
    }
    .responsivestat {
        margin-left: 24%;
        margin-right: 24%;
    }
    
    .numberstat h3 {
        font-size: 1.0em;
    }
      
    .navigationblock {
        display: table;
        width: 100%;
        height: auto;
        padding: 0;
    }

    footer {
        height: auto;
    }
    
    #footernav {
        display: block;
        clear: right;
        margin-bottom: 0;
    }
    
    .navigationblock hr {
        width: 100%;
    }
    
    #colophonlogo {
        display: block;
        width: 100%;
        padding: 2% 0;
    }
    
    .colophoninfo {
        display: block;
        width: 100%;
        padding: 2% 0;
    }
    
    .socialmedia {
        display: block;
        width: 100%;
        text-align: center;
        padding: 2% 0;
    }
    
    .innerheadercontent h5 {
        font-size: 3.1vw;
    }
    
    .responsivetituloCertificados {
       height: 190px;
    }
    .responsivetituloCertificados h1{
       font-size: 10vw !important;
    }
    
    .innerheadercontent h1 {
        font-size: 8vw;
    }
    .response h1{
        font-size: 7vw !important;
    }
    
    .containerbanderas {
        margin: 5% 40% 0 40%;
        width: 30%;
    }
    
    .textocentroCertificados p {
        font-size: 3.5vw;
    }
    
    .textocentroCertificados {
        padding: 6% 8% 4% 8%;
    }
    
    .topbar-right>div>div {
        width: 144px;
    }
    
    .maincontainer hr {
        height: 60px;
        margin-bottom: -33px;
    }
    
    .topbar-right {
        width: 80%;
    }

    .contenidoCertificados {
        position: relative;
        float: left;
        margin-left: 5%;
        width: 90%;
        margin-right: 5%;
        margin-bottom: 7%;  
    }
    
    .infoCertificados h3 {
        font-size: 5vw;
    }
    
    .listul li {
        font-size: 5vw;
    }
    
    .listul label {
        font-size: 3.5vw;
    }
    
    .separador {
        width: 100%;
        margin-bottom: 5%;
    }
    
    .infoCertificados p {
        font-size: 3.5vw;
    }
    
    .contenidoCertificadosV2 {
        margin-left: 5%;
        width: 90%;
        margin-right: 5%;
        margin-top: 4%;
        margin-bottom: 5%;
    }
    
    .infoCertificadosCaja, .infoCertificadosCajaV2, .infoCertificadosCajaV3, .infoCertificadosCajaV4, .infoCertificadosCajaV5, p {
        font-size: 3.5vw;
    }
    
    .contenidoCaja, .contenidoCajaV2, .contenidoCajaV3, .contenidoCajaV4 p {
        font-size: 3.5vw;
    }
    .contenidoCajaV5 p {
        font-size: 3.5vw;
    }
    
    .contenedorCentrado {
        width: 100%;
        margin:0%;
    }

    .contenedorAcademiaspodium {
        width: 80%;
        margin: 7% 10% 1% 10%;
    }
    
    .contenedorAcademiaspodiumv2 {
        width: 42%;
        margin: 3% 0% 8% 5%;
    }
    
    .innerheadercontent h5 {
        font-size: 2.5vw;
    }
    
    .informacion h1 {
        font-size: 5vw;
    }
    
    .alineadoimgresponsive{
        width:50%;
    }
    
    .informacionV2 h1 {
        font-size: 4vw;
    }
    .espaciodivV2 p {
        font-size: 14px;
    }
    
    
    /*CONTACTO */
     
    .infocontact {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 4%;
    }
    
    .alineadoiconos {
        position: relative;
        float: left;
        width: 60%;
        margin-left: 20%;
        margin-right: 20%;
    }
    
    .alineadoinfo {
        position: relative;
        float: left;
        width: 50%;
        margin-left: 25%;
        margin-right: 25%;
    }
    
    .interiorsection {
        padding: 6% 8% 3% 8%;
        box-sizing: border-box;
    }
    .infocontact h3 {
        font-size: 3.5vw;
    }
    .oneColtext h1 {
        font-size: 7vw;
    }
    
    .responsiveform{
        float: none !important;
        width:0% !important;
        min-width: 0% !important;
    }
    
    .formContact> .responsiveform {
        float: none !important;
        width: 100% !important;
    }
    
    .responsiveCondiciones{
        width: 100% !important;
    }
    
    /* pagina matriculate*/
    .textalert {
        font-size: 2.2vw;
    }

    .interiorsection input, .interiorsection textarea {
        font-size: 2.5vw;
    }
    
    .formNewuser>div select {
        font-size: 2.5vw;
    }
    
    .formNewuser>div label {
        font-size: 2.5vw;
    }
    
    .poblacion {
        width: 22% !important;
        padding-left: 0% !important;
    }
    
    .hombre {
        margin-right: 1%;
        width: 19% !important;
    }
    
    .mujer{
        margin-right: 1%;
        width: 19% !important;
    }
    
    .codigopostal {
        width: 28% !important;
        padding-left: 0% !important;
    }
    
    .condicion{
        width: 38% !important;
    }
    
    .aceptarterminos {
        width: 89% !important;
        padding: 0 0% 1% 0% !important;
    }
    .direccion{
        width: 22% !important;
    }
    .enviarmatriculate {
        width: 62% !important;
        margin-right: 41% !important;
    }
    
    /* Pagina de calendario */
    .containersection {
        width: 100%;
    }
    .itemnumero {
        font-size: 5vw;
    }
    
    .separadorConvoca {
        width: 100%;
    }
    .contenidoderechaMatricula {
        width: 90%;
        margin-top: 1%;
       
    }
    .descripcionConvocatoria {
        margin-bottom: 3%;
    }
    .cajaInfo h5 {
        font-size: 2.7vw;
    }
    .cajaInfo h3 {
        font-size: 3vw;
    }
    
    .cajaInfo p {
        font-size: 2.3vw;
    }
    
    .cajaInfo h2 {
        padding: 0 0 10px 6%;
        font-size: 4.5vw;
    }
    
    .btn {
        font-size: 3vw;
        margin: -8% 31% 14% 27%;
    }
    
    #tituloseccion {
        font-size: 5.3vw;
    }
    
    .itemnumero {
        font-size: 4vw;
    }
    
    .titulomatricula {
        font-size: 3.3vw;
    }
    .titulomatricula span {
        width: 5vw;
        height: 5vw;
    }
    
    .selectmatricula span {
        width: 30%;
        font-size: 2.5vw;
         padding: 14px 0px;
    }

    .radiomatricula label {
        font-size: 13px;
        margin-bottom: 4%;
        width: 50%;
    }
    .formContact {
        width: 100%;
        padding: 0 0%;
    }
    
    .blockmatricula {
        width: 100% !important;
        padding-left: 0% !important;
    }
    
    .descripcionConvocatoria p {
        font-size: 3vw;
    }
    
    #model {    
        display: none;
    }
    
    .matriculateRandom {
    }
    .iniciasesionrandom{
        width: 25%;
        margin: 0% 35% 0% 35%;
    }
    
    .matriculateRandom {
        width: 25%;
        margin: 5% 35% 5% 35%;
    }
    .textiniciasesion a {
        font-size: 3vw !important;
    }
    
    
    
    .logosfooter {
        width: 60%;
        margin-left: 25%;
        margin-right: 20%;
    }
    
    #colophonlogoV1 {
        margin-top: 12%;
        margin-right: 0%;
    }

    #colophonlogoV1 img {
        width: 75%;
    }
    
    #colophonlogoV2 img{
        
    }
    .infofooter {
        width: 100%;
        margin-top: 3%;
    }
    
    .formatedtext {
        font-size: 2vw;
    }
    .botonpopup {
        margin-left: 4%;
        width:90%;
        margin-right: 2%;
    }
    
    .modal-content {
        width: 60%;
        margin-left: 17%;
        margin-right: 20%;
    }
    
    .contenedorPopup h3 {
        font-size: 4.2vw;
    }
    
    .mapaindex label {
        font-size: 2.5vw !important;
    }
    
    .buttonNavmobile {
        display: table-cell;
        vertical-align: middle;
        font-size: 4em;
        text-align: right;
        width: 20%;
        padding: 0px 6% 57px 0px;
        color: #236192;
    }
    .generalCertificados h2 {
        font-size: 5vw;
    }
    .generalCertificados h3 {
        font-size: 4.5vw;
    }
    
    .jcarousel-control-next, .jcarousel-control-prev{
        display: none;
    }
    
    .politicaCookies {
        font-size: 2.2vw;
    }
    .tamanioresponsive {
        width: 75% !important;
    }
    
    .itemblog .iteminicial img {
        width: 100%;
    }
    .itemblog .descripcioninicial {
        width: 92%;
        padding: 4%;
    }
    
    .dondeprepararme {
        font-size: 2.2em !important;
    }
    
    .generalCertificados hr{
        margin-bottom:0px;
        height:10px;
    }
    .indexCertificados h3 {
        font-size: 27px;
        padding: 1% 6% 1% 6%;
    }
    .generalCertificados a {
        font-size: 3vw;
    }
    .indexCertificados p {
        font-size: 16px;
        padding: 2% 6% 0% 6%;
        margin-top: 3%;
    }
    
    .colizquierdablog{
        width:100%;
    }
    
    .colderechablog{
        width:100%;
    }
    
    .oneColtextV2 {
        padding: 0 0% 5% 0% !important;
    }
   
}


@media screen and (max-width: 480px) {
    
    h1 {
        font-size: 2.8em;
    }
    
    /* Submenú móvil */
    #subdropmenuCert {
        display: none;
    }
    .responsiveCondiciones {
        width: 100% !important;
        text-align: left !important;
    }
    
    /*#colophonlogoV1 img {
        width: 100%;
    }   */
    /*.logosfooter {
        width: 80%;
        margin-left: 22%;
        margin-top: -5% !important;
    }
    */
}

.cursorpointer{
    cursor: pointer;
}

#canjeodinero{
    display: none;
}

.titleMiniLabel {
    text-align: left;
    margin-left: 10px;
    font-size: medium;
    font-weight: bold;
    color: #236192;
    font: 1.50em RobotoSlab;
}

.matriculacionmin{
    font-size: small;
    position: relative;
    float: left;
    width: 100%;
    color: #717171;
    margin-bottom: 20px;
}

.urlampliar{
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    color: #7F0D22;
}

.registroalumno{
    position: relative;
    float: left;
    width: 100%;
    font-size: 25px;
    color: #7F0D22;
    margin-top: 20px;
}

.colregistro4{
    position: relative;
    float: left;
    width: 23%;
    margin: 0 1%;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.colregistro7{
    position: relative;
    float: left;
    width: 73%;
    margin: 0 1%;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.colregistro25{
    position: relative;
    float: left;
    width: 23%;
    margin: 0 1%;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.colregistro3{
    position: relative;
    float: left;
    width: 31.3%;
    margin: 0 1%;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.colregistro4 input,
.colregistro7 input,
.colregistro25 input,
.colregistro3 input{
    width: 100%;
    box-sizing: border-box;
}

.colregistro25 select{
    background: #FFF;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 10px;
    color: black;
    font-size: 1.2em;
    font-family: RobotoSlab;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.colregistro1{
    position: relative;
    float: left;
    width: 98%;
    margin: 0 1%;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.colregistro1 .botonregistro{
    background-color: #7F0D22 !important;
    color:white !important;
    padding: 10px 20px !important;
}

.errorregistro{
    position: relative;
    float: left;
    width: 98%;
    margin: 0 1%;
    box-sizing: border-box;
    margin-bottom: 10px;
    background-color: #7F0D22;
    color: white;
    font-size: 16px;
    padding: 10px;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.descripcionnecesidadesespeciales{
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.inputnecesidades{
    display: none;
}

.imagenlista{
    width: 200px;
}

#centrosseleccionados{
    width: 100%;
    height: 200px;
}

.contenidoaalumno{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.floatright{
    float: right;
}

.floatleft{
    float: left;
}

.itemseleccionar{
    background-color: #236192;
    text-align: center;
    color: white;
    font-family: RobotoSlab;
    font-size: 20px;
    margin: 10px 0;
    padding: 10px 0;
}

.contenidoaalumno label{
    font-family: RobotoSlab;
    font-size: 18px;
    display: inline-block;
    color: #236192;
}

.contenidoaalumno .input{
    width: 100%;
    box-sizing: border-box;
}

.selectform{
    background: #FFF;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 10px;
    color: #717171;
    font-size: 1.2em;
    font-family: RobotoSlab;
    float: left;
}

.itemseleccionado{
    background-color: #b1132f !important;
}

.itemseleccionar:hover{
    cursor: pointer;
}

#divresumenpago{
    position: relative;
    float: left;
    width: 100%;
}

.itemresumenpago{
    width: 48%;
    border: 2px solid #d9d9d9;
    padding: 1%;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin: 1%;
}

.itemresumenpago .titleresumenpago{
    position: relative;
    float: left;
    width: 100%;
    color: #236192;
    font-size: 22px;
    text-align: left;
    margin-bottom: 5px;
}

.itemresumenpago table{
    position: relative;
    float: left;
    width: 100%;
    font-size: 18px;
}

@media (max-width:992px) {
    #divresumenpago {
        display: flex;
        flex-direction: column;
    }

    .itemresumenpago{
        width: 100%;
    }
}

/* Tooltip container */
.tooltipexams {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltipexams .tooltiptextexams {
    visibility: hidden; /* Hidden by default */
    width: 120px;
    background-color: #555; /* Background color */
    color: #fff; /* Text color */
    text-align: center; /* Centered text */
    border-radius: 6px; /* Rounded corners */
    padding: 5px 0; /* Padding */
    position: absolute; /* Position the tooltip text */
    z-index: 1; /* Place the tooltip text above other elements */
    bottom: 125%; /* Position the tooltip text - see examples below */
    left: 50%; /* Center the tooltip text */
    margin-left: -60px; /* Use half of the tooltip width (120/2 = 60), to center it */
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipexams:hover .tooltiptextexams {
    visibility: visible;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}