@import url("menu.css");
@import url("modal-message.css");
* {
	margin: 0px;
	padding: 0px;
}
* html {
	height: 1%;
}
* html .clearfix {
	height:1px;
}
.clearfix {
	display: block;
}
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
body {
	background-color: #009900;
	background-repeat: repeat-x;
	background-image: url(../img/bg.png);
}
/*
  Corrige a transparencia das imagens png

img, div {
	behavior: url(iepngfix.htc);
}*/
img , a img{
	border: none;
}
a {
	color: #009900;
	font-weight: bold;
	text-decoration: none;
}
div#noticias a {
	font-weight: normal;
	color: #003300;
	text-decoration: none;
}
div#noticias a:hover {
	color: #FF9900;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
	text-decoration: none;
}
.mensagem {
	background:#FEF2A1;
	border: 1px solid #EEBA86;
	width: 60%;
	margin-left:auto;
	margin-right:auto;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.inputfield2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:0px;
	padding: 1px;
	background-color: #FCFCFC;
	border-top: 1px solid #000000;
	border-right: none;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}
.inputfield_editing{
	border: 2px double #009900;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFF4;
	font-size: 13px;
	margin:2px 2px 2px 2px;
	padding: 1px;
}
.inputfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:2px 2px 2px 2px;
	padding: 1px;
	background-color: #FCFCFC;
	border: 1px solid #000000;
}
.divclear {
	clear: both;
}
.imgtoleft {
	float: left;
	padding:0px 5px 0px 5px;
}
.frmselect {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003300;
}
.catgselect, select optgroup {
	color: #FF6600;
	font-size: 12px;
	font-weight: bold;
}

select optgroup option { color: #003300;}

.bold {
	font-weight: bold;
}
.button {
	font-variant: small-caps;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/input-button-bg.png);
	height: 24px;
	width: 75px;
	font-weight: bold;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.button2 {
	width: 60px;
	font-variant: small-caps;
	margin: 0px;
	padding: 0px;
	font-size:11px;
	height: 20px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: none;
	background-image: url(../img/bg_button.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	background-position: center;
}
.agrupador {
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}
.red {color: #cc0000}
#direita {
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;

}
#direita a.voltar {
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 0px;
	text-align: center;
	float: right;
	clear: right;
	display: block;
	background-image: url(../img/input-button-bg.png);
	height: 24px;
	width: 75px;
	background-repeat: no-repeat;
	background-position: center top;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#geral {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003300;
	background-repeat: repeat-y;
	background-position: center;
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/site_r3_c1.png);
	background-color: #FFFFFF;
}
#topo {
	background-image: url(../img/site_r1_c1.png);
	height: 88px;
	clear: both;
}
#topo h1{
	text-indent: -5000pt;
	float: left;
}
/* #topo img, #topo object { */
#topo #banner { 
	margin: 18px 15px 0px 0px;
	padding: 0px;
	width: /*467px*/ 429px;
	height: 60px;
	float: right;
}
/* MENU */
div#menu {
	background: #009900 url(../img/bgmenu.png);
	height: 25px;
	display: table;
	width: 756px;
	margin-left: 7px;
}
div#menu ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
}
div#menu ul li a img{
	padding: 5px 0px 0px 0px;
}
div#menu li img{
	padding: 0px;
	margin: 0px;
	border: none;
}
div#menu ul li a{
	/*font: bold 12px/25px Tahoma, "Trebuchet Ms", Arial, Georgia, Verdana, Helvetica, Sans-Serif;*/
	font: bold 11px/25px Tahoma, "Trebuchet Ms", Arial, Georgia, Verdana, Helvetica, Sans-Serif;
	color: white;
	float: left;
	padding: 0 28px;
	height: 25px;
	text-decoration: none;
	border-right: 1px solid #00BF00;
	border-left: 1px solid #003300;
}
div#menu ul li a.inicial{
	font: bold 11px/25px Tahoma, "Trebuchet Ms", Arial, Georgia, Verdana, Helvetica, Sans-Serif;
	color: white;
	float: left;
	padding: 0 15px;
	height: 25px;
	text-decoration: none;
	border-right: 1px solid #00BF00;
	border-left: 1px solid #003300;
}

div#menu ul li.menu-ultimo a {
	border-right: none;
	padding-right: 30px;
} 
/*div#menu ul li a {
	background: url(../img/bg_menu_2.gif) no-repeat center;	
}*/
div#menu ul li a:hover {
	background: url(../img/bg_menu_over2.gif) no-repeat center;	
}
div#menu li ul a:hover {
	background: #006400;
}
/* Segundo nível dos menus*/
div#menu ul li ul { /* second-level lists */
	display: none;
	position:absolute;
	top: 112px;
	float: left;
	background: none;
	z-index:2;
	width: 150px;
	_margin-left: -100%; /* for IE */
}
div#menu li ul li{
	width: 106px;
}
div#menu ul li ul li.submenu-ultimo {
	background-image:url(../img/bt_menu.gif);
	background-repeat: no-repeat;
	width: 160px;
}
div#menu ul li ul li.submenu-ultimo a {
	/*
	padding: 0px;
	background:none;
	border: none;
	*/
}
div#menu ul li ul li.submenu-ultimo img{
	/*
	padding: 0px;
	*/
}
div#menu ul li ul a {
	width: 100%;
	padding: 0 26px;
	display: table; /* for FIREFOX */
	border-right: 1px solid #003300;
	background-color: #009900;	/*_display:block;  for IE */
}
div#menu li>ul { 
/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

div#menu li:hover ul, div#menu li.sfhover ul { /* lists nested under hovered list items */
	display: block;
}
/*--------------------------------*/

