#container{font-family:Arial, Helvetica, sans-serif;}

#container > div{margin-bottom:35px;}

.sectionName
{
	color:#FFF;
	font:16px Arial, Helvetica, sans-serif;
	height:44px;
	margin-bottom:19px;
	padding-right:67px;	
}


.sectionName span
{
	display:block;	
	font-family:CoolveticaRg;
	line-height:44px;
	padding-left:14px;
}

#twitterSection
{	
	color:#615e5e;
	font-size:12px;
	height:167px;	
	width:999px;
}
/*#twitterSection > div:first-child~div {overflow:auto;}*/

#twitterSection > div:first-child~div > div:first-child+div
{	
	float:right;
	height:31px;
	padding-top:8px;
	width:136px;
 }

#twitterSection div.sectionName
{
	background:url('../images/twitterBarIcon.jpg') no-repeat right top;	
}

#twitterSection div.sectionName span
{
	background:url('../images/twitterBg.jpg') repeat-x left top;
}

.twitterHighlight
{
	color:#01a2ce;
}

.twitterHighlight a{color:#01a2ce; font-weight:bold;}

.mainSectionButton{float:right; margin-right:14px;}

#facebookPosts a.mainSectionButton
{ position:absolute; bottom:8px; right:0;}

#twitterMovilText
{
	padding:0 22px;	
	height:42px;	
	position:relative;
	float:left;
	margin:10px 0;
	width:720px;
}

#twitterMovilText > div
{height:40px; width:718px;}

#twitterMovilText p{line-height:19px; width:718px;}

#twitterMovilText > div li
{
	float:left;
	width:718px;
}

#twitterArrowLeft, #twitterArrowRight
{
	cursor:pointer;
	height:18px;
	position:absolute;
	top:0;
	width:13px;
}

#twitterArrowLeft
{
	background:url('../images/twitterLeftArrow.jpg') no-repeat left center;
	height:100%;
	left:0px;
}
#twitterArrowRight
{	
	background:url('../images/twitterRightArrow.jpg') no-repeat left center;	
	height:100%;
	right:0;
}

#facebookSection
{
	height:660px;
}

#facebookSection div.sectionName
{
	background:url('../images/facebookBarIcon.jpg') no-repeat right top;	
}


#facebookSection div.sectionName span
{
	background:url('../images/facebookBg.jpg') repeat-x left top;
}

#facebookSection > div:first-child~div,
 #youtubeSection > div:first-child+div > div,
  #dailymotionSection > div:first-child+div > div
 {	
	border:1px solid #aaaaaa;
 }

#facebookSection > div:first-child~div,
#youtubeSection > div:first-child+div > div,
#dailymotionSection > div:first-child+div > div
{		
	float:left;
	margin-left:8px;
	padding:14px;
	width:464px
}
#facebookSection > div:first-child+div{margin:0;}
#facebookSection > div:first-child~div{height:560px; position:relative;}

#youtubeSection > div:first-child+div > div,
#dailymotionSection > div:first-child+div > div
{height:272px;}
#youtubeSection > div:first-child+div > div:first-child,
#dailymotionSection > div:first-child+div > div:first-child
{margin:0;}

#facebookPosts > div:first-child
{	
	height:30px;
	margin-bottom:46px;
	padding:7px 0;
}

#facebookPosts > div:first-child > span:first-child
{
	background:url('../images/facebookLogo.jpg') no-repeat left top;
	display:block;
	float:left;
	height:27px;
	margin-right:14px;
	width:27px;
}

#facebookPosts > div:first-child > span:first-child a
{
	display:block;
	height:100%;
	overflow:hidden;
	text-indent:600px;
	width:100%;
}

#facebookPosts > div:first-child > span:first-child+span
{
	color:#435f97;
	font:bold 14px Arial, Helvetica, sans-serif;
	line-height:30px;
}

.facebookContent
{	
	height:135px;
	margin-bottom:11px;
	width:468px;
}

.facebookContent > div
{	
	float:left;
	height:134px;
	margin-left:5px;
	width:150px;
}
.facebookContent > div:first-child{margin:0;}


.facebookContent > div img{display:block; margin:auto;}

.facebookContent > div span
{border: 1px solid #d4d4d4;}

.facebookContent > div span
{
	background-color:#456098;
	color:#FFF;
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	height:16px;
	line-height:16px;
	margin-top:3px;
	text-align:center;
	text-transform:uppercase;
	width:150px;
}

#youtubeSection div.sectionName
{
	background:url('../images/youtubeBarIcon.jpg') no-repeat right top;	
}


#youtubeSection div.sectionName span
{
	background:url('../images/youtubeBg.jpg') repeat-x left top;
}

#dailymotionSection div.sectionName
{
	background:url('../images/fr/dailyMotionBarIcon.png') no-repeat right top;
	padding-right: 100px !important;
}


#dailymotionSection div.sectionName span
{
	background:url('../images/fr/dailyMotionBg.jpg') repeat-x left top;
}


#youtubeSection > div:first-child+div,
#dailymotionSection > div:first-child+div
{	
	height:300px;	
}


#youtubeContent > div:first-child
{		
	margin:auto;
	overflow:auto;
	width:363px;
}

#youtubeContent > div:first-child img{float:left; margin-right:9px;}

#youtubeContent > div:first-child h2,
#youtubeContent > div:first-child a
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}

#youtubeContent > div:first-child h2{font-weight:bold; font-size:14px;}
#youtubeContent > div:first-child li
{
	border-left:1px solid #000;
	display:inline;
	font-size:12px;
	padding-left:5px;
	margin-left:5px;
}

#youtubeContent > div:first-child li:first-child{border:none; margin-left:0; padding-left:0;}

#youtubeContent > div:first-child > *{margin-bottom:10px;}

#youtubeContent > div:first-child > h2+div{overflow:auto;}
#youtubeContent > div:first-child > h2+div a
{
	background:url('../images/yellowButtonBorder.jpg') no-repeat right top;
	color:#000;
	float:left;
	display:block;	
	font:bold 12px Arial, Helvetica, sans-serif;
	height:25px;
	padding-right:8px;
}

#youtubeContent > div:first-child > h2+div a span
{
	background:url('../images/yellowButtonBg.jpg') no-repeat left top;
	display:block;
	line-height:25px;
	height:25px;
	padding-left:8px;
}

#youtubeContent > div:first-child+div
{		
	height:126px;
	margin:0 0 15px 0;
	padding:0 48px;	
	position:relative;
	width:312px;
}
#youtubeContent > div:first-child+div > div:first-child
{	
	height:129px;
	width:312px;
}


#youtubeImageSlider > div:first-child > ul li
{
	float:left;
	height:128px;	
	width:312px;
}

#youtubeImageSlider > div:first-child > ul li > div
{
	float:left;
	height:128px;
	margin-left:6px;
	width:100px
}

#youtubeImageSlider > div:first-child > ul li > div:first-child{margin-left:0;}


#youtubeImageSlider ul div a img
{
	display:block;
	margin-bottom:3px;
}


#youtubeArrowLeft, #youtubeArrowRight
{
	cursor:pointer;
	height:24px;
	position:absolute;
	top:55px;
	width:16px;
}

#youtubeArrowLeft
{
	background:url('../images/youtubeLeftArrow.jpg') no-repeat left top;
	left:0;
}

#youtubeArrowRight
{
	background:url('../images/youtubeRightArrow.jpg') no-repeat left top;
	right:0;
}






#section4,
#section5
{	
	overflow:auto;
	width:999px;	
}

#section4 > div,
#section5 > div
{	
	float:left;	
	margin-left:5px;	
	position:relative;
	width:495px;
}

#section4 > div:first-child,
#section5 > div:first-child
{
	margin-left:0;	
}


#googlePlusSection div.sectionName
{
	background:url('../images/googlePlusBarIcon.jpg') no-repeat right top;	
}

#googlePlusSection div.sectionName span
{
	background:url('../images/googlePlusBg.jpg') repeat-x left top;
}


#googlePlusSection > div:first-child+div
{height:134px;}


#blogSection div.sectionName
{
	background:url('../images/rssBarIcon.jpg') no-repeat right top;	
}


#blogSection div.sectionName span
{
	background:url('../images/rssBg.jpg') repeat-x left top;
}

#podcastSection div.sectionName
{
	background:url('../images/podcastBarIcon.jpg') no-repeat right top;	
}


#podcastSection div.sectionName span
{
	color:#292727;
	background:url('../images/podcastBg.jpg') repeat-x left top;
}

#forumSection div.sectionName
{
	background:url('../images/forumBarIcon.jpg') no-repeat right top;	
}


#forumSection div.sectionName span
{
	background:url('../images/forumBg.jpg') repeat-x left top;
}

.smallSec
{
	color:#302d2d;
	font:11px Arial, Helvetica, sans-serif;
}

.smallSec a{font-weight:bold;}
.smallSec img, .smallSec #video{display:block; float:left; margin-right:13px;}
.smallSec p{margin-bottom:61px;}

.smallSec a.mainSectionButton
{
	position:absolute;
	bottom:3px;
	right:14px;
}

#podcastSection p a{color:#dcc710;}
#forumSection p a{color:#399711;}



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

@font-face
{
   font-family: "CoolveticaRg";
   src: url("http://www.gameloft.com/download-games/fonts/?name=1FD56C_0_0.eot");
   src: url("http://www.gameloft.com/download-games/fonts/?name=1FD56C_0_0.eot#coolveticaRg") format("embedded-opentype"),
        url("http://www.gameloft.com/download-games/fonts/?name=1FD56C_0_0.woff") format("woff"),
        url("http://www.gameloft.com/download-games/fonts/?name=1FD56C_0_0.ttf") format("truetype"),
        url("http://www.gameloft.com/download-games/fonts/?name=1fd56c_0_0.svg#CoolveticaRg-Regular") format("svg");
}

*{
	margin:0;
	padding:0;
	border:none;
	list-style:none;
	text-decoration:none;
}

.boxFull {
	width:999px;
	display:table;
	margin:0 0 35px 0;
}
.boxMid {
	width:495px;
	float:left;
	margin:0 0 35px 0;
}
.margin {
	margin-right:5px;
}

h2 {
	color:#FFF;
	font-size:16px;	
	font-weight:normal;
	padding:0 0 0 12px;
}



/*-------Twitter---------*/

.cTwitter {
	background-image:url(../images/twitterBg.jpg);
	background-repeat:repeat-x;
}
.cTwitter h2{
	background:url(../images/twitterBarIcon.jpg) no-repeat right;
}
.cTwitter p{
	color:#615e5e;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:15px 0 0 0;
	padding:0 0 0 12px;
}
.cTwitter p a{
	color:#3dbbde;
	font-weight:bold;
}
#tweetScreen {
	width:755px;
	float:left;
}
#tweetScreen #btn_left {
	width:30px;
	height:18px;
	float:left;
	margin:10px 10px 0 0;
	background:url(../images/twitterLeftArrow.jpg) no-repeat center;
}
#tweetScreen #btn_Right {
	width:30px;
	height:18px;
	float: right;
	margin:10px 0 0 0;
	background:url(../images/twitterRightArrow.jpg) no-repeat center;
}
#tweetScreen ul.tweets{
	width:675px;
	float:left;
	margin:10px 0 0 0;
}
#tweetScreen ul.tweets li{
	width:675px;
	float:left;
	color:#333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
}
.btnTwitter{
	width: 73px;
	height: 27px;
	float:right;
	color: #3F3B3C;
	font: bold 12px Arial, Helvetica, sans-serif;
	background:url(../images/infoButtonBg.jpg);
	border: 1px solid #CFCFCF;
	box-shadow: 0 1px 2px #CFCFCF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	margin: 10px 0 0 40px;
	padding:0 0 0 10px;
}
.btnTwitter span{
	line-height:27px;
	padding:0 17px 0 0;
	background:url(../images/infoButtonArrrow.jpg) no-repeat right;
}

