/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 08/09/2018, 00:40:38
    Author     : Aldana
*/

 /* The side navigation menu */
.sidenav-izquierda {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 300; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #ffffff; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

.sidenav-izquierda ul{
    color: #000000;
    transition: 0.3s;
    list-style: none;
    border-top: solid 1px #eaeaea;
    margin-top: 4em;
}

.sidenav-izquierda ul>li{
    border-bottom: solid 1px #eaeaea;
    padding: 1em;
    text-transform: uppercase;
}

.sidenav-izquierda ul>li>a{
    font-family: Nunito;
    font-size: 0.87em;
    color: #010101;
}

/* When you mouse over the navigation links, change their color */
.sidenav-izquierda a:hover {
    color: var(--azul);
    text-decoration: none;
}

.sidenav-izquierda ul>li>a>img{
    margin-right: 1em;
}

.sidenav-izquierda ul.abajo{
    border-top: solid 0px #eaeaea;
}

.sidenav-izquierda ul.abajo>li{
    border-top: solid 1px #eaeaea;
    border-bottom: solid 0px #eaeaea;
}

/* Position and style the close button (top right corner) */
.sidenav-izquierda .closebtn {
    position: absolute;
    top: 1em;
    left: 2em;
    font-size: 1.2em;
    border:none;
    height: 1em;
    background-image: url("../img/atras.svg");
    background-repeat: no-repeat;/* Do not repeat the image */
    background-color: transparent;
    background-position: center; /* Center the image */
    background-size: cover;
}

.sidenav-izquierda > p{
  font-size: 0.8em;;
  line-height: 1.67;
  text-align: center;
  color: #999999;
  margin: 2em;
}

.sidenav-izquierda > p > span{
  font-family: Nunito;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}