.body {
}

.TamanoLabel1 {
    font-weight: bold;
    font-size: 14px;
    color: rgb(255, 255, 255);
}

.TamanoLabel2 {
    font-weight: bold;
    font-size: 14px;
    color: rgb(255, 255, 255);
}

.EstiloLabelAvisos {
    border:1px solid white;
    padding:10px;
    border-radius:15px;
    font-size:14px;
    font-weight:bold;
}

.TabDropDown1 {
    margin-left: 1em;
}

.TabDropDown2 {
    margin-left: 1em;
}

.ColorFondo {
    background-color: rgb(75,0,155);
}

.FloatDerecha {
    float: right;
}

.FloatIzquierda {
    float: left;
}

.AnchoGridView {
    width: 100%;
}

/*******************/

.divBienvenidos {
    font-weight:bold;
    font-size:48px;
    text-align:center;    
}

.divContenido {
    width:100%;
    height:100%;
    margin-left: 10%;
    margin-right: 10%;
}

.divSeccion {
    float:left;
    text-align:center;
    margin-left:15%;
    margin-right:15%;
}

.divOpcMenu {
    width:13%;
    max-width:200px;
    height:13%;
    max-height:200px;
    border-radius:15px;
    border: 1px solid transparent; 
    float:left;
    padding:10px;
    text-align:center;
}

.TamanoImagenLogo {
    width:100%;
    max-width:125px;
    height:100%;  
    max-height:100px;  
    border-radius:15px;    
    border: 1px solid transparent;
    background-color:white;
    text-align:center;
}

@media screen and (max-width: 885px) {
    .divOpcMenu {
        width: 15%;
        max-width: 150px;
        height: 15%;
        max-height: 150px;
        border-radius: 15px;
        border: 1px solid transparent;
        float: left;
        padding: 3px;
        text-align: center;
    }
}

@media screen and (max-width: 800px) {
    .divOpcMenu {
        width:13%;
        max-width:200px;
        height:13%;
        max-height:200px;
        border-radius:15px;
        border: 1px solid transparent; 
        float:left;
        padding:5px;
        text-align:center;
    }
}

@media screen and (max-width: 550px) {
    .divBienvenidos {
        font-weight:bold;
        font-size:20px;
        text-align:center;    
    }    

     .divOpcMenu {
        width:13%;
        max-width:200px;
        height:13%;
        max-height:200px;
        border-radius:15px;
        border: 1px solid transparent; 
        float:left;
        padding:5px;
        text-align:center;
    }
}

@media screen and (max-width: 500px) {
    .divBienvenidos {
        font-weight:bold;
        font-size:20px;
        text-align:center;    
    }

    .divContenido {
        margin-left: 7%;
        margin-right: 7%;
    }

     .divOpcMenu {
        width:13%;
        max-width:200px;
        height:13%;
        max-height:200px;
        border-radius:15px;
        border: 1px solid transparent; 
        float:left;
        padding:2px;
        text-align:center;
    }

}

@media screen and (max-width: 300px) {
     .divContenido {
        margin-left: 5%;
        margin-right: 5%;
    }

      .divOpcMenu {
        width:13%;
        max-width:200px;
        height:13%;
        max-height:200px;
        border-radius:15px;
        border: 1px solid transparent; 
        float:left;
        /*padding:0px;*/
        text-align:center;
    }

}

@media screen and (max-width: 250px) {
    .divBienvenidos {
        font-weight:bold;
        font-size:10px;
        text-align:center;    
    }

    .divContenido {
        margin-left: 4%;
        margin-right: 4%;
    }

   .divOpcMenu {
        width:100%;
        max-width:172px;
        height:100%;
        max-height:150px;
        border-radius:15px;
        border: 1px solid transparent; 
        float:left;
        padding:10px;
        text-align:center;
    }

    .TamanoImagenLogo {
        width: 100%;
        max-width: 50px;
        height: 100%;
        max-height: 25px;
        border-radius: 15px;
        border: 1px solid transparent;
        background-color: white;
        text-align: center;
    }
}

@media screen and (max-width: 200px) {
    .divBienvenidos {
        font-weight:bold;
        font-size:10px;
        text-align:center;    
    }

    .divContenido {
        margin-left: 0%;
        margin-right: 0%;
    }

   .divOpcMenu {
        width:100%;
        max-width:50px;
        height:100%;
        max-height:25px;
        border-radius:15px;
        border: 1px solid transparent; 
        float:left;
        padding:0px;
        text-align:center;
    }

    .TamanoImagenLogo {
        width: 100%;
        max-width: 50px;
        height: 100%;
        max-height: 25px;
        border-radius: 15px;
        border: 1px solid transparent;
        background-color: white;
        text-align: center;
    }
}