body{
	/*background:linear-gradient(90deg,#1B5C89,#9DA2A8);*/
	background-color:#9DA2A8;
	/*opacity:0.4;
	filter:alpha(opacity=40);*/
}
.foto{	
	/*width:30%;
	height: 80%;*/
	margin:0px;
	position:absolute;
	left:2%;
	top:10%;
	/*float:left;*/
	width: 26%;
	height: 73%;
	border:none !important;
	background-image: url(/bitmaps/logo_name2.png);
	/*background-size:cover;*/
	background-position:center;
	background-repeat:no-repeat;
	background-origin:content-box;	
	background-size:cover;

}
/*
@supports(object-fit: cover){
    .foto{
      height: 95%;
      object-fit: cover;
      object-position: center center;
    }
}*/
.piso{
	bottom:0em;
	/*background-color:#1B5C89;*/
	/*background:linear-gradient(90deg,#9DA2A8,#1B5C89);*/
	background:linear-gradient(90deg,#1B5C89,#9DA2A8);
	/*opacity:0.7;
	filter:alpha(opacity=70);*/
	width:100%;
	height:10%;
	margin:0px;
	position:absolute;
	border:none !important;
}
#main-header{
	/*background:linear-gradient(90deg,#ffffff,#7DECFD);*/
	/*background:#ffffff;*/
	background:linear-gradient(90deg,#9DA2A8,#1B5C89);
	/*border:1px solid;*/
	width:100%;
	display:fixed;
	position:relative;
	z-index: 100;
	height:6em;
	/*color:#57A807;*/
	font-family:Arial;
	/*opacity:0.5;*/
	/*filter:alpha(opacity=50);*/
}
@media only screen and (max-width: 480px){
	#main-header{height:12em;}
	.foto{	
		margin:0px;
		position:absolute;
		left:2%;
		top:10%;
		width: 78%;
		height: 70%;
	}
}
@media only screen and (max-width: 393px) {
	#main-header{height:10em;}
	.foto{	
		margin:0px;
		position:absolute;
		left:2%;
		top:10%;
		width: 78%;
		height: 75%;
	}
}
@media only screen and (max-width: 320px) {
	#main-header{height:9em;}
	.foto{	
		margin:0px;
		position:absolute;
		left:2%;
		top:10%;
		width: 78%;
		height: 66%;
	}
}