.formContact div input[type="text"],
.formContact div input[type="email"],
.formContact div input[type="password"],
.formContact div input[type="date"],
.formContact div textarea, .formContact div textarea {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #236192;
    border-radius: 0;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.containersection *{
    font-family: Roboto, sans-serif;

}


/**modal**/
.modal-content2 {
    width: 70% !important;
    margin-left: 15% !important;
    margin-right: 15% !important;
    overflow-y: hidden !important;
}

/******* galeria de slug ***/
#image {
    border: 2px #666 solid;
    height: auto;
    width: 100%;
    margin-top: 1%;

}

.imagegaleria {
    max-width: 100%;
    height: auto;
    width: auto/9;
}

.thumb {
    float: left;
    margin-right: 2%;
    margin-top: 3%;
    width: 20%;
    border: 2px #666 solid;
}

.avisospeakingmedium {
    font-size: medium;
}


/*****/


.responsive {
    display: none;
}

.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%;
}

.mediumpr {
    font-size: medium !important;
}

.h3blue {
    color: #236192;
}

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

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

.div25left {
    position: relative;
    float: left;
    width: 25%;

}

.div50left {
    position: relative;
    float: left;
    width: 50%;

}

.div95border {
    position: relative;
    float: left;
    width: 95%;
    margin-left: 2.5%;
}

.div92border {
    position: relative;
    float: left;
    width: 92%;
    margin-left: 5%;
}

.div95left {
    position: relative;
    float: left;
    width: 95%;
}

.div92left {
    position: relative;
    float: left;
    width: 92%;
}

.mrglft5 {
    margin-left: 5%;
}

.interiorsectionslug p,
.interiorsectionslug li,
.interiorsectionslug td{
    color: black;
    font-weight: 200;
    font-size: medium;
    text-align: left;
    line-height: 1.4em;
    padding: 1% 0;
    margin: 5px 0;
}

.mrglft2c5 {
    margin-left: 2.5%;
}

.marginbottom5 {
    margin-bottom: 5%;
}

#tituloseccionV4 {
    color: black;
    font-size: x-large;
    font-weight: 0;
    position: relative;
    float: left;
    width: 95%;
    margin-bottom: 1%;
    margin-top: 3%;
}

.slidertitulo {
    text-align: center;
    color: white !important;
    /*font-size: 5vw !important;*/
    font-size: 5em !important;
    font-weight: bold;
    z-index: 10;
    margin-top: 10%;

}

.slidertexto {
    background: transparent;
    color: white !important;
    /*font-size: 3.5vw !important*/
    font-size: 1.75em !important;
    font-weight: 200 !important;
    z-index: 100;
    margin-top: 10%;
    letter-spacing: 2.5px;
}

/***/
.anchowrapper {
    max-width: 90vw;
    margin: auto;
    box-sizing: border-box;
    width: 100%;
}

.slidervisualizar li {
    /*width: 62vw !important;*/
    background: white;
}

.mrgnegt10 {
    margin-top: -10%;
}

/****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 ************/
.ancho100 {
    position: relative;
    float: left;
    width: 100%;
}

.ancho90 {
    width: 90%;
    max-width: 90%;
    min-width: 90%;
}

.ancho96 {
    position: relative;
    float: left;
    width: 96%;
}

.marginleft4 {
    margin-left: 4%;
}

#tipoh {
    color: #236192;
    font-weight: normal;
    font-size: 3.75em;
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    display: block;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    text-align: left;
}

.informacion label {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 2%;
    color: #236192;
    display: block;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.avisomatricula {
    font-size: 1vw;
    color: #236192;
}

.avisospeaking {
    font-size: 0.7vw;
    color: #bf0c25;
}

.top10 {
    margin-top: 10%;
}

body {
    font-family: RobotoSlab;
    font-weight: normal;
    color: black;
    font-size: 0.75em;
    width: 100%;
    margin: 0;
    padding: 0;
}

.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;
}

.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%;

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

.topbar-center-menu img {
    width: 70%;
    margin-bottom: 1%;
    margin-top: 1%;
}


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

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

.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;
    margin: 0 0 0 20px;
}


.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 img {
    padding-left: 3%;
    padding-right: 3%;
}

.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: 62px;
    display: none;
    /*display: inline;
    position: absolute;
    background-color: #f2f2f2;
    width: 20%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 3;
    left: 75%;
    border-top: 5px solid #f2f2f2;
    box-sizing: border-box;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0% 0% 0% 0%;
}*/

.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: 70%;
    margin: 3% 15% 0% 15%;
}

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

.misdatos {
    position: relative;
    float: left;
    font-size: 1vw !important;
    color: black !important;
}

