@charset "UTF-8";

/**
 * material-design-lite - Material Design Components in CSS, JS and HTML
 * @version v1.0.6
 * @license Apache-2.0
 * @copyright 2015 Google, Inc.
 * @link https://github.com/google/material-design-lite
 */

/*# sourceMappingURL=material.min.css.map */

* {
  margin            : 0 ;
  padding           : 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  box-sizing        : border-box;
  font-family       : 'Roboto', Helvetica, sans-serif;
}



.btn-menu .icono{
	float: right;
}

.contenedor-menu{
	width: 100%;
	min-width: 100%;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	line-height: 18px;
}

.contenedor-menu .menu{
	width: 100%;
}

.contenedor-menu ul{
	list-style: none;
}

.contenedor-menu .menu li a{
	color:#494949 !important;
	display: block;
	padding: 0.5em;
	background: #e9e9e9 !important; 
}

.contenedor-menu .menu li a:hover{
	background: #1a95d5 !important;
	color: #fff !important;
}

.contenedor-menu .menu .icono{
	font-size: 14px;
	line-height: 18px;
}

.contenedor-menu .menu .icono.izquierda{
	float: left;
	margin-right: 10px;
}

.contenedor-menu .menu .icono.derecha{
	float: right;
	margin-right: 10px;
}

.contenedor-menu .menu ul{
	display: none;
}

.contenedor-menu .menu ul li a{
	background: #424242 !important;
	background: #003466 !important;
	color: #e9e9e9 !important;
}

.contenedor-menu .menu .activado > a {
	background: #1a95d5 !important;
	color: #fff !important;
}

@media screen and (max-width:37em) {
	/*.contenedor-menu{
		margin: 0;
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 1000;
	}

	.btn-menu{
		display: block;
	}
	*/
	.contenedor-menu .menu{
		display: block;
	}
}

/*-- End menu-vertical-acordeon styles --*/


#mostrar-menu{
    background-color: #FFDE75;
    padding-left    : 0.7em;
    line-height     : 2.5;
    color           : #547266;
    cursor          : pointer;
}
.menu{
    list-style  : none;
    margin      : 0;
    padding     : 0;
    background-color: #FFF88F;
    display     : none;
}
    .menu__item{
        padding: 0 0.2em;
    }
    .menu__link, .menu__link:visited{
        color       : #6E8C80;
        line-height : 2.5;
        padding-left: 1em;       
    }
    .menu__link:hover{
        color   : #3B594D;
    }     
#mainContent{
    background  : #FAFAFA;
}    
#navSupport{
    background  : #F5F5F5;
}
    #navSupport .container{
        border-top  : 2px solid #ccc;
    }
    #navSupport .navSupport__title{
        margin      : 0.9em 0 0.4em 0;
        letter-spacing: 0.01em;
        line-height : 0.8;
        font-variant: small-caps;
        text-transform: lowercase;
        font-size   : 1.45em;
        font-weight : 600;
    }
    #navSupport .navSupport__img{
        margin-left     : 0.2em;
        opacity         : 0.9;
        width           : 4em;
        background-color: white;
        padding         : 0.4em;
    }  
    #navSupport span{
        font-size       : 0.85em;
        margin-top      : 0.3em;
        margin-bottom   : 0.4em;
        display         : block;
        letter-spacing  : 0.007em;
    }

 
  
.col-no-padding{
    padding-left    : 0;
    padding-right   : 0;
}


 





/*******************
-- MEDIA RULES --
********************/

/* SOLO MEDIANO */
@media only screen and (min-width:37em) and (max-width: 61.99em) {   
    .menu__item{
        padding: 0 0.14em;
    }
    #navSupport .navSupport__img{
        width       : 4.5em;
    }

}

/* DESDE MEDIANO */
@media only screen and (min-width:37em) {

    #mostrar-menu{
        display : none;
    }
    .menu{
        display         : block;
        background-color: #353535;
        margin-top      : 0.2em;
    }
    .menu__item{
        display     : inline-block;
    }
    .menu__link, .menu__link:visited{
        color       : #eee;
    }
    .menu__link:hover{
        color       : #a2a2a2;
    }
    #navSupport .navSupport__title{
        font-size   : 1.5em;
    }
	#navSupport .navSupport__img{
        margin-left : 0.75em;
    }
    #navSupport span{
        letter-spacing  : 0.05em;
        margin-bottom   : 0.8em;
        font-size       : 0.88em;
    } 
}

/* DESDE GRANDE */
@media only screen and (min-width: 62em) { 
    .menu__item{
        padding: 0 0.3em;
    }
    #navSupport .navSupport__img{
        width   : 4.7em;
    }
    #footer{
        font-size   : 0.9em;
    }
}




	/* Smartphones (portrait and landscape) ----------- */