@font-face {
	font-family:"Franklin Gothic Heavy";
	src:local('franklin-gothic-heavy_[allfont.es].ttf'),
	    url('Style/franklin-gothic-heavy_[allfont.es].ttf');

}


publicidad{	
    color: white;	    
    text-align:center;
	top:1rem;		
	margin-left:0;
	margin-top:0;
	margin-bottom:auto;	
	margin-right:auto;	
	width:100%;
	max-width:1100px;
	min-width:650px;
	margin:0 auto;	
	height: 46rem; 	
	position:relative;
}

body{
	top:0px;
	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 {
	overflow:hidden;
	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:0;
}
.barrasup2 .barrasup {
	opacity:1;
	transition: .8s;	
}
.barrasup2 .Whatsapp {
	opacity:1;
	transition: 2s;	
}
.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%;
}
.iconmenu {
	float:right;
	height:100%;
	width:4rem;
	cursor: pointer;
	padding:.6rem .5rem;  
	transition:all .8s; 
	display:none;     
}	
.iconmenu:hover
		{background: #F1F1F0;
		 transition:all .8s; 
		}
.bar1, .bar2, .bar3 {
	 width: 77%;
	 height: 16%;
	 background-color:white;
	 margin: 6.2% 10%;
	 border-radius: 4px; 
	 transition:all .8s;	
}
.iconmenu:hover .bar1{
	background-color:#156290;
	transition:all .8s; 
}
.iconmenu:hover .bar2 {
	background-color:#156290;
	transition:all .8s; 
}
.iconmenu:hover .bar3 {
	background-color:#156290;
	transition:all .8s; 
}
#barrasupM1 {
 	position: absolute;	
	top:10%;	
	left:0;
}
#barrasupM2 {
	position: absolute;
	top:35%;	
	left:0;
}
.logobarr, .logo{
	padding:0 0;
	margin-top:0;
	margin-left:0;
	left:2rem;	
	top:.75rem;
	position:absolute;
	opacity:1;
}
.logobarr{
display:none;
	
}
#video,video{
	padding:0 0;	
	margin-left:0;
	margin-top:0;
	margin-bottom:0;	
	margin-right:0;
	top:0;		
	width:100%;
	height:auto;
	z-index:-1;
	position:absolute;	
}
.filtro {width:58%;	 
         height:47%;
         margin-left:3%;  
         margin-top:10.5%;        
         background: white;
	     position:absolute;         
	     opacity:.8;	   
		 z-index:0;	 
		 border-radius:.5rem;
		      	
		}			
.priprosys {
	width:60vw;
	color:white;
	font-family:"Franklin Gothic Heavy","Arial Black",Arial;
	position: relative;	
	top:20%;
	left:5%;
	margin-top:11%;
	font-size:14vw;
}
.menprosys {
	color: white;
	font-family:"Arial Rounded MT",Arial,"Arial Black";
	font-size:3.2vw;
	position: absolute;		
	left:56%;	
}
@media (max-width:700px)	{#video,video{										
										width: 700px;										
										}
							 .priprosys {
							 			width: 430px;
							 			font-size: 100px;
							 			}
							 .menprosys {
										font-size:26px;
										}
							}
#pricl1 {
	top:92%;	
}
#pricl2 {
	top:103%;
}
#pricl3 {
	top:114%;	
}