.mismatriculas {
    position: relative;
    float: left;
    font-size: 1vw !important;
    color: black !important;
}

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

.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: 45% !important;
}

/* Listas de navegacion en cabecera */

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

header nav {
    height: 100%;
    vertical-align: middle;
    box-sizing: border-box;
}

header nav ul {
    list-style: none;
    text-align: center;
}

header nav ul li a {
    font-weight: bold;
    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;
}

/* 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;
}

#containergaleria {
    position: relative;
    float: left;
    width: 100%;
    background: #CCC;
    border-bottom: 5px solid #b1132f;
}

#divgaleria {
    position: relative;
    float: left;
    width: 100%;
    height: 450px;
}

.bs-slide {
    height: 400px;
}

.maincontainer #divgaleria h1 {
    color: white;
    width: 100%;
    text-align: center;
}

.maincontainer #divgaleria h3 {
    font-weight: 200;
    letter-spacing: 2.5px;
    width: 100%;
    margin: auto;
    color: white;
    text-align: center;
}

.btnmoreinfo {
    font-family: RobotoSlab;
    font-weight: bold;
    background: #b1122F;
    color: #FFF;
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    display: inline-block;
    margin-top: 10px;
    color: white !important;
}

.iteminterno {
    text-align: center;
}

.slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center center;
}

#mainslider > .wrapperprincipal {

}

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

#mainsliderlabels, .mainsliderlabels {
    position: absolute;
    z-index: 2;
    width: 100%;
}

.zindex5 {
    z-index: 5 !important;
}

.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: 260px;
    border-radius: 0 0 10px 10px;
    padding: 10px 20px;
    box-sizing: border-box;
    background: rgba(35, 97, 146, 0.8);
    float: left;
    display: inline-block;
    position: absolute;
    left: 4%;
    z-index: 200;
}

#matriculateindex {
    height: 55px;
    width: 260px;
    border-radius: 0 0 10px 10px;
    padding: 10px 20px;
    box-sizing: border-box;
    z-index: 200;
    background: rgba(150, 21, 49, 0.8);
    float: right;
    display: inline-block;
    position: absolute;
    right: 4%;
}

#matriculatelinguaskill {
    height: 65px;
    width: 260px;
    border-radius: 10px;
    padding: 10px 20px;
    box-sizing: border-box;
    background: #F2A900;
    float: right;
    display: inline-block;
    position: absolute;
    right: 4%;
    margin-top: 70px;
    z-index: 200;
}

#matriculateindex img {
    float: left;
}

.calendartexto {
    margin-right: 4%;
    margin-left: 0% !important;
    float: right !important;
    background: rgba(150, 21, 49, 0.8) !important;
}

.calendartextoV2 {
    margin-right: 4%;
    margin-left: 0% !important;
    float: right !important;
    background: #F2A900 !important;
    border-radius: 10px 10px 10px 10px !important;
    height: 65px !important;
}

.calendarv3img2 {
    margin-top: -5px;
}

#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;
    margin-left: 8%;
}

.formatedtextV2 {
    color: #FFF;
    text-align: center;
}

.aformatedtext {
    float: left;
    color: #FFF;
    padding-left: 18px;
}

#mensaje::-webkit-input-placeholder {
    color: black;
}

.oculto {
    display: none;
}

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

.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;
}

.divoldnews {
    display: table;
    width: 100%;
    vertical-align: top;
    padding: 0 2% 40px 2%;
    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: black;
    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;
}

.containerstatsnew {
    margin: 0;
    width: 100%;
    display: block;
    padding: 20px 0;
    box-sizing: border-box;
}

.itemstatsnew {
    position: relative;
    float: left;
    width: 31.3%;
    margin: 0 1%;
    box-sizing: border-box;
    display: inline-block;
}

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

.numberstatnew {
    position: relative;
    width: 100%;
    float: left;
    margin: auto;
}

#textnegro {
    color: #000;
}

.numberstatnew > h2 {
    font-size: x-large;
}

.numberstatnew > h3 {
    font-size: large;
}

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

.numberstatnew img {
    width: 100%;
}

.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: 70%;
}

.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.menuizquierda {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}

.tablebox nav ul.menuderecha {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.width25 {
    width: 25%;
}

#divcertificados {
    position: fixed;
    width: 100%;
    background-color: rgba(177, 18, 47, 0.95);
    z-index: 10000;
    color: white;
    padding: 30px 0;
    display: none;
}

#divcertificados a {
    color: white;
}

.tablebox nav ul li {
    padding: 0 5px;
    width: 18%;
}

.tablebox nav ul li a, .dropbtn {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
}

.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;*/
    z-index: 15;
    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: 8%;
    position: relative;
    float: left;
    font-size: 1vw !important;
    text-decoration: underline;
}

