html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    font-family: FuenteTeclado;
}

.fondoimagen {
    min-height: 100vh;
    background-color: red;
    background: url(../images/fondo.png) no-repeat;
    background-position: center;
    /* center the image */
    background-size: cover;
    /* cover the entire window */
}

.mensajelogin2002 {
    color: gray;
    font-size: 9pt;
    font-family: Arial;
}

.subtitulologin2002 {
    color: black;
    font-size: 10pt;
}

.BOTON2022 {
    width: 200px;
    height: 50px;
    border-radius: 40px;
    background-color: #f48d1c;
    border: none;
    font-size: 15px;
    color: white;
}

.BOTON2022:hover {
    background-color: #1e414f;
}



.fondocasilla {
    /*display: block;*/
    font-size: 20px;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    color: #444;
    line-height: 1.3;
    padding: .4em 1.4em .3em .8em;
    width: 100%;
    box-sizing: border-box;
    margin: 10px;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .03);
    border-radius: .9em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
}

.fondocasilla:hover {
    border-color: #888;
}

.fondocasilla:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}

#sidebar-nav {
    width: 160px;
}

.titulopagina{
    font-size: 25pt;
    font-weight: 700;
}

.botontitulo {
    width: 200px;
    height: 50px;
    border-radius: 40px;
    background-color: #39009d;
    border: none;
    font-size: 15px;
    color: white;
    font-family: FuenteTeclado;
}


.tituloventana {
    font-size: 150pt;
    color: white;
    font-family: FuenteTeclado;
    font-weight: 700;
}

.botonxcerrarventana {
    border-radius: 40px;
    background-color: transparent;
    border: none;
    font-size: 30px;
    color: white;
    font-family: FuenteTeclado;
}

.botontitulo:hover {
    background-color: #5b80c1;
}

.titulopagina{
    font-size: 15pt;font-weight: 900;
}

.subtitulopagina{
    font-size: 11pt;font-weight: 900;
}


@font-face {
    font-family: 'FuenteTeclado';
    src: url('../fonts/Poppins-Regular.ttf');
}


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

    .fondoimagen {
        min-height: 250px;
        height: 250px;
    }

    .titulopagina{
        font-size: 15pt;
        font-weight: 700;
    }
    .botontitulo {
        font-size: 11pt;
        width: 100px;
        height: 35px;
    }
}


/*------------------------------------------------------*/

.small-box{border-radius:.25rem;box-shadow:0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);display:block;margin-bottom:20px;position:relative}
.small-box>.inner{padding:10px}
.small-box>.small-box-footer{background:rgba(0,0,0,.1);color:rgba(255,255,255,.8);display:block;padding:3px 0;position:relative;text-align:center;text-decoration:none;}
.small-box>.small-box-footer:hover{background:rgba(0,0,0,.15);color:#fff}.small-box h3{font-size:2.2rem;font-weight:700;margin:0 0 10px 0;padding:0;white-space:nowrap}@media (min-width:992px){.col-lg-2 
.small-box h3,.col-md-2 .small-box h3,.col-xl-2 
.small-box h3{font-size:1.6rem}.col-lg-3 .small-box h3,.col-md-3 
.small-box h3,.col-xl-3 
.small-box h3{font-size:1.6rem}}@media (min-width:1200px){.col-lg-2 .small-box h3,.col-md-2 
.small-box h3,.col-xl-2 .small-box h3{font-size:2.2rem}.col-lg-3 .small-box h3,.col-md-3 
.small-box h3,.col-xl-3 
.small-box h3{font-size:2.2rem}}.small-box p{font-size:1rem}
.small-box p>small{color:#f8f9fa;display:block;font-size:.9rem;margin-top:5px}
.small-box h3,
.small-box p{z-index:5}
.small-box .icon{color:rgba(0,0,0,.15);z-index:0}
.small-box .icon>i{font-size:90px;position:absolute;right:15px;top:15px;transition:all .3s linear}
.small-box .icon>i.fa,.small-box .icon>i.fab,.small-box .icon>i.far,.small-box .icon>i.fas,.small-box .icon>i.glyphicon,
.small-box .icon>i.ion{font-size:70px;top:20px}.small-box:hover{text-decoration:none}.small-box:hover .icon>i{font-size:95px}
.small-box:hover .icon>i.fa,.small-box:hover .icon>i.fab,.small-box:hover .icon>i.far,.small-box:hover .icon>i.fas,
.small-box:hover .icon>i.glyphicon,.small-box:hover .icon>i.ion{font-size:75px}@media (max-width:767.98px){.small-box{text-align:center}
.small-box .icon{display:none}
.small-box p{font-size:12px}}

.botonformulario {
    width: 100px;
    height: 30px;
    border-radius: 40px;
    background-color: #f48d1c;
    border: none;
    font-size: 9pt;
    color: white;
}

.botonformulario:hover {
    background-color: #1e414f;
    font-size: 9pt;
    color: white;
}

.botonformulario3 {
    width: 100px;
    height: 20px;
    border-radius: 40px;
    background-color: transparent;
    border: none;
    font-size: 9pt;
    color: black;
}

.botonformulario3:hover {   
    font-size: 9pt;
    
}

.botonformulario2 {
    width: 100px;
    height: 20px;
    border-radius: 40px;
    background-color: transparent;
    border: none;
    font-size: 9pt;
    color: #f48d1c;
}

.botonformulario2:hover {   
    font-size: 9pt;
    
}

.botontabla {
    width: 100px;
    height: 30px;
    border-radius: 40px;
    background-color: #f48d1c;
    border: none;
    font-size: 10pt;
    color: white;
}

.botontabla:hover {
    background-color: #075f53;
    color: white;
}

.dropdown-menu > li > a:hover {
    background-color: #f48d1c;
    color: white;
    background-image: none;
}

.itemlista {
    text-decoration: none;

}

.itemlista:hover {
    background-color: moccasin;
    font-weight: 600;
}