*{  
    font-family: 'Helvetica', Roboto, sans-serif;  
    color: #272829 !important;
}

html,
body {
    width: 100%;
    height: 100%;
    background: #fff!important;
    font-size: 12pt;
}

.borde{ border: 1px solid red;    }

hr{
    border: 1px solid #ccc !important; 
    background-color: #ccc !important;
}

.contenedor{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

.margen-lateral{
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.cursor, .vermas{    cursor: pointer !important;}

.inputUC{
    width: 80%;
    border: 0px;
    padding: 15px;
    border-bottom: 1px solid #ccc;
    background-color: transparent !important;
    color: white !important;
}

.label{
  
    width: 75%;
    font-size: 10pt;
}

#dataForm{  margin-top: 2rem !important;    }
#dataForm2{     margin-top: 9rem !important;    }

.mt-2-3{
    margin-top: 2.3rem !important
}

#divBotonEnviar{    width: 80% !important;  }

.end-15 {
    right: 10% !important;
}

.bottom-10 {
    bottom: 10% !important;
}

.titulo{    
    font-size: 24pt;
    color: #fff !important;
    
}

.contador{
    background-color: #fff !important;
    border-radius: 20px;
    display: inline-block;
    font-size: 36pt;
    font-weight: 400;
    padding: 20px;
}

.pequeno{   
    font-size: 12pt !important;
    margin-bottom: 0rem !important;
}

.text-justify, .resumen{  text-align: justify;    }

.detalle{
    text-align: justify;
    display: none;
}

#img03{ width: 185px !important;}

@media only screen and (max-width: 1920px) {
    .contenedor{    
        max-width: 100% !important;
        border: 0px red solid;
    }
}

@media only screen and (min-width: 1921px) {
    .contenedor{    
        max-width: 2000px !important;
        border: 0px blue solid;
    }

}


@media only screen and (min-width: 0) and (max-width: 500px) and (orientation: portrait) {

    #dataForm{  margin-top: 0rem !important;    }
    #dataForm2{     
        margin-top: -1rem !important;
        margin-left: 3rem !important; 
    
    }

    #divBotonEnviar{    width: 98% !important;  }

    #enviar_1, #enviar_2{  margin-bottom: 2rem !important;}
    
    #dataForm2 .inputUC{   width: 92% !important; }

    .titulo{    
        font-size: 8pt;
        color: #fff !important;
        margin-bottom: 0.1rem !important;
    }
    
    .contador{
        background-color: #fff !important;
        border-radius: 10px;
        display: inline-block;
        font-size: 9pt;
        font-weight: 400;
        padding: 10px;
    }

    .end-15 {
        right: 5% !important;
    }
    
    .bottom-10 {
        bottom: 0% !important;
    }

    .pequeno{   
        font-size: 4pt !important;
        margin-bottom: 0rem !important;
    }

    #microfono{ text-align: center;}


}



@media only screen and (min-width: 0) and (max-width: 1000px) and (orientation: landscape) {

    #dataForm{  margin-top: 1.5rem !important;    }
    #dataForm2{     
        margin-top: 3.5rem !important;
        margin-left: 0rem !important; 
    
    }

    #divBotonEnviar{    width: 98% !important;  }

    #enviar_1, #enviar_2{  margin-bottom: 2rem !important;}
    
    #dataForm2 .inputUC{   width: 90% !important; }

    .titulo{    
        font-size: 14pt;
        color: #fff !important;
        margin-bottom: 0.1rem !important;
    }
    
    .contador{
        background-color: #fff !important;
        border-radius: 10px;
        display: inline-block;
        font-size: 16pt;
        font-weight: 400;
        padding: 10px;
    }

    .end-15 {
        right: 7.5% !important;
    }
    
    .bottom-10 {
        bottom: 10% !important;
    }

    .pequeno{   
        font-size: 8pt !important;
        margin-bottom: 0rem !important;
    }

    #img03{ width: 95px !important;}

    .altoV{
        height: 450px;
    }
    
}