.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 */

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

.interiorsectionblog p {
    margin: 15px 0;
    width: 100%;
}

.interiorsectionblog ul {
    margin: 15px 0 15px 5%;
    width: 95%;
    font-family: Lato;
    color: black;
    font-weight: 100;
}

.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: black;
    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;
}

.contenedorbuscador {
    position: relative;
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 15px;
}

.contenedorbuscador label {
    font-size: 16px;
    color: #0f3e68;
    margin-right: 10px;
    display: inline-block;
}

.contenedorbuscador input {
    min-width: 300px;
    font-size: 16px;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #0f3e68;
}

.lineweb {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.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%;
}

.contenedorfiltros {
    position: relative;
    float: left;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    text-align: center;
}

.contenedorfiltros a {
    background-color: #236192;
    color: white;
    margin: 5px;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    box-sizing: border-box;
}

.contenedorfiltros a.select {
    border: 1px solid #236192;
    color: #236192;
    background-color: white;
}

.contenedorfiltros a:hover {
    cursor: pointer;
}

.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;
}

.contenedorCentroPreparador {
    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: 21%;
    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: black;
    font-weight: 200;
    font-size: 1.3em;
    text-align: left;
    line-height: 1.4em;
    padding: 1% 10%;
    width: 90%;
}

.interiorsectionV2 ul {
    margin-left: 30px;
}

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

.interiorsection input[type=file] {
    font-size: 14px !important;
    border: none !important;
}

/* Página para formularios */

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

.interiorformacademia p {
    font-family: Lato;
    color: black;
    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: black;
    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: black;
    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"] {
    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: black;
    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: black;
}

.interiorformacademia input::-moz-placeholder {
    color: black;
}

.interiorformacademia input::-ms-input-placeholder {
    color: black;
}

.interiorformacademia input::-moz-input-placeholder {
    color: black;
}

/*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: black;
    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: black;
}

.interiorsection input::-moz-placeholder {
    color: black;
}

.textarea::-webkit-input-placeholder {
    color: black;
}

.interiorsection input::-ms-input-placeholder {
    color: black;
}

.interiorsection input::-moz-input-placeholder {
    color: black;
}

.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;
}

.div80left {
    position: relative;
    float: left;
    width: 80%;
}

.div75left {
    position: relative;
    float: left;
    width: 75%;
}

.marginright5 {
    margin-right: 5%;
}

.marginleft12 {
    margin-left: 12%;
}

.div65left {
    position: relative;
    float: left;
    width: 65%;
}

.marginright9 {
    margin-right: 9%;
}

.div60left {
    position: relative;
    float: left;
    width: 60%;
}

.div60right {
    position: relative;
    float: right;
    width: 60%;
}

.marginright14 {
    margin-right: 14%;
}

.div26left {
    position: relative;
    float: left;
    width: 26%;
}

.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 10% 5% 10% !important;
}

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

.oneColtext p {
    color: black;
    text-align: left;
}

.oneColtext ul,
.oneColtext ol {
    margin-left: 40px;
    color: black;
    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%;*/
    width: 250px;
    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%;
}

.formContact2 {
    width: 100%;
    height: 100%;
    display: table;
    padding-top: 3%;
}

.formContact2 > div {
    float: left;
    width: 23.5%;
    padding: 0 1% 1.5% 1%;
}

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

.formContact > div input[type=checkbox] {
    display: inline-block;
    margin-right: 10px;
}

#linecaptcha img {
    display: inline-block;
    margin-right: 10px;
    float: left;
    position: relative;
}

#linecaptcha input {
    width: 30% !important;
    display: inline-block;

}

#linecaptchav2 input {
    width: 50% !important;
    display: inline-block;

}

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

#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;
}

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

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

.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;
}

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

.cajaInfo {
    background: #FFF;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    color: black;
    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;
}

.cajaInfov2 {
    background: #FFF;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    color: black;
    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: black;
    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;
    margin: -3% 5% 3% 3%;
    font-family: RobotoSlab;
    padding: 8px 26px;
    text-transform: uppercase;
}

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

.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: 0%;
}

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

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

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

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

.newselect {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 39px;
    background: #FFF;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    color: #717171;
    font-size: 1.2em;
    font-family: RobotoSlab;
}

.contenido {
    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;
}

.contenido label {
    font-family: RobotoSlab;
    font-size: 18px;
    display: inline-block;
}

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

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

.itemseleccionar:hover {
    cursor: pointer;
}

