/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 62.5%; /* -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;  */}
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font:1.2em/1.3 Arial, Helvetica, sans-serif; color:#010101 }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #333; text-decoration:none }
a:hover { color: #666; text-decoration:none }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin:0; padding:0; list-style: none;}
h1, h2, h3, h4, h5, h6, dl, dd, dt, p, dd { margin: 0; }

p, a, span { font-weight: normal }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* STRUCTURE */
#header{ padding:10px 0 4px; border-bottom:1px solid #454545; background:url(../img/header.png) repeat-x 0 0}
.wrapp{ margin:0 auto; width:950px; text-align:left}
#header .center{ float:left; margin-left:25px; width:280px;}
#header .right{ float:right; width:234px;}

#main .col-left{ float:left; width:640px; padding:8px 0}
#main .col-right{ float:right; width:300px; padding:8px 0}

#main .span1{ width:220px;}
#main .span2{ width:400px;}
#main .span3{ width:308px;}
#main .span4{ width:149px;}
#main .span5{ width:140px;}
#main .span6{ width:230px;}

#main .section-area{ clear:both; padding-bottom:12px;float:left; width:100%; clear:both;}
#main .wrapp-el{ float:left; width:100%; clear:both; padding:5px 0}
#main blockquote a{ color:#000; text-decoration:none}
#main blockquote a:hover{ color:#666; text-decoration:none}

/* HEADER */
.today{ float:left; width:350px; padding-bottom:10px}
.today > time{ padding-bottom:10px; display:block; font-size:11px;}
.today > .info{ font-size:10px;}
.today > .info strong{ font-size:10px; color:#999; font-weight:normal}

#header .banners > li{ float:left; width:110px; margin:5px 15px; height:35px; overflow:hidden; font-size:.9em;}
#header .banners > li a{ display:block; height:35px; text-decoration:none;}
#header .banners > li a:hover{ text-decoration:underline}
#header .banners > li a > img{ width:110px;}

.search{ position:relative; font-size:.9em; }
.search a{ color:#555; text-decoration:none;}
.search p{ padding-top:4px; clear:both}
.search a:hover{ color:#939393; text-decoration:none;}
.s-string{ 
    border-color:#757575 #cecece #d2d2d2 #cecece; height:14px;
    border-style:solid; border-width:1px 0 1px 1px; line-height:14px; padding:2px 6px; width:142px; float:left }
.s-btn{ 
    border:1px solid #cecece; background:#e0e0e0 url(../img/arrr2.png) no-repeat right center;
    height:20px; width:auto; padding:0 14px 0 5px; text-align:center; font-size:11px; color:#474747; float:left;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0; 
    }
.ie9 .s-btn, .lt-ie9    .s-btn{ font-size:10px}
.s-btn:hover{ text-decoration:none; color:#333; background-color:#d5d5d5;  }    
.search .s-btn{ width:79px}
.s-string{ 
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px; 
    }
.right .pub{ padding-bottom:8px;}


/* NAVIGATION */
#nav{ clear:both; border-top:2px solid #f4f4f0; background:#454545; color:#FFF}
#nav > .wrapp{ position:relative; z-index:90}

#mega-menu { position: relative;}
#mega-menu > li { float: left; margin: 0 2px 0 0; padding: 0; zoom: 1; padding-top:4px;}
#mega-menu > li > a { 
    float: left; display: block; color: #fff; padding: 3px 9px 7px; font-size:14px; 
    text-decoration: none; text-transform:uppercase;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    position:relative;
    }
    
.lt-ie9 #mega-menu > li > a,
.ie9 #mega-menu > li > a { padding:3px 8px 7px }
.activeArr{ display:block; width:15px; height:7px; background:url(../img/megaactive.png) no-repeat 0 0; position:absolute; bottom:-7px; left:50%; margin-left:-7px;}
#mega-menu > li.active > a,
#mega-menu > li.hover > a,
#mega-menu > li:hover > a{ background:#ffffff; color:#0078b8; text-decoration:none}

#mega-menu > li.hover,
#mega-menu > li:hover{ position: relative; }

#mega-menu > li > ul { 
    width: 450px; padding: 9px 20px; 
    border:1px solid #454545; border-top:none; 
    background:#f4f4f4;
    visibility: hidden; position: absolute; top: 100%; left: -1px; 
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;     
    }

#mega-menu > li.right > ul { left:auto; right:-1px }
    
#mega-menu > li > ul > li{ float:left; width:230px; width:205px; padding-left:20px; color:#000 }
#mega-menu > li > ul > li:first-child{ width:225px; padding-left:0}

/* Destaques menu*/
#mega-menu > li .title{ padding-bottom:8px; text-transform:uppercase}
#mega-menu > li > ul > li figure{ display:block; padding-bottom:4px;}
#mega-menu > li > ul > li a{ color:#454545; text-decoration:none;}
#mega-menu > li > ul > li a:hover{ color:#666; text-decoration:none}
#mega-menu > li .text{ font-family:Georgia,serif; font-size:13px; color:#454545; height:34px;}

/* Lista sub menu*/
#mega-menu > li > ul > li > ul{}
#mega-menu > li > ul > li > ul li{ border-top:1px dotted #919191; padding:5px 0; font-size:.9em; color:#454545;}
#mega-menu > li > ul > li > ul li a{ color:#000; font-size: 11px }
#mega-menu > li > ul > li > ul li a .more{ color:#c80000}

#mega-menu > li > ul > li > ul li p{ padding-top:8px;}
#mega-menu > li > ul > li > ul li p:first-child{ padding-top:0;}


#sub-nav{ clear:both; background:#f4f4f0; color:#454545; font-size:13px;}
#sub-nav ul{ list-style:none; padding:3px 0}
#sub-nav ul li{ display:inline}
#sub-nav ul li a{ text-decoration:none;color:#454545; margin-right:8px}
#sub-nav ul li a:hover{ text-decoration:underline;color:#454545;}
#sub-nav ul li.active a{ text-decoration:none; color:#0078b8; font-weight:bold;}

/* FOOTER */
#footer{ clear:both; border-top:1px dotted #919191; padding:4px 0; color:##878787}
body .mini-map{ padding:12px 30px; background:#ececec;}
body .mini-map .title-area{ padding-bottom:8px; color:#0078b8; font-weight:normal; font-size:11px; text-transform:uppercase}
body .mini-map .left{ float:left; width:310px} 
body .mini-map .right{ float:right; width:460px}

.mini-map ul.sq { padding-bottom:4px; float:left; clear:none; padding-right:2%;}
.mini-map .left > p{ clear:both}
.mini-map a{ color:#919191; text-decoration:none;}
.mini-map a:hover{ text-decoration:none; color:#333}

.copy{ clear:both; padding:8px 0; font-size:11px; color:#878787}
.copy a{color:#878787; text-decoration:none}
.copy a:hover{color:#878787; text-decoration:underline}
.copy small{ font-size:10px}
.copy .left{ float:left; width:400px}
.copy .left > img{margin-right:6px; vertical-align:middle}
.copy .left p{ padding-top:20px; }

.copy .right{ float:right; width:460px; text-align:right; line-height:1.5em; vertical-align:middle}
.copy .right p{ padding-top:30px; vertical-align:middle; line-height:1.4em; }
.copy .right img{ position:relative; margin-top:-4px}


/* WIDGETS */

#main .intro2{ font-size:1.0em; padding-bottom:16px}
.intro2 .quote { font-size:1.35em; line-height:1.1}
.intro2 time{ display:block; padding-bottom:6px}
.intro2 .quote + cite { font-size: 1.0em;}

/* slide com resumo automatico */
.slide-resumes{ background:#d0e3ee; padding:5px; float:left; width:630px; height:309px; overflow:hidden}
.nav-slide-resumes{ float:left; width:220px;}
.nav-slide-resumes > li{ background:#FFF; margin-top:6px; padding:3px; clear:both; float:left; width:216px}
.nav-slide-resumes > li img{ float:left; margin-right:6px}
.nav-slide-resumes > li a{ color:#454545; font-size:1.1em; text-decoration:none}
.nav-slide-resumes > li:hover{ background:#d0e3ee}
.nav-slide-resumes > li strong{ display:block; overflow:hidden;}
.nav-slide-resumes > li:first-child{ margin-top:0}
.nav-slide-resumes > li.activeSlide{ background:#0078b8}
.nav-slide-resumes > li.activeSlide a{ color:#FFF}
.nav-slide-resumes > li.activeSlide strong{ color:#000}
.nav-slide-resumes img{ width:88px;}

.slide-detail .resume{ background:transparent url(../img/trans80.png); width:387px; color:#FFF; padding:2px 9px 6px; }
.lt-ie9 .slide-detail .resume{height:85px}
.slide-detail.ready .resume{position:absolute; bottom:0; left:0; font-size:12px}
.slide-detail.ready .resume a{ color:#FFF; text-decoration:none}
.slide-detail img{ display:block}
.slide-detail li{ height:309px}
.slide-detail .title-sub{ padding-bottom:0}
.slide-detail .resume > h2{ font-size:19px; font-weight:normal;}
.slide-detail .resume > h2 a{ color:#FFF;text-decoration:none}
.slide-detail{ float:right; width:405px; overflow:hidden}

.slider-nav{ position:relative}
.nav-arl, .nav-arr{ display:block; height:43px; width:20px; background-position:center center; background-repeat:no-repeat; position:absolute; top:78px; z-index:999; cursor:pointer}
.cartoon-dia .nav-arl, 
.cartoon-dia .nav-arr{ top:128px}
.nav-arl{ background-image:url(../img/nav-arl.png); left:0}
.nav-arr{ background-image:url(../img/nav-arr.png); right:0}
.cartoon-dia .nav-arl{ background-image:url(../img/nav-arl2.png);}
.cartoon-dia .nav-arr{ background-image:url(../img/nav-arr2.png);}
.cartoon-dia { padding:20px 70px 0; text-align:center; height:350px; overflow:hidden}

#cartoon{ height:199px; overflow:hidden}
#cartoon-dia{}

.slide-gallery{ padding:11px 0 0; background:#f4f4f0; border-bottom:1px dotted #919191; margin-top:4px; float:left; width:100%; position:relative; height:224px; overflow:hidden}
.slide-gallery ul{ width:950px}
.slide-gallery ul > li{ float:left; width:950px; background:#F4F4F0;   }
.slide-gallery ul > li > a{ display:block; float:left; margin-bottom:6px; width:223px; border-left:1px dotted #919191; height:218px; position:relative; text-decoration:none;padding:0 8px 0 9px;}
.slide-gallery ul > li > a:hover{ text-decoration:none; color:#666}
.slide-gallery ul > li figure{ margin-bottom:4px}
.slide-gallery ul > li > a.first{ padding-left:2px; border-left:0}
.slide-gallery ul > li > a.last{ padding-right:0}
.slide-gallery ul > li > a.first .slide-gallery [class^="ico"] { left:4px;}

.slide-gallery [class^="ico"] { display:block; width:26px; height:26px; position:absolute; top:4px; left:14px; background-position:0 0; background-repeat:no-repeat}
.ico-foto{ background-image: url(../img/ico-foto.png)}
.ico-filme{ background-image: url(../img/ico-filme.png)}
.slide-gallery li:hover span[class^="ico"] { background-position:0 -26px}

.article-resume{ clear:both; padding:5px 0; color:#333}
.article-resume time{ color:#999; display:block; padding-bottom:12px}
.article-resume.fr,
.article-resume.fl{ clear:none}
.article-resume figure{ padding-bottom:9px;}
.article-resume figure img{ max-width:100%;}
li.article-resume{ color:#454545; text-decoration:none; clear:none}
li.article-resume:hover, a.article-resume:hover, .article-resume a:hover{ color:#666; text-decoration:none; }
li.article-resume time{ padding-bottom:2px; font-size:11px}
a.article-resume time{ padding-bottom:2px;}

.article-resume .serif{ font-size:13px}
.padded {padding-right: 10px}


.quote{ clear:both; margin:0; font-size:16px}
.quote.it{ font-style:italic}
.quote + cite{ font-size:11px; display:block; padding-top:4px}
.quote.small{ font-size:12px; line-height:1.2; font-style:italic}
.qf{ background:url(../img/qf.png) no-repeat center 4px; height:1.0em; display:inline-block; width:14px;}
.ql{ background:url(../img/ql.png) no-repeat center 4px; height:1.0em; display:inline-block; width:14px; margin-right:4px}

.capa-do-dia{ border-top:3px solid #c80000; clear:both; padding:14px 0; font-size:10px; color:#555}
.ie9 .capa-do-dia, lt-ie9 .capa-do-dia{font-size:10px;}
.capa-do-dia .capa{ padding:2px 4px 5px 2px; width:86px; background:url(../img/capa-sh.png) no-repeat 0 0; float:left; margin-left:16px;}
.capa-do-dia .text{ float:right; width:180px;}
.capa-do-dia .title-co1{ border-bottom:1px dotted #919191; padding-bottom:6px; font-size:14px}
.capa-do-dia time{ display:block; padding:6px 0}

.col-right > .widget{ clear:both; float:left; width:100%; padding-bottom:15px}

.groupBox{ background:#e9e9e9; border:1px solid #dfe2e4; padding:2px 4px;  vertical-align:middle;}
.groupBox a{ margin-left:23px; vertical-align:middle; text-decoration:none}
.groupBox a:first-child{ margin-left:0}
.groupBox *{vertical-align:middle;}
.filter{ padding:4px 8px; font-size:13px}
.filter p{ padding-bottom:4px}
.filter select{ border-color:#757575 #c3c3c3 #c3c3c3 #c3c3c3; width:568px; padding:2px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}

.pesquisa-avancada{}
.pesquisa-avancada fieldset{ float:left; width:100%; clear:both; padding-bottom:12px;}
.pesquisa-avancada p.paddb{ padding-bottom:8px;}
.pesquisa-avancada .s1 {
    border-color: #757575 #C3C3C3 #C3C3C3;
    border-radius: 3px 3px 3px 3px;
    padding: 2px;
    width: 610px;
}
.pesquisa-avancada select {
    width: 616px;
}
.pesquisa-avancada .filter-data.spc1 label{ padding-right:40px}

.doubleSpan > div{ padding-top:12px}

.weather{ padding:5px 0; color:#4c4c4c}
.weather ul { list-style:none; padding-top:13px}
.weather li { float:left; width:139px; margin-left:-1px; border-left:1px solid #e1e1e1; padding-left:10px}
.weather li:first-child { width:140px; margin-left:0; border-left:none; border-right:1px solid #e1e1e1;}
.weather li p{ color:#000; font-size:14px; padding-bottom:4px}
.weather li strong{ font-size:16px; line-height:1.5em;}
.weather li span{ font-size:11px;}

.cartas-leitor{ background:url(../img/cartas-leitor.png) no-repeat right bottom; padding:12px 0 3px; margin-bottom:4px; font-size:11px; color:#555}
.cartas-leitor strong{color:#333}
.cartas-leitor a{color:#333}
.cartas-leitor a:hover{ text-decoration:underline}

.newsletter{ clear:both; padding:12px 0; color:#333; font-size:11px; position:relative;}
.newsletter .s-string{ width:182px}

.mini-section{}
.mini-section header{border-bottom:1px dotted #919191; position:relative}
.mini-section .title-area1,
.mini-section .title-section{border-bottom:none; padding-right:55px}
.mini-section header .more{ font-size:11px; position:absolute; right:0; top:3px;}
#main .mini-section .list li{ padding:6px 0;}
.mini-section .list li a{ text-decoration:none; color:#000}
.mini-section .list li a:hover{ text-decoration:none; color:#666}
.mini-section.span6{ margin-left:10px; float:left}
.mini-section.span6:first-child{ margin-left:0}

.breadcrumb{ clear:both; border-bottom:1px dotted #919191; padding-bottom:4px; font-size:11px; color:#555; margin-bottom:6px}
.breadcrumb a{ color:#0078b8; text-decoration:none;}
.breadcrumb a:hover{ text-decoration:underline;}
.breadcrumb strong{ font-weight:normal }
.breadcrumb .div{  padding:0 4px 0 6px; margin-left:2px; background:url(../img/arrr4.png) no-repeat center}
.lt-ie8 .breadcrumb .div{ width:4px; display:inline-block;}

.cronicas{ clear:both; padding:12px 0}
.cronicas .title-co1 { font-weight:normal; font-size:12px; padding-right:55px; text-transform:uppercase}
.header-link{ border-bottom: 1px dotted #919191; border-top: 1px dotted #919191; padding:4px 0 2px; position:relative}
.header-link .more{ position:absolute; top:4px; right:0; font-size:11px}

.header-link2{ border-bottom: 1px dotted #919191;padding:4px 0 2px; position:relative}
.header-link2 .title-section{ padding-right:55px; border-bottom:none; padding-bottom:0}
.header-link2 .more{ position:absolute; top:4px; right:0; font-size:11px}

.pag-title{border-bottom: 1px dotted #919191; padding:0 0 4px; float:left; width:100%; clear:both}
.pag-title .title-section{ float:left; border-bottom:none; padding-bottom:0}
.pag-title .pagination{ float:right}

.pagination a{ display:inline-block; min-width:17px;  height:17px; vertical-align:middle; margin:0 2px; background:#e9e9e9; color:#0078b8; text-decoration:none; text-align:center; line-height:17px;}
.pagination a.active,
.pagination a:hover,
.pagination a.active{ background:#0078b8; color:#FFF}
.pagination .prev,
.pagination .next{ width:auto; border:none; color:#0078b8; background:none;}
.pagination .prev{ margin-right:6px}
.pagination .next{ margin-left:6px}
body .pagination .prev:hover,
body .pagination .next:hover{ background:none; color:#666; }

.pagination.bottom{ float:none; text-align:right; padding:6px 0 8px; border-bottom:3px solid #808080; clear:both}

.cartoons-list .list4{border-bottom: 1px dotted #919191; padding:10px 0; }
.cartoons-list .list4 li{ padding:10px 0;}
.cartoons-list .list4 figure{ padding-bottom:4px}

.article-detail > header{ padding-bottom:18px;}
.article-detail > header > p{ color:#999}
.article-detail > header > .title-section2{ padding-bottom:0}

.intro{ font-size:1.35em;}
.fig-medium{ width:300px;}
.fig-medium figcaption{ color:#333; font-size:.9em; border-bottom: 1px dotted #919191; padding:4px 0}
.fig-medium.fl{ margin:0 18px 9px 0}
.fig-medium.fr{ margin:0 0 9px 18px}
figure cite{ color:#999}
.intro .texted{ overflow:hidden; clear:none; color:#333}


.detail-text { clear:both}
.detail-text .texted{ float:left; width:442px; font-size:1.1em;}
.detail-text aside{ float:right; width:170px;}
.detail-text aside .share{ float:left; width:170px; padding:10px 0 16px}
.detail-text .actions{ list-style:none; clear:both; padding-bottom:6px; float:left; width:100%}
.detail-text .actions *{ vertical-align:middle}
.detail-text .actions li{ float:left; width:50%; padding:6px 0}
.detail-text .btns a{ color:#0078b8; text-transform:uppercase}
.detail-text .actions a:hover{ text-decoration:none; color:#666}
.detail-text .actions a:hover .arrr5{ background-image:url(../img/arrr5hi.png)}
.detail-text .btns li{ width:100%; padding:3px 0}
.detail-text .widget{ clear:both; border-bottom: 1px dotted #919191;}
.detail-text .title-section{ font-size:12px}
.detail-text aside .list.simple{ padding:4px 0; font-size:11px}
#main .detail-text aside .list.simple .more{font-size:11px; display:block}
.detail-text aside .list.simple li{ padding:8px 0;}


.texted .back{ clear:both; padding:6px 0; border-top: 1px dotted #919191;}
.texted .back-link{ color:#0078b8; text-decoration:none; font-size:11px; vertical-align:middle}
.texted .back-link:hover{ color:#0078b8; text-decoration:underline}

.ico-foto2,
.ico-filme2,
.ico-tless,
.ico-tmore,
.ico-print,
.ico-send,
.ico-share{ display:inline-block; background-position:left center; background-repeat:no-repeat; color:#999; text-decoration:none; padding-left:25px; font-size:11px}
.ico-tless{ background-image:url(../img/ico-tless.png)}
.ico-tmore{ background-image:url(../img/ico-tmore.png)}
.ico-print{ background-image:url(../img/ico-print.png)}
.ico-send{ background-image:url(../img/ico-send.png)}
.ico-share{ background-image:url(../img/ico-share.png)}
.ico-share{ background-image:url(../img/ico-share.png)}
.ico-foto2{ background-image:url(../img/ico-foto2.png)}
.ico-filme2{ background-image:url(../img/ico-filme2.png)}

.arrr5{ display:inline-block; width:20px; line-height:14px; height:14px; background:url(../img/arrr5.png) no-repeat center center }

.filter-data label{ padding-right:13px; color:#333}
p.filter-data{ padding-top:6px; clear:both}
.filter-data input{ position:relative; margin-top:-1px; margin-right: 2px;}

/* LISTS */

.list4{ list-style:none; float:left; width:100%; clear:both}
.list4 li{ float:left; width:25%;}
.list4 a{ text-decoration:none}

.list3{ float:left; width:100%; clear:both; padding:5px 0}
.list3.big{ padding-bottom:12px}
.list3 > li{ float:left; width:122px; margin-left:17px}
.list3.big > li{ width:202px; margin-left:17px;}
.list3 > li:first-child, .list3.big > li:first-child{ margin-left:0}
.list3 .article-resume figure{ padding-bottom:4px;}
.list3.big .serif{ font-size:19px; line-height:1.0}

.thumb-resume{ float:left; width:100%; padding:7px 0; clear:both; font-size:11px; margin-bottom:8px}
.thumb-resume figure{ float:left; margin-right:12px}
.thumb-resume .text{ overflow:hidden;}
.thumb-resume a{ text-decoration:none}
.thumb-resume a:hover{ color:#000}
.thumb-resume figure + .text{ /* padding-top:6px; */}

.topBDot{border-top: 1px dotted #919191;}
.topBoDot{border-bottom: 1px dotted #919191;}
li.thumb-resume{ font-size:12px; border-bottom: 1px dotted #919191; padding:6px 0; margin:0}
li.thumb-resume .more{ font-size:11px}

.list{ clear:both; list-style:none}
.list a{ color:#000; text-decoration:none}
.list a:hover{ color:#666; text-decoration:none}
.list.simple > li{ padding:2px 0}
.list.simple.spc li{ padding:6px 0;}
.simple a.more{ font-size:11px}

.list-thumbs{ clear:both; color:#333}
.list-thumbs a{ text-decoration:none;}
.list-thumbs a:hover{ text-decoration:none; color:#666}
.list-thumbs li { padding:6px 0 4px; border-top:1px dotted #919191; float:left; width:100%; clear:both}
.list-thumbs li:first-child{ border-top:none}
.list-thumbs.articles li{ padding:10px 0}
.list-thumbs.articles{border-bottom:1px dotted #919191; float:left; width:100%; clear:both}
.list-thumbs li > figure{ float:left; margin-right:10px;}
.list-thumbs .text{ overflow:hidden;}
.list-thumbs.articles time{ color:#999; display:block; padding-bottom:2px}
.list-thumbs .title-article{ padding-bottom:8px}
.arquivo-list .title-article{ padding-bottom:0}

.arquivo-list.citacoes{ font-size:.9em; clear:both; color:#333}
.arquivo-list.citacoes li{ padding:12px 0; border-bottom: 1px dotted #919191;}
.arquivo-list.citacoes .quote{ font-size:1.1em; color:#000}
.arquivo-list.citacoes time{ display:block; padding-bottom:4px}

.search-results{ color:#333; font-size:16px; padding-bottom:18px;}
.list-thumbs.search-list time{ color:#999; vertical-align:middle;}
.list-thumbs.search-list > li{ padding: 8px 0;}
.list-thumbs.search-list .title-sub{ font-size:0.9em; margin-right:4px}
.list-thumbs.search-list li{ vertical-align:middle}
.list-thumbs.search-list .info2{  line-height:1.2}


.text-row{ clear:both; color:#333; font-size:1.1em; padding:6px 0}
.text-row h2,
.text-row h3,
.text-row h4,
.text-row h5,
.text-row h6{ font-size:1.1em; text-transform:uppercase; padding:8px 0 4px;}
.text-row address{ font-style:normal}

.list2{ clear:both; padding:10px 0;}
.list2 li{ padding-bottom:14px;}

.cronicas .list-thumbs{ color:#000}
.cronicas .list-thumbs a{ color:#000}
.cronicas .list-thumbs a:hover{ color:#666}
.cronicas .list-thumbs time{font-size:11px}

.link-rss { float:left; width:100%; clear:both; min-height:200px; border-bottom:1px dotted #919191; padding-bottom:40px}
.link-rss ul{ list-style:none; margin-left:110px; font-size:13px}
.link-rss li{ float:left; width:50%; padding:4px 0}
.link-rss a{ color:#0078b8; text-decoration:none; font-weight:bold}
.link-rss a:hover{ color:#666; text-decoration:none;}

/* TITLES */
body .title-section{ border-bottom: 1px dotted #919191; font-size:15px; font-weight:normal; padding-bottom:4px; color:#000; text-transform:uppercase; clear:both}
body .title-section a{ color:#000}
body .title-section2{ font-size:25px; font-weight:normal; padding-bottom:4px; color:#333333; clear:both}
body .title-section2 a{ color:#333333}
body .title-area{color:#0078b8; text-transform:uppercase; font-weight:normal; font-size:11px; padding-bottom:4px; clear:both}
body .title-area a{ color:#0078b8}
body .title-sub{color: #C80000; text-transform:uppercase; font-weight:normal; font-size:10px;}
body .title-sub a{ color:#C80000}
body .title-article{ color:#333; font-size:19px; font-weight:normal;}
body .title-article a{ color:#333333}
body .title-article.small{ color:#333; font-size:16px; font-weight:bold; padding-bottom:4px}
body .title-co1{ color:#c80000}
body .title-co1 a{ color:#c80000}
body .title-area1{color:#4c4c4c; font-weight:normal; font-size:14px; padding-bottom:4px; clear:both; border-bottom:1px dotted #919191;}
body .title-area1 a{ color:#4c4c4c}
body .title-section3{ font-size:15px; font-weight:normal; padding-bottom:4px; color:#000; text-transform:uppercase; clear:both}

a.co2, .co2{ color:#0078b8}

#main [class^="title"] a{ color:inherit; text-decoration:none}
#main [class^="title"] a:hover{ text-decoration:none; color:#666}

.wrapp-el + .title-section{ padding-top:16px;}

.arrr3{ display:inline-blocK; height:0.6em; background:url(../img/arrr3.png) no-repeat 0 0; padding:0 4px;}
#main a span.more, a.more{ color:#0078b8; text-decoration:none; font-size:12px; font-weight:normal; white-space:nowrap}
#main a:hover span.more,
#main li:hover a.more,
#main a.more:hover { color:#c80000}

.article-highlight{ padding:5px; float:left; width:630px; clear:both}
.article-highlight.bg1{ margin-bottom:5px;width:630px;}
.article-highlight > figure.fl{ margin-right:8px;}
.article-highlight .text{ overflow:hidden}
.article-highlight time {color:#999; display:block; padding-bottom:2px}
.article-highlight .title-article{ padding-bottom:10px}
.article-highlight a { text-decoration:none; color:#333}
.article-highlight a:hover { text-decoration:none; color:#666}


/* GLOBAL */

.texted{ clear:both; color:#333}
.texted p{ clear:both; padding-bottom:18px}
.texted h1{ font-size:1.4em; padding-bottom:4px}
.texted h2{ font-size:1.3em; padding-bottom:4px}
.texted h3{ font-size:1.2em; padding-bottom:4px}
.texted h4{ font-size:1.2em; font-weight:normal; padding-bottom:4px}
.texted h5{ font-size:1.1em; padding-bottom:4px}
.texted h6{ font-size:1.1em; font-weight:normal; padding-bottom:4px}

.t16{ font-size:16px}
.pub{ background:url(../img/pub.png) no-repeat 0 0; padding-top:12px}
a.box{ background:#e6e6e6; color:#595959; padding:3px 7px;}
input.box1,
a.box1{ 
    background:#e6e6e6; color:#474747; 
    padding:3px 7px; margin-top:4px; text-decoration:none; text-transform:uppercase; 
    border:1px solid #cecece; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
input.box1:hover ,a.box1:hover{ background-color:#d5d5d5; text-decoration:none; color:#333 }
input.box1{ margin-top:0}


input.box1.arrr6{ background-image:url(../img/arrr6.png); background-repeat:no-repeat; background-position:right center; padding-right:16px}

.lt-ie8 input.box1{ line-height:1.3; padding:1px 16px 0 7px;}
.ie9 input.box1{ line-height:1.3; padding-top:5px; padding-bottom:1px}

a.redArr{ color:#c80000; font-size:12px; text-decoration:none; background:url(../img/arrr3.png) no-repeat right center; padding-right:8px}
a.redArr:hover{ text-decoration:none; color:#f53838;}

#main .brdBDot{ clear:both; border-bottom: 1px dotted #919191; padding:2px 0}
.topb, #main .topb{ border-top:3px solid #808080; padding-top:6px}

.bg1{ /* background:#e9e9e9; */ min-height:50px;float:left; width:100%; clear:both;}
.topb .bg1{ position:relative; margin-top:-4px}
.bg1-spc{ padding:0 9px;}
#main .bg1-spc .span3.fl{ width:299px;}
#main .bg1-spc .span3.fr{ width:299px;}
.art{ clear:both}

ul.sq{ list-style:none; clear:both}
ul.sq li{ background:url(../img/sq.gif) no-repeat 1px 6px; padding-left:9px; padding-bottom:8px}

.area .title{ font-size:.9em; text-transform:uppercase; color:#0078b8; font-weight:normal; padding-bottom:10px}

#main{ min-height:400px;}
.ar-right1{ background:url(../img/arrr1.png) no-repeat center center; line-height:1em; height:1em; width:7px; vertical-align:middle; display:inline-block;}
.pub > small{ color:#bababa; font-size:9px; background:#e2e7ec; line-height:9px; margin-bottom:5px; display:inline-block;}

.upp{ text-transform:uppercase; font-size:11px}
.serif{font-family:Georgia, serif}
#main .paddb4{ padding-bottom:4px}
#main .paddt8{ padding-top:8px}
#main .paddB30{ padding-bottom:30px}
#main .padd10 { padding:10px 0}

cite{ font-style:normal}

figure.fl{ margin:0 14px 0 0}
figure.fr{ margin:0 0 0 14px}

.fl{ float:left}
.fr{ float:right}
.ac{ text-align:center}
.al{ text-align:left}
.ar{ text-align:right}
.cb{ clear:both}



/* OVERLAYS */
body.send-friend{ width:570px; background:#FFF}
a.close-link{ float:right; text-decoration:none; background:url(../img/x.png) no-repeat right center; font-size:11px; padding:2px 12px 2px 0; color:#0078B8}
a.close-link:hover{ text-decoration:none; color:#666}
body .title-section a.close-link{color:#0078B8}

.form{ float:left; width:100%; clear:both; font-size:13px; padding:7px}
.controls{ float:left; width:100%; clear:both; margin-bottom:3px; padding:6px 0 8px}
.controls.bg2{background:#e9e9e9; }
.controls .half-control{ float:left; width:50%;}

.lb1{ float:left; width:52px; text-align:right; padding-right:6px; font-weight:bold; color:#333;}
.lb2{ display:block; font-weight:bold; color:#333; padding-bottom:4px}
.lb2 small{font-weight:normal; font-size:11px}
.top-lb{ font-size:13px; padding-bottom:6px; padding-left:6px }

.in1{ width:205px; padding:2px 4px; border-color:#777373 #cecece #cecece #cecece; -moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px}
.in2{ width:550px; height:85px; overflow:auto; padding:2px 4px; border-color:#777373 #cecece #cecece #cecece; -moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px}
.in-error{ background-color:#f9e5e5}

.btns-form{ float:left; width:100%; clear:both; padding:10px 0;}
.btns-form .s-btn{ margin-right:8px}
.form-msg{ overflow:hidden}
.error-msg{ color:#c80000}
#sb-wrapper-inner{ box-shadow:0 0 10px #000}

.gallery-overlay{ padding:4px 0 5px 23px; width:532px; background:#FFF;}
.gallery-overlay .topb{ }

.video-overlay{ padding:4px 0 5px 26px; background:#FFF;}
.video-overlay .topb{ width:582px}
.video-overlay .descriptions { background: #FFFFFF; float: left; overflow: hidden; width: 482px; }
.video-overlay .ad-image-description { padding: 7px; text-align: left;  width: 486px; float:left; color: #000;  }
.video-note{ font-size:12px; color:#000; padding:6px 0 }
.note1{ color:#808080; margin-left:24px;}
.note1:first-child{ margin-left:0;}
.video-player{ clear:both}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

.spc-op p { padding-left: 4px }
.spc-share { width: 230px !important; margin: 20px auto; }
.spc1 { float: left; width: 140px; }
.sapo_sharethis_container { float: right !important; margin-top: 15px !important;}

.mrec2 { padding-top: 5px; padding-bottom: 5px; border-top: 3px solid #0078B8; border-bottom: 3px solid #0078B8;}