/*******************************************/
/****** CONFIGURAÇÕES DE TAGS GERAIS *******/
/*******************************************/


body {
background:url( ../../images/4cmbr/bgBody.jpg) repeat-x left top;
font-family: Arial, Verdana,  Sans-serif;
text-align:center;
width: auto;
}

.clr {
clear:both;
height:5px;
margin:0px; padding:0px;
}

.logo {
margin-top:20px;
}


/*******************************************/
/************ BLOCOS DE LAYOUT *************/
/*******************************************/

#conteiner {
width:100%;
margin:0px auto;
background-color:#fff;
padding:0px;
border:1px solid #dbdbdb;
text-align:left;
}


/******* MENU ACESSIBILIDADE *********/

#menuAcessibilidade {
background-color:#004a75;
color:#ffffff;
font-size:11px;
height:16px;
margin:3px 0px;
padding:7px;
width:99%;
}

#menuAcessibilidade ul {
padding:0px;
margin:0px;
list-style:none;
float:left;
width:100%;
}

#menuAcessibilidade ul li {
float:left;
margin-right:5px;
}

#menuAcessibilidade ul li a {
color:white;
text-decoration:none;
}


/******* CABECALHO E LOGOMARCA *********/

#cabecalho {
background:url(../../images/4cmbr/bgCabecalho.jpg) repeat-y top right;
height:100px;
width:100%;
border:1px solid #dbdbdb;
position:relative;
padding-top:5px;
}


/******* LOGIN E FERRAMENTAS *********/



#ferramentas {
position:absolute;
top:8px;
right:15px;
width:390px;
height:64px;
padding:15px;
padding-left:10px;
background:url(../../images/4cmbr/bgFerramentas.png) no-repeat right top;
color:#004a75;
font-size:11px;
text-transform:uppercase;
}


#ferramentas .loginBlock {
float:left;
width:185px;
}


#ferramentas a {
color:#004a75;
font-size:9px;
}

#links {
*height:20px;
width:385px;
}


/******* MENU PRINCIPAL *********/



#main-navigation {
width:100%;
height:44px;
background:url(../../images/4cmbr/bgMenuLaranja.jpg) repeat-x top left;

}

#main-navigation ul {
padding:0px;
margin:0px;
display:inline;
list-style:none;
}

#main-navigation ul li {
float:left;
}

#main-navigation ul li a {
color:white;
text-transform:uppercase;
font-size:11px;
display:block;
padding:17px 22px;
text-decoration:none;
}

#main-navigation ul li a.laranja {
background:url(../../images/4cmbr/bgMenuLaranja.jpg) repeat-x top left;
}

#main-navigation ul li a.amarelo {
background:url(../../images/4cmbr/bgMenuAmarelo.jpg) repeat-x top left;
}

#main-navigation ul li a.verde {
background:url(../../images/4cmbr/bgMenuVerde.jpg) repeat-x top left;
}

#main-navigation ul li a.azul {
background:url(../../images/4cmbr/bgMenuAzul.jpg) repeat-x top left;
}


#main-navigation ul li a.laranja:hover, #main-navigation ul li a.laranja-active {
background:url(../../images/4cmbr/bgMenuLaranjaActive.jpg) repeat-x top left;
}

#main-navigation ul li a.amarelo:hover, #main-navigation ul li a.amarelo-active {
background:url(../../images/4cmbr/bgMenuAmareloActive.jpg) repeat-x top left;
}

#main-navigation ul li a.verde:hover, #main-navigation ul li a.verde-active {
background:url(../../images/4cmbr/bgMenuVerdeActive.jpg) repeat-x top left;
}

#main-navigation ul li a.azul:hover, #main-navigation ul li a.azul-active {
background:url(../../images/4cmbr/bgMenuAzulActive.jpg) repeat-x top left;
}



/********* BREADCRUMB **********/

#breadcrumb {
padding:5px;
background-color:#f5f5f5;
font-size:11px;
color:#333;
border:1px solid #ccc;
margin-top:5px;}



/********* COLUNAS  **********/


#conteudoWrapper {
width:100%;
margin-top:5px;
}



#coluna1, coluna2, coluna3 {
width:32%;
float:left;
margin-right:17px
}

#coluna3 {
margin-right:0px;
}

#coluna_meio{
float:left;
width: 66%;
}


/********** PORTLETS - BASICO ************/

.portlet-wrapper-azul, .portlet-wrapper-verde, .portlet-wrapper-laranja, .portlet-wrapper-vermelho  {
margin-bottom:15px;
}


