/*COLORES 
    Azul Fuerte -->  #2A3584
    Azul Claro  -->  #3F51B5
    Fuxia  -->  #FE4180
    Gris  -->  #A9AAAA
    Gris Fondo  -->  #F5F5F5

    Verde agua -->  #00816d
    Azul Claro  -->  #48C3AF
    Naranja  -->  #F8931F
    Gris  -->  #A9AAAA
    Gris Fondo  -->  #F5F5F5
    Gris Oscuro  -->  #333
*/
html {
    font-size: 100% !important;
    font-family: 'Open Sans', sans-serif !important;
    min-width:400px;
}
body {    
    font-size: 100% !important;
    font-family: 'Open Sans', sans-serif !important;
    margin: 0;
    background: url(/images/fondologin3_5.jpg) repeat center fixed #00816d;
    /*background-blend-mode: multiply;*/
}
.box {
    margin: 20vh auto 0 auto;
    width: 600px;
    min-width:300px;
    box-shadow: 0px 0px 20px 7px #000;
    border-radius: 3px;
}
.box-back {
    background-color: #FFF;
    /*padding: 20px;*/
    border-radius: 5px;
}
.box-header span{
    /* background-color:#F8931F;
    color: #FFF;*/
    text-transform:uppercase;
    padding: 20px;
    /*background-color:#F8931F;*/
    color:#F8931F;
    display: block;
    font-size: 2em;
}
.box-body{    
    padding: 0 20px 20px 20px;
}
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.right{
    text-align:right;
}
.pie {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    background-color: #333;
}
.pie span{
	color: #FFFFFF;
	font-size: 1em;
	text-shadow: 0.025em 0.025em 0.025em rgba(0, 0, 0, 0.8), 0 0 0.5em rgba(255, 255, 255, 0.3);
}

.dxpc-headerImg {
    width:25px;
}
.divisor{
    margin:0;
}
#popupMensajeModal_cuerpo {
    min-height:50px;
}
#popupMensajeModal_divAceptar, #popupMensajeModal_divSiNo {
    margin: 20px 0 0 0;
}

@media (max-width: 620px) {    
    .box {
        /*margin: 10vh auto 0 auto;*/
        width:400px;
    }
}
@media (max-width: 480px) {    
    .box {
        /*margin: 10vh auto 0 auto;*/
        width:300px;
    }
}
@media (max-width: 375px) {
    body {
        font-size: 80%;
        /*min-width:350px;*/
    }
    .box {
        width:300px;
    }
}