/*  
CROE - www.croe.com.br
***********************************************
Agência: Ato interativo
Diretor: Felipe Gazolla
Design by: Tiago Macedo e Areta do Bem
XHTML+CSS: Areta do Bem
Programação: Tarcísio Gruppi
Country: Brasil
Last CSS update: 09/2007
Notes: Layout padrão
***********************************************
Copy something of someone is WRONG, 
but copy from lot's of places is RESEARCH!
Don't let the puppies sad!
***********************************************
*/
* {
padding:	0px;
margin:		0px;
}
body {
padding:	0px;
margin:		0px;
background:	#DDFADC url(img/bg_.jpg) center top no-repeat;
font:		13px "Trebuchet MS";
color:		#000000;
text-align:	center;
}
/*  
ESTRUTURA BASE
***********************************************/
#topo_corpo {
width:		930px;
height:		100%;
padding:	0px;
margin:		0 auto;
background:	transparent;
position:	relative;
text-align:	left;
_margin-top: -20px;
}
#corpo {
background:	url(img/bg_corpo.jpg) center center repeat-y;
}
#rodape {
width:		100%;
height:		auto;
padding:	0px;
margin:		0px;
background:	#FFF;
border-top:	5px #0F9B6D solid;
bottom:		0px;
left:		0px;
position:	relative;
}
/*  
ESTRUTURA POR SETOR
***********************************************/
#logo {
width:		660px;
height:		120px;
padding:	10px;
margin:		0px;
background:	transparent;
float:		left;
}
#banner_topo {
width:		130px;
height:		122px;
_height:	117px;
*height:	110px;
padding:	5px 15px 0px 10px;
margin:		0px;
/*background:	transparent url(img/banner_topo.gif) right center no-repeat;*/
float:		right;

}
/*****************************************LOGIN *********************************/
/*#segura_login{
margin-top:		35px;
*margin-top:	45px;
}*/
label.login{
width:			45px;
height:			auto;
margin:			3px 0px;
padding:		0px;
color:			#333;
float:			left;
text-align:		right;
}
input.login{
width:		auto;
height:		auto;
padding:	2px;
margin:		3px 0px 3px 0px;
font:		13px	"Trebuchet MS";
background:	#EBFCDC url(img/bg_input.jpg) left bottom repeat-x;
border:		1px solid #54A755;
color:		#333;
}
#coluna_esq {
width:		680px;
height:		auto;
padding:	0px;
margin:		0px 0;
background:	transparent;
float:		left;

}
#coluna_dir {
width:		250px;
height:		auto;
padding:	0px;
margin:		0px;
background:	transparent;
float:		right;
}
/*  
#coluna_esq
***********************************************/
#imagem_home {
width:		680px;
height:		300px;
padding:	0px;
margin:		0px;
z-index:	2;
}
#conteudo {
width:		660px;
height:		auto;
padding:	20px 10px 10px 10px;
margin:		0px;
background:	#FFF;
}
.data_fonte {
color:		#0F9B6D;
font-size:	11px;
text-decoration:none;
display:	block;
}
.barra_acao {
text-align:	right;
padding:	5px;
margin:		0px;
clear:		both;
background:	#EBFCDC;
}
.barra_acao  img {
border:		none;
cursor:		pointer;
}
.box_galeria {
padding:	0px;
margin:		0px;
width:		auto;
height:		auto;
}
.box_galeria  img {
float:		left;
border:		none;
padding:	0px;
margin:		5px;
cursor:		pointer;
}
.box45 {
width:		45%;
height:		auto;
margin:		5px;
float:		left;
}
/*  
#coluna_dir
***********************************************/
#menu {
width:		250px;
height:		300px;
padding:	0px;
margin:		0px;
background:	#0F9B6D;
}
#menu ul {
width:		auto;
height:		auto;
padding:	0px;
margin:		0px;
}
#menu ul li {
width:		auto;
height:		auto;
padding:	4px 5px 4px 15px;
margin:		0px 0px 1px 0px;
font:		normal 17px "Trebuchet MS";
color:		#FEFEFE;
border-bottom:	1px solid #FEFEFE;
list-style:	none;
cursor:		pointer;
}
#menu ul li:hover {
background:	#13C68B;
cursor:		pointer;
}
#menu ul li a, #menu ul li a:visited {
display:	block;
text-decoration: none;
color:		#FEFEFE;
}
#menu ul li a:hover {
text-decoration: none;
color:		#003300;
}
#menu ul li a:active {
text-decoration: none;
color:		#FFF;
}
#conteudo_lateral {
width:		230px;
height:		auto;
padding:	19px 10px 10px 10px;
margin:		0px;
background:	#F8F8F8;
}
ul.lista_noticias, ul.lista_medicos {
width:		auto;
height:		auto;
padding:	0px;
margin:		0px;
}
ul.lista_noticias li {
list-style:	none;
padding:	2px;
margin:		0px 0px 10px 0px;
border-bottom: 1px dotted #0F9B6D;
height:		70px;
overflow:	hidden;
}
ul.lista_noticias li:hover {
background:	#E7FBE0;
}
ul.lista_noticias li a img {
float:left;
margin-right:	5px;
margin-bottom:	5px;
}
ul.lihome a img {
width:			225px;
height:			59px;
display:		block;
border:			1px solid #DEFADE;
float:left;
margin-right:	5px;
margin-bottom:	5px;
}
ul.lihome li{
height:		152px;
overflow:	hidden;
}
ul.lihome li a{
color:			#707070!important;
}

