/* FORMATAÇÃO CSS */

body {
	background-image: url(../imagens/fundo.jpg);
	background-repeat: repeat;
}

p {
	font: 12px verdana;
	color: #000;
	line-height: 18px;
}


img {
	border: 0;
}

#container {
	width: 900px;
	margin: auto;
	background-color: #fff;
}


#pop {
	width: 100%
	margin: 20px;
	background-color: #fff;
	background-image: url(../imagens/fundo.jpg);
	background-repeat: repeat;

}


#pop h2 {
	font: bold 18px arial;
	padding: 12px 0 0 10px;
	color: #006600;
}

#pop p {
	font: 12px arial;
	padding: 12px 0 0 10px;
	color: #006600;
}

#pop input {
	font: bold 12px arial;
	color: #006600;
}

#pop select {
	font: bold 12px arial;
	color: #006600;
}

#pop a {
	font: bold 18px arial;
	padding: 12px 0 0 10px;
	color: #006600;
}

.strong_pop {
	font: bold 12px arial;
	color: #006600;
}

#topo01 {
	width: 900px;
	height: 119px;
	background-image: url(../imagens/topo01-b.jpg);
}

#topo02 {
	width: 900px;
	height: 243px;
	background-image: url(../imagens/topo02.jpg);
}


INPUT {
font-family : "trebuchet MS", verdana;
font-size : 8pt;
border : 1px solid #666666;
color : #001C00;
background-color : #ffffff;
}

#desabilitado INPUT {
	font-family : "trebuchet MS", verdana;
	font-size : 8pt;
	border : 1px solid #666666;
	color : #333333;
	background-color: #DEDEDE;
}

#botao_padrao INPUT {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 12px;
       border-color: #FFFFFF #666666 #666666 #FFFFFF;
       background-color: #DEDEDE; border-style: solid;
       border-top-width: 2px; border-right-width: 2px;
       border-bottom-width: 2px; border-left-width: 2px;
}


SELECT {
font-family : "trebuchet MS", verdana;
font-size : 8pt;
border : 1px solid #666666;
color : #001C00;
background-color : #ffffff;
}

#desabilitado SELECT {
	font-family : "trebuchet MS", verdana;
	font-size : 8pt;
	border : 1px solid #666666;
	color : #333333;
	background-color: #DEDEDE;
}



/******************** MENU *********************/

#menu {
	width: 900px;
	height: 51px;
	background-image: url(../imagens/menu.jpg);
}

.menuhor {
	font: bold 14px arial;
	text-align: center;
	padding-top: 17px;
	color: #b8e293;
}

.menuhor li {
	list-style: none;
	display: inline;
}

.menuhor li a {
	color: #fff;
	text-decoration: none;
	padding: 3px 18px;
}

.menuhor li a:hover {
	color: #fffe03;
}

/******************** LEFT *********************/

#left {
	float: left;
	padding: 10px 0 10px 15px;
}

#left h2 {
	width: 271px;
	height: 42px;
	background-image: url(../imagens/bg-h2.jpg);
	background-repeat: no-repeat; 
	font: bold 18px arial;
	padding: 12px 0 0 10px;
	color: #FFFFFF;
}

.menu-atividades {
	width: 280px;
	font: bold 14px arial;
	color: #003333;
	padding: 10px 0 10px 0;
	margin-left: 1px;

}

.menu-atividades li {
	list-style: none;
	background-color: #D3F9BC;
	margin-bottom: 7px;
	padding: 3px;
}

.menu-atividades li a {
	color: #333333;
	text-decoration: none;
}

.menu-atividades li a:hover {
	color: #666;
	text-decoration: underline;
}

.destaques {
	width: 271px;
	padding: 10px 0 10px 0;
}

.destaques h3 {
	font: 14px arial;
	color: #003333;
}


.destaques p {
	font: 12px arial;
	color: #666;
}


.destaques ul {
	font: 14px arial;
	color: #666;
	line-height: 17px;
	margin-top: 10px;
}

.destaques li {
	margin-left: 10px;
	list-style: url(../imagens/li.jpg);
}

.destaques a {
	font: 12px arial;
	color: #666;
	text-decoration: none;
}

.destaques a:hover {
	color: #666;
	text-decoration: underline;
}

/******************** RIGHT *********************/

#right {
	width: 545px;
	float: right;
	padding: 10px 15px 10px 0;
}

.itens-left {
	width: 544px;
	height: 325px;
	background-image: url(../imagens/itens-left.jpg);
}

#right h1 {
	font: 18px arial;
	color: #003333;
	margin: 20px 0 10px 0;
}

.chamadas {
	font: 18px arial;
	width: 510px;
	float: left;
	padding: 10px 18px 0 0;
}

.chamadas p {
	font: 14px arial;
	margin-top: 3px;
	color: #666;

}

.chamadas strong {
	color: #003333;
}

.chamadas a {
	color: #666;
	text-decoration: none;
}

.chamadas a:hover {
	color: #666;
	text-decoration: underline;
}

/******************** CONT-DENTRO *********************/

#cont-dentro {
	width: 500px;
	float: left;
}

#cont-dentro h1 {
	font: 30px arial;
	color: #064b84;
	padding: 15px 0 0 15px;
}

#cont-dentro p {
	padding: 15px 15px 0 15px;
}

/* FOTOS */

.fotos {
	
	margin-top: 15px;
	border-style: none;
        margin-bottom: 5px; 
        margin-left: 500px; 
}

.fotos img {
	width: 80px;
	height: 60px;
	margin: 5px;
	border: 2px solid #00ccff;
}



/******************** RODAPE *********************/

#rodape {
	width: 900px;
	height: 104px;
	background-image: url(../imagens/rodape.jpg);
	clear: both;
	text-align: center;
}