.container50producto {
    width: 48%;
    position: relative;
}

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

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

}

.radiomatricula input,
.radiogenero 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;
}

.infopagos ul li {
    font-size: 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: #b1122F;
    border: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 7px;
    font-family: Arial;
    color: #ffffff;
    font-size: 18px;
    width: 100%;
    cursor: pointer;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    /* margin-bottom: 8%; */
}

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

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 0; /* Location of the box */
    left: 0;
    background: #236192;
    top: 0;
    z-index: 2;
    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: 40%;
    position: relative;
    float: left;
    margin-left: 30%;
    margin-right: 30%;
    height: 80%;
    margin-top: 2%;
    overflow-y: scroll;
}

.contenedorPopup input[type=text],
.contenedorPopup input[type=email],
.contenedorPopup textarea {
    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: black;
    float: left;
    margin-top: 3.7%;
}

.condicionespopup {
    margin-top: 1%;
    display: inline-block;
    position: relative;
    float: left;
    text-align: center;
}

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

.inputenviar {
    border: none !important;
    background: #b1132f !important;
    color: white !important;
    font-weight: bold !important;
    /* margin-right: 2% !important; */
    cursor: pointer;
    padding: 7px 10px 7px 10px !important;
}

/* The Close Button */
.close {
    position: relative;
    float: right;
    z-index: 10;
}

.closemargenes {
    margin: -27px;
}

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

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

.contenedorPopup h3 {
    color: #b1132f;
}

.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: black;
    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: 60px 5% 30px 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%;
}


.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%;
    font-size: 1.8em;
    position: relative;
    float: left;
    width: 100%;
}

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

.infoCertificados p,
.infoCertificados ul {
    font-family: Lato;
    color: black;
    font-size: 1vw;
    margin-bottom: 4%;
    font-weight: 100;
    position: relative;
    float: left;
    width: 100%;
}

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

.margin50certificados {
    margin-top: 30px;
}

.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: black;
    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: black;
    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: black;
    font-size: 17px;
    font-weight: 100;
    text-align: left;
    padding: 2% 10% 0% 10%;
    width: 80%;
}

.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 {
    color: black;
    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 {
    font-family: Lato;
    color: black;
    font-size: 1vw;
    font-weight: 100;
}

.contenidoCaja, .contenidoCajaV2, .contenidoCajaV3, .contenidoCajaV4 p {
    padding: 4% 3% 4% 3%;
    background: #f2f2f2;
    font-family: Lato;
    color: black;
    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: black;
    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: black;
    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%;
}

/*ERROR 404, 403 Y EXCEPTION*/

.cabeceraerrores {
    position: relative;
    float: left;
    width: 100%;
    background: #b1122F;
}

.cabeceraerrores h1 {
    color: white;
    text-align: center;
}

.cabeceraerrores h2 {
    color: white;
    text-align: center;
}

.textointerior {
    width: 80%;
    position: relative;
    float: left;
    margin: 0 10%;
    padding: 30px 0;
}

.textointerior p {
    position: relative;
    float: left;
    width: 100%;
    margin: 5px 0;
    font-size: 14px;
}

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

.btncentropreparador {
    background: 0 0 #b1132f;
    border: 1px solid #b1132f;
    border-radius: 3px;
    color: white !important;
    cursor: pointer;
    font-size: 14px;
    float: left;
    text-align: center;
    position: relative;
    font-family: RobotoSlab;
    padding: 6px 11px;
}


/*INDEX SECTION MAPA*/
.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%;
}

blockquote {
    margin: 0 25%;
}

/*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%;*/
    margin: 5% 40% 0 40%;
    width: 20%;
}

#espanol {
    position: relative;
    float: left;
    width: 45%;
    margin-right: 5%;
}

#espanol1 {
    position: relative;
    float: left;
    width: 45%;
    margin-left: 5%;
}

.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;
}

.marginlist {
    margin-left: 5%;
}

.datospersonalesmargin {
    margin-left: 0%;
    width: 90%;
    position: relative;
    float: left;
    margin-bottom: 3%;
}

.marginpagar {
    width: 80%;
    padding-left: 10%;
    margin-left: 30%;
}

.marginresumen {
    width: 80%;
    /* padding-left: 11%; */
    position: relative;
    float: left;
    margin: 1% 1% 1% 11%;
}

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

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

.sizetitle {
    font-size: 5vw;
}

.convocatoriaspdf {
    position: relative;
    float: left;
    width: 96%;
    margin: 20px 2%;
    text-align: center;
}

/* Estilo para la cuadrícula */
.buscador-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 20px;
}

/* Estilo de cada elemento dentro de la cuadrícula */
.buscador-grid-item {
    background-color: #f4f4f4;
    padding: 10px;
    border-radius: 5px;
}

