﻿.divCuerpoInicio { position: relative; text-align: justify; }
.divCuerpoInicio { padding: 1.5%; border-left: 2px dotted #436B84; border-right: 2px dotted #436B84; }
.divContenidoTexto p { margin-top: 0px; margin-bottom: 10px; }
.divBotonesInicio { overflow: auto; padding-top: 1%; }
    .divBotonesInicio input[type='submit'] { float: left; margin-left: 5%; margin-bottom: 5%; vertical-align: middle; width: 90%; height: 7vh; font-size: 16px; font-weight: bold; max-height: 50px }
    .divBotonesInicio input[type='submit'] { display: block; text-align: center; text-decoration: none; white-space: normal; }
.divModalInitCabeza { font-size: 15px; text-align: justify; }
    .divModalInitCabeza p { text-align: justify; margin: 0px; }
.divModalInitPie { font-size: 15px; color: #00793B; font-weight: bolder; text-align: justify; border-top: 1px dashed #727272; padding-top: 10px; margin-top: 10px; }
    .divModalInitPie p { text-align: justify; margin: 0px; }
.btnInstrucciones { display: block; width: 280px; padding: 3px; }
.btnInstrucciones { text-align: center; text-decoration: none !important; }
.btnInstrucciones { border: 1px solid #00ACBA; color: #00ACBA; white-space: normal; background-color: #CCEEF1; }
    .btnInstrucciones:hover { color: #FFFFFF; background-color: #00ACBA; }
b { background: url('../img/vineta1.png') no-repeat; width: 9px; height: 9px; display: inline-block !important; }
.Titulo { color: #00ACBA; }
.ventanaModal .ventanaModalContenido { width: 100%; }
.ventanaModal .ventanaModalTitulo { padding: initial; height: 25px; }
    .ventanaModal .ventanaModalTitulo .manejador { padding-top: 3px; }

.contenerpnVentanaModalInicio{
    width:100%;
}
@media screen and (max-width:1600px) {
    body { font-size: 1.5vw !important; }
}

@media screen and (max-width:1440px) {
    body { font-size: 1vw !important; }
}

@media screen and (max-width:1024px) {
    .divCuerpoInicio { padding-top: 5%; }
}

@media screen and (max-width:800px) {
    body { font-size: 2.5vw !important; }
    .divCuerpoInicio { padding-top: 8%; }
    .divBotonesInicio { padding-top: 3%; }
}

@media screen and (max-width:600px) {
    body { font-size: 2.5vw !important; }
    .divCuerpoInicio { padding-top: 25%; }
    .divHeaderImgDer { right: inherit; left: 30%; }
    .divBotonesInicio { padding-top: 3%; }
}

@media screen and (max-width:400px) {
    body { font-size: 3vw !important; }
}
