/*
-----------------------------------------------
Grey Box Method - Layout CSS 2009
	min-width: 992px;
----------------------------------------------- */
html 
{
    background: #fff url('/images/bgBodyTop.jpg') repeat-x top;
	border-top: 3px solid #004a80;
}

body {
    background: Transparent url('/images/bgBodyBottom.jpg') repeat-x bottom;
	margin-top: 10px;
	color: #333;
	font-size: 11px;
	padding: 0 0 20px;
	border-bottom: 3px solid #004a80;
}

/* Bordas - MasterPage
----------------------------------------------- */
.border-tl
{
    display: block;
    border: 0px #000 solid;
    float: left;
    height: 20px;
    width: 20px;
    background: url(/images/border_tl.png) Transparent top left;
}

.border-tr
{
    display: block;
    border: 0px #000 solid;
    float: left;
    height: 20px;
    width: 20px;
    background: url(/images/border_tr.png) Transparent top right;
}
.border-bl
{
    display: block;
    border: 0px #000 solid;
    float: left;
    height: 20px;
    width: 20px;
    background: url(/images/border_bl.png) Transparent top left;
}

.border-br
{
    display: block;
    border: 0px #000 solid;
    float: left;
    height: 20px;
    width: 20px;
    background: url(/images/border_br.png) Transparent top right;
}

.border-fill
{
     display: block;
     border: 0px #000 solid;
     float: left;
     height: 20px;
     width: 920px;
     background-color: #ffffff;
}

/* Portal
----------------------------------------------- */
#page-header 
{
    margin-top: -10px;
    clear: both;
    /*background: url('/images/bgheader.png') repeat-x;*/
}

#page-header .user-header
{
    float: right;
    /*background: Transparent url('/images/bgcabesp.png') top right no-repeat;*/
    height: 100px;
    width: 500px;
}


/* anchors
----------------------------------------------- */
a {
	color: #000;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	color:#333;
}



/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
	background:#fff;
}


/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	color:#004a80; line-height:1.2em; margin-bottom:.3em;}
h2, h4 {margin-top:1em;}
h5 {font-size:1.4em; font-family: Arial;}
h6 {font-size:1em;}


h1 a {
	font-weight:normal;
}


/* branding
----------------------------------------------- */
h1#branding {
	font-weight:normal;
	font-size:3em;
	text-align:left;
	background:#aaa;
	padding:.7em 1em;
	margin-bottom:0;
}


/* page heading
----------------------------------------------- */
#page-heading 
{
    display: block;
	font-weight:normal;
	padding-left:.5em;
	padding-top:.1em;
	padding-bottom:.1em;
	margin:0 0 4px 0;
	border-top: 2px solid #d4efd0;
    border-bottom: 2px solid #d4efd0;
	background-color: Transparent;
}

#page-heading a:hover{
	font-weight:normal;
	text-decoration: underline;
}

/* boxes
----------------------------------------------- */
.box {
	background:#fff;
	margin-bottom: 5px;
	padding:10px 10px 1px 10px;
}
.box h2 
{
    text-align: left;
    display: block;
	font-size:1em;
	font-weight:bold;
	/*text-transform:uppercase;*/
	color:#004a80;
	/*background: #fff url("/Masters/bgBox.png") repeat-x;*/
	background: #fff url("/images/bgBox.png") repeat-x;
	margin:-10px -10px 0 -10px;
	padding: 0px 0px 0px 6px;
}
.box h2 a,
.box h2 span,
.box h2 a.visible {
	color:#004a80;
	background: #fff;
	display:inline;
	padding: 2px 6px 0px 6px;
	vertical-align: top;
	border:none;
}
.grid_4 .box h2 a {
	background-position: 97% 50%;
}
.grid_5 .box h2 a {
	background-position: 98% 50%;
}
.grid_12 .box h2 a {
	background-position: 99% 50%;
}


.box h2 a.hidden,
.box h2 a.hidden:hover {
	color:#fff;
	background: #ff0000;
}
.box h2 a:hover {
	color:#004a80;
	background-color:#e6f1eb;
}
.block {
	padding-top:10px;
}
div.menu {
	padding:0;
}
div.menu h2 {
	margin:0;
}
div.menu .block {
	padding-top:0;
}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:1em;
	line-height:1.5em;
	letter-spacing: 0.1em;
}
blockquote {
	font-family: Verdana, Arial, 'Liberation Sans', FreeSans, sans-serif;
	padding-left:1em;
}
ul, ol {
	padding-top:0;
}


/* menus

ul.menu li a:active
{
    color: #fff;
	background:#3f85b8;
}
----------------------------------------------- */
ul.menu {
	list-style:none;
	border-top:0px solid #dcf4d8;
}