/* Título de cada sección con color de fondo */
.buscador-title {
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #336699; /* Fondo azul */
    color: white; /* Texto blanco */
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

/* Estilo de cada item de pdf */
.buscador-itempdf {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: white; /* Fondo blanco */
    color: black; /* Texto negro */
    border-radius: 5px;
    margin-bottom: 10px;
    transition: background-color 0.3s ease;
}

/* Efecto hover para cambiar el fondo de los items */
.buscador-itempdf:hover {
    background-color: #f1f1f1;
}

/* Estilo del texto dentro del item */
.buscador-text {
    font-size: 1rem;
    flex: 1;
    cursor: pointer;
}

/* Icono de descarga */
.buscador-download-icon {
    font-size: 1.2rem;
    color: #336699; /* Icono azul */
    text-decoration: none;
    transition: transform 0.3s ease, color 0.3s ease; /* Animación de escala y color */
}

/* Animación del icono en hover */
.buscador-download-icon:hover {
    transform: scale(1.2); /* Aumenta el tamaño al pasar el ratón */
    color: #FF6347; /* Cambia el color a un tono tomate */
}

/* Asegurar que el icono no afecte al layout al hacer click */
.buscador-itempdf a {
    pointer-events: auto;
}

/* Ajuste en tamaños de pantalla pequeños */
@media (max-width: 768px) {
    .buscador-grid-container {
        grid-template-columns: 1fr;
    }
}

/* Ajuste para pantallas más pequeñas (móviles) */
@media (max-width: 480px) {
    .buscador-text {
        font-size: 0.9rem;
    }

    .buscador-itempdf {
        flex-direction: column;
        align-items: flex-start;
    }

    .buscador-download-icon {
        margin-top: 10px;
    }
}



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

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


/*FORMULARIO CONSULTA CALENDARIO*/
.formulariofilter {
    position: relative;
    float: left;
    width: 80%;
    margin: 3% 10% 0% 10%;
}

.formulariofilter h2 {
    font-size: 2vw;
}

.formulariofilter hr {
    height: 13px;
    color: #d9d9d9;
    background: none;
    border-bottom: 2px solid;
}

.tablaCalendario {
    position: relative;
    float: left;
    width: 80%;
    margin: 0% 10% 0% 10%;
}

.fecha-calendario {
    width: 100%;
    padding-right: 0;
    position: relative;
    float: left;
    padding: 0 1% 1.5% 1%;

}

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

.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%;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: 35px;
}

.table {
    background-color: transparent;
    position: relative;
    float: left;
    width: 100%;
}

.table {
    border-spacing: 0;
    border-collapse: collapse;
}

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

th {
    text-align: left;
}

.table > thead > tr > th {
    padding: 15px;
    line-height: 1.42857143;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.table > thead:first-child > tr:first-child > th {
    border-top: 0;
    color: #236192;
    font-size: 1vw;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table > tbody > tr > td {
    padding: 15px;
    line-height: 1.42857143;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

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

.paginationwidth {
    width: 28% !important;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    width: 37%;
}

.pagination > li {
    display: inline;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    margin-left: 2%;
    border: 1px solid #ddd;
    border-radius: 9px;
}

.actual {
    background: #236192 !important;
    color: white !important;
}

.consultacalendar {
    font-size: 1vw;
}

.enlaceprofesoresplantilla {
    position: relative;
    float: left;
    width: 90%;
    margin: 1% 1% 1% 10%;
    font-size: 1vw;
}

/*.plantillasxls{
    margin-right:2%;
}*/

.btnplantillas {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 auto 10px auto;
    text-align: center;
    background: #bf0c25;
    font-weight: bold;
    color: white !important;
    padding: 5px 0;
    font-size: 1.2em;
    font-family: RobotoSlab;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.calendarconsult {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}

.calendarconsult2 {
    position: relative;
    float: left;
    width: 100%;
    text-align: right;
}

.titlematricula {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 2px solid #d9d9d9;
    margin-bottom: 2%;
}

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

.imagenlingua img {
    max-width: 100%;
}

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

.imgcalendario {
    width: 77%;
    margin-left: 23%;
    margin-top: -7%;
}

.calendarconsult a:hover {
    color: #b1132f !important;
}

.btnplantillas:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

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

#tituloseccionV3 {
    color: #236192;
    font-size: 3vw;
    font-weight: 400;
    position: relative;
    float: left;
    text-align: right;
    padding: 0;
    width: 90%;
}

#tituloseccionV5 {
    color: #236192;
    font-size: 3vw;
    font-weight: 400;
    position: relative;
    float: left;
    text-align: right;
    padding: 0;
}

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

#formconsultacalendariotipo span {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 300;
    color: #236192;
    margin-right: 10px;
}

#formconsultacalendariotipo input {
    margin-right: 20px;
}

