@charset "utf-8";
/* CSS Document */

/* ============ basic ===================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }



body { text-align: center; line-height: 21px; font-family: 'Exo', sans-serif; font-size: 12px; color: #757474; min-height: 25px; }

a { text-decoration: none; color: #c42727; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

#geral{
padding:0px;
position: relative;
float:left;
width:100%;
height:auto;
}

#header{
float:left;
width:100%;
height:auto;
background: url(../images/content_bg.png); 
background-color:#000;
box-shadow: 2px 2px 2px #000;
}

#header-container{
margin: 0px auto;
width:960px;
height:auto;
}


#logo-container{
margin: 0px auto;
width:500px;
height:auto;
}

#logo{
width:189px;
height:156px;
margin: 35px 15px 35px 10px;
padding-right: 20px;
float:left;
}

#slogan { 
font-family: 'Exo', sans-serif; 
color: #CCC; 
font-size: 15px; 
width: 210px; 
text-align: center; 
float: left; 
padding: 36px 0px 0px 3px; 
margin-top: 60px;
}

#redes{
float:left; 
padding: 5px 0px 0px 5px; 
height: 30px; 
margin: 10px 0px 0px 70px;
}

#icon{ 
float:right; 
width:30px; 
height:25px; 
margin-right: 5px; 
z-index: 90; 
-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;
}

a.fb {
float:left; 
width:30px; 
height:25px; 
background: url(../images/icon-fb.png);
}

a.fb:hover {
background: url(../images/icon-fb-a.png);
}

a.tt {float:left; 
width:30px; 
height:25px; 
background: url(../images/icon-tt.png);
}

a.tt:hover {
background: url(../images/icon-tt-a.png);
}


/* ============ middle ===================== */


#content{
margin: 0px auto;
width:960px;
height:auto;
padding:0px;
}

#plataformas{
margin: 0px auto;
width:100%;
}

#buttons{
margin: 0px auto;
width:514px;
height:208px;
}

.ps{
margin-top:20px;
float:left; 
width:214px;
height:208px;
background:url(../images/button-pes.png) no-repeat;
position: relative;
cursor:pointer;
}

.ps span{
float:left; 
width:214px;
height:208px;
background:url(../images/button-pes-a.png) no-repeat;
opacity: 0;
-webkit-transition: opacity 2s;
-moz-transition:    opacity 2s;
-o-transition:      opacity 2s;
}

.ps span:hover{
	opacity: 1;
}



.ff{
margin-top:20px;
float:right; 
width:214px;
height:208px;
background:url(../images/button-fifa.png) no-repeat;
position: relative;
cursor:pointer;
margin-left:40px;
}

.ff span{
float:left; 
width:214px;
height:208px;
background:url(../images/button-fifa-a.png) no-repeat;
opacity: 0;
-webkit-transition: opacity 2s;
-moz-transition:    opacity 2s;
-o-transition:      opacity 2s;
}

.ff span:hover{
	opacity: 1;
}


#text { 
font-family: 'Exo', sans-serif; 
color: #555; 
font-size: 18px;
text-align: center;
float: left;
font-weight:bold;
width:100%;
border-bottom: 2px solid #CCC;
padding: 30px 0px 20px 0px;
}

#adv-container{ 
float:left;
width:960px;
height:auto;
padding:0px;
}

#adv-box{
float:left;
margin: 30px 10px 10px 10px;
width:300px;
}

#adv-title{
float:left;
width:100%;
height:30px;
padding:10px 0 0px 0;
font-size:13px;
color:#777;
font-style: italic;
background: url(../images/title-bg.png) repeat-x;
}

#adv-img{
float:left;
width:100%;
height:200px;
margin-bottom: 0px;
padding:0px;
background: #000;
}

#adv-text{
float:left;
width:93%;
padding:5px 0 5px 0;
font-size:12px;
line-height:14px;
color:#222;
margin-bottom:20px;
padding:10px;
}

/* ============ footer ===================== */


#footer{
float:left;
font-size:11px;
color:#555;
width:100%;
padding:10px 0;
text-align:center;
background: url(../images/footer-bg.png) repeat;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
position: relative;
}

#container-footer{
margin: 0px auto;
font-size:11px;
color:#555;
width:960px;
}

#copyright {
float:right; 
font-size:11px; 
margin-top:18px;
color:#707070;
}	

#copyright a {
color:#aeaeae;
}

#powered {
float: right;
margin-top: 20px;
width: 71px;
margin-left: 3px;
}