ul.menu li {
	margin:0;
    vertical-align: middle;
}
ul.menu li a 
{
	display:block;
	padding:4px 10px;
}
ul.menu li a:hover 
{
	color:#004a80;
	background: #ebf5f0;
	font-weight: bold;
}

/* submenus
----------------------------------------------- */
ul.menu ul {
	list-style:none;
	margin:0;
}
ul.menu ul li a {
	padding-left:30px;
}


/* section menus
----------------------------------------------- */
ul.section {
	border-top:0;
	margin-bottom:0;
	list-style: none;
}
ul.section li {
}
ul.section li a 
{
    font-weight: normal;
    width: 100%;
    display: block;
    color: #004a80;
	background:#fff;
}
ul.section li a:hover 
{
    font-weight: bold;
	color:#004a80;
	background: #ebf5f0;
}
ul.section li a:active {
	color:#fff;
	background:#004a80;
}
ul.section li li a {
	background:#ddd;
	border-bottom:1px solid #eee;
}
ul.section li li a:hover {
	background:#ccc;
}
ul.section li li a:active {
	color:#000;
	background:#fff;
}
ul.section ul li {
	text-transform:none;
}
ul.section ul.current li a {
	background:#eee;
	border-bottom:1px solid #fff;
}
ul.section ul.current li a:hover {
	background:#ddd;
}
ul.section ul.current li a:active {
	background:#fff;
}
ul.section li a.current {
	color:#fff;
	background:#666;
}
ul.section li a.current:hover {
	background:#555;
}
ul.section li a.current:active {
	background:#444;
}
ul.section li a.active {
	background:#fff;
	cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
	color:#fff;
	background:#666;
	cursor:default;
}


/* table
----------------------------------------------- */
table {
	/*width:100%;*/
	border:0px solid #bbb;
}
col.colC {
	width:8em;
}
th, td {
	/*padding:.2em 1em;*/
	text-align:left;
	vertical-align: middle;
}
thead th {
	border-bottom:2px solid #888;
	background:#ccc;
	/*padding:.4em 1em .2em;*/
}
thead th.table-head {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#ccc;
	background:#555;
	border:0px solid #555;
}
tbody th{
	border-top:0px solid #bbb;
	border-bottom:0px solid #bbb;
	background:#ebf5f0;
}
tbody td {
	border-top:0px solid #bbb;
	border-bottom:0px solid #bbb;
	/*background:#fff;*/
}
tbody tr.odd th,
tbody tr.odd td {
	background:#fff;
}
tfoot th,
tfoot td {
	border-top:2px solid #666;
	background:#ccc;
}
tfoot tr.total th,
tfoot tr.total td {
	border-top:6px double #666;
}
tfoot tr.total th {
	text-transform:uppercase;
}
th.currency,
td.currency {
	text-align:right;
}


/* forms
----------------------------------------------- */
form {
	overflow:hidden;
}
fieldset 
{
	border:1px solid #ebebeb;
	position:relative;
	background:#fff;
	padding: 8px;
	vertical-align: text-bottom;
}
legend 
{
    color: #004a80;
    font-size:1.1em;
	padding:.2em .4em;
	background:#fff;
	font-weight: bold;
	border:0px solid #bbb;
	margin-bottom:8px;
	/*font-size:1.1em;
	padding:.4em .8em;
	background:#ebf5f0;
	font-weight: bold;
	border:1px solid #bbb;
	margin-bottom:8px;*/
}


/* articles
----------------------------------------------- */
.articles {
	padding:0;
}
.articles h2 {
	margin:0;
}
#articles {
	padding-top:0;
}
.article {
	border-top:1px solid #666;
	padding-top:.5em;
}
.box .article {
	border-top:3px solid #fff;
	padding:5px 10px 0 10px;
}
.article h2 {
	font-size:2em;
	font-weight:normal;
	text-transform:none;
	color:#333;
	background:transparent;
	padding:0;
	margin:0;
	border:none;
}
.article h3 {
	margin-bottom:.2em;
	font-size:1.6em;
}
.box .first {
	border-top:none;
}
.article h4 {
	font-size:1.2em;
	/*text-transform:uppercase;*/
	vertical-align: top;
	margin:0px;
}
.article img {
	float:left; 
	margin:0px 10px 1px 0; 
	padding:0px 4px 0px 0px;
	border:0px solid #bbb;
	background:#fff;
	display: inline;
}
.article a.image:hover {
	border:0px solid #666;
}
.article p.info {
	color:#666;
	margin-bottom:.6em;
}
.article p.msg {
	color:#000;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:.3em 0;
	margin-bottom:.8em;
}


/* site information
----------------------------------------------- */
#site_info
{
    border-top: 2px solid #d4efd0;
	color:#004a80;
	background-color:#fff;
	padding-top: 10px;
	margin-bottom:-10px;
}
#site_info a {
	color:#004a80;
}
#site_info a:hover {
	color:#000;
}


