@charset "utf-8";
/* CSS Document */
*{
 font-family: 'Gabriela';	
}
a:link { color: #FFFFFF; text-decoration: none;}
a:visited {text-decoration: none;color: #FFFFFF;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
body{
	height:600vw;
}
@media screen and (max-width: 1000px) {
#veu{
	position: absolute;
	right: 2vw;
	top: 1vw;
	width: 7%;
}
.icona img{
	position: absolute;
	width: 30%;
	left: 35%;
	top:0vw;
}

.titular{
	position:relative;
	width:80%;
	left: 10%;
	text-align:center;
	font-size: 3vw;
	font-weight: 600;
	top: 10vw;
}
.parrf{
	position:relative;
	width:80%;
	left: 10%;
	top: 10vw;
	text-align:left;
	font-size: 3vw;
}
.foto img{
	position: relative;
	display: block;
	left: 1vw;
	width: 95%;
	top: 10vw;
}
#hist2{
	position: relative;
	display: block;
	left: 30%;
	width: 40%;
	top: 10vw;	
}
#hist6{
	position: relative;
	display: block;
	left: 20%;
	width: 60%;
	top: 12vw;	
}

}

@media screen and (min-width: 1000px) {
body{
	height:350vw;
}
#veu{
	position: absolute;
	right: 2vw;
	top: 1vw;
	width: 5%;
}
.icona img{
	position: absolute;
	width: 20%;
	left: 45%;
	top:0vw;
}

.titular{
	position:relative;
	width:80%;
	left: 10%;
	text-align:center;
	font-size: 2vw;
	font-weight: 600;
	top: 10vw;
}
.parrf{
	position:relative;
	width:80%;
	left: 10%;
	top: 10vw;
	text-align:left;
	font-size: 1.8vw;
}
.foto img{
	position: relative;
	display: block;
	left: 10%;
	width: 80%;
	top: 10vw;
}
#hist2{
	position: relative;
	display: block;
	left: 30%;
	width: 40%;
	top: 10vw;	
}
#hist6{
	position: relative;
	display: block;
	left: 20%;
	width: 60%;
	top: 12vw;	
}


}