#formconsultacalendariotipo label {
    margin-right: 5px;
    font-size: 16px;
}

#divvermas {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

#vermascentros {
    background-color: #0f3e68;
    color: white;
    padding: 10px 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#vermascentros:hover {
    cursor: pointer;
}

.titulocompleta {
    position: relative;
    float: left;
    width: 100%;
    color: #236192;
    font-size: 26px;
    margin: 20px 0;
    text-align: center;
    font-weight: bold;
}

.productosrelacionados {
    position: relative;
    float: left;
    width: 80%;
    margin: 0 10%;
}

.itemproducto {
    position: relative;
    float: left;
    width: 100%;
    background-color: #236192;
    padding: 1%;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    color: white;
}

.itemproducto p {
    color: white !important;
    text-align: left !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: "RobotoSlab" !important;
}

.blockimage {
    position: relative;
    float: left;
    width: 19%;
    margin-right: 1%;
}

.blockimage img {
    max-width: 100%;
}

.blockleft {
    position: relative;
    float: left;
    width: 65%;
}

.blockleft a {
    color: white;
    font-weight: bold;
}

.blockrigth {
    position: relative;
    float: right;
    width: 15%;
}

.itemproducto .titulo {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}

.itemproducto .descripcion {
    font-size: 16px;
}

.itemproducto .precio {
    text-align: center;
    font-size: 30px;
}

.itemproducto .addproducto,
.alertdisponible {
    background-color: #88b800;
    font-size: 20px;
    padding: 5px 5px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    float: right;
    color: white;
    margin-top: 10px;
}

.itemproducto .addproducto:hover,
.alertdisponible:hover {
    cursor: pointer;
    color: white;
}

.precioresumenpago {
    position: relative;
    float: left;
    width: 100%;
    text-align: right;
    font-size: 18px;
}

.precioresumenpago label {
    font-size: 28px;
    color: #88b800;
}

#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;
}

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

.colorazul {
    color: #236192;
}

.borrarproducto {
    color: #7F0D22;
}

.borrarproducto:hover {
    cursor: pointer;
}

#containerproducts {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 2%;
}

.eqWrap {
    display: flex;
    width: 100%;
}

.equalHMRWrap {
    justify-content: center;
    flex-wrap: wrap;
}

.itemmarket {
    width: 23%;
    margin: 20px 1%;
    box-sizing: border-box;
}

.marcocertificado {
    border: 5px solid #d9d9d9;
}

.itemmarket .imgproducto {
    width: 100%;
    margin-bottom: 10px;
}

.itemmarket .containertextoproducto {
    width: 100%;
    padding: 3%;
    box-sizing: border-box;
}

.itemmarket .containertextoproducto a {
    display: block;
}

.itemmarket .containertextoproducto a:hover {
    cursor: pointer;
}

.tituloproducto {
    font-size: 22px;
    color: #236192;
    font-weight: bold;
}

.textoproducto {
    font-size: 16px;
    font-weight: 200;
    text-align: left;
    line-height: 1.4em;
    color: black !important;
    font-family: Lato;
}

@media (max-width: 992px) {
    .equalHMRWrap .itemmarket {
        width: 31%;
    }
}

@media (max-width: 768px) {
    .equalHMRWrap .itemmarket {
        width: 100%;
    }
}

@media (max-width: 512px) {
    .equalHMRWrap .itemmarket {
        width: 100%;
    }

    .equalHMRWrap {
        flex-direction: column;
    }
}

.precioproducto {
    text-align: left;
    font-size: 30px;
    color: #236192;
}

.vermasproducto {
    background-color: #B1132F;
    font-size: 20px;
    padding: 5px 5px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    float: left;
    color: white !important;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 10px;
}

.vermasproducto:hover {
    cursor: pointer;
}

.coldetalleleft {
    position: relative;
    float: left;
    width: 30%;
    text-align: center;
}

.coldetalleleft .imgproducto {
    max-width: 100%;
}

.coldetallerigth {
    width: 65%;
    float: right;
    position: relative;
}

#detalleproducto {
    width: 80%;
    margin: 0 10%;
}

.coldetallecentral {
    width: 100%;
    float: left;
    position: relative;
    text-align: left;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 200;
    color: black;
    font-family: Lato;
}

.coladdcentral {
    width: 100%;
    float: left;
    position: relative;
    text-align: left;
    margin-top: 20px;
    font-size: 18px;
    color: black;
}

