@charset "utf-8";
/*
CSS Document
Autor: Gabriel Mazzini
GDseign - www.gabrielmazzini.com.br
em: Agosto 2010
Revisão: FIREFOX3, IE8
*/

/*****************************
		TAGS BÁSICAS
*****************************/

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

html, body {height: 100%;}
body {font: 14px/20px Arial, Helvetica, sans-serif; color: #FFFFFF; background: url(../imgs/bg.jpg);}

:focus {outline: none;}
.middle {margin: 0 auto; width: 980px;}


/*****************************
		CLASSES COMUNS
*****************************/

a {color: #FFFFFF; background: #0B4629;}
a:hover {color: #99CA19; background: #0B4629;}

.clear {clear: both;}
.hidden {display: none;}

.end {position: absolute; top: 0; right: 0; width: 10px; height: 100%;}

.green-1 {color: #99CA19;}

.f-16 {font-size: 16px;}

/*****************************
		CABECALHO
*****************************/

.header {border-bottom: 2px solid #1A6A43;}
.header .middle { position: relative; height: 164px; }
.header .logo {position: absolute; display: block; top: 0; left: -7px; width: 309px; height: 267px; background: url(../imgs/logo.png) no-repeat;}


/*****************************
		MENU
*****************************/

.menu {height: 48px;}
.menu a {position: relative; float: right; display: inline-block; padding: 0 14px; height: 41px; background: none; font-size: 16px; line-height: 35px; color: #FFFFFF;}
.menu a .end {width: 14px;}
.menu a:hover {background: url(../imgs/sprite.gif) no-repeat -10px -107px; color: #99CA19;}
.menu a:hover .end {background: url(../imgs/sprite.gif) no-repeat -576px -107px;}

.item-1 .menu a.link-1, .item-1 .menu a.link-1:hover,
.item-2 .menu a.link-2, .item-2 .menu a.link-2:hover,
.item-3 .menu a.link-3, .item-3 .menu a.link-3:hover,
.item-4 .menu a.link-4, .item-4 .menu a.link-4:hover,
.item-5 .menu a.link-5, .item-5 .menu a.link-5:hover {margin-top: -2px; height: 50px; background: url(../imgs/sprite.gif) no-repeat -10px -32px; line-height: 39px; color: #126D40; cursor: default;}
.item-1 .menu a.link-1 .end, .item-1 .menu a.link-1:hover .end,
.item-2 .menu a.link-2 .end, .item-2 .menu a.link-2:hover .end,
.item-3 .menu a.link-3 .end, .item-3 .menu a.link-3:hover .end,
.item-4 .menu a.link-4 .end, .item-4 .menu a.link-4:hover .end,
.item-5 .menu a.link-5 .end, .item-5 .menu a.link-5:hover .end {background: url(../imgs/sprite.gif) no-repeat -576px -32px;}
			

/*****************************
		CONTEUDO
*****************************/

.content {background: url(../imgs/bg_verde.gif); border-bottom: 2px solid #1A6A43;}

.content .column-left {position: relative; float: left; margin-top: 80px; width: 380px;}
.content .column-right {float: right; margin-top: 80px; width: 580px;}

.content .column-right p {padding-bottom: 10px;}
.content .column-right h2 {position: relative; display: inline-block; margin: 30px 0 20px 0; padding: 0 20px 0 43px; height: 36px; background: url(../imgs/sprite.gif) no-repeat -10px -404px; font-weight: bold; font-size: 14px; line-height: 34px; color: #A5BE49;}
.content .column-right h2.first {margin-top: 0;}
.content .column-right h2 .end {background: url(../imgs/sprite.gif) no-repeat -580px -404px;}
.content .column-right h4 {color: #99CA19;}

.content .box-highlight {position: relative; margin-bottom: 30px;}
.content .box-highlight h2 {padding: 0 10px 0 37px; font-weight: bold; font-size: 14px; line-height: 35px; color: #0B4629;}
.content .box-highlight h2.gift {background: url(../imgs/ico_gift.gif) no-repeat;}
.content .box-highlight h2.ribbon {background: url(../imgs/ico_ribbon.gif) no-repeat;}
.content .box-highlight .title {position: relative; display: inline-block; padding: 0 10px; height: 37px; background: url(../imgs/sprite.gif) no-repeat -10px -163px;}
.content .box-highlight .title img {float: left;}
.content .box-highlight .title .end {background: url(../imgs/sprite.gif) no-repeat -370px -163px;}
.content .box-highlight .inner {padding: 20px; background: url(../imgs/sprite.gif) no-repeat -10px -200px; line-height: 22px;}
.content .box-highlight .end-h {position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: url(../imgs/sprite.gif) no-repeat -10px -384px;}

.content .box-small {position: relative; margin-top: 55px;}
.content .box-small .inner {padding: 8px 10px 10px 120px; background: url(../imgs/sprite.gif) no-repeat -10px -85px;}
.content .box-small .inner a {font-size: 16px; line-height: 22px; color: #EF4036;}
.content .box-small .end-h {position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: url(../imgs/sprite.gif) no-repeat -10px -140px;}

.content .img-list li {float: left; padding: 10px 0 10px 20px; width: 180px; height: 135px; overflow: hidden;}
.content .img-list li.first {padding-left: 0;}

.content .names-list {padding-left: 15px;}
.content .names-list li {float: left; width: 50%; color: #0B4629; list-style-type: square;}
.content .names-list li span {font-size: 13px; line-height: 23px; color: #FFFFFF;}

.content .materia {position: relative; float: left; margin-top: 15px; display: block; width: 290px; height: 60px; background: none;}
.content .materia .pic {position: absolute; top: 0; left: 0;}
.content .materia .title {position: absolute; top: 20px; left: 70px; padding-right: 15px;}
.content .materia .title.line-break {top: 11px;}

.content .materia.audio .title {top: 5px;}
.content .materia .player {position: absolute; bottom: 0; left: 70px; width: 200px; height: 30px;}

.content-end {margin-top: 30px; margin-bottom: -15px; height: 50px; background: url(../imgs/bg_footer.png) repeat-x;}

.content .tag-01 {position: absolute; z-index: 0;}
.item-1 .tag-01 {top: -45px; left: 5px; width: 107px; height: 117px; background: url(../imgs/tag_03.png) no-repeat;}
.item-2 .tag-01 {top: 48px; right: 15px; width: 133px; height: 252px; background: url(../imgs/tag_01.png) no-repeat;}
.item-3 .tag-01 {top: 75px; right: 15px; width: 260px; height: 150px; background: url(../imgs/tag_02.png) no-repeat;}
.item-4 .tag-01 {top: 5px; right: 15px; width: 91px; height: 140px; background: url(../imgs/tag_05.png) no-repeat;}
.item-5 .tag-01 {top: -8px; right: 10px; width: 120px; height: 208px; background: url(../imgs/tag_04.png) no-repeat;}

.item-1 .column-left .tag-01 {display: none;}

/*****************************
		FOOTER
*****************************/

.footer {padding-bottom: 30px; font-size: 13px; color: #126C40;}

.footer .credit {padding: 0; width: 100%; border-collapse: collapse;}
.footer .credit td {padding-left: 20px;}
.footer .credit td.first {padding: 0;}
.footer .credit .info td {padding-top: 10px; padding-bottom: 5px;}
.copyright {padding-top: 30px; font-size: 12px; text-align: center;}
.copyright a {background: none; color: #EF4036;}
.copyright a:hover {background: none; color: #99CA19;}


/** SHADOWBOX **/
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:99999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../imgs/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background:url(../imgs/close.png);}
#sb-nav-next{background:url(../imgs/next.png);}
#sb-nav-previous{background:url(../img/previous.png);}
#sb-nav-play{background:url(../imgs/play.png);}
#sb-nav-pause{background:url(../imgs/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}