/*/Correções Header/*/
body{background: #1c1c1c;}
.menu-box{float:left;}
.menu-box ul li{float: left;font-size: 13px;color: #c6c6c6;line-height: 1em;background: url(../images/divider01.gif) no-repeat left center;padding: 8px 25px 8px 25px;}
.topbar {padding: 20px 0 10px 3.8%; width:75%;}
.language-box ul li,.menu-box ul li{padding:8px 15px 8px 15px;}
@media only screen and (max-width: 1023px){
	.topbar {padding: 20px 0 10px 3.8%; width:94%}
	.language-box span.language {display: none;}
}
@media only screen and (max-width: 931px){
	.language-box {width:70px; float:left;}
}
@media only screen and (max-width: 767px){
	.topbar {padding-top: 10px;}
	.select-country {width:91%; padding-bottom:10px;}
	.select-country  p{width:24%;}
	.menu-box{float:right;padding: 0 5% 0 5%;}
	.language-box ul li{padding:8px 5px 8px 5px;}
	.navbar .accordionButton .icon-bar {margin-top: 8px;}
}

/*Internas*/
#containerinner #content{width:100%;}
#containerinner #content .leftpanel{width:40%;top:164px; height:100%; background: url(../images/pattern05.png); position: fixed; overflow: hidden;}
#containerinner #content .leftpanel .img_destaque{width:200%;}
#containerinner #content .leftpanel .img_destaque img{width:100%;}

#containerinner #content .leftpanel .topinfo{width:60%; top:100px; right: 0;  position: absolute; background:#1c1c1c; padding:5% 5% 7% 5%;}
#containerinner #content .leftpanel .topinfo .social{  float:right; padding:10px 0 0 0;}
#containerinner #content .leftpanel .topinfo .social .title{ float:left; font-size:14px; color:#959595; padding:5px 10px 0 0}
#containerinner #content .leftpanel .topinfo .social .title span{ font-family:"roboto_ltregular", Arial, Helvetica, sans-serif}
#containerinner #content .leftpanel .topinfo .social ul{ float:left}
#containerinner #content .leftpanel .topinfo .social ul li{ float:left; padding-left:7px}
#containerinner #content .leftpanel .topinfo .social ul li a{ width:30px; height:30px; float:left; background:url(../images/facebook.png) no-repeat; text-indent:-9999px}
#containerinner #content .leftpanel .topinfo .social ul li a.twitter{ background:url(../images/twitter.png) no-repeat}
#containerinner #content .leftpanel .topinfo .social ul li a.googleplus{ background:url(../images/gplus.png) no-repeat}
#containerinner #content .leftpanel .topinfo h1{width:100%; text-transform:uppercase; text-align:right;font-family: 'roboto_condensedlight'; font-size: 40px;}
#containerinner #content .leftpanel .topinfo h1 span{font-size: 40px; font-family: 'roboto_condensedbold';}

#containerinner #content .rightpanel {width:50%; right:10%;  top:190px; position: absolute; overflow:hidden;}
#containerinner #content .rightpanel article {padding:50px 0 30px 50px;  font-family: 'roboto_condensedlight'; font-size: 16px;}
#containerinner #content .rightpanel article  p{padding: 10px 0; line-height: 22px;}


@media only screen and (max-width: 1023px) {
	#containerinner #content .leftpanel{width:100%;position: relative; top:16px; height:400px;}
	#containerinner #content .leftpanel .img_destaque{width:100%;}
	#containerinner #content .leftpanel .topinfo{position:absolute;width:60%; height:90px; left:50%; margin-left: -35%; padding-top: 2%; padding-bottom: 2%; top:auto; bottom: 0;}
	#containerinner #content .leftpanel .topinfo h1{text-align: center;}
	#containerinner #content .leftpanel .topinfo .social{text-align: center;width:236px; position: absolute; left:50%; margin-left: -118px;}
	#containerinner #content .rightpanel {width:100%; right:0;  top:16px; position: relative; }
	#containerinner #content .rightpanel article {padding:5%;padding-bottom: 20px; }
}
@media only screen and (max-width: 767px) {
	#containerinner #content .leftpanel, #containerinner #content .rightpanel{top:0px;}
}

/*/Releases*/
#containerinner #content .rightpanel section.releases{padding:0;}
#containerinner #content .rightpanel section.releases div.years{padding-bottom:42px; border-bottom:1px dashed #515151;}
#containerinner #content .rightpanel section.releases div.years ul{margin-left:40px;}
#containerinner #content .rightpanel section.releases div.years ul li{font-size: 26px; margin:10px; float:left;}
#containerinner #content .rightpanel section.releases div.years ul li a.active{background: url(../images/seta-ano-active.png); background-repeat:no-repeat;background-position: bottom; padding-bottom: 17px;}
#containerinner #content .rightpanel section.releases div.years ul li a:hover{text-decoration: none;}

#containerinner #content .rightpanel section.releases .newsinfo{padding:10px 0 0 50px;}
#containerinner #content .rightpanel section.releases .newsinfo article{ width:100%; float:left; background:url(http://rockinrio.com/cdn/sitenovocom/images/divider06.png) no-repeat 70px bottom; border-bottom:1px solid #bcbcbc; padding:14px 0 25px 0}
#containerinner #content .rightpanel section.releases .newsinfo .date{ width:70px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:44px; font-weight:bold; line-height:.8em}
#containerinner #content .rightpanel section.releases .newsinfo .date span{ float:left; font-size:12px; color:#7b7b7b; padding-left:40%}
#containerinner #content .rightpanel section.releases .newsinfo aside{ width:81.8%; float:right; padding-top:12px}
#containerinner #content .rightpanel section.releases .newsinfo aside .info{ width:84%; float:left}
#containerinner #content .rightpanel section.releases .newsinfo aside .info h4{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#7b7b7b; font-weight:bold; padding-bottom:12px}
#containerinner #content .rightpanel section.releases .newsinfo aside .info h4 a{ color:#7b7b7b}
#containerinner #content .rightpanel section.releases .newsinfo aside .info p{ font-size:16px; text-transform:uppercase; line-height:1.2em}
#containerinner #content .rightpanel section.releases .newsinfo aside .info p a{ color:#424242}
#containerinner #content .rightpanel section.releases .newsinfo aside .pdflink{ float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; position:relative}
#containerinner #content .rightpanel section.releases .newsinfo aside .pdflink a{ width:49px; height:36px; float:left; background:#424242; color:#ffffff; font-weight:bold; text-align:center; text-decoration:none; padding-top:20px}
#containerinner #content .rightpanel section.releases .newsinfo aside .pdflink span{ width:20px; height:21px; float:left; background:url(http://rockinrio.com/cdn/sitenovocom/images/arrow_down02.gif) no-repeat; text-indent:-9999px; position:absolute; top:-6px; left:-5px}
#containerinner #content .rightpanel section.releases .newsinfo aside .pdflink a:hover{ background:#cb2125}
#containerinner #content .rightpanel section.releases .newsinfo aside .pdflink a:hover span{ background:url(http://rockinrio.com/cdn/sitenovocom/images/arrow_down03.gif) no-repeat}

/*Book  do Medina*/
#containerinner #content .rightpanel #book{width:100%; height: 500px;}
#containerinner #content .rightpanel #links_book{margin-top:15px;width:100%; height:50px; padding-top:15px; border-top:#fff dashed 1px; border-bottom:#fff 1px dashed; }
#containerinner #content .rightpanel #links_book .downloads{float:left; padding-top: 5px;}
#containerinner #content .rightpanel #links_book .itunes{width:106px; height: 32px; margin-left:10px; float:right; background: url(../images/itunes-bt.png);}
#containerinner #content .rightpanel #links_book .google_play{width:104px; height: 32px; margin-left:10px; float:right; background: url(../images/google-play-bt.png);}
#containerinner #content .rightpanel #links_book .amazon{width:106px; height: 32px; margin-left:10px; float:right;background: url(../images/amazon-bt.png);}
@media only screen and (max-width: 400px) {
	#containerinner #content .rightpanel #links_book .downloads{display: none;}