#conteudo {
	margin-right: auto;
	margin-left: auto;
	padding: 9px;
	clear: left;
	background-color: #FFFFFF;
	background-image: url(../img/site_r3_c1.png);
	/*para adequar o menu */
}
#conteudo #esquerda {
	float: left;
	text-align: center;
	background-color: #FFFFFF;
	width: 21%;
}
#conteudo #esquerda img {
	margin-bottom: 10px;
}
#conteudo #direita {
	float: right;
	/*
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #009900;
	*/
	margin: 0px;
	padding: 0px 5px;
	width: 77%;
	background-color: #FFFFFF;
}
#direita h3 {
	font-size: 18px;
	font-weight: normal;
	padding: 0px;
	text-indent: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 10px;
}
#direita h2 {
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px;
	font-weight: 300;
}
#direita p {
	text-align: justify;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	line-height: 1.7em;
}
#direita #faq h2{
	font-size: 14px;
}
#direita #faq h1{
	font-size: 16px;
	padding: 0 0 15px 0;
}
#direita #noticias li {
	list-style-type: none;
	padding: 3px;
	margin-left: 0px;
}
#direita #noticias ul {
	margin-left: 5px;
}
#direita ul, #direita ol {
	margin-left: 35px;
	padding-bottom: 10px;
}
#direita ul li{
	padding-bottom: 6px;
}
#cooperativa {
	position: relative;
	padding: 15px;
	margin-bottom: 1em;
	font-size: 1.0em;
	z-index: 0;
	clear: left;
	background-color: #F5F5F5;
	/*
	background-image: url(../img/feature_gears.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	*/
}
#cooperativa:before {
  line-height: 0.1;
  font-size: 1px;
  margin: -15px -15px 0 -15px;
  height: 15px;
  display: block;
  border: none;
  background: transparent url("../img/feature_tr.gif") no-repeat top right;
  content: url("../img/feature_tl.gif");
}
#cooperativa:after {
  display: block;
  clear: both;
  padding-top: 15px;
  line-height: 0.1;
  font-size: 1px;
  margin: -15px;
  height: 8px;
  background: transparent url("../img/feature_br.gif") scroll no-repeat bottom right ;
  content:  url("../img/feature_bl.gif");
}
* html #cooperativa { height: 1%; }
/* #cooperativa, já possui regras proprias */
/* #noticias, já possui regras proprias */
#ouvidoria,
#guiamedico,
#institucional,
#planos,
#dicas,
#segundavia,
#planejamento_familiar,
#informe2006 {
	width: 47%;
	float: left;
	padding: 3px;
	margin-right: 8px;
	margin-bottom: 5px;
}
#noticias {
	padding: 3px;
}
#cooperativa h2, 
#noticias h2, 
#ouvidoria h2, 
#guiamedico h2, 
#institucional h2,
#planos h2,
#dicas h2, 
#segundavia h2,
#hospital h2,
#planejamento_familiar h2,
#informe2006 h2,
#enquete h2,
#atualiza h2,
#irInforme h2,
#farmacia h2 {
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 0px;
	height: 20px;
	text-indent: -5000pt;
}
#cooperativa h2	{	background-image: url(../img/t_cooperativa.gif);}
#planos h2		{	background-image: url(../img/t_planos.gif);}
#segundavia h2	{	background-image: url(../img/t_segundavia.gif);}
#dicas h2		{	background-image: url(../img/t_dicas.gif);}
#noticias h2	{	background-image: url(../img/t_noticias.gif);}
#ouvidoria h2	{	background-image: url(../img/t_ouvidoria.gif);}
#guiamedico h2	{	background-image: url(../img/t_guiamedico.gif);}
#institucional h2 {	background-image: url(../img/t_institucional.gif);}
#hospital h2	{	background-image: url(../img/t_hospital.gif);}
#informe2006 h2	{	background-image: url(../img/t_informe_pagamentos.gif);}
#enquete h2		{	background-image: url(../img/t_enquete.gif);}
#planejamento_familiar h2 {	background-image: url(../img/t_plan_familiar.gif);}
#atualiza h2 {	background-image: url(../img/t_atualiza.gif);}
#irInforme h2 {	background-image: url(../img/t_informe_rendimentos.gif);}
#farmacia h2 {	background-image: url(../img/t_farmacia.gif);}

div#copyright {
	display: inline;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	float: right;
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 10px;
	margin-top: 26px;
}
#conteudo #direita label{
/*
	display: block;
	color:#6B9E38;
	text-align:right;
	float:left;
	margin:2px 2px 2px 15px;
	width: 80px;
	*/
}
#enquete {
	border: 1px solid #EEEEEE;
	padding: 3px;
	margin-left: 5px;
	text-align: left;
}
#enquete p {
	color: #003300;
	margin-bottom: 3px;
	font-weight: bold;
	margin-top: 5px;
}
#enquete label {
	color:#6B9E38;
	padding: 2px;
}
#enquete input {
	margin: 0px;
	padding: 1px;
}
#rodape {
	background-repeat: no-repeat;
	background-position: bottom;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 70px;
	background-color: #009900;
	background-image: url(../img/site_r4_c1.png);
}
#rodape address{
	padding-top: 15px;
	float: left;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 60px;
	font-style: normal;
}
#direita h3 {
	background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	color: #009900;
	padding-left: 20px;
	font-size: 22px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #009900;
}
#direita .mensagem h3 {
	background-image: none;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#formAtualizacao h3 {
	background-image: none;
	font-size: 17px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* Nome dos Conselheiros */
.ndc {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
}
.resp {
	background-color:#E3F1CF;
	border-top:1px solid #74CB34;
	border-bottom:1px solid #74CB34;
	padding:6px;
	margin-bottom:10px;
	color: #006600;
}
.resp h2, #faq h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #006600;
	font-style: italic;
}
#faq ol li {
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
}