*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

header #button-menu{
	font-size: 2.1em;
	color: #fff;
	cursor: pointer;
}
#menubar #libmenu {
	font-size: 1.5em;
	padding-left: 12px;
	display: inline-block; 
	vertical-align: top;
	color: white;
	cursor:pointer;
}
.navmain {
	position: absolute;
	top: 179px;
	left: 0;
	width: 0%;
	height: 100vh;
	background: rgba(0,0,0,.0);
	z-index:1000;
}
.navmain ul{
	width: 320px;
	height: 100%;
	background: #fff;
	list-style: none;

	position: absolute;
	top: 0;
	left: -320px;

	transition: left .3s;
}

.navmain .menu li.title-menu{
	padding: 20px;
	background: #5F6F81;
	color: #fff;
	text-align: center;
	font-size: 1.2em;
}

.navmain .menu a {
	display: block;
	padding: 20px;
	border-bottom: 1px solid #C6D0DA;

	font-size: 1.0em;
	font-weight: 200;
	text-decoration: none;
	color: #575D69;
}

.navmain .menu a:hover{
	background: #798DA3;
	color: #fff;
}

.navmain .menu li span.icon-menu{
	margin-right: 12px;
}

.navmain .menu .item-submenu > a::after, .navmain .menu .item-subsubmenu > a::after{
	font: normal normal normal 14px/1 FontAwesome;
  	font-size: inherit;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	content: '\f105';

	float: right;
	color: #C5C5C5;
}

/* Submenu ============*/

.navmain .submenu li.title-menu{
	background: #fff;
	color: #575D69;
}

.navmain .submenu li.go-back{
	padding: 10px 20px;
	background: #5F6F81;
	color: #fff;
	font-size: 1em;
	cursor: pointer;
}

.navmain .submenu li.go-back::before{
	font: normal normal normal 14px/1 FontAwesome;
  	font-size: inherit;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	content: '\f0d9';
	margin-right: 10px;
}

#sectopbando {
  background-size: 100% 300px;
  background-image: url("data:image/svg+xml,%3Csvg%20%0A%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20width%3D%221920px%22%20height%3D%22363px%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22rgb%28153%2C%20213%2C%20236%29%22%0A%20d%3D%22M0.000%2C-0.000%20L1920.000%2C-0.000%20L1920.000%2C291.000%20L0.000%2C363.000%20L0.000%2C-0.000%20Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
}

#sectopbandotxt {
  background-size: 100% 200px;
  background-image: url("data:image/svg+xml,%3Csvg%20%0A%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20width%3D%221920px%22%20height%3D%22363px%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22rgb%28153%2C%20213%2C%20236%29%22%0A%20d%3D%22M0.000%2C-0.000%20L1920.000%2C-0.000%20L1920.000%2C291.000%20L0.000%2C363.000%20L0.000%2C-0.000%20Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
}
#sectopbandotxt.smallheader { 
  background-size: 100% 120px;
}
#welcometxt {
  padding:24px 24px 24px 24px;
  font-size:3em;
  font-family: 'Raleway', sans-serif;
  font-weight:100;
  color:#fff;
  line-height: 1.5em;
  display: inline-block;
  width: 59%;
  vertical-align:top;
}
#welcometxt p.textheaderpage {
	font-size: 0.6em;
	line-height: 2em;
}

#welcometxtalone {
  padding:24px 24px 24px 24px;
  font-size:3em;
  font-family: 'Raleway', sans-serif;
  font-weight:100;
  color:#fff;
  line-height: 1.5em;
  display: inline-block;
/*  width: 59%;*/
  vertical-align:top;
}
#welcometxtalone p.textheaderpage {
	font-size: 0.6em;
	line-height: 2em;
/*	min-height:100px;*/
}
#divgoup {
	background: no-repeat url(/css/images/goup_grey.png);
	width: 48px;
	height: 48px;
	position: fixed;
	right: 10px;
	bottom: 60px;
	cursor: pointer;
}
.hideitem {
	display: none;
}
@media screen and (max-width: 320px){
	.navmain ul{
		width: 100%;
	}
}