.titulodetalleproducto {
    font-size: 30px;
    color: #236192;
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
}

.textodetalleproducto {
    font-size: 20px;
    font-weight: 200;
    text-align: left;
    line-height: 1.4em;
    color: black;
    font-family: Lato;
}

.preciodetalleproducto {
    text-align: left;
    font-size: 30px;
    color: #236192;
    width: 100%;
    margin: 5px 0;
}

.divatras {
    position: relative;
    float: left;
    text-align: left;
    width: 100%;
    font-size: 20px;
}

#datosextra {
    position: relative;
    float: left;
    text-align: left;
    width: 100%;
}

.formdatospersonales {
    position: relative;
    float: left;
    text-align: left;
    width: 100%;
}

.linecertificado {
    position: relative;
    float: left;
    text-align: left;
    width: 100%;
    margin-bottom: 15px;
    font-size: 18px;
    color: black;
}

.linecertificado .input100 {
    width: 100%;
    padding: 4px 0;
    color: black;
}

.tituloform {
    font-weight: bold;
    font-size: 30px;
    position: relative;
    float: left;
    text-align: left;
    width: 100%;
    color: #236192;
    margin-bottom: 20px;
}

@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%;
    }

    .interiorsection h5 {
        width: 62%;
    }

    .paddingcentros {
        padding: 0 !important;
    }
}

@media screen and (max-width: 1190px) {
    .mainsliderlabels {
        margin-top: 2%;
    }

    .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,
    .infoCertificados ul {
        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;
    }

    .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;
    }

    .imgcalendario {
        margin-top: -9%;
    }


}

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

    .itempdf {
        width: 24%;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .itemstatsnew {
        position: relative;
        float: left;
        width: 90%;
        margin: 0 5% 30px 5%;
        box-sizing: border-box;
        display: inline-block;
    }
}

@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,
    .infoCertificados ul {
        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%;
    }

    .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
    }

    .containersection {
        margin-left: 0% !important;
        width: 66%;
    }

    .separadorConvoca {
        width: 63vw;
    }

    .sizetitle {
        font-size: 5vw;
    }

    .ancho70 {
        width: 80% !important;
        margin-left: 14%;
    }

    .ibox-footer .btn {
        font-size: 2vw;
    }

    .consultacalendar {
        font-size: 1.6vw;
    }

    .itempdf {
        width: 24%;
        margin-bottom: 20px;
        font-size: 2vw;
    }
}

/************ Estilos móviles ************/
@media screen and (max-width: 768px) {
    .mainsliderlabels {
        margin-top: 5%;
    }

    .responsive {
        display: block;
    }

    .nodisplay768 {
        display: none;
    }

    .avisospeakingmedium {
        font-size: medium;
    }

    .displayfull768 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .display90per768 {
        width: 90%;
    }

    .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: 35%;
    }

    .topbar-right {
        width: 65%;
    }

    .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%;
    }

    .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,
    .contenedorCentroPreparador {
        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: 90%;
        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;
    }

    blockquote {
        margin: 0 15%;
    }

    .marginresumen {
        width: 88%;
        /*padding-left: 11%;*/
    }

    .marginpagar {
        width: 95%;
        padding-left: 0%;
        /* margin-left: 30%; */
        margin-left: 5%;
    }

    .marginresumenresponsive {
        width: 10%;
        text-align: center;
        margin-left: 11%;
    }

    .ibox-footer .btn {
        margin: 1% 1% 1% 1%;
    }

    .ancho70 {
        width: 74% !important;
        padding: 3%;

    }

    .btnplantillas {
        width: 27%;
    }
}

