/*Ajuste para pantallas con poco contenido como requestok_fullsample, para no scrollear hasta el pie*/
html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1 0 auto;
}

header,
footer {
  flex-shrink: 0;
}
/**/

.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #9f1525;
    color: #fff;
    padding: 8px 16px;
    text-decoration: none;
}

header{width:100%;padding-bottom: 0 !important;}

.p-relative{position: relative;}
.p-absolute{position: absolute;}

.aclaracion{font-size: 1em;margin-top:7px;margin-bottom:20px;}
.bolditalic{font-weight: bold;font-style:italic;}
.nowrap{white-space: nowrap;}

/*Especiales Pantallas Alumno y Docente elige serie*/
.eligeserie{text-align: center;display: flex;align-items: center;justify-content: center;margin-top:42px;}
.series{max-width:950px;}
.series a{display: inline-block;width:93%;max-width:240px;cursor: pointer;margin:15px 10px;}
.series a:hover{-webkit-transform: scale(1.05);transform: scale(1.05);-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.series a img{width:100%;}
.series .titulo,.series .bajada{line-height: 1.35;}
.series .bajada{font-size: 1.35em;}

/**/

#requestsample{width: 100%;min-height: 100px;background-color: white;text-align: center;padding-bottom: 26px;margin-bottom:0;}

#pie{width: 100%;height:auto;min-height: 60px;position: relative;background-color: #fff;border-top: 1px solid white;}
#pie .contacto,#pie .highlights{font-family:'Roboto',sans-serif;font-size:17px;vertical-align:middle;border:1px solid white;border-radius:7px;padding:5px 12px;margin:5px;display:inline-block;text-decoration:none;cursor:pointer;}
#pie .contacto{color:white;}
#pie .contacto:hover,#pie .highlights:hover{color:#fff;border:1px solid #4e4e4e;text-decoration:none;box-shadow: 0 0 5px 3px rgba(255,255,255,0.5);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
#pie .highlights{background-color:#4e4e4e;color:#fff;}
#pie .contacto:hover{background-color: #4e4e4e;}
#pie .highlights:hover{background-color: #366db0;}

#pie .col{width:100%;text-align: center;display: block;padding-top:10px;vertical-align: middle;}
#pie img{width: 115px;margin:10px 5px;display: inline-block;}
#pie ul{margin-right: 15px;padding-left:0;}
#pie ul li{display: inline-block;margin:10px;}
#pie ul li:first-child img{width: 14px;}
#pie .redes i{color: #c71c31;font-size:1.7em;margin:0 5px;}
#pie .redes i:hover{-webkit-transform:scale(1.07);transform:scale(1.08);}

/*Políticas Privacidad*/
footer{
  position: relative;
  margin-top: 20px;
  bottom:0;
  text-align:center;
  width:100%;
}
footer .politicas{padding:10px 20px;background-color: #4e4e4e;color:#fff;border-top:1px solid gray;}
footer .politicas a{color: #fff;}
footer p{font-size:1em;margin-bottom:0;}
footer .politicas .sepvert{margin:0.5em 0.8em;}
footer button[data-cc-action="preferences"]{
  display: inline;
    -webkit-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent; 
    background: transparent;
    border: 0;
    color: white;
    text-decoration: underline;
}

#btnrequestsample{
	font-size: 21px;   
    margin: 60px 0;
    background-color: #c71c31;
    color: white;
    font-weight: 500;
    width: 260px;
    padding: 8px 24px;
    border-radius: 25px;
    -webkit-appearance: none;
    display: inline-block;
}
#btnrequestsample a{color: white;text-decoration: none;margin-top: 20px;}
#btnrequestsample:hover, #btnrequestsample:focus{transform: scale(1.03);}

.caja{
	width: 100%;
}

#contenedor > *{
	margin: 0 auto;
}

#contenedor{
	width:100%;
	height:auto;
}
#contenido img{
	text-align: center;width:100%;
}

/*Ojito passwords*/
form i.ojitopass{
	font-size:20px;
	position: absolute;
	top: 10px;
	right:7%;
	cursor: pointer;
}
label b{font-weight:500;}

/*Modales que recuperan datos de Usuario*/
.modalrecupera .title{font-size: 1.85em;}
.modalrecupera .modal-header{border-bottom: 0;padding-bottom:0;}
.modalrecupera .modal-body{padding-top:0;}
.modalrecupera form{margin: 30px auto;max-width: 450px;}
.modalrecupera form label{font-size:1.3em;display: block;text-align: center;}
.modalrecupera .bajada{margin:20px auto;}
.modalrecupera .btn{
    font-size: 21px;
    border-radius: 25px;
    width: 90%;
    max-width: 270px;
    background-color: #c71c31;
    color: white;
    font-weight: 500;
    padding: 5px 20px;
    -webkit-appearance: none;
    display: block;
    margin:30px auto 20px auto;
}
.modalrecupera form input,.modalrecupera form select{border:1px solid #c71c31;border-radius:25px;padding:6px 10px;font-size:18px;min-height: 40px;width: 95%;max-width: 450px;}
.modalrecupera .btn:hover{background-color: #a31022;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.modalrecupera #ulseries li .active{border: 3px solid #c71c31;}
.msjescreen .arrow{width:30px;margin:0 5px;}
a.rojo:hover{color: #9b0719;}

/**/
#menu{min-height:60px;box-shadow: none;}

@media (min-width:600px){
  .eligeserie{margin-top:0;}
  #cabaseries .eligeserie{margin-top:40px;}
}
@media (min-width:1021px){
  #cabaseries .eligeserie{margin-top:0}
}
@media (min-width:1080px){
  #registrootp .recuadroform,#registrogr .recuadroform, #registrogi .recuadroform{margin-top:55px;}
}


/**/
@media (max-width: 390px){
	#pie > ul{margin-right: 0;}
}
@media (min-width: 570px){#pie img{margin-left: 30px;}}

@media (min-width:815px){
	#pie .col{display: inline-block;width:50%;text-align: left;}
	#pie ul li{margin:0 10px;}
	#pie .redes{text-align: right;width:46%}
}

@media (min-width: 980px){#pie .redes{width:48%;}}