/*paddin de la imegn transparente*/
.slider img{
    padding-bottom: 30px;
}

body{
    background-image: url('../img/index/planoF.png');
    
}
header{
    /*padding-top: 5px;*/ /*indica la distancia entre el limite superior y la barra background */
    min-height: 10px; /* alto minimo*/
    /*border-bottom: 5px solid #269abc;*/
}

/*Cursos*/
#header a{
    text-decoration: none;
}

nav a{
    text-decoration: none; /* quita la linea del hipervinculo*/
    text-transform: uppercase; /* vuelve mayuscula las letras*/
    font-size: 13px;
    font-weight: bold;
}

nav li{
    float: right;/*flotaran a la izquierda*/
    display: inline;/* se acomodan horizontal*/
    padding: 0 5px 0 5px!important;/*espacio "0" arriba y abajo y 20 px a los costados*/
}
nav{
    opacity: 0.4;
    background: #000;
    position: fixed !important; /*permite que la barra negra sea estatica con su animacion*/
    height: 80px;
    /*position: fixed !important; /*permite que la barra negra de fondo sea estatica*/
    width: 100%;
}
nav .container-fluid{
    
    width: 100%;
    text-align: left;
    position: fixed; 
    z-index: 19 !important;
}


header .abajo{
    opacity: 1;
    background: -webkit-linear-gradient(rgba(0,0,0, 0.2) 20%, rgba(0,0,0, 1));
    z-index: 19;    
    transition: 1s; /*permite bajar lentamente el texto cuando hay accion del scroll*/
    padding: 10px 10px;
}
/*los tres deben tener el mismo color para que el efecto del scroll se aplique*/

.nav li a:active{
    color: blue !important;
}

.nav li a:link{
    color: blue !important;
}

.nav li a:visited{
    color: blue !important;
}
.nav li a:hover{
    /*color: #c0a16b !important;*/
    color: skyblue !important;
    transform: scale(1.1); /*hace posible la transformacion*/
    transition: 0.8s; /*permite el efecto suavizado de la animacion */
    animation-duration: 0.1s; /*maneja el tiempo de la animacion- que no es necesario*/
}
/*CONTACTENOS*/
/*google maps*/
div.panel-heading .panel-body{
    background: #000;
}

/*transparencia*/
.slider #imagen-mall:hover {
    filter: opacity(.8);
}

/*Seccion*/
/*parte inferior de la pagina contacto.php*/
section{
    /*background-image: url('../img/valores.png');*/
    background: rgba(220,220,220,0.8);
    color: #000;
    width: 100%;
    font-weight: bold;
    text-align: center;
}



/*TODAS LAS PAGINAS*/
footer{
    background-color: #555;
    opacity: 0.55;
    position: relative; 
    bottom: 0px;
    width: 100%;  
    color: white;
}

footer div{
    /*display: inline; */ /*permite tener el div en una linea */
    text-align: center;
}

footer a{
    color: deepskyblue;
    font-weight: bold;
}