ul.lista_noticias li a span.destaque  {
font-weight:bold;
color:		#0F9B6D;
font-size:	11px;
text-decoration:none;
display:	block;
}
span.destaque2  {
font-weight:bold;
color:		#0F9B6D;
}
ul.lista_noticias li a, ul.lista_noticias li a:visited, ul.lista_noticias li a:active, ul.lista_noticias li a:hover {
text-decoration:none;
color:		#333;
}
ul.lista_medicos li {
width:		auto;
width:		auto;
list-style:	none;
padding:	2px;
margin:		0px 0px 5px 0px;
border-bottom: 1px dotted #A9F372;
}
ul.lista_medicos li span {
font-weight:bold;
color:		#0F9B6D;
font-size:	11px;
text-decoration:none;
display:	block;
}
ul.convenios li {
list-style:	none;
margin:		0px 0px 5px 0px;
border-bottom: 1px dotted #A9F372;
height:		auto;
}
/*  
#seg_rodape
***********************************************/
#seg_rodape {
width:		910px;
height:		100%;
padding:	10px;
margin:		0 auto;
text-align:	left;
font-size:	11px;
color:		#0F9B6D;
}
#seg_rodape p {
padding:	0px 0px 3px 0px;
}
/*  
GERAL
***********************************************/
.clear {
font-size:	1px;
height:		1pt;
padding:	0px;
margin:		0px;
clear:		both;
}
.none {
display:	none;
}
.separador {
padding:	0px;
margin:		5px 0px;
border-bottom: 1px dotted #A9F372;
}
.separador2 { 
padding:	   0px;
margin-top:		-10px;
border-bottom: 1px dotted #A9F372;
}
.topo {
padding:	0px 15px 0px 0px;
text-align: right;
background:	transparent url(img/ico_topo.gif) right bottom no-repeat;
}
.topo a, topo a:hover{
font-size:	11px;
text-decoration:none;
color:		#017C07;
}
a.link {
text-decoration:none;
color:		#017C07;
}
a:hover.link {
text-decoration:underline;
}
img.decorada {
padding:	3px;
margin:		0px;
border:		1px dotted #A9F372;
background:	#EAFCE4;
}
img.left {
margin:		0px 5px 5px 0px;
float:		left;
}
img.right {
margin:		0px 0px 5px 5px;
float:		right;
}
.mais {
text-align:	right;
font-size:	11px;
font-style:	italic;
background:	url(img/ico_mais.gif) right center no-repeat;
padding:	0px 12px 0px 0px;
margin:		0px;
clear:		both;
}
.mais a, .mais a:visited, .mais a:active {
color:		#0F9B6D;
text-decoration:none;
}
.mais a:hover {
text-decoration:none;
background:	#EAFCE4;
}
img {
border:		none;
}
.paginacao {
width:		auto;
height:		auto;
padding:	0px;
margin:		0px;
text-align:	left;
}
.paginacao span {
padding:	2px;
margin:		0px 5px;
text-decoration:none;
color:		#000000;
}
.paginacao a {
padding:	2px;
margin:		0px 5px;
text-decoration:none;
color:		#608F50;
}
.paginacao a:visited {
padding:	2px;
margin:		0px 5px;
text-decoration:none;
color:		#009900;
}
.paginacao a:active, .paginacao a:hover {
padding:	2px;
margin:		0px 5px;
text-decoration:underline;
color:		#003300;
}
ol {
padding:	0px;
margin:		0px;
}
ol li {
list-style: inside decimal-leading-zero;
float:		left;
width:		45%;
margin:		0px 5px;
text-align:	left;
}

#especial{
background-color:#E0FADD;
color:#CC0033;}

.selo{
padding: 20px 10px;
float:    right;
}

