@CHARSET "UTF-8";
@font-face {
    font-family: 'NewJuneBoldRegular';
    src: url('../../font/newjune-bold-webfont.eot');
    src: url('../../font/newjune-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../font/newjune-bold-webfont.woff') format('woff'),
         url('../../font/newjune-bold-webfont.ttf') format('truetype'),
         url('../../font/newjune-bold-webfont.svg#NewJuneBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NewJuneBookRegular';
    src: url('../../font/newjune-book-webfont.eot');
    src: url('../../font/newjune-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../font/newjune-book-webfont.woff') format('woff'),
         url('../../font/newjune-book-webfont.ttf') format('truetype'),
         url('../../font/newjune-book-webfont.svg#NewJuneBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { position:relative; min-width:768px; margin: 0 auto; font-family: verdana; font-size: 14px; color:#666; }
a { text-decoration: none; }

/* header */
.header { float:left; position:relative; display:block; width: 100%; height: 56px; background: url("../img/bg_header.png") repeat-x 0 0; font-family: NewJuneBoldRegular; }
.header .logo { float:left; width: 156px; }
.header .menu { float:right; }
.header .menu li { float:left; }
.header .menu li a { display: block; padding: 0 10px; height: 52px; line-height:52px; color: #666; }
.header .menu li a.active { background: url("../img/bg_menuOn.png") repeat-x 0 0 transparent; color: #FFF; }
.header .menu li a.btnLupa { padding:0; width: 57px; background: url("../img/spriteLupa.png") no-repeat 0 0; text-indent: -9999px; cursor: pointer; }
.header .menu li a.buscaShow { background-position: 0 -52px; }

/* Share */
.share { padding:10px 0; height: 36px; text-align: center; }
.share strong { float:left; margin-top: 13px; font-family: NewJuneBoldRegular; font-size: 11px; text-transform: uppercase; color:#56687c; }
.share a { float: left; width: 36px; height: 36px; margin-left: 20px; }
.share img { width: 36px; height: 36px; }
.share .IN-widget { float: right; }

/* footer */
.footer { float:left; position:fixed; bottom:0; display:block; width: 100%; height: 56px; background: url("../img/bg_footer.png") repeat-x 0 0; }
.footer .siteQueen { position: absolute; right: 0; top: 0; }
.footer .plataforma { display: block; line-height: 60px; vertical-align: middle; text-align: center; font-family: NewJuneBoldRegular; font-size: 11px; text-transform: uppercase; color: #999;  }
.footer .plataforma a { color:#56687c }
.footer .share { position:absolute; left:10px; }

/* busca */
.busca { display:none; position: absolute; top: 56px; right: 0; padding:5px; width:315px; height:40px; background: #ff8000; z-index: 10; }
.busca input[type="text"] { border: none; padding:3px; width:260px; height: 31px; background: url("../img/campoBusca.png") no-repeat 0 0; }
.busca button { width: 44px; height: 37px; background:url("../img/btBuscar.png") no-repeat 0 0; text-indent: -9999px; cursor: pointer; border: none; }

/* scroll general */
.scrollable { position:relative; overflow:hidden; padding:10px; }
.scrollable .items { float: left; }
.principal .scrollable .items li { float:left; }
.navi { display:block; padding:0 0 15px; text-align:center; height: 15px; }
.navi em {  width:13px; height:13px; margin: 0 3px; background:url("../img/navi.png") 0 0 no-repeat; display:inline-block; text-indent: -9999px; }
.navi .on { background-position:0 -13px; }

/* home */
.principal { float:left; width: 768px; margin-bottom:10px; background: url("../img/bg-scroller.png") no-repeat center bottom; }
.principal .scrollable { height:265px; }
.principal .scrollable .items li { width: 748px; height: 245px; }
.principal .scrollable .items li img { float:left; width: 345px; height: 245px; }
.principal .scrollable .items li div { float: left; width: 400px;height: 245px; }
.principal .scrollable .items li h2 { padding:0 30px; font-family: NewJuneBookRegular; font-size: 34px; color: #000; font-weight: lighter; }
.principal .scrollable .items li p { padding: 10px 30px; font-family: verdana; font-style: normal; font-size: 14px; color:#898989; line-height: 22px; }
.principal .scrollable .items li p a { color: #898989; font-weight:bold; text-decoration: none; }
.principal .scrollable .items li strong { display: block; margin-bottom: 7px; padding-top: 10px; padding-left: 30px; font-family: NewJuneBoldRegular; font-size: 15px; color: #ffa245; text-transform: uppercase; font-weight: lighter; }

/* Destaques */
.destaques { margin: 10px 0; width: 385px; float: left; }
.destaques .title { margin-left:15px; font-family: NewJuneBoldRegular; font-size: 16px; text-transform: uppercase; font-weight: lighter; color:#56687c; }
.destaques ul { overflow: scroll; -webkit-overflow-scrolling: touch;  width: 385px; height: 455px; }
.destaques ul li { display: block; padding:10px 15px; width: 355px; height:110px;  }
.destaques ul li img { padding-left: 5px; width: 140px; height: 113px; background-color: #ff8000; }
.destaques ul li div { float: left; }
.destaques ul li div:last-child { margin-left:15px; width: 195px; }
.destaques ul li div h2 { min-height: 80px; font-family: NewJuneBookRegular; font-size: 22px; color: #666; font-weight: lighter; }
.destaques ul li div strong { display: block; margin: 10px 0; font-family: NewJuneBoldRegular; font-size: 15px; color: #ffa245; text-transform: uppercase; font-weight: lighter; }

/* general */
.general { margin: 10px 0; width: 383px; float: left; }
.general .title { margin-left:15px; font-family: NewJuneBoldRegular; font-size: 16px; text-transform: uppercase; font-weight: lighter; color:#56687c; }
.general ul { overflow: scroll; -webkit-overflow-scrolling: touch; margin-left:15px;  width: 368px; height: 455px; }
.general ul li { display: block; padding:10px 0; width: 355px; border-bottom: 1px solid #999; font-family: Verdana; font-size: 14px; }
.general ul li a { color:#666; }

/* Banners */
.banner { margin: 10px 0; width: 768px; float: left; text-align: center; }
.banner-interno { margin: 10px auto; width: 540px; text-align: center; }

/* news */
.main-news { float: left; padding:20px 0 10px;  width: 100%; background: url("../img/bg-scroller.png") no-repeat center bottom; }
.news { overflow: scroll; -webkit-overflow-scrolling: touch; float:left; padding: 10px 20px; width: 527px; height:765px; }
.news .title,
.top5 .title { padding-bottom: 30px; margin-top: 20px; font-family: NewJuneBookRegular; font-size: 38px; font-weight: lighter; color:#666; }
.top5 .title { font-size: 28px; }
.news h4 { padding-bottom:15px; font-size: 20px; color: #ffa245; font-family: NewJuneBoldRegular; }
.news ul { padding-bottom: 20px; border-top: 1px solid #d1d1d1; }
.news ul li { display: block; padding: 10px 0; border-bottom: 1px solid #d1d1d1; width: 100%; font-family: Verdana; font-size: 13px; cursor: pointer; }
.news ul li a { color: #666; }
.news .share { padding-left:10px; padding-right:10px; width: 96%; background: #f1f1f1; border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5;  }
.news .share a { float: right; }
.news .share img { margin: 0; }
.news p { padding-top:20px; padding-bottom:10px; font-family: verdana; color: #000; font-size: 13px; text-align: justify; line-height: 22px; }
.news .tags { margin-top: 10px; font-weight: bold; }
.news .tags span,
.news .tags a { color:#ffa245; }
.news img { margin: 10px 0; }
.news img.interna { width: 100%; }
.news .caption { font-family: verdana; font-size: 10px; color: #000; display: block; }
.news .cartola,
.news .autor,
.news .autor span { float: none; display: block; margin:7px auto; padding: 0; font-family: NewJuneBoldRegular; font-size: 15px; color: #ffa245; text-transform: uppercase; font-weight: lighter; }
.news .autor { color:#666; text-transform: none; }
.news .autor span { display: inline; text-transform: none; }
.read .news .title { margin: 10px 0; padding: 0; }
.read .more .title { margin-top:30px; font-family: NewJuneBoldRegular; font-size: 16px; text-transform: uppercase; font-weight: lighter; color:#56687c; }

.top5 { overflow: scroll; -webkit-overflow-scrolling: touch; float:left; padding: 10px 15px; width: 168px; height:765px; border-left: 1px solid #d1d1d1; }
.top5 ul li { margin-bottom:10px; font-family: NewJuneBoldRegular; font-size: 15px; font-weight: lighter; color: #666; line-height: 22px; }
.top5 ul li strong {  color: #ffa245; text-transform: uppercase;  }
.top5 ul li a { color: #666; }

.notfound { text-align: center; }

/* Colunistas */
.colunistas .scrollable { margin-bottom:15px; padding-bottom:35px; background: url("../img/bg-scroller.png") no-repeat center bottom; }
.colunista { float:left; overflow:hidden; width:373px; height:145px; font-family: verdana; color: #000; font-size: 11px; line-height: 16px; }
.colunista a { color:#000; float: left; padding: 10px 10px 5px; }
.colunista img { float: left; width:106px; height:106px; padding-right: 15px; }
.colunista strong { display: inline-block; max-width:210px; padding-bottom:10px; line-height: 28px; font-family: NewJuneBookRegular; font-size: 24px; color: #ffa245; }
.interna-colunista .colunista { padding-bottom:20px; margin-bottom:20px; width: 97%; background: url("../img/bg-scroller.png") no-repeat center bottom; }
.interna-colunista .news { width: 94%; height: 610px; }
.interna-colunista .news ul { border: none; }
.interna-colunista .news ul li { border: none; font-family: NewJuneBookRegular; font-size: 25px; font-weight: lighter; color: #333; }
.interna-colunista .news ul li a { color: #333; }
.read-colunista .news { width: 94%; }

/* Carreira */
.carreira .top5 { position:relative; width:200px; overflow: scroll; -webkit-overflow-scrolling: touch; padding: 10px 0; height:765px;border-right: 1px solid #d1d1d1; border-left: none !important; }
.carreira .top5 ul li { padding: 0 20px 10px; }
.carreira .top5 h4 { padding:0 20px 15px; font-size: 20px; color: #ffa245; font-family: NewJuneBoldRegular; }
.carreira .top5 .current { background: #018ce4; color: #FFF; }
.carreira .top5 .current a { color: #FFF; }