#menu a{
    font-family: 'robotobold';
    color: black;
    font-size: 18px;
    margin: 18px;
    margin-top: 10px;
}

#menu a:hover{
    font-family: 'robotobold';
    color: black;
    margin: 17px;
    text-decoration: none;
}


.navbar-inverse .navbar-toggler-icon {
    background-image: url(../img/menuhamburguesa.png);
    margin-left: -12px;
}


/*propios del sitio*/
.seleccion a:hover{
    
    background-image: url(../imagenes/brochazo-menu.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center; 

}

.activo{
    background-image: url(../imagenes/brochazo-menu.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center; 
    margin: 15px;
}
.btn_descarga {
    cursor: pointer !important;
}
.selectDistribuidor{
    height: 4em !important;
    cursor: pointer;
}

.verdeTitulos{
    color: #006633;
    font-weight: 800;
}
.azulTitulos{
    color: #011689;
    font-weight: 800;
}

.fondoGris{
    background-color:#E2DFDF;
}
.alineadoDerecha{
    margin-left: auto;
}

.paddingrow{
    padding-bottom: 5%;
}
.botonReset{
    color: #006633; 
    cursor: pointer;
}
.linearosa{
    border-right: 2px solid #da0081;
}
.divimgLogoCliente{
    z-index: 10;
    position: absolute;
    width: 13%;
    padding-top: 6%; 

}
.imgLogoCliente{
    
   width: 100%; 
}

.textoBlanco{
    color: #FFFFFF; 
    padding-top: 5px; 
}
.bandera{
    padding-top: 15%;
    width: 50%;
}
.remarca{
    font-weight: 700;
}


/* fin propios del sitio*/

/* inicio medias querys default*/
/*Móviles */
@media only screen and (min-width : 200px) {
    .fantasma{
        display: none;
    }
    .divimgLogoCliente{
        position: relative;
        padding-top: 1%;
    }
    .textoBlanco{
        color: #FFFFFF; 
        padding-top: 5px; 
        font-size: 20px;

    }
    .bandera{
    width: 30%;
    padding-top:1%;
    }
    
}
/*Móviles */
@media only screen and (min-width : 480px) {
   .fantasma{
        display: none;
    }
    .divimgLogoCliente{
        position: relative;
        padding-top: 1%;
    }
    .textoBlanco{
        color: #FFFFFF; 
        padding-top: 5px; 
        font-size: 60px;
         
    }
    .bandera{
    width: 30%;
    padding-top:1%;
    }
    

}
 /*Móviles en horizontal o tablets en vertical*/
@media only screen and (min-width : 768px) {
.fantasma{
        display: block;
    }
    .divimgLogoCliente{
        position: relative;
        padding-top: 1%;
    }
    .textoBlanco{
        color: #FFFFFF; 
        padding-top: 5px; 
        font-size: 60px; 
    }
    .bandera{
    width: 100%;
    padding-top:15%; 
    }

}
/*/ Tablets en horizonal y escritorios normales*/
@media only screen and (min-width : 992px) {
.fantasma{
        display: block;
    }
    .divimgLogoCliente{
        position: absolute;
        padding-top: 6%;
    }
    .textoBlanco{
        color: #FFFFFF; 
        padding-top: 5px; 
        font-size: 60px;
    }
    .bandera{
    width: 50%;
    padding-top:15%;
    }
}

/*/ Escritorios muy anchos*/
@media only screen and (min-width : 1400px) {
    .fantasma{
        display: block;
    }
    .divimgLogoCliente{
        position: absolute;
        padding-top: 6%;
    }

    .textoBlanco{
        color: #FFFFFF; 
        padding-top: 5px; 
        font-size: 60px;
    }
    .bandera{
    width: 50%;
    padding-top:15%;
    }

}

/* fin medias querys default*/