.portlet-header {
text-transform:uppercase;
color:white;
height:20px;
padding:5px;
padding-top:3px;
font-weight:bold;
font-size:13px;
background:url(../../images/4cmbr/bgPortletHeaderAzul.jpg) no-repeat top left;
}

.portlet-header div {
background:url(../../images/4cmbr/logoPortlet.png) no-repeat left top;
padding-left:40px;
padding-top:2px;
min-height:24px;
}


.portlet-wrapper-azul .portlet-header {
background:url(../../images/4cmbr/bgPortletHeaderAzul.jpg) no-repeat top left;
}

.portlet-wrapper-verde .portlet-header {
background:url(../../images/4cmbr/bgPortletHeaderVerde.jpg) no-repeat top left;
}

.portlet-wrapper-laranja .portlet-header {
background:url(../../images/4cmbr/bgPortletHeaderLaranja.jpg) no-repeat top left;
}

.portlet-wrapper-vermelho .portlet-header {
background:url(../../images/4cmbr/bgPortletHeaderVermelho.jpg) no-repeat top left;
}


.portlet {
border:1px solid #c7c3c3;
background:url(../../images/4cmbr/bgPortlet.jpg) repeat-x left top;
padding:10px;
}

.portlet div.item, .portlet div.itemFim {
border-bottom:1px solid #c7c3c3;
padding:10px 0px;
}

.portlet div.itemFim {
border-bottom:none;
}


/********* RODAPE - MENUS E BANNERS ***********/

#menuRodape {
width:99%;
background-color:#dff3fc;
padding:7px;
height:16px;
margin:10px auto;
border:1px solid #dbdbdb;
}


#menuRodape ul {
padding:0px;
margin:0px;
list-style:none;

}

#menuRodape ul li {
padding:0px;
margin:0px;
list-style:none;
float:left;
}

#menuRodape ul li a {
display:block;
text-decoration:none;
font-size:12px;
}

#menuRodape ul li a:hover {
color:black;
}

#rodape {
height:127px;
width:100%;
margin:10px auto;
border:1px solid #dbdbdb;
}

#rodape #rodapeApoio {
background:url(../../images/4cmbr/rodapeApoio.jpg) no-repeat left top;
height:57px;
width:35%;
padding:35px;
padding-left:30px;
float:left;
}


#rodape #rodapeParceiros {
background: url(../../images/4cmbr/rodapeParcerias.jpg) no-repeat left top;
height:57px;
width:50%;
padding:35px;
padding-left:40px;
float:left;
}

#creditos {
height:27px;
width:95%;
margin:10px auto;
text-align:right;
font-size:11px;	
}

/********* FORMATAÇÃO DE CONTEÚDO (TEXTOS E ../images) ***********/

.titulo {
font-size:16px;
font-weight:bold;
margin:0px;
padding:0px;
}

.portlet-wrapper-laranja .titulo {
color:#cc4b01;
}

.portlet-wrapper-vermelho .titulo {
color:#b00000;
}

.portlet-wrapper-azul .titulo {
color:#003063;
}

.portlet-wrapperr-verde .titulo {
color:#026d08;
}


p {
font-size:12px;
color:#333333;
line-height:18px;
margin:0px;
padding:0px;
}

.xowiki-content p {
margin:10px 0px;
}

img.imgPortlet {
float:left;
margin-right:10px;
}

a {
color:#333;
text-decoration:underline;
}


/********** PORTLETS - WEBLOG ************/

.filter {
color:#666666;
font-size:11px;
text-align:right;
margin-bottom:10px;
}

.news-item {
margin-bottom:20px;
}



.date {
display:block;
color:#333;
font-size:12px;
padding-left:20px;
margin-bottom:5px;
background:url(../../images/4cmbr/calendar.png) no-repeat left top;

}

.weblog h2 {
font-size:16px;
color:#026d08;
padding:0px;
margin:0px;
margin-bottom:15px;
}

.more {
display:block;
width:90%;
padding:5px;
background-color:#f6f6f6;
font-size:12px;
color:#333;}

/*
table.list-table {
border:1px solid #CCCCCC;
border-collapse:collapse;
//margin:0 -50px;
}*/


#ferramentas input {
width:140px;
}

#ferramentas .form_button {
padding:2px;
width:30px;
border:1px solid #999b9e
}

#ferramentas label {
display:block;
}

input {
border:1px solid #999b9e;
padding:3px;
color:#004a75;
background:#ffffff url(../images/bgImput.jpg) repeat-x bottom left;
}

a img {
border:0 none;
}

.portlet-header h1{
color:#FFFFFF;
margin:0;
font-size:13px;
}