/*CSS Document*/
BODY
{
	background: url(../images/bg-body.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0;
}

#container
{
	width: 960px;
	margin: 0 auto;
	background-color: #FFFFFF;
	background: #ffffff url(../images/bg-container.jpg) repeat-y 50%; 

}

#topo
{
	height: 160px;
	color: #000000;
}

#logo
{
	background: url(../images/logo.png);
	width: 222px;
	height: 151px;
	float: left;
}

#topo-a
{
	background: url(../images/topo-a.png);
	width: 183px;
	height: 127px;
	float: left;
}

#topo-b
{
	background: url(../images/topo-b.png);
	width: 184px;
	height: 127px;
	float: left;
}

#topo-c
{
	background: url(../images/topo-c.png);
	width: 185px;
	height: 127px;
	float: left;
}

#topo-d
{
	background: url(../images/topo-d.png);
	width: 186px;
	height: 127px;
	float: right;
}

#migalha
{
	background: url(../images/migalha-bg.png);
	width: 738px;
	height: 37px;
	position: relative;
	z-index: 1;
	margin-top: -33px;
	float: right;
}

#migalha-pao
{
	margin-top: 10px;
	float: left; 
}

.pathway
{

	color: #FFFFFF;
	font-weight: bold;
	margin-left: 5px;
	font-size: 9px;
}


#search
{
	float: right;
	margin-top: 6px;
	margin-right: 2px;
}

#search input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 800;
	color: #000000;
}

#left
{
	background-color: #000000;
	width: 218px;
	position: relative;
	z-index: 2;
	margin-top: -6px;
	float: left;
}

#menu-left .moduletable 
{
	background: url(../images/modulo-topo.png) repeat-x;
	margin-top: -18px;
	
}

#menu-left h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 15px;
	padding-top: 10px;
	
}

#menu-left a {
	margin-left: -5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}

#menu-left a:hover {
	margin-left: -5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFF00;
	font-weight: bold;
	text-decoration: none;
}

#menu-left ul li {
	padding-left: 10px;
	padding-top: 5px;
	list-style-image: url(../images/marcador-menu.png);
}

#contador .moduletable 
{
	background: url(../images/modulo-topo.png) repeat-x;
	margin-top: 5px;
	
}

#contador .moduletable h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: -7px;
	padding-top: 10px;	
}

#contador div.moduletable
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFF00;
	text-decoration: none;
	padding-left: 22px;
}

#right
{
	background-color: #000000;
	width: 217px;
	float: right;
	color: #FFFFFF;
}

#right-enquete .moduletable 
{
	background: url(../images/modulo-topo.png) repeat-x;
	
}

#right-enquete h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 2px;
	margin-left: 15px;
	padding-top: 10px;	
}

#right-enquete .poll
{
	width: 205px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 5px;
	margin-right: 10px;
	padding-top: 5px;
}


#right-enquete label
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFF00;
	margin-left: 10px;
	text-align: left;
}

#right-enquete input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	margin: 0 auto;
	padding: 3px;
	text-transform: uppercase;
	
}

#banner
{
	height: 180px;
	padding: 0px;
	background-image: url(../images/banner.png);

}

#conteudo
{
	margin-top: 0px;
	width: 524px;
	float: left;
}

#conteudo-body
{
	color: #000000;
	width: 524px;
}

#slideshow
{
	width: 518px;
	height: 180px;
	background: url(../images/slide-show.png) no-repeat;
	margin-left: 3px;
}

#bem-vindo
{
	width: 508px;
	background-color: #F2F2F2;
	margin-left: 3px;
	margin-top: 4px;
	padding: 2px 0 10px 10px;
}

#bem-vindo p
{
	padding-right: 10px;
}

#bem-vindo h3
{
	font-size: 18px;
	font-weight: bold;
}

#user-frontepage1
{
	width: 245px;
	background-color: #ffffff;
	margin-left: 3px;
	margin-top: 4px;
	padding: 2px 0 10px 5px;
	float: left;
}

#user-frontepage1 p
{
	padding-right: 10px;
}

#user-frontepage1 .latestnews
{
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	margin-left: -13px;
	list-style-type: none;
}

#user-frontepage1 a
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#user-frontepage1 a:hover
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

#user-frontepage2
{
	width: 245px;
	background-color: #ffffff;
	margin-left: 3px;
	margin-top: 4px;
	padding: 2px 0 10px 5px;
	float: right;
}

#user-frontepage2 p
{
	padding-right: 10px;
}

#user-frontepage2 .mostread
{
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	margin-left: -13px;
	list-style-type: none;
}

#user-frontepage2 a
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#user-frontepage2 a:hover
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

