@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@font-face{
    font-family: AKG-CONDENZ-IT;
    src: url(fonts/AkzidenzG_XBdCnIt.otf);
    src: url(fonts/AkzidenzG_XBdCnIt.ttf);
    src: url(fonts/AkzidenzG_XBdCnIt.woff);
}
html, body, div{
	margin: 0px;
	padding: 0px;
    font-family: 'Open Sans', sans-serif; 
}
img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    
    -webkit-animation: fadein 1s; /* Safari and Chrome */
       -moz-animation: fadein 1s; /* Firefox */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera */
            animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#portada_conten{
    width: 797px;
    top: 0;
    font-family: helvetica, sans-serif;
    text-align: center;
    cursor: pointer;
}
#portada_conten #intro{
    width: 370px;
    text-align: center;
    margin: 200px auto 0 auto;
}
#portada_conten h1{
    color: #fff;
    margin: 0;
}
#portada_conten p{
    color: #fff;
}
#portada_conten h5{
    color: #000;
    margin: 0;
    background-color: rgba(255, 255, 255, 0.74);
    padding: 10px 0;
}
#portada_conten h6{
    color: #fff;
    letter-spacing: 6px;
    margin: 30px 0 0 0;
}
#sector1{
    width: 797px;
    height: 276px;
    background-color: #ed1b28;
}
#sector2{
    width: 797px;
    height: 276px;
    background-color: #57c4c3;
}
#sector3{
    width: 797px;
    height: 61px;
    border-top: solid 6px #FFF;
    background-color: #e6e0d7;
}
.area1{
    width: 446px;
    height: 276px;
    float: left;
}
.area2{
    width: 173px;
    background-color:rgba(255, 255, 255, 0.3);
    height: 276px;
    float: left;
    text-align: center;
}
.area3{
    width: 178px;
    height: 276px;
    float: left;
    text-align: center;
}
.area1 .a1_nombre{
    height: 90px;
    position: relative;
    float: left;
    margin: 15px;
}
.area1 h1{
    font-family:'AKG-CONDENZ-IT', sans-serif;
    color: #fff;
    margin: 0 0 -15px 0;
    font-size: 80px;
}
.area1 h2{
    font-weight: 700;
    font-size: 28px;
    margin: 0 0 0 15px;
    position: absolute;
    top: 28px;
    left: 66px;
    text-transform: uppercase;
}
.area1 h3{
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 0 15px;
    letter-spacing: 5px;
    position: absolute;
    top: 15px;
    left: 66px;
    text-transform: uppercase;
}
.area1 h4{
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 3px;
}
.area1 h5{
    font-weight: 400;
    font-size: 9px;
    margin: 0;
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 3px;
}
.area1 .a1_cancha{
    width: 290px;
    position: relative;
    margin: 40px 0 0 0;
    top: 60px;
}
.area1 .cifra{
    width: 155px;
    text-align: center;
    float: right;
    margin: -60px 0;
}
.area2 h4{
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 3px;
    margin-top: 4px;
}
.area3 h4{
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 3px;
    margin-top: 4px;
}
.area3 h1{
    font-family:'AKG-CONDENZ-IT', sans-serif;
    color: #000;
    margin: 30px 0 -15px 0;
    font-size: 90px;
}
.menuItems{
    display:inline-block;
    margin: 0;
    width: 156px;
    height: 60px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
}
.menuItems:hover{
    opacity: 0.8;
    background-color: #57c4c3;
}
.menuItems_current{
    display:inline-block;
    margin: 0;
    width: 156px;
    height: 60px;
    text-transform: uppercase;
    background-color: #bdb19f;
    text-align: center;
}
.textos_menu{
    margin-top: 12%;
    color: #000;
    font-weight: 400;
}