@charset "UTF-8";
/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;

}

body, html {
	
font: 87.5% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", arial, sans-serif;
line-height:1.4em;
background:url(../img/bg.jpg) repeat-x #dfe4c0;
text-align:center;
color:#666;
height: 100%;
line-height:1.5em;

}

li {
list-style-type: decimal;
line-height:1.5em;
margin-bottom:11px;
margin-left:30px;
}

img {
border:none;
}

h1, h2, h3, h4, h5 {color:#7F904C; }

h1 { font-size:2.3em; margin-bottom:20px; letter-spacing:-1px;}
h2 { font-size:1.3em; margin-bottom:8px; }
h3 { font-size:1.1em; margin-bottom:8px; }


a:hover {
text-decoration:underline;
}

a:active {
color:#666;
}

a:link,a:visited {
	color:#666;
text-decoration:none; 
}


* html #container {	height: 100%; /* hack para IE6 hq trata height como min-height */}


#container {
width:980px;
text-align:left;
margin:0 auto;
min-height:100%;
position:relative;
margin-bottom:20px;}


#header {
height:340px;
width:100%;
position:relative;
}


#secundaryContent{ float:right;
width:633px;
min-height:350px;
background-color:#FFF;
margin-top:10px;
padding:20px}

#planos{ width:673px; float:right; clear:both; background-color:#FFF; margin-top:10px;}

#primaryContent {
	width:296px;
padding-bottom:30px;
float:left;
margin-top:20px;

}

#primaryContentInternas { float:left; width:296px; margin-top:10px;}

#chamadashome {
height:190px;
margin-top:20px;
width:650px;
float:right;
}

/* RANDOMICAS*/

div#wn	{ 
	position:relative; 
	width:650px; height:153px; 
	overflow:hidden;	
	}



#mainnav ul {
list-style-type:none;
}

#mainnav li {
display:inline;
}

#noticiaestrutura {
float:right;
width:650px;
}
#noticias{width:299px; float:left;}
#estrutura{ width:299px;float:right;}

#noticias h2 { font-size:95%; margin-bottom:6px; margin-top:10px; line-height:1.2em;}
#noticias p { font-size:95%; margin-bottom:3px; line-height:1.2em;}

#footer {
width:100%;
height:100px;
clear:both;
text-align:right;
font-size:90%;
background-color:#A5B573;
position: relative;
bottom: 0;
}

address{ font-style:normal;}




#footerEnd { margin:0 auto; width:940px;}
#triunit{ width:88px; float:right; margin-top:10px;}

#recebanovidades {
width:266px;
background-color:#A5B573;
margin-top:20px;
padding:15px;
}
#endereco{ text-align:left; width:800px; float:left; margin-top:20px; font-size:86%; color:#FFF;}

/* a clinica*/
#fotosclinica{ width:979px; height:133px; padding-top:8px; padding-bottom:8px;}
#img1{ width: 179px; height:115px;border-color: #fff; border-width: 8px; border-style: solid; float:left;}
#esquerdaclinica{width:366px; height:620px; float:left; background-color:#FFF; padding:10px;}
#conteudoclinica{float:right;width:545px;background-color:#FFF;margin-bottom:15px;padding:25px 20px 40px;}

/*equipe*/

#equipeEsquerda{ width:483px; float:left; margin-right:7px;}
#equipeDireita{ width:483px; float:right; margin-left:7px;}

#profissional{padding:20px;  background-color: #FFF; margin-top:10px; min-height:160px;}
#textoDermatologistas{padding:20px; background-color: #FFF; margin-top:10px; min-height:300px; }
#imgprofissional { width:155px; height:109px; float:left; border: 5px solid #CCC;}

#profissional p { font-size:0.9em; padding-left:180px; line-height:1.2em}
#profissional h2 { padding-left:180px;}
#profissional h3 { padding-left:180px; color: #F90;}


/*dica*/
#dicas #secundaryContent{width:980px;padding:0px;}
#boxDicaTitulo{ width:700px; margin-left:170px; margin-bottom:30px; margin-top:30px;}
#boxDica{ width:700px; margin-left:170px; margin-bottom:30px; min-height:180px;}

#boxDica h2{ margin-left:170px;}
#boxDica p{ padding-left:170px;}
#imgDicas{ width:150px; float:left;}
#botVoltar { width:70px; float:right;}
#setalink{ width:40px; float:right; clear: both; }

/*Noticias*/

#noticiasContent{width:980px;padding:0px; background-color:#FFF;}
#boxNoticiasTitulo{ width:700px; margin-left:170px; margin-bottom:30px; padding-top:30px; margin-top:20px;}
#boxNoticias{ width:700px; margin-left:170px; margin-bottom:30px; min-height:180px;}




/*Ma midia*/
#naMidia p{ padding:0;}
#naMidia #secundaryContent{width:980px; padding-top:40px; padding:0px; padding-top:50px;}
#boxDica h2{ padding:0;}

#boxPecas{ width:700px; margin-bottom:30px; margin:0 auto; padding-top:30px; padding-bottom:30px;}
#peca{ width:477px; height:auto;}
#creditopecas{ width:200px;margin-top:50px; float: right;}



/*contato*/
#formulario{ width:400px; margin-left:50px; float:left;}
#localizacao{ width:400px; margin-left:50px; float:left; margin-right:50px;}


#tratamento{padding:20px;  background-color: #FFF; margin-top:10px;}
#contato #secundaryContent{
width:980px;
min-height:350px;
background-color:#FFF;
margin-top:10px;
padding:0; padding-top:30px;}


/*Dermatologia*/
#imgderma{ width:205px; float:left; margin: 5px 15px 15px 0; /* border: 1px solid #7F904C; */clear:both;}




.separator1 {
  float: left;
  margin: 0;
  width: 967px;
  height: 1px;
  display: block;
  background: url(../images/separator1.png) bottom no-repeat;
}

.showcase {
	width: 980px;
	float: left;
	margin-top:10px;
	margin-bottom:10px;
}
.showcase ul {
	list-style: none;
}	
.showcase ul li {
	display: inline;
	}
.showcase ul li a:hover {
  cursor: pointer;
}

#img1{ width: 169px; height:115px;border-color: #fff; border-width: 8px; border-style: solid; float:left; margin-left:8px;}

#twitter{ width:640px; float:right; height:75px; margin-bottom:30px;}


/* contato*/

.contato {font-style: normal; line-height:12px; background-color:#eee; width: 310px; border: 0px; padding:3px; color:#333;}

.botaocontato {
border: 0px none;
font-size:13px;
font-weight:900;
background-color:#A5B573;
color:#fff;
padding:5px;
}

.formcolor {
font-family:"Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
font-size:11px;
font-style:normal;
background-color:#dee4c1;
border:0px #A5B573 solid;
color:#7F904C;
padding:3px;
}