.link{
text-decoration: none;
color:#0F9B6D;}

.link2{
color:#608F50;
font-size: 14px;
font-weight: bold;
}
/*  
TIPOGRAFIA
***********************************************/
h2 {
width:		auto;
height:		auto;
padding:	8px 5px 5px 10px;
margin:		0px 0px 10px 0px;
background: #0F9B6D;
font:		21px "Trebuchet MS";
color:		#FEFEFE;	
}
h3 {
width:		auto;
height:		auto;
padding:	0px;
margin:		0px 0px 10px 0px;
background: none;
font:		17px "Trebuchet MS";
color:		#0F9B6D;	
}
.cursor{
cursor:pointer
}

h4 {
width:		auto;
height:		auto;
padding:	0px;
margin:		0px 0px 10px 0px;
background: none;
font:		bold 13px "Trebuchet MS";
color:		#0F9B6D;	
}
/*  
FORMULÁRIO
***********************************************/
input, select, textarea {
width:		auto;
height:		auto;
padding:	5px;
margin:		5px 0px 5px 0px;
font:		13px	"Trebuchet MS";
background:	#9AD6BA;
border:		1px solid #0F9B6D;
color:		#333;
}
input:focus, select:focus, textarea:focus {
background:	#D6F8D7;
border:		2px solid #0F9B6D;
color:		#000;
}
fieldset {
width:		auto;
height:		auto;
padding:	10px 0px;
margin:		0px;
border:		none;
}
fieldset cite {
padding:	2px;
margin:		0px;
color:		#999;
font-size:	11px;
}
legend {
width:		auto;
height:		auto;
padding:	0px;
margin:		0px 0px 3px 0px;
background: none;
font:		17px "Trebuchet MS";
color:		#0F9B6D;	
}
label {
width:		130px;
height:		auto;
padding:	0px;
margin:		10px 3px 0px 0px;
text-align:	right;
float:		left;
}
.radio {
background:	none;
border:		none;
vertical-align: text-top;
padding:	0px;
margin:		0px 3px 0px 0px;
}
.ok {
background:	#0F9B6D;
border:		1px solid #0F9B6D;
color:		#FFF;
font-weight: bold;
cursor:		pointer;
padding:	5px 10px;
overflow:	visible;
margin:		0px;
}
/*
ADMINISTRAÇÂO
***********************************************/
table {
width:		98%;
height:		auto;
padding:	2px;
margin:		0px;
}
table th {
color:		#FFF;
padding:	2px;
background:	#080;
}
table td {
text-align:	left;
padding:	2px;
background:	#FFF;
}
ul.lista_menu_adm {
width:		auto;
height:		auto;
padding:	5px;
margin:		5px 0px 10px 0px;
background:	#E8FCE1;
}
ul.lista_menu_adm li  {
list-style:	none;
display:	inline;
padding:	0px;
margin:		0px;
font-size:	13px;
font-weight:bold;
color:		#54A755;
border-right:1px solid #54A755;
}
ul.lista_menu_adm li.ultimo {
border:		none;
}
ul.lista_menu_adm li img {
vertical-align: middle;
}
ul.lista_menu_adm li a, ul.lista_menu_adm li a:visited, ul.lista_menu_adm li a:active {
text-decoration:none;
color:		#54A755;
padding:	5px 5px 6px 5px;
margin:		0px 3px;
}
ul.lista_menu_adm li a:hover {
color:		#54A755;
text-decoration:underline;
background:	#FFF;
}
.nav a, nava a {
text-decoration:none;
padding:	5px;
margin:		0px 5px;
color:		#54A755;
font-weight:bold;
}
.erro {
width:		auto;
height:		auto;
padding:	10px;
margin:		0px 0px 2px 0px;
background:	#FAEFEF;
border:		1px solid #990000;
color:		#990000;
}
.sucesso {
width:		auto;
height:		auto;
padding:	10px;
margin:		0px;
background:	#F9F9F7;
border:		1px solid #608F50;
color:		#608F50;
}
/*
POP UP
***********************************************/
#pop {
display: 	block;
width:		400px;
height:		712px;
border:		none;
background: transparent;
padding:	0px;
margin:		0px;
position:	absolute;
font:		11px "Trebuchet MS";
left:		250px;
top:		450px;
text-align: left;
z-index:	1;
}
#pop a, #pop a:hover {
text-decoration:none;
color:	#493326;
}
#pop p a{
font-size: 14px;
font-weight: bolder;
}
#pop img{
border:		none;
}
.cinza{
background:			#DBDBDB;
}
.imgLeft{
float:				left;
margin:				5px 10px 10px 0;
}
.box320{
width:				320px;
float:				left;
}