/* AJAX sliding shelf
----------------------------------------------- */
#loading {float:right; margin-right:14px; margin-top:-2px;}
.block {padding-bottom:1px;}


/* Accordian
----------------------------------------------- */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size:1.1em;
	font-weight: normal;
	cursor: hand;
}
.element h4 {
	margin: 0;
	padding:4px;
	line-height:1.2em;
}
.element p {
	margin: 0;
	padding: 4px;
}
.float-right {
	padding:10px 20px;
	float:right;
}

#accordian-block {
	padding-bottom:10px;
}

/* Portal UI
--------------------------------- */

input[type=text],input[type=password] 
{
    border: 1px solid #666;
    background-color:Transparent;
    height: 16px;
    line-height: 18px;
    font-size: larger;
    vertical-align: baseline;
    font: bold 11px "Arial", Times, serif;
    color: #007b3d;
}    
textarea 
{
    border: 1px solid #666; font: bold 11px "Arial", Times, serif; color: #007b3d;
}    
select 
{
    border: 1px solid #666; height: 18px; font-size: xx-small;
}    
select:hover, input[type=password]:hover, input[type=text]:hover 
{
    border: 1px solid #3cb778;
}
.botao
{
     background: #ebf5f0;
     border: 1px solid #99c2ad;
     color: #004a80;
     font-family: Arial;
     font-size: 1em;
     text-decoration: none;
     cursor: pointer;
     text-align: center;
     line-height: 20px;
     vertical-align: bottom;
}
.botao:hover
{
     background: #004a80;
     border: 1px solid #ebf5f0;
     color: #fff;
     font-family: Arial;
     font-size: 1em;
     text-decoration: none;
     cursor: pointer;
     text-align: center;
     line-height: 20px;
     vertical-align: bottom;
}
.MenuItem
{
    font: Verdana 11px;
    font-weight: normal;
    color: #004a80;
    min-height: 18px;
    vertical-align: middle;
    background: #fff;
}
.MenuItemSelected
{
    color: #004a80;
    font-weight: bold;
    min-height: 18px;
    vertical-align: middle;
    background: #ebf5f0;
    border-bottom: 2px solid #004a80;
}
.divTitle 
{
    background: transparent url(/images/fundoTitle.png) repeat-x;
    height: 22px;
    text-indent: 4px;
    padding: 20px 0px 2px 0px;
    /*margin-top: 4px; */ 
    text-align: left;
    vertical-align: baseline;
}
.logo
{
    float: left;
    margin: 0;
    width: 180px;
    height: 100px;
    background: url('/images/bglogo.png') top left no-repeat;
}
#avatar{
    float: right;
    height: 60px;
    padding: 7px 7px 7px 7px;
    margin: 15px 15px 5px 5px;
    background: transparent url('/images/frame_avatar.png') no-repeat;
    width: 66px;
    height: 66px;
    border: 0px solid #000;
    overflow: hidden;
}
#avatar img{
    width: 50px;
    height: 50px;
    border: 0px solid #000;
    overflow: hidden;
}
.modalBackground {
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: 0.7;
    -moz-opacity: 0.7;
}
.dica 
{
    background-color: #fefbd4;
    padding: 4px;
}
.fontsize
{
    font-weight: bold;
    color: #f26522;
}
.fontsize:hover
{
    font-weight: bold;
    color: #004a80;
}
.cssLabel { font-weight: bold; padding-right: 2px; text-align: right; vertical-align: top; line-height: 22px; }
.cssValue { font-weight: normal; padding-left: 2px; }