@media screen and (max-width: 600px) {
    .mainsliderlabels {
        margin-top: 10%;
    }

    .calendarv3img1 {
        position: relative;
        float: left;
        width: 20%;
    }

    .calendarv3img2 {
        position: relative;
        float: left;
        width: 80%;
        margin-top: 0px;
    }

    .ancho70 {
        width: 75% !important;
        padding: 3% !important;
    }

    #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: 20px 0 0 0;
        padding: 10px;
        box-sizing: border-box;
        width: 43%;
        border-radius: 10px 10px 10px 10px;
    }

    #matriculateindex {
        margin: 20px 0 0 0;
        padding: 10px;
        box-sizing: border-box;
        width: 43%;
        border-radius: 10px 10px 10px 10px;
    }

    #matriculatelinguaskill {
        width: 43%;
        margin-top: 80px;
    }

    .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) {
    .mediumpr {
        font-size: 13px !important;
    }

    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: 65%;
        padding-top: 5px;
    }

    .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,
    .infoCertificados ul {
        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%;
        /*margin-left: 10%;*/
        /*margin-right: 10%;*/
    }

    .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: 4vw;
    }

    .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: 100%;
        margin-left: 0%;
        margin-top:  0% !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: 1.8vw;
    }

    .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;
    }


    blockquote {
        margin: 0 10%;
    }

    .containersection {
        margin-left: 0% !important;
        width: 100%;
    }

    .datospersonalesmargin {
        margin-left: 0%;
        font-size: 3vw;
    }

    .marginresumen {
        width: 100%;
        margin-left: 0%;
    }

    .marginresumenresponsive {
        width: 10%;
        text-align: center;
        margin-left: 0%;
    }

    .marginpagar {
        width: 70%;
        padding-left: 24%;
        position: relative;
        float: left;
    }

    .consultacalendar {
        font-size: 2.3vw;
    }

    #tituloseccion img {
        width: 25px !important;
    }

    .imgcalendario {
        width: 92%;
        margin-left: 7%;
        margin-top: -7%;
    }

    .maincontainer #divgaleria h1 {
        font-size: 20px;
    }
}


@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;
    }
    */
}

.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;
}

#textopoblacion h1 {
    font-size: 24px;
}

#textopoblacion h2 {
    font-size: 22px;
}

.form-control {
    width: 100%;
    color: #555;
    padding: 10px 5px;
    margin: 5px 0;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.col-sm-3 {
    width: 31%;
    margin: 0 1%;
    position: relative;
    float: left;
}

.containerconvocatoria {
    position: relative;
    float: left;
    width: 90%;
    margin: 30px 5%;
}

.colconvocatoria {
    position: relative;
    float: left;
    width: 30%;
    padding: 10px 2% 10px 1%;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%23CBCCCD' stroke-width='3' stroke-dasharray='20' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
    border-radius: 20px;
}

.colconvocatoria .detalle {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 20px;
}

.coldetalleconvocatoria {
    position: relative;
    float: right;
    width: 63%;
}

.coldetalleconvocatoria ul {
    margin-left: 20px !important;
}

.coldetalleconvocatoria h3 {
    margin-top: 5px;
}

.lineaconvocatoria a {
    color: black;
}

.botonmatriculate {
    width: 90%;
    background-color: rgba(150, 21, 49, 1) !important;
    color: white !important;
    margin: 10px 5%;
    position: relative;
    float: left;
    text-align: center;
    padding: 10px 0;
    font-size: 2em !important;
    font-weight: bold;
    line-height: 18px;
}

.botonmatriculate a {
    color: white;
}

.botonmatriculate:hover {
    cursor: pointer;
}

.divoculto {
    display: none;
}

@media screen and (max-width: 920px) {

    .colconvocatoria {
        width: 98%;
        margin: 20px 1%;
    }

    .coldetalleconvocatoria {
        width: 98%;
        margin: 20px 1%;
    }

    #divcertificados {
        display: none;
    }
}

.itempago {
    position: relative;
    float: left;
    width: 23%;
    margin: 10px 1%;
}

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

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

.pointer:hover {
    cursor: pointer;
}

.contenedorflex {
    display: flex;
    flex-wrap: wrap; /* Permitir el ajuste de líneas */
    justify-content: space-around;
    align-items: flex-start; /* Alinear elementos en la parte superior */
}

.input-container {
    width: 31%;
    padding: 1%;
}

.input-container-25 {
    width: 23%;
    padding: 1%;
}

.input-container-50 {
    width: 48%;
    padding: 1%;
}

.input-container-100 {
    width: 100%;
    padding: 1%;
}

.lineapublica {
    width: 90%;
    margin: 0 auto;
}

.botonsubmit {
    background-color: #7F0D22 !important;
    color: white !important;
    padding: 10px 20px !important;
    border: none !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    margin: 10px 0 !important;
    font-size: 18px;
}

.botonlimpiar {
    background-color: transparent !important;
    color: #7F0D22 !important;
    padding: 10px 20px !important;
    border: none !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    margin: 10px 0 !important;
}

.ibox-footer {
    width: 100%;
    display: block;
    margin-block: 10px;
    overflow-y: auto;
}

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

    .itemresumenpago {
        width: 100%;
    }

    .itemproducto {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .blockrigth {
        text-align: end;
        width: 100%;
        margin-right: 2em;
        margin-bottom: 1em;
    }

    .blockimage {
        margin: 1em;
        width: 300px;
    }
}

/*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;
}*/

.preciotachado{
    text-decoration: line-through;
    color: #7F0D22;
    font-size: 20px;
}

.divinformacion a{
    text-decoration: underline !important;
}