@charset "utf-8";
@import url("../webfonts/ALLER/stylesheet.css");
/* CSS Document */

body
{
	float: none;
    background-image: linear-gradient(to right , #b4b4b4,  #f5f5f5,  #b4b4b4);
}

.clearfix::after
{
	content: "";
	clear: none;
	display: table;
}

.clearfix
{
	overflow: auto;
}

.page-wrapper
{
	width: 100%;
}

.top-banner
{
    width: auto;
    height: 1800px;
    padding-top: 45px;
}

#logo
{
	float: left;
	margin-left: 395px;
	max-width: 470px;	
	height: 130px;
	width: 700px;
    max-width: 600px;
}

.top-banner 
img{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.top-banner 
h1{
    font-size: 39px;
    text-align: left;
    color: #171717;
    font-family: allerta;
    font-style: normal;
    font-weight: 400;
    width: 150%;
    padding-top: 30px;
}

.top-banner 
h2{
    font-size: 20px;
    text-align: left;
    color: #8b8b8b;
    font-family: allerta;
    font-style: normal;
    font-weight: 500;
    width: 250%;
    margin-top: -27px;
}

.top-banner 
h3{
    font-size: 23px;
    text-align: left;
    color: #8b8b8b;
    font-family: allerta;
    font-style: normal;
    font-weight: 500;
    width: 235%;
	margin-top: 40px;
}

.top-banner 
h4{
    font-size: 23px;
    text-align: left;
    color: #8b8b8b;
    font-family: allerta;
    font-style: normal;
    font-weight: 500;
    width: 250%;
    margin-top: -27px;
}

#eonia
{
	width: 25%;
	float: left;
	margin-left: 395px;
	max-width: 470px;	
}

#eoniasteam
{
    width: 100%;
    float: left;
    margin-left: 915px;
    max-width: 600px;
    margin-top: -1136px;
}

.centro1
h4{
    font-size: 35px;
    text-align: left;
    color: #737373;
    font-family: allerta;
    font-style: normal;
    font-weight: 500;
    width: 215%;
    padding-top: 30px;
    margin-top: -1418px;
}

.centro1
img{
	margin-left: auto;
	margin-right: auto;
    margin-top: -15px;
	height: 270px;
	width: 401px;
}

.centro1
iframe{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
    margin-top: -15px;
    margin-top: -4005px;
}

#discoverer
{
	width: 25%;
	float: left;
	margin-left: 395px;
	max-width: 470px;	
}

#discoverersteam
{
    width: 100%;
    float: left;
    margin-left: 915px;
    max-width: 600px;
    margin-top: -749px;
}

.centro2
h4{
    font-size: 35px;
    text-align: left;
    color: #737373;
    font-family: allerta;
    font-style: normal;
    font-weight: 500;
    width: 500px;
    padding-top: 30px;
    margin-top: -1032px;
}

.centro2
img{
	margin-left: auto;
	margin-right: auto;
    margin-top: -15px;
	height: 270px;
	width: 401px;
}

.centro2
iframe{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
    margin-top: -15px;
    margin-top: -3005px;
}

#alone
{
	width: 25%;
	float: left;
	margin-left: 395px;
	max-width: 470px;	
}

#alonesteam
{
    width: 100%;
    float: left;
    margin-left: 915px;
    max-width: 600px;
    margin-top: -450px;
}

.centro3
h5{
    font-size: 1px;
    text-align: left;
    color: #737373;
    font-family: allerta;
    font-style: normal;
    font-weight: 500;
    width: 215%;
    padding-top: 30px;
    margin-top: -645px;
}

.centro3
img{
	margin-left: auto;
	margin-right: auto;
    margin-top: -15px;
	height: 270px;
	width: 401px;
	
}

.centro3
iframe{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
    margin-top: -15px;
    margin-top: -2005px;
}

#project4
{
	float: left;
	margin-left: 395px;
	max-width: 470px;	
	width: 1600px;
}

#rabbitsteam
{
    width: 100%;
    float: left;
    margin-left: 915px;
    max-width: 550px;
    margin-top: -275px;
}

.centro4
h6{
    font-size: 1px;
    text-align: left;
    color: #737373;
    font-family: allerta;
    font-style: normal;
    font-weight: 500;
    width: 900px;
    padding-top: 30px;
    margin-top: -345px;
}

.centro4
img{
	margin-left: auto;
	margin-right: auto;
    margin-top: -15px;
	height: 270px;
	width: 401px;
}

.centro4
h7{
    font-size: 30px;
    text-align: left;
    color: #8b8b8b;
    font-family: allerta;
    font-style: normal;
    font-weight: 500;
    width: 900px;
	padding-bottom: -100px;
	padding-left: 505px;
    margin-bottom: 345px;
}

#prize1
{
	width: 100%;
	float: left;
	margin-left: 915px;
	max-width: 470px;	
    margin-top: -1057px;
}

.award1
img{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
    margin-top: -1815px;
}

#prize2
{
	width: 100%;
	float: left;
	margin-left: 915px;
	max-width: 470px;	
    margin-top: -673px;
}

.award2
img{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
    margin-top: -1815px;
}

#prize3
{
	width: 100%;
	float: left;
	margin-left: 915px;
	max-width: 470px;	
    margin-top: -373px;
}

.award3
img{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
    margin-top: -1815px;
}

#correo
{
	float: left;
	margin-left: 1458px;
	max-width: 470px;	
    margin-top: -1760px;
	width: 50px;
}

#youtube
{
	float: left;
	margin-left: 1388px;
	max-width: 470px;	
    margin-top: -1760px;
	width: 50px;
}

#twitter
{
	float: left;
	margin-left: 1318px;
	max-width: 470px;	
    margin-top: -1760px;
	width: 50px;
}

#pietexto
{
    width: 100%;
    float: left;
    margin-left: 770px;
    max-width: 1200px;
    margin-top: -27px;
}

.pie
h8{
    font-size: 12px;
    text-align: left;
    color: #8b8b8b;
    font-family: allerta;
    font-style: normal;
    font-weight: 500;
    width: 600%;
    margin-top: 8px;
}

@media screen and (min-width:1250px)
{
	body
	{
   	   float: right;
	}	
 }