address {
	font: 12px Verdana;
	color: #666;
	line-height: 17px;
	padding-top: 20px;
}

address a {
	color: #666;
	text-decoration: none;
}

address a:hover {
	color: #666;
	text-decoration: underline;
}

/******************** MENU-ROD *********************/

.menu-rod {
	font: 12px verdana;
	text-align: center;
	padding-top: 17px;
}

.menu-rod li {
	list-style: none;
	display: inline;
}

.menu-rod li a {
	color: #666;
	text-decoration: none;
}

.menu-rod li a:hover {
	color: #666;
	text-decoration: underline;
}

/******************** content *********************/
/*-------------------------comandos do bot?o-------------------------*/
#basic-accordian{
	width:520px;/*tamanho do div que esta con todo o conteudo do menu*/
	margin-top: 5px;
	float: left;
}

.accordion_headings{
	color: #4a1212; /*cor da fonte dos bot?es*/
	cursor:pointer; /*tipo do cursos quando passa o mouse em cima dos links*/
	text-align:center;/*centraliza os textos*/
	font: bold 12px arial;
	float:left;
	margin: 1px 1px 0 0;
}

.accordion_headings:hover{
	color: #4a1212;
	text-decoration: underline;
	float:left;
}

.accordion_child{
	float:left;
}

.accordion_child img {
	float:right;
	margin: 0 10px 0 10px;
}

.accordion_child p{
	font: 14px verdana;
	color: #666;
	line-height: 17px;
}

.accordion_child a{
	font: 14px verdana;
	color: #003333;
	line-height: 17px;
}


.accordion_child h2 small {
	font: 14px arial;
	color: #003333;
}

.accordion_child h2 strong {
	font: bold 20px arial;
	color: #003333;
}

.accordion_child h2 strongsmall {
	font: bold 14px arial;
	color: #003333;
}

.accordion_child h2 small_cinza {
	font: bold 12px arial;
	color: #666666;
}

.accordion_child h2 {
	width: 500px;
	height: auto;
	background-color: #E7E7E7;
	background-image: url(../imagens/bg-h2-gray.jpg);
	background-repeat: repeat; 
	font: 20px arial;
	padding: 12px 12px 12px 12px;
	color: #003333;
}


.accordion_child h1 small {
	font: 12px arial;
	color: #003333;
}

.accordion_child h1 strong {
	font: bold 18px arial;
	color: #003333;
}

.accordion_child h1 strongsmall {
	font: bold 12px arial;
	color: #003333;
}


.accordion_child h1 {
	width: 500px;
	height: auto;
	background-color: #E7E7E7;
	background-repeat: no-repeat; 
	font: 18px arial;
	padding: 12px 12px 12px 12px;
	color: #003333;
}

.foto_usuario {
     position : relative;
     top: -5px;
     left: -55px;
 }

.foto_usuario img {
   width:160px; height:160px;
  
}


.header_highlight{
	float:left;
	color:#4a1212;/*cor dos bot?es ativo*/
}

.tab_container {
	width: 520px;
}

.tab_container *{
	float:left;
	width: 100px;
	height:30px;
}

.text_accordion {
	width: 520px;
	float: left;
}

#test1-content {
	width: 560px;
	float: left;
	padding: 0 0 0 10px;
}

#test2-content {
	width: 520px;
	float: left;
	padding: 0 0 0 10px;
}

#test3-content {
	width: 520px;
	float: left;
	padding: 0 0 0 10px;
}

#test4-content {
	width: 520px;
	float: left;
	padding: 0 0 0 10px;
}

#test5-content {
	width: 520px;
	float: left;
	padding: 0 0 0 10px;
}



table.bordasimples {
	border-collapse: collapse;
	margin-left: 10px;
	
}

table.bordasimples tr td {border:1px solid #666;
	font: 11px verdana;
	color: #666;
	line-height: 17px;


}


table.semborda {
	
}

table.semborda tr td {border:none;
	font: 11px verdana;
	color: #666;
	line-height: 17px;


}



table.abas {
	border-spacing: 0px;
	empty-cells:hide;
	margin-left: 0px;
	width: 500px;
	float: left;
	padding: 10px 18px 0 0;
	
	
}

table.orelhas tr td {border:0px; 
	
	font-style: 14px verdana;
	text-align: center;
	color: #666;
	line-height: 30px;
	
}


a.orelhas {
        text-decoration: none;
	color: #003333;

}

a.orelhas:hover {
        text-decoration: none;
	color: #666;
}


.preench_obrig {color: #FF0000;}

.preench_obrig small {color: #FF0000;}


table.tabeladados {
	margin-left: 0px;
	width: 540px;	
	border-collapse: collapse;
	
}

table.tabeladados tr td {
	font: 12px arial;
	color: #666;
	line-height: 17px;
	border:#DBDBDB 1px solid;
		
	}

table.tabeladados a {
	font: 12px arial;
	color: #666;
	line-height: 17px;
		
	}

.strong_tabela_dados {
	font: bold 14px arial;
	color: #666;
	line-height: 17px; }
	
.normal_tabela_dados {
	font: 14px arial;
	color: #666;
	line-height: 17px; }

.nova_mensagem {
	font: bold 11px arial;
	color: #666;
	line-height: 17px; }
	
.linha_selecionada {
	font: bold 11px arial;
	color: #666;
	line-height: 17px; 
	background-color: #FFE0C1; }
	
fieldset.form_fieldset 	 {
	font: 14px verdana;
	color: #666;
	border-width:thin #0565b1; }
	
	
fieldset.form_fieldset 	tr td  {
	font: 14px verdana;
	color: #666;
	
	}
