@font-face {
	font-family:"Franklin Gothic Heavy";
	src:url('Style/franklin-gothic-heavy_[allfont.es].ttf')  rel="stylesheet" type="text/css";
	font-weight:normal;
	font-style:normal;
}
body{

	top:0;
	background: #F2F2F2;
	font-family:"Arial Rounded MT",Arial,"Arial Black";
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	overflow-x:hidden;
	user-select:none;

}
.barrasup {	
	background:#156290;	   
	margin-top:0; 
	color:white;
	padding:0 0;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:5rem;
	z-index:99;
	transition: .8s;
	opacity:1;
}
.bvolver{ 	
 	background-color:#C1E0F1;
 	font-size:1.25rem; 	
 	color: #156290;
 	float:right;
 	margin-top:.5rem;
 	margin-right:1rem;
 	top:1rem;
 	padding:1rem 1.5rem;
	opacity:1;
	border-radius:.5rem;
	transition:all .8s; 		
	z-index:99;
}
.bvolver:hover 
		{
		 transition:all .8s; 		
		 font-size:1.3rem;		
		}
.barrasup2 .barrasup {
	opacity:1;
	transition: .8s;	
}
.barrasupM {
	color:white;	
	font-size:.9rem;
	position: absolute;	
	padding:0 0;	
	margin-top:0;
	margin-left:0;
	left:15rem;
	top:0;
	height:100%;
	width:65%;
}
#barrasupM1 {
 	position: absolute;	
	top:10%;	
	left:0;
}
#barrasupM2 {
	position: absolute;
	top:35%;	
	left:0;
}
.logo{
	padding:0 0;
	margin-top:0;
	margin-left:0;
	left:2rem;	
	top:.75rem;
	position:absolute;
	opacity:1;
}

@media (max-width:700px)	{#barrasupM1, #barrasupM2{
										opacity:0;
										}
							}