#frontpage
{
	width: 508px;
	margin-left: 0px;
	margin-top: 5px;
	padding: 10px;
}

.readon
{
	width: 78px;
	height: 20px;
	float: right;
	background: url(../images/leia-mais.png) no-repeat;
	margin-right: 0px;	
	color: #FFFFFF;
	letter-spacing: -1px;
	font-size: 12px;
	text-align: center;
	margin-top: -15px;
}

.readon a
{	
	color: #FFFFFF;
}

.readon a:hover
{	
	color: #FFFFFF;
}

#frontpage img
{
	border: 0px;
}
.componentheading
{
	color: #000000;
}

.contentheading
{
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
.contentpagetitle
{
	padding-bottom: 10px;
	color: #000000;
}

#frontpage a
{
	text-decoration: none;
	
}

#frontpage a:hover
{
	text-decoration: underline;
}

#frontpage p
{
	padding: 0px;
	margin-top: 5px;
	padding-bottom: 5px;
}

#leia-mais
{
	width: 78px;
	height: 20px;
	float: right;
	background: url(../images/leia-mais.png) no-repeat;
	margin-top: -70px;
	margin-right: 5px;
}
.category
{
	color: #000000;
	font-size: 15px;
	font-weight: bold;
}

.componentheading
{
	font-size: 19px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
}
 
#rodape
{
	clear: both;
	width: 960px;
	height: 64px;
	background: url(../images/rodape-bg.png);
}

#menu-rodape
{
	width: 700px;
	float: left;
	margin-top: 27px;
	margin-left: 15px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}

#menu-rodape a {
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 20px;
}

#menu-rodape a:hover {
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFF00;
	font-weight: bold;
	text-decoration: none;
	padding-right: 20px;
}

#creditos
{
	float: right;
	background: url(../images/powered-by.png);
	width: 218px;
	height: 64px;
	margin-top: 0px;
}

/** INÍCIO DO CSS PERSONALIZADO **/
/** INÍCIO DO CSS PERSONALIZADO **/
/** INÍCIO DO CSS PERSONALIZADO **/
/** INÍCIO DO CSS PERSONALIZADO **/
/** INÍCIO DO CSS PERSONALIZADO **/


/* Dark stripes */
table.colorstripes {
	border: 1px solid #162c40;
	color: #ffffff;
	background: #284d73;
	border-collapse: collapse;
}

table.colorstripes caption {
	padding: 2px 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

table.colorstripes td,
table.colorstripes th {
	border: 1px dashed #366999;
	padding: 1px 10px;
}

table.colorstripes thead th {
	border: 1px solid #284d73;
	background: #162c40;
	color: #ffffff;
	font-size: 1.1em;
}

table.colorstripes tbody th,
table.colorstripes tbody td {
	text-align: left;
	vertical-align: top;
}

table.colorstripes tbody tr.odd {
	background: #224161;
}

table.colorstripes tbody tr:hover {
	background: #1f3d59;
}

table.colorstripes tbody tr:hover th,
table.colorstripes tbody tr.odd:hover th {
	background: #1f3d59;
}

table.colorstripes tfoot th,
table.colorstripes tfoot td {
	border: none;
	background: #162c40;
	color: #ffffff;
	font-size: 1.1em;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}

table.colorstripes tfoot td {
	text-align: right;
}

/* Light stripes */
table.greystripes {
	border: 1px solid #d9d9d9;
	color: #404040;
	background: #ffffff;
	border-collapse: collapse;
}

table.greystripes caption {
	text-transform: uppercase;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
}

table.greystripes td,
table.greystripes th {
	border: 1px dashed #e5e5e5;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}

table.greystripes thead th {
	border: 1px solid #595959;
	border-bottom: 2px solid #000000;
	background: #404040;
	color: #ffffff;
	font-size: 1.1em;
}

table.greystripes tbody th,
table.greystripes tbody td {
	text-align: left;
	vertical-align: top;
}

table.greystripes tbody tr.odd {
	background: #f2f2f2;
}

table.greystripes tbody tr:hover {
	background-color: #F0F8FF;
}

table.greystripes tbody tr:hover th,
table.greystripes tbody tr.odd:hover th {
	background-color: #F0F8FF;
}

table.greystripes tfoot th,
table.greystripes tfoot td {
	border: none;
	background-color: #d9d9d9;
	color: #000000;
	font-size: 1.1em;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}

table.greystripes tfoot td {
	text-align: right;
}

/** FIM DO CSS PERSONALIZADO **/
/** FIM DO CSS PERSONALIZADO **/
/** FIM DO CSS PERSONALIZADO **/
/** FIM DO CSS PERSONALIZADO **/
/** FIM DO CSS PERSONALIZADO **/