/*-------Facebook-------*/

.cFacebook {
	background-image:url(../images/facebookBg.jpg);
	background-repeat:repeat-x;
}
.cFacebook h2{
	background:url(../images/facebookBarIcon.jpg) no-repeat right;
}


/*-------Sina Weibo-------*/

.cSinaweibo {
	background-image:url(../images/sinaWeiboBg.jpg);
	background-repeat:repeat-x;
}
.cSinaweibo h2{
	background:url(../images/sinaWeiboBarIcon.jpg) no-repeat right;
}


/*-------Blog-------*/

.cBlog {
	background-image:url(../images/blogBg.jpg);
	background-repeat:repeat-x;
}
.cBlog h2{
	color:#292727;
	background:url(../images/blogBarIcon.jpg) no-repeat right;
}
ul.listBlog {
	width:959px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	padding:0 0 0 40px;
}
ul.listBlog li{
	width:205px;
	float:left;
	margin:30px 30px 0 0;
}
ul.listBlog li h3{
	width:135px;
	float:left;
	color:#504a4a;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 0;
}
ul.listBlog li span.date {
	float:right;
	color:#333;
	font-size:10px;
}

ul.listBlog li .boxImg{
    width: 205px;
    height: 140px;
    overflow: hidden;
    line-height: 140px;
}

ul.listBlog li img{
	width:205px;
	vertical-align:middle;
	margin:10px 0 0 0;
}
ul.listBlog li p{
	width:205px;
	height:30px;
	float:left;
	color:#252525;
	font-size:11px;
	line-height:14px;
	margin:10px 0 0 0;
}
ul.listBlog li a{
	float: right;
	color:#2D74AA;
	font-size:12px;
	text-align:right;
	margin:10px 0 0 0;
	border-bottom:1px solid #2d74aa;
}