/* =============================================================================
   CSS Reset
   ========================================================================== */

/* HTML5 Boilerplate Reset - http://html5boilerplate.com/ */
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:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased}html,button,input,select,textarea{font-family:sans-serif;color:#222}body{margin:0;font-size:1em;line-height:1.4}::-moz-selection{background:#2a5075;color:#fff;text-shadow:none}::selection{background:#2a5075;color:#fff;text-shadow:none}a{color:#00e}a:visited{color:#551a8b}a:hover{color:#06e}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}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}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:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.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}::-webkit-input-placeholder{font-weight:300}input:-moz-placeholder{font-weight:300}@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:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

/* =============================================================================
   Link Styles
   ========================================================================== */
a,
a:link,
a:visited { color: #666; cursor: pointer; text-decoration: none; }
a:hover,
a:focus { color: #2A94be; outline: none; text-decoration: underline; }

/* =============================================================================
   General Styles
   ========================================================================== */
body { background-color: #fff; color: #666; font-family: Arial, Helvetica, sans-serif; }
p , dd { margin: 0; }
article p { margin: 1em 0; }
.sprite { background: url(//f.i.uol.com.br/publicidade/sprite.png?20150402) no-repeat; }
table { border-collapse: collapse; width: 100%; }
table caption ,
table th { text-align: left; }

/* =============================================================================
   Layout/ Grid Styles
   ========================================================================== */
   .container.header-bg { background: url(//f.i.uol.com.br/publicidade/header/publicidade-header-20160821.png?2016082100) no-repeat 0px 31px; }
.container { margin: 0 auto; position: relative; width: 970px; }
.row { margin-left: -30px; *zoom: 1; }
.row:before, .row:after { display: table; content: ""; line-height: 0; }
.row:after { clear: both; }
[class*="span"] { float: left; min-height: 1px; margin-left: 30px; }

.span1 { width: 70px; }
.span2 { width: 170px; }
.span3 { width: 270px; }
.span4 { width: 370px; }
.span5 { width: 470px; }
.span6 { width: 570px; }
.span7 { width: 670px; }
.span8 { width: 770px; }
.span9 { width: 870px; }
.span10 { width: 970px; }

.offset10 { margin-left: 1030px; }
.offset9 { margin-left: 930px; }
.offset8 { margin-left: 830px; }
.offset7 { margin-left: 730px; }
.offset6 { margin-left: 630px; }
.offset5 { margin-left: 530px; }
.offset4 { margin-left: 430px; }
.offset3 { margin-left: 330px; }
.offset2 { margin-left: 230px; }
.offset1 { margin-left: 130px; }

/* =============================================================================
   Form
   ========================================================================== */
.help-inline ,
.help-block { font-size: 12px; line-height: 22px; }
.help-inline { display: inline-block; *display: inline; padding-left: 5px; vertical-align: middle; *zoom: 1; }
.help-block { clear: left; margin-left: 30px; padding-top: 5px; }

label { font-size: 14px; line-height: 22px; }
input[type=text] , 
input[type=password] , 
select ,
textarea { background: #fff; border: 1px solid #ccc; border-radius: 2px; font-size: 14px; padding: 3px; }

select { min-width: 276px; }

input[type=text]:focus , 
input[type=password]:focus , 
select:focus ,
textarea:focus { 
   border-color: rgb(82, 168, 236); 
   border-color: rgba(82, 168, 236, 0.8); 
   outline: 0; outline: thin dotted \9; 
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); 
      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); 
         box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); 
}

.control-group { margin-bottom: 15px; }
.control-group label { display: block; }
.control-group [class*="span"] { margin-left: 22px; }
.control-group .row [class*="span"]:first-child { margin-left: 30px; }

/* Label */
.control-group .checkbox { padding: 10px 0 0 20px; line-height: 15px; }
.control-group .checkbox input { float: left; margin-left: -20px; }

.control-group.success { color: #468847; }
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847;
  color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.control-group.error { color: #b94a48; }
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #b94a48;
  color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.btn { background-color: #f5f5f5; *background-color: #e6e6e6; border: 1px solid #ccc; color: #333; cursor: pointer; display: inline-block; *display: inline; font-size: 14px; line-height: 20px; margin-bottom: 0; *margin-left: .3em; padding: 4px 10px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; *zoom: 1;
   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
      -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
           box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn:hover,
.btn:focus,
.btn:active { background-color: #e6e6e6; *background-color: #d9d9d9; color: #333; outline: none; text-decoration: none; }
.btn:active,
.btn.active { background-color: #cccccc \9; }
.btn:first-child { *margin-left: 0; }

.btn-red ,
.btn-red:link { background-color: #bd362f; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.btn-red:hover,
.btn-red:focus,
.btn-red:active { background-color: #da4f49; color: #fff; }
.btn-red:active,
.btn-red.active { background-color: #942a25 \9; }

.action-group { margin-top: 24px; }

.form-inline .control-group label { display: inline-block; *display: inline; margin-right: 15px; width: 100px; zoom: 1; }
.form-inline .control-group select { min-width: 178px; }

.span10 > input[type=text] , 
.span10 > input[type=password] , 
.span10 > select ,
.span10 > textarea { width: 968px; }
.span9 > input[type=text] , 
.span9 > input[type=password] , 
.span9 > select ,
.span9 > textarea { width: 868px; }
.span8 > input[type=text] , 
.span8 > input[type=password] , 
.span8 > select ,
.span8 > textarea { width: 768px; }
.span7 > input[type=text] , 
.span7 > input[type=password] , 
.span7 > select ,
.span7 > textarea { width: 668px; }
.span6 > input[type=text] , 
.span6 > input[type=password] , 
.span6 > select ,
.span6 > textarea { width: 568px; }
.span5 > input[type=text] , 
.span5 > input[type=password] , 
.span5 > select ,
.span5 > textarea { width: 468px; }
.span4 > input[type=text] , 
.span4 > input[type=password] , 
.span4 > select ,
.span4 > textarea { width: 368px; }
.span3 > input[type=text] , 
.span3 > input[type=password] , 
.span3 > select ,
.span3 > textarea { width: 268px; }
.span2 > input[type=text] , 
.span2 > input[type=password] , 
.span2 > select ,
.span2 > textarea { width: 168px; }
.span1 > input[type=text] , 
.span1 > input[type=password] , 
.span1 > select ,
.span1 > textarea { width: 68px; }

/* =============================================================================
   Header - Navigation
   ========================================================================== */
header.main { background: url( http://publicidade.folha.com.br/images/bg7.png ) repeat-x; height: 317px; position: relative; }
header.main .container { height: 100%; }
header.main nav { bottom: 0; height: 64px; left: 0; position: absolute; width: 100%; }
header.main nav li { display: inline; float: left; font-size: 12px; font-weight: 700; line-height: 64px; margin-left: 15px; }
header.main nav a { color: #fff; padding: 0 4px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out padding 0.8s linear; }
header.main nav a:hover { background-color: #2A94be; text-decoration: none; padding: 3px 4px; }
header.main nav .home { margin: 0; }
header.main nav .home a { background-position: 0 0; display: inline; float: left; height: 16px; margin-top: 24px; overflow: hidden; padding: 0; text-indent: -9999px; width: 16px; }
header.main nav .home a:hover { background-color: transparent; }

/* =============================================================================
   Top - Breadcrumbs
   ========================================================================== */
#top { border-bottom: 1px solid #999; float: left; margin-bottom: 10px; padding: 4px 0 2px; width: 100%; }
.breadcrumbs { float: left; font-size: 11px; line-height: 13px; margin-top: 15px; }
.breadcrumbs li { color: #666; display: inline; margin-right: 4px; }
#top .login { background: #9d2929; border-radius: 2px; color: #fff; float: right; font-size: 13px; height: 26px; line-height: 26px; padding: 0 30px 0 10px; position: relative; text-decoration: none; text-transform: uppercase; margin-left: 10px; }
#top .login .sprite { background-position: -280px 0; display: inline-block; height: 13px; position: absolute; right: 8px; top: 6px; width: 13px; }


/* =============================================================================
   Footer
   ========================================================================== */
footer.main { background: #192229; color: #ccc; float: left; font-weight: 700; margin-top: 30px; padding: 18px 0; width: 100%; }
footer.main .contact { border-bottom: 1px solid #ccc; padding-bottom: 4px; }
footer.main .contact li { display: inline; font-size: 12px; line-height: 12px; margin-right: 5px; padding-left: 8px; border-left: 2px solid #666; }
footer.main .contact li:first-child { border-left: 0px solid #666; }
footer.main .contact a { color: #fff; }

footer.main nav { float: left; margin-top: 30px; width: 100%; }
footer.main nav ul { border-right: 1px solid #333; float: left; padding: 0 18px; max-width: 180px; }
footer.main nav ul:first-child { padding-left: 0; }
footer.main nav ul:last-child , footer.main nav .last { border: 0; padding-right: 0; }
footer.main nav li { font-size: 10px; line-height: 12px; margin: 3px 0 0; }
footer.main nav .title { color: #9D2929; font-size: 17px; font-weight: 700; line-height: 19px; margin: 0 0 15px; }
footer.main nav a { color: #fff; }

footer.main .copyright {float: left;}
footer.main .copyright h1 { margin: 0; }
footer.main .copyright h1 a { background: url(http://publicidade.folha.com.br/images/grupo_folha_rodape.png) no-repeat; display: block; height: 51px; overflow: hidden; text-indent: -9999px; width: 186px; }
footer.main .copyright p { font-size: 10px; line-height: 15px; }

/* =============================================================================
   Helpers
   ========================================================================== */
.unstyled { list-style: none outside none; }
.hide { display: none; }
.hide-text { background-color: transparent; border: 0; color: transparent; *color: #fff; font: 0/0 a; text-shadow: none; }
.center-text { text-align: center; }
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }

.grid h1 { font-size: 2em; line-height: 1em; margin: 10px 0 20px; }
.grid h1 small { font-size: .75em; }
.row.show-grid [class*="span"] { background: #eee; margin-top: 20px; }
.row.show-grid span { display: block; padding: 10px; text-align: center; }
.row.show-grid [class*="offset"] { margin-top: 20px; }
.row.show-grid [class*="offset"] span { background: #eee; }

.row.show-grid [class*="span"]:hover ,
.row.show-grid [class*="offset"] span:hover { background: #ddd; }
.reader ul.menu-publish{margin-bottom: 20px;}
.reader ul.menu-publish li{ list-style: none; display: inline; padding: 0 5px 0 0; }
.reader ul.menu-publish li a.ativo {font-size: 18px; font-weight: bold; }