
/* FORMATA GERAL */
  html {
     overflow: -moz-scrollbars-vertical;
  }

body{
	margin:10px 0; 
	padding:0;
	text-align:center;
	font: 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
	background: url(../img/fundo_px.gif);	
}

img{margin:0;padding:0;border:none;display:block;}

object{margin:0;padding:0;}

/* Logo */
h1{
	margin:0 auto;
	padding:0;
	background: url(../img/logo.gif) no-repeat;
	width:116px;
	height:130px;
	cursor:pointer;
}



/* image0replacement do logo */
h1 span{
 	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
}

h2{
	font-size:14px;
	color:#FFF;
	margin:0;
	padding:8px;
}

h2 span{
	text-transform:uppercase;
}


h3{
	font-size:11px;
	color:#066;
	margin:5px 8px;
	padding:8px 5px;
	border-bottom:1px solid #333;
}

h3 a{
	font-size:11px;
	color:#066;	
}

h3 a:hover{
	font-size:11px;
	color:#399;	
	text-decoration:underline;
}
h4{
	font-size:13px;
	color:#399;
	margin:0;
	padding:8px;
}

h4 a{color:#399;}

h4 a:hover{	color:#999;}



h5{
	font-size:13px;
	color:#333;
	margin:0;
	padding:8px;
}
p{
	margin:0;
	padding:5px 7px;
	text-align:left;
}

p a{color:#333;}

p a:hover{color:#999;}

p a.verde{color:#066;text-decoration:none;}

p a:hover.verde{text-decoration:underline;}

em{margin:0;padding:0;font-size:10px;color:#666;}

form{
	margin:10px;
	padding:5px;
}

label{
	float:left;
	font-size:11px;
	height:1.3em;
	color:#000;
	width:80px;	
	padding:5px;
}

input{
	float:left;
	border: 1px solid #6CC;
	width:180px;
}

select{
	float:left;
	border: 1px solid #6CC;
	width:150px;
}

input.button{
	float:right;
	border: 1px solid #6CC;
	width:60px;
	color:#333;
	background:#DDD;
	cursor:pointer;
}

textarea{
	border: 1px solid #6CC;
	width:180px;
	height:90px;
}


table{
	margin:8px auto;
	text-align:center;
}

th{
	padding:4px;
	color:#333;
	margin:1px;
	background:#9CC;
}

td{
	padding:4px;
	color:#000;
	margin:1px;
	background:#DDD;
}

ol{margin:5px;}

/*LIMPA FLOATS*/
br.clear{
	line-height: 0;
	font-size: 0;
	clear:both;
}


/* segura todas as divs*/
#geral{
	width:770px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background: url(../img/fundo_conteudo.jpg) repeat-y -4px 0;	
}

#topo{
	width:770px;
	height:18px;
	background:url(../img/fundo_topo.jpg) no-repeat -4px 0;
}


/* Lateral esquerda com menus */
#naveg{
	float:left;
	width:130px;
	padding:0;
	margin:0 0 0 10px;
}


/* segura colunas central e direita */
#conteudo{
	float:left;
	width:610px;
	height:460px;
	padding:0;
	margin:5px;

}

/* topo cantos arredondados */


/* area de login para cada perfil */
#perfis{
	width:610px;
	height:160px;
	padding:0;
	margin:0;
}

#perfis ul{
	width:610px;
	height:160px;
	padding:0;
	margin:0;
	list-style:none;
}

#perfis li{
	width:150px;
	height:160px;
	padding:0;
	margin:0;
	float:left;
}

#perfis li.usuario{
	background:url(../img/box_usuario.jpg) no-repeat;
}

#perfis li.dentista{
	background:url(../img/box_dentista.jpg) no-repeat;
}

#perfis li.empresa{
	background:url(../img/box_empresa.jpg) no-repeat;
}

#perfis li.corretor{
	background:url(../img/box_corretor.jpg) no-repeat;
}

#perfis li p{
	margin:55px 3px 5px 3px;
	font-size:10px;
	line-height:1.2em;
	color:#444;
	height:60px;
}

#perfis li a{
	padding:2px 4px;
	font-size:10px;
	line-height:1.2em;
	font-weight:bold;
	color:#555;
	text-decoration:none;
	border:1px solid #555;
}

#perfis li a:hover{color:#999;border:1px solid #999;}

/* menu abaixo da area de login*/

#menuInst{
	width:600px;
	height:25px;
	margin:5px 0 0 0;
	background:#066;
}

#menuInst ul{
	float:left;
	width:590px;
	height:22px;
	list-style:none;
	margin:0;
	padding:0;
}

#menuInst li{
	float:left;
	margin:0;
	padding:0px 5px;
}

#menuInst li a{
	float:left;
	margin:4px 0 0 0;
	padding:0 8px;
	color:#dffff8;
	font-weight:bold;
	text-decoration:none;
}

#menuInst li a:hover{
	color:#FFF;
	text-decoration:underline;
}

/*banner e area de noticias*/
#noticias{
	float:left;
	width:300px;
	height:230px;
	margin:10px 2px 5px 2px;
	
}

/*area de noticias */
#noticiasTxt{
	width:294px;
	height:135px;
	background:url(../img/noticias_fundo.gif) repeat-y -2px 0;
	margin:5px 0 5px 3px;
}


/* titulocom fundo de cantos arredondados */


#noticiasTxt h3{
	height:22px;
	font-size:13px;
	color:#FFF;
	padding:2px 0 0 5px;
	margin:0;
	background:url(../img/noticias_topo.gif) no-repeat 0 0;
	border-bottom:none;
}

/* lista de noticias*/
#noticiasTxt ul{
	list-style:none;
	padding:0;
	margin:5px 10px;
}

#noticiasTxt li{
	margin:0;
	padding:3px 2px;
}

#noticiasTxt li a{
	color:#666;
	text-decoration:none;
	font-size:12px;
}

#noticiasTxt li a:hover{
	text-decoration:underline;
}

/* area com banners e acesso rapido */
#acesso{
	float:left;
	width:300px;
	height:230px;
	margin:10px 0 5px 2px;
}

#acesso form{
	width:150px;
	height:135px;
	margin:0 3px;
	padding:0;
	background:url(../img/acesso_fundo.gif) no-repeat;
}


#acesso p{
	margin:0 0 0 7px;
	padding:0;
}

#acesso p label{padding:2px;display:block;}

#acesso input{
	width:130px;
	height:14px;
}

#acesso input.button{
	width:20px;
	height:15px;
	float:right;
	margin:4px 5px 2px 2px;
	padding:1px;
	border:1px solid #066;
}



#rodape{
	width:770px;
	height:24px;
	background:url(../img/fundo_rodape.jpg) no-repeat -4px 8px;
}

#rodape p{
	margin:-6px 0 0 330px;
}

#rodape p a{
	color:#666;
	font-size:10px;
	text-decoration:none;
}

#rodape p a:hover{text-decoration:underline;}


/* pseudo-classes */

.aleft{text-align:left;}

.aright{text-align:right;}

.acenter{text-algin:center;}

.left{float:left;}

.right{float:right;}

.verde{color:#066;}

.borda{
	padding:1px;
	border:1px solid #999;
}
