/*
 * CSS da XDental
 * Autor: Luiz Gustavo B. Lopes
 */
 
/* Cores: 
 *	  Verde background (claro): rgb(140, 205, 165)
 *	  Verde fonte (escuro): rgb(2, 108, 61) 
 */

body { 
	margin-left: 10%; 
	margin-right: 10%; 
	text-align:justify;
	font-family: Verdana, Helvetica, Arial, Tahoma;
	font-size: 12px; 
	background-color: rgb(140, 205, 165);//RGB(2,108,61);//rgb(150, 204, 170);
}

p {
	text-indent: 50px;
	margin-top: 0;
	margin-bottom: 10px;
}

a {
  color: RGB(2,108,61);
  font-weight: bold;
  text-decoration: none;
}

a:hover {
	color: RGB(0,127,183); 
	text-decoration: none;
}

a.foto {
  text-decoration: none;
}

a.foto:hover {
	color: RGB(255,255,0); 
	text-decoration: none;
}

img.foto {
  height: 173px; 
  width: 230px;
  horizontal-align: middle;
}

table.foto {
  color: RGB(2,108,61);
  padding: 2px 4px 2px 4px;
  text-align: center;
  border: 0;
  font-weight: bold;
}

h1 {
  color: RGB(2,108,61);					
  font-weight: bold;	
  font-size: 24px;	
  text-align: center;
}

h2 {
  color: RGB(2,108,61);					
  font-weight: bold;	
  text-align: left;
  font-size: 20px;
}

#menu tr{
  font-weight: bold; 
  color: RGB(51, 153, 153);
}
#menu td{
  vertical-align: top;
  padding: 1px 1px 1px 1px;
  border-bottom: 1px dotted #BEBEBE;
}
#menu a:hover {
  color: RGB(0,127,183); 
}

#geral {
  margin:0 auto;
  width: 780px;
  padding: 5px 15px 5px 15px;
  background-color: #fff; 
  border: 2px solid RGB(0,127,183);
}

#topo {
  height: 110px;
  padding: 5px 10px 5px 10px;
  margin: 0 auto;
}
#topo-left {
  margin-top: 0;
  float: left;
}
#topo-left a{
  text-decoration: none;
  color: #fff;
  background-color: #fff;
}
#topo-left a:hover{
  color: #fff;
  background-color: #fff;
}  
#topo-right {
  text-align: center;
  width: 450px;
  padding-left: 20px;
  padding-top: 40px;
  float: left;
}

#topo-right h1{
  background-color: rgb(196, 226, 211);//rgb(168, 209, 233);//rgb(150, 204, 170);//rgb(177, 215, 232);//rgb(235, 235, 235);
  border: 1px solid RGB(2,108,61);//rgb(110, 125, 180);//rgb(131, 150, 199);//rgb(85, 85, 85);
}

#especialidades {
  padding: 10px 0 0 0;
}

#especialidades ul {
	margin:0 auto;	                
}

#especialidades ul li {
    color: RGB(2,108,61);
    font-weight: bold;	
    font-size: 14px;
	padding:0 15px 0 15px;
	height:31px;
	line-height:15px;
    list-style-type: none;
}

#rodape {
  border-top:1px groove #BEBEBE;
  padding: 10px 0 0 0;
  text-align: center;
  font-family: Verdana, Arial;
  font-size: 80%;
}

#subir {
	float: right;
	text-align: center;
}
#basicimg a{
    text-decoration: none;
    color: white;
}
#basicimg a:hover{
    text-decoration: none;
    color: white;
}

#profissional {
	margin-left: 30px; 		
}

#profissional a {
  color: RGB(2,108,61);
  font-weight: normal;
  text-decoration: none;
}

#profissional a:hover {
	color: RGB(0,127,183); 
	text-decoration: none;
}

#prof-descricao {
	padding: 15px 0 5px 10px; 
	//margin-top: 5px;
	font-size: 14px; 
	width: 550px; 
	margin-left: 15px;
	background-color: rgb(228, 242, 234);
	border: 1px solid RGB(2,108,61);	
	height: 205px;
}

#nome {
	color: RGB(2,108,61);
	font-weight: bold; 
}

#cro {
	font-weight: bold; 
	font-size: 10px;
	color: rgb(85, 85, 85);
}

#menu-h {
  color: RGB(2,108,61);
  vertical-align: top;
  padding: 5px 1px 15px 10px;
  text-align: center;
  margin: 0px;
  font-size: 11px;
}

#menu-h a {
  padding: 2px;
  border: 1px solid rgb(255, 255, 255);
}
#menu-h a:hover {
  color: RGB(2,108,61); 
  background-color: rgb(228, 242, 234);
  border: 1px solid RGB(2,108,61);
}

#depoimento{
	margin-left: 30px; 
	height:230;	
	text-align: center;
}

#depoimento-texto{
	font-size: 16px; 
	margin: 5px 60px 5px 140px;
}

#depoimento-nome{
	text-indent: 0; 
	padding-top:5px;
}

#casosClinicos{
	margin:0 auto;
	text-align: center;
}

#casosClinicos img{
	width: 350px;
}

#casosClinicos #texto{
	padding: 0 0 10px 0;
}

