.scrollwrapper{
	overflow: auto;
	width: 100%;
	height: 100%;
	position: absolute;
	overflow-y: scroll;
	overflow-x: hidden;
}

.bg_top{
	background-image: url("/portal/resources/images/bg_top.png");
	background-color: #000;
	text-shadow:  2px 4px 3px rgba(0,0,0,0.3);
	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	-webkit-box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,0.75);
	box-shadow: inset -5px -5px 5px 5px rgba(0,0,0,0.75);
	height:150px;
}

.bg_top h3{
	color:#fff;
	position: absolute;
	right: calc(10% + 10px);
	top: 80px;
}

.bg_top .logo{
	margin-left: calc(0.5% + 10px);
	margin-top: 3.5%;
	height: 50px;
}
.decretos{
	background-image: url("/portal/resources/images/banner_1.png");
	text-shadow:  2px 4px 3px rgba(0,0,0,0.3);
	/* Set a specific height */
	min-height: 300px; 

	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,0.75);
}
.decretos a{
	color:#fff;
}
.bg-presidencia{
	background-color: #005AAB;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.navbar .material-icons{
	font-size: 16px;
}
.bg-mask{
	color: #fff;
	background-color: rgba(0,0,0,0.8);
}
.foot{
	-webkit-box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.28);
	-moz-box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.28);
	box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.28);
	background-color: #eee;
}
.hidden{
	opacity: 0;
}

.visible{
	opacity: 1;
}
.contenedor_botones{
	position: absolute;
	right: calc(0.5% + 15px);
	width: 5%;
	margin: 10px 0;
	border-left: 1px solid #fff;
	text-align: center;
	height: calc(100% - 20px);
	top: 0;
	padding-top: 40px;
}

.contenedor_botones.dos_botones{
	padding-top: 30px;
}

.login-icon, .login-icon:hover, .login-icon:active{
	color: #fff;
}

.login-icon .material-icons{
	font-size: 3vw;
}

a .material-icons, a.block_effect{
	transition: all 0.3s ease;
}
a.block_effect{
	display:block;
	width:0;
}

a .material-icons{
	text-shadow:  2px 4px 3px rgba(0,0,0,0.3);
}

a .material-icons:hover, a.block_effect:hover{
	transform: scale(1.1);
}

a .material-icons:active, a.block_effect:active{
	transform: scale(1.3);
}

.normal{
	color: #373a3c;
}
.normal:hover{
	color: #373a3c;
}