@charset "utf-8";
body{
	background: -webkit-gradient(linear, left top, left bottom, from(#9F0909), to(#000000));
	height: 850px;
}
a:link {
    color: #4B4B4B;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #4B4B4B;
}
a:hover {
    text-decoration: none;
    color: #4B4B4B;
}
a:active {
    text-decoration: none;
    color: #4B4B4B;
}

.icona{
	width: 100%;
}
.icona img{
	position: absolute;
	width: 30%;
	left: 35%;
	top: 5vw;
}
.texte{
    position: relative;
    text-align: center;
    font-size: 4vw;
	width: 80%;
    height: 15vw;
	left: 10%;
	top: 18vw;
    color: white;
}
.texte2{
    position: relative;
    text-align: center;
    font-size: 4vw;
	width: 80%;
    height: 15vw;
	left: 10%;
	top: 28vw;
    color: white;
}
.info img{
	position: fixed;
	width: 10vw;
	right: 1vw;
	top: 1vw;	
}
.info img:hover {
	opacity: .85;
	cursor: pointer;
    }
.caixa{
	position: relative;
	top: 20vw;
	width: 90%;
	height: 20vw;
	left: 5%;
}
.nom{
	background-color: beige;
}
input{
	position: relative;
	width: 99%;
	height:8vw;
	top: 0vw;
	color: black;
	background-color: #F0F0F0;
	text-align: center;
	font-size: 4vw;
	font-family: 'Gabriela';
	border-style: solid;
	border-color: #434343;
}
button.entrar {
    background-color: beige;
    color: #4B4B4B;
	font-family: 'Gabriela';
	font-size: 4vw;
	font-weight:400;
    text-align: center;
    text-shadow: 0.3vw 0.3vw 0 #B8B8B8;
	height: 8vw;
	width: 40%;
	position:relative;
	top: 8vw;
	left: 30%;
	cursor: pointer;
	border: double;
	border-radius: 2vw;
	border-color: black;
}

.alta{
    position: relative;
    display: block;
    background-color: antiquewhite;
	border: double;
    border-radius: 2vw;
    text-align: center;
	width: 36%;
    padding-top: 1.7vw;
    height: 7vw;
	left: 32%;
	top: 40vw;	  
}
 #alta{
    font-family: 'Gabriela';
	font-size: 4vw; 
	text-shadow: 0.3vw 0.3vw 0 #B8B8B8;
}
.copy{
	position: fixed;
	bottom: 0vw;
	right: 3vw;
	color: white;
	font-family: 'Gabriela';
	text-align: center;
	font-size: 1vw;
}

@media (min-width: 840px) and (max-width: 1090px){
.icona{
	width: 100%;
}
.icona img{
	position: absolute;
	width: 20%;
	left: 40%;
	top: 5vw;
}
.texte{
    position: relative;
    text-align: center;
    font-size: 3.4vw;
	width: 80%;
    height: 5vw;
	left: 10%;
	top: 15vw;
    color: white;
}
.texte2{
    position: relative;
    text-align: center;
    font-size: 3.4vw;
	width: 80%;
    height: 5vw;
	left: 10%;
	top: 35vw;
    color: white;
}
.info img{
	position: fixed;
	width: 7vw;
	right: 1vw;
	top: 1vw;	
}
.info img:hover {
	opacity: .85;
	cursor: pointer;
    }
.caixa{
	position: relative;
	top: 20vw;
	width: 90%;
	height: 3vw;
	left: 5%;
}
.nom{
	height: 4vw;
	width: 100%;
	background-color: beige;
}
input{
	position: relative;
	width: 99%;
	height:4vw;
	top: 0vw;
	color: black;
	background-color: #F0F0F0;
	text-align: center;
	font-size: 2vw;
	font-family: 'Gabriela';
	border-style: solid;
	border-color: #434343;
}
button.entrar {
    background-color: beige;
    color: #4B4B4B;
	font-family: 'Gabriela';
	font-size: 2vw;
	font-weight:400;
    text-align: center;
    text-shadow: 0.3vw 0.3vw 0 #B8B8B8;
	height: 6vw;
	width: 20%;
	position:relative;
	top: 4vw;
	left: 40%;
	cursor: pointer;
	border: double;
	border-radius: 1.2vw;
	border-color: black;
}

.alta{
    position: relative;
    display: block;
    background-color: antiquewhite;
	border: double;
    border-radius: 1.2vw;
    text-align: center;
	width: 18%;
    padding-top: 1.5vw;
    height: 4vw;
	left: 41%;
	top: 40vw;	  
}
 #alta{
    font-family: 'Gabriela';
	font-size: 2vw;
     text-shadow: 0.3vw 0.3vw 0 #B8B8B8;
}
.copy{
	position: fixed;
	bottom: 0vw;
	right: 3vw;
	color: white;
	font-family: 'Gabriela';
	text-align: center;
	font-size: 1vw;
}
}
@media (min-width: 1090px) and (max-width: 1200px){

.icona img{
	position: absolute;
	width: 20%;
	left: 40%;
	top: 5vw;
}
.texte{
    position: relative;
    text-align: center;
    font-size: 3vw;
	width: 80%;
    height: 7vw;
	left: 10%;
	top: 18vw;
    color: white;
}
.texte2{
    position: relative;
    text-align: center;
    font-size: 3vw;
	width: 80%;
    height: 7vw;
	left: 10%;
	top: 35vw;
    color: white;
}
.info img{
	position: fixed;
	width: 5vw;
	right: 1vw;
	top: 1vw;	
}
.info img:hover {
	opacity: .85;
	cursor: pointer;
    }
.caixa{
	position: relative;
	top: 20vw;
	width: 90%;
	height: 3vw;
	left: 5%;
}
.nom{
	height: 4vw;
	width: 100%;
	background-color: beige;
}
input{
	position: relative;
	width: 99%;
	height:3vw;
	top: 0vw;
	color: black;
	background-color: #F0F0F0;
	text-align: center;
	font-size: 2vw;
	font-family: 'Gabriela';
	border-style: solid;
	border-color: #434343;
}
button.entrar {
    background-color: beige;
    color: #4B4B4B;
	font-family: 'Gabriela';
	font-size: 2vw;
	font-weight:400;
    text-align: center;
    text-shadow: 0.1vw 0.1vw 0 #B8B8B8;
	height: 4vw;
	width: 21%;
	position:relative;
	top: 3vw;
	left: 42%;
	cursor: pointer;
	border: double;
	border-radius: 1.2vw;
	border-color: black;
}

.alta{
    position: relative;
    display: block;
    background-color: antiquewhite;
    border-radius: 1.2vw;
	border: double;
    text-align: center;
	width: 18%;
    padding-top: 0.4vw;
    height: 3vw;
	left: 43%;
	top: 38vw;	  
}
 #alta{
    font-family: 'Gabriela';
	font-size: 2vw;
     text-shadow: 0.2vw 0.2vw 0 #B8B8B8;
}
.copy{
	position: fixed;
	bottom: 0vw;
	right: 3vw;
	color: white;
	font-family: 'Gabriela';
	text-align: center;
	font-size: 1vw;
}
}

