@font-face { 

  font-family: CaviarDreams;
      src: url('../fonts/CaviarDreams.ttf');   
}

@font-face { 
  font-family:  Roboto-Bold;
      src: url('../fonts/Roboto-Bold.ttf');
}
@font-face { 
  font-family:  OpenSans-Light;
      src: url('../fonts/opensans_light_macroman/OpenSans-Light-webfont.eot'),
           url('../fonts/opensans_light_macroman/OpenSans-Light-webfont.ttf') format('truetype'),
           url('../fonts/opensans_light_macroman/OpenSans-Light-webfont.woff')format('woff'),
            url('../fonts/opensans_light_macroman/OpenSans-Light-webfont.svg')format('svg');
}
@font-face { 
  font-family:  Roboto-Regular;
      src: url('../fonts/roboto-regular/Roboto-Regular-webfont.eot'),
           url('../fonts/roboto-regular/Roboto-Regular-webfont.ttf') format('truetype'),
           url('../fonts/roboto-regular/Roboto-Regular-webfont.woff')format('woff'),
            url('../fonts/roboto-regular/Roboto-Regular-webfont.svg')format('svg');
}


/*°°°°°°°°°°°°° Nav nav_descarga °°°°°°°°°°°°°°*/
/*en nav collapse en menu desplegable aplicar a todas las resoluciones para cambiar color*/
#bs-example-navbar-collapse-1{
   /* background-color: #333;*/
   background-color: rgba(172, 19, 19,0.8);
    width: 100%;
}

nav.nav_descarga{
    width: 100%;
    background-color: rgba(172, 19, 19,0.8);
    margin-top: 0px;
    color: #FFFFFF;
    border-color: rgba(172, 19, 19,0.8);
    -webkit-box-shadow: -1px 8px 21px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 8px 21px -8px rgba(0,0,0,0.75);
    box-shadow: -1px 8px 21px -8px rgba(0,0,0,0.75);
}

nav.nav_descarga ul.nav li {
    font-family: 'OpenSans-Light';
    font-size: 10px;
    text-align: center;
    color: #FFFFFF;
    background-color: rgba(172, 19, 19,0.8);
}

nav.nav_descarga ul.nav li a{
  font-size:14px;
}

nav.nav_descarga ul.nav{
    width: 100%;
}

nav.nav_descarga .navbar-brand{
    color:#C0C0C0;
}

.nav_descarga a:hover{
  color: #FFF;
}

.nav_descarga a:active{
  color: rgba(172, 19, 19,0.8);
}

.nav_descarga a {
  color: #FFF;
}

.nav_lidesc {
background-color: rgba(172, 19, 19,0.8);

}
.nav_lidesc > li > a:hover,
.nav_lidesc > li > a:focus {
    text-decoration: none;
    color: #FFF;
    background-color: rgba(172, 19, 19,0.8);

}

.nav_descarga .navbar-nav > li > a {
   color: #FFF;   /*color de letra de nav*/
}



.collapse_descarga{
   background-color: rgba(172, 19, 19,0.8);
    color: #FFFFFF;
    width: 100%;
}

.collapse_descarga ul li{
  width: 25%;
}

.collapse_descarga ul li a{
  left: 50%;
  font-size: 18px;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: rgba(172, 19, 19,0.8);
    color: #FFF;
}



/*°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°*/
@media (min-width: 1px) and (max-width: 479px) {
    /*nav descarga de facturas*/
    .collapse_descarga{
        background-color: rgba(172, 19, 19,0.8);
    }

    .collapse_descarga ul li{
      width: 100%;

    }
    .collapse_descarga ul li a{
        left: 50%;
        font-size: 18px;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    #tit_logo{
        display: none;
    }
}


/* °°°°°°°°°°°° Resolución 480 max 768 °°°°°°°°°°°° */
@media (min-width: 480px) and (max-width: 767px) {
    /*°°°°°°°°°°°° Collapse Nav_descarga °°°°°°°°°°°°°°°°°°°°°°*/
    .collapse_descarga{
           background-color: rgba(172, 19, 19,0.8);
    }

    .collapse_descarga ul li{
      width: 100%;

    }
    .collapse_descarga ul li a{
        left: 50%;
        font-size: 18px;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    /*°°°°°°°°°°°°Fin nav_descarga°°°°°°°°°°°°°°°°°°°°*/

}