/*
NOVIDADES
------------------------------------- */
/*
 * Required 
*/
.container { width:380px; height:200px; overflow:hidden; position:relative; cursor:pointer; }
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides div,ul.slides li { position:absolute; top:0; width:380px; display:none; padding:0; margin:0; }
/*
 * Optional
*/
#loopedSlider,#newsSlider { margin:0 auto; width:380px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; z-index: 999; }
ul.pagination li  { float:left; padding:0px; margin:0; }
ul.pagination li a { font: Arial 9px; font-weight: normal; padding:2px 4px; background:#ebf5f0; }
ul.pagination li a:hover { font: Arial 9px; font-weight: bold; padding:2px 4px; background:#004a80; color:white; }
ul.pagination li.active a { background:#004a80; color:white; }


.divContent { width: 100%; text-align: left;/*margin-left: 5px;*/ }
#BodyContent { width: 100%; text-align: left;/*margin-left: 5px;*/ }
#BodyContent table { border: 0px solid #f0f0f0; width: 100%; background-color: #fff; }
#BodyContent td { border: 1px solid #d7d7d7; padding: 2px 2px 2px 5px; }
#BodyContent tr { border: 1px solid #d7d7d7; padding: 2px 2px 2px 5px; }
#BodyContent th { border: 1px solid #f0f0f0; }

#BodyContentIE6 table { border: 0px solid #f0f0f0; width: 100%; background-color: #fff; }
#BodyContentIE6 td { border: 1px solid #d7d7d7; padding: 2px 2px 2px 5px; }
#BodyContentIE6 tr { border: 1px solid #d7d7d7; padding: 2px 2px 2px 5px; }
#BodyContentIE6 th { border: 1px solid #f0f0f0; }

                
.divTitleJornal { background: #fff url(/images/fundoTitle.png) bottom repeat-x;
                height: 20px;
                margin: 4px 0px 8px 0px;
                vertical-align: baseline;
                width: 100%;
                }

#divJornal { clear: both; width: 100%; /*margin-top: 5px;*/ }
#FiltroEdicoes { text-align: right; height: 24px;  display: block; }
#ListaEdicoes { float: right; /*padding: 15px 0px 0px 0px;*/ width: 100%; vertical-align: bottom; }
.JornalFrame { width: 100%; font: Verdana 11px; height: 100%;}
.JornalCover { float: left; width: 25%; height: 50px; }
.JornalHeader { float: right; width: 100%; height: 20px; font-size: small;  }
.JornalContent { 
    font: Verdana 11px;float: right; width: 100%; height: 100%; font-size: small; text-indent: 30px; line-height: 24px; text-align: left; }
.JornalFooter { clear: both; width: 100%; vertical-align: top; height: 40px; font: small; }

			#divBoxSearch { background: #fff url(/images/interativa.png) top center no-repeat; clear: both; width: 100%; text-align: center; 
			                height: 183px; /*margin-top: 5px;*/ vertical-align: top; }
			#divBoxSearchControls { float: right; margin: 115px 80px 10px 50px; color: #004a80; font-weight: bold }
			#divBoxSearchControls input[type=text]{ font-size: medium; background: #fff; }
			#divTags { clear: both; width: 100%; color: #004a80; text-align:center; }
			#divTags a { color: #004a80; padding: 0px; }
			    #divTags a:hover { background: #004a80; color: #fff; }
			#SearchResults { clear: both; width: 100%; margin-top: 20px; }
    
    

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(/images/FilledStar.png);
}

.emptyRatingStar {
    background-image: url(/images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(/images/SavedStar.png);
}


.cssListSearchPrompt { font-weight: bold; text-align: right; vertical-align: bottom; color: #ff0000; }

                .redeLabel { font-weight: bold; text-align: left; vertical-align: middle; line-height: 22px; }
                .redeValue { font-weight: normal; vertical-align: middle; }
                
hr { margin: 1px; }

#divPesquisa { float: right; text-align: right; background: transparent; height: 30px; margin-right: 4px; margin-top: 2px; color: #007b3d; vertical-align: top; }
#topBanner { float: right; text-align: center; width: 100%; margin-bottom: 6px; }

.mais { float: right; }
.ucLista {margin-top: 8px; width: 100%; margin: 0; padding: 0;}
.ucListaItem {min-height: 40px; color: #004a80; vertical-align: middle;}
.ucLista ul {
	list-style:none;
	border-top:0px solid #dcf4d8;
}
.ucLista ul li {
	margin:0;
    vertical-align: middle;
}

/*  TABS */
.tabs { zoom: 1; padding: 7px 0 0 9px; margin-bottom: 10px;}
.tabs ul {background: url(/images/bgTabsRight.gif) no-repeat right top; padding-bottom: 150px; margin-bottom: -140px; clear: both; min-height:20px; }
.tabs ul:after {content: "."; display: block; clear: both; visibility: hidden; height: 0; font-size: 0;}
.tabs ul li {float:left; padding: 0 8px 0 0; background: url(/images/tabRight.gif) no-repeat right top; margin-right: -10px; margin-top: 3px; position:relative;}
.tabs ul li a,.tabs ul li h2  {display: block; background: url(/images/tabLeft.gif) no-repeat left top; padding:5px 10px 2px 20px; font-size: 11px; color: #666; margin: 0;}
.tabs ul li.selected {z-index: 100; font-size: 1.3em; font-weight: bold; margin-top: -7px; margin-bottom: -29px; margin-right: -7px; background: url(/images/tabRightSelected.gif) no-repeat right top;}
.tabs ul li.selected a,.tabs ul li.selected h2 {display: block; padding: 10px 10px 20px 20px; background: url(/images/tabLeftSelected.gif) no-repeat left top;}
.tabs ul li span {display: block;  font-size: 1.2em; color: #004a80; }

.monitor a { font-weight: normal }
.monitor a:hover {text-decoration: underline}