/* index */
.alertatop{ position: relative; color: white; font-size: 12px; text-align: center; top: 0px; left:0px; width: 100%; padding: 10px 10px; margin-bottom: 40px;  z-index: 1000; background-color: #b92a33; }
.alertatop a{ color: white; text-decoration: underline; }

.izquierda { position: relative; display:inline-block; vertical-align: middle; width: 33%; background-color: #ffffff; padding: 80px 0 0 0; height: 100vh; font-size: 0; }
.izquierda .titulo { width: 80%; margin:auto; text-align:right; font-size: 64px; line-height: 68px; font-weight: bold; color:#b92a33; font-family: 'Univers LT Std', sans-serif; }
.izquierda .fechas { width: 80%; margin:auto; font-size:16px; line-height: 22px; font-weight: bold; color:#c5003e; text-align: right; padding-top: 20px; }

.izquierda .tex_aval { position:absolute; bottom: 180px;
    width: 100%;
    text-align: center;
    color: black;
    z-index: 5;
    font-size: 11px;
    font-weight: bold; }
.izquierda .logo { position:absolute; bottom: 40px; width:100%; text-align: center; }
.izquierda .logo img { max-width:85%; }

.celdalogo{ box-sizing: border-box; display: inline-block; margin-bottom: 15px;   }
.leyendalogo{ display: block; width: 100%; text-align: left; font-size: 12px; font-weight: bold; color: black; margin-left: 10%; margin-bottom: 10px; }

@media screen and (max-width: 1200px ){
	.izquierda .titulo { font-size: 42px; line-height: 51px; }
}

@media screen and (max-width: 1024px ){
	.izquierda .titulo { font-size: 36px; line-height: 43px; }
	.izquierda .fechas { font-size: 14px; line-height: 19px; }
}

@media screen and (max-width: 800px ){
	.izquierda { width:100%; height: auto; padding: 30px 0; }
	.izquierda .titulo { width: 90%; font-size: 30px; line-height: 35px; }
	.izquierda .fechas { width: 90%; font-size:13px; line-height: 17px; padding-top: 10px; }
	.izquierda .lado1 { display:inline-block; vertical-align: middle; text-align: center; width:40%; }
	.izquierda .lado2 { display:inline-block; vertical-align: top; text-align: center; width:60%; }
	.izquierda .tex_aval { position: relative; bottom: 0px; }
	.izquierda .logo { position:relative; bottom: auto; left: auto; width: 90%; margin:auto; padding-top: 30px; padding-left: 30px; }
	.izquierda .logo img { max-height:86px; }
    .celdalogo{ box-sizing: border-box; display: inline-block; margin-bottom: 15px; width: 30%;   }
}

@media screen and (max-width: 790px ){
	.izquierda .lado1 { width:100%; }
	.izquierda .lado2 { width:100%; }
	.izquierda .titulo { font-size: 26px; text-align: center; }
	.izquierda .titulo br { display:none; }
	.izquierda .fechas { text-align: center; }
	.izquierda .logo {  }
}


.derecha { position: relative; display:inline-block; vertical-align: middle; width: 67%; background: url("../img/fondo.jpg") center center no-repeat; background-size: cover; padding: 30px; min-height: 100vh; text-align: center; }
.derecha .centrada { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color:#ffffff; font-size:11px; text-align: left; }
.derecha .semiCentrada { width:310px; margin:auto; color:#ffffff; font-size:11px; text-align: left; }
.derecha .bVerde { display:inline-block; width:120px; font-size:11px; color:#ffffff; background-color: #c5003e; padding: 9px 0px 7px 0px; border-radius: 8px; margin:12px 0px; text-align: center; text-decoration: none; }
.derecha .bBlanco { display:inline-block; width:120px; font-size:11px; color:#c5003e !important; background-color: #dddddd; padding: 9px 0px 7px 0px; border-radius: 8px; margin:12px 0px; text-align: center; text-decoration: none; }
.derecha .bTexto { text-decoration: underline; float:right; text-decoration: none; }
.derecha .inputNormal { width: 260px; font-size:11px; color:#ffffff; border-radius: 8px; border:solid #ffffff 1px; margin:7px 0px 15px 0px; padding: 16px 5px 12px 15px; background: rgba(255,255,255,0.4); outline: none; }
.derecha .inputUsuario { width: 260px; font-size:11px; color:#ffffff; border-radius: 8px; border:solid #ffffff 1px; margin:12px 0px 7px 0px; padding: 16px 5px 12px 40px; background: rgba(255,255,255,0.4) url("../img/user.png") 12px center no-repeat; outline: none; }
.derecha .inputClave { width: 260px; font-size:11px; color:#ffffff; border-radius: 8px; border:solid #ffffff 1px; margin:7px 0px 15px 0px; padding: 16px 5px 12px 40px; background: rgba(255,255,255,0.4) url("../img/pass.png") 12px center no-repeat; outline: none; }
select option{
    color:#333;
}
@media screen and (max-width: 800px ){
	.derecha { width:100%; height: auto; min-height: 400px; text-align: center; }
	.derecha .centrador { position:relative; left: auto; top: auto; -webkit-transform: none; transform: none; display:inline-block; }
}






















/* Centra el input personalizado con el texto */
.custom-radio-checkbox {
    display: inline-flex;
    /*align-items: center;*/
    cursor: pointer;
    font-family: arial;
}

/* Modificador para dar la imagen de checkbox */
.custom-radio-checkbox__show--checkbox {
    background-image: url("../img/checkbox-uncheck.png");
}

/* Oculta input original */
.custom-radio-checkbox > .custom-radio-checkbox__input {
    display: none;
}

/* Radio personalizado usando <span> */
.custom-radio-checkbox > .custom-radio-checkbox__show {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: .5rem;
    background-size: cover;
}

/* Cambia el checkbox personalizado cuando es pulsado */
.custom-radio-checkbox > .custom-radio-checkbox__input:checked + .custom-radio-checkbox__show--checkbox {
    background-image: url("../img/checkbox-check.png");
}