@media (min-width: 1200px) {
.icona{
	width: 50%;
}
.icona img{
	position: absolute;
	width: 10%;
	left: 45%;
	top: 3vw;
}
.texte{
    position: relative;
    text-align: center;
    font-size: 2vw;
	width: 80%;
    height: 3vw;
	left: 10%;
	top: 8vw;
    color: white;
}
.texte2{
    position: relative;
    text-align: center;
    font-size: 2vw;
	width: 80%;
    height: 3vw;
	left: 10%;
	top: 20vw;
    color: white;
}
.info img{
	position: fixed;
	width: 5vw;
	right: 1vw;
	top: 1vw;	
}
.info img:hover {
	opacity: .85;
	cursor: pointer;
    }
.caixa{
	position: relative;
	top: 10vw;
	width: 90%;
	height: 2vw;
	left: 5%;
}
.nom{
	height: 2vw;
	width: 100%;
	background-color: beige;
}
input{
	position: relative;
	width: 99%;
	height:2vw;
	top: 0vw;
	color: black;
	background-color: #F0F0F0;
	text-align: center;
	font-size: 1.3vw;
	font-family: 'Gabriela';
	border-style: solid;
	border-color: #434343;
}
button.entrar {
    background-color: beige;
    color: #4B4B4B;
	font-family: 'Gabriela';
	font-size: 1.3vw;
	font-weight:400;
    text-align: center;
    text-shadow: 0.1vw 0.1vw 0 #B8B8B8;
	height: 3vw;
	width: 14%;
	position:relative;
	top: 2vw;
	left: 45%;
	cursor: pointer;
	border-radius: 0.8vw;
	border-color: black;
}
.prova{
    position: relative;
    display: block;
    background-color: antiquewhite;
    border-radius: 0.8vw;
    text-align: center;
	width: 12%;
    padding-top: 0.7vw;
    height: 2.2vw;
	left: 46%;
	top: 17vw;	  
}
 #prova{
    font-family: 'Gabriela';
	font-size: 1.3vw; 
    text-shadow: 0.1vw 0.1vw 0 #B8B8B8;
}
.alta{
    position: relative;
    display: block;
    background-color: antiquewhite;
    border-radius: 0.8vw;
    text-align: center;
	width: 12%;
    padding-top: 0.7vw;
    height: 2.2vw;
	left: 46%;
	top: 20vw;	  
}
 #alta{
    font-family: 'Gabriela';
	font-size: 1.3vw; 
    text-shadow: 0.1vw 0.1vw 0 #B8B8B8;
}
.copy{
	position: fixed;
	bottom: 1vw;
	right: 3vw;
	color: white;
	font-family: 'Gabriela';
	text-align: center;
	font-size: 1vw;
}
}