/* Folha de estilo do site Clínica Tércio Rocha - terciorocha.com
Desenvolvido por Rafael B. Tauil - rafael.tauil.com.br */

body{
  background: url(images/rodape_bg.png) repeat-x center bottom;
  font-family: Arial;
  font-size: 12px;
  text-align: center;
}
a{
  color: #8e0daf;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}
strong{
  font-weight: bold;
}
/* Estrutura  */
.container{
  background: url(images/bg.png) repeat-x;   
}
#wrap{
  width: 990px;
  margin: 0 auto;
  text-align: left;
}
#wrap ul.menu{
  margin: 43px 0 0;
  float: left;
  width: 168px;
}
#wrap ul.menu li a{
  padding: 5px 10px 5px 5px;
  text-align: right;
  border-top: 1px solid #dadada;
  color: #888;
  display: block;
  width: 153px;
}
#wrap ul.menu li span{
  font-style: italic;
  color: #ccc;
  padding: 5px 10px 5px 5px;
  text-align: right;
  border-top: 1px solid #dadada;
  display: block;
  width: 153px;
}
#wrap ul.menu li a:hover{
  color: #8e0daf;
}
#wrap ul.menu li a.active{
  background: #fff;
}
.half_col{
  background: url(images/half_col.png) no-repeat left bottom;
  margin: 43px 0 0 161px;
  padding: 10px 35px;
  width: 618px;
  min-height: 600px;
  _height: expression( this.scrollHeight < 601 ? "600px" : "auto" );
  font-size: 1.2em;
}
.tratamentos .half_col{
  min-height: 600px;
  _height: expression( this.scrollHeight < 601 ? "600px" : "auto" );
}
.full_col{
  background: url(images/full_col.png) no-repeat left bottom;
  padding: 10px 35px;
  width: 776px;
  min-height: 650px;
  _height: expression( this.scrollHeight < 651 ? "650px" : "auto" );
  font-size: 1.2em;
}
.full_col p, .half_col p{
  margin: 10px 0;
  color: #333;
  text-align: justify;
  line-height: 1.4em;
}
.full_col ul, .half_col ul, .full_col ol, .half_col ol{
  padding: 0 0 0 50px;
}
.full_col ul li, .half_col ul li{
  list-style-type: disc;
  padding: 0 0 0 15px;
  margin: 20px 0;
}
.full_col ol li, .half_col ol li{
  list-style-type: decimal;
  padding: 0 0 0 15px;
  margin: 20px 0;
}
.full_col .foto, .half_col .foto{
  font-size: .8em;
  border: 1px solid #ccc;
  float: left;
  margin: 10px 10px 10px 0;
  padding: 5px;
}
.full_col img, .half_col img{
	float: left;
	border: 1px solid #ccc;
	margin: 0 10px 10px 0;
}
.full_col img.right, .half_col img.right{
	float: right;
	border: 1px solid #ccc;
	margin: 0 0 10px 10px;
}
.full_col img.add, .half_col img.add{
	float: right;
	border: 0;
	margin: 0 0 10px 10px;
}
/* Cabecalho  */
#cabecalho{
  margin: 0 0 80px;
}
#cabecalho h1{
  background: url(images/titulo.png) no-repeat;
  text-indent: -15000px;
  width: 357px;
  height: 81px;
}
#cabecalho #logo{
  float: right;
}
#cabecalho #menu li{
  float: left;
}
#cabecalho #menu li a{
  background: url(images/menu.png) no-repeat;
  text-indent: -15000px;
  display: block;
  width: 141px;
  height: 50px;
}
#cabecalho #menu li .tratamentos{
  background-position: 0 0;
}
#cabecalho #menu li .tratamentos:hover, #cabecalho #menu li .tratamentos.hover{
  background-position: 0 -50px;
}
#cabecalho #menu li .clinicas{
  background-position: -141px 0;
}
#cabecalho #menu li .clinicas:hover{
  background-position: -141px -50px;
}
#cabecalho #menu li .sobre{
  background-position: -282px 0;
}
#cabecalho #menu li .sobre:hover{
  background-position: -282px -50px;
}
#cabecalho #menu li .artigos{
  background-position: -423px 0;
}
#cabecalho #menu li .artigos:hover{
  background-position: -423px -50px;
}
#cabecalho #menu li .dietas{
  background-position: -564px 0;
}
#cabecalho #menu li .dietas:hover{
  background-position: -564px -50px;
}
#cabecalho #menu li .contato{
  background-position: -705px 0;
}
#cabecalho #menu li .contato:hover{
  background-position: -705px -50px;
}
/* Corpo */
.tratamentos h2{
  background: url(images/h2_tratamentos.png) no-repeat 0 0;
  height: 20px;
  width: 845px;
  border-bottom: 2px solid #8e0daf;
  padding: 0 0 10px;
  text-indent: -15000px;
}
.tratamentos h3, .artigos h3, .dietas h3, .sobre h3{
  border-bottom: 1px solid #ccc;
  color: #000;
  font-size: 1.2em;
  padding: 0 0 5px;
}
.tratamentos h4, .artigos h4, .dietas h4, .sobre h4{
  color: #000;
  font-weight: bold;
  margin: 10px 0;
}
.clinicas h2{
  background: url(images/h2_clinicas.png) no-repeat 0 0;
  height: 20px;
  width: 845px;
  border-bottom: 2px solid #8e0daf;
  padding: 0 0 10px;
  text-indent: -15000px;
}
.receita h2{
  background: url(images/h2_receita.png) no-repeat 0 0;
  height: 20px;
  width: 845px;
  border-bottom: 2px solid #8e0daf;
  padding: 0 0 10px;
  text-indent: -15000px;
}
.sobre h2{
  background: url(images/h2_sobre.png) no-repeat 0 0;
  height: 20px;
  width: 845px;
  border-bottom: 2px solid #8e0daf;
  padding: 0 0 10px;
  text-indent: -15000px;
}
.artigos h2{
  background: url(images/h2_artigos.png) no-repeat 0 0;
  height: 20px;
  width: 845px;
  border-bottom: 2px solid #8e0daf;
  padding: 0 0 10px;
  text-indent: -15000px;
}
.dietas h2{
  background: url(images/h2_dietas.png) no-repeat 0 0;
  height: 20px;
  width: 845px;
  border-bottom: 2px solid #8e0daf;
  padding: 0 0 10px;
  text-indent: -15000px;
}
.contato h2{
  background: url(images/h2_contato.png) no-repeat 0 0;
  height: 20px;
  width: 845px;
  border-bottom: 2px solid #8e0daf;
  padding: 0 0 10px;
  text-indent: -15000px;
}
#esteira{
  width: 845px;
}
.banners{
  text-align: center;
  width: 845px;
}
.banners #meio{
  margin: 0 4px;
}
#sobre{
  background: url(images/sobre.png) no-repeat;
  color: #383838;
  padding: 85px 310px 0 28px;
  text-align: justify;
  line-height: 2em;
  letter-spacing: .2em;
  height: 166px;
  width: 507px;
  margin: 20px 0;
}
.obs{
  font-size: .8em;
  color: #666;
}
fieldset{
  width: 500px;
  margin: 0 auto;
}
fieldset label{
  display: block;
}
fieldset input, fieldset textarea{
  background: url(images/bg.png) repeat-x center -130px;
  border: 1px solid #eee;
  width: 490px;
  _width: 500px;
  font-size: 1.5em;
  font-family: Arial, "Sans-Serif";
  padding: 5px;
  margin: 5px 0 20px;
  color: #999;
}
fieldset input:focus, fieldset textarea:focus{
  border: 1px solid #9c05c3;
}
.btn-enviar{
  background: url(images/btn-enviar.png) no-repeat 0 0;
  border: 0;
  width: 125px;
  height: 40px;
  text-indent: -15000px;
  cursor: pointer;
  _overflow: hidden;
  _font-size: 0;
  _line-height: 0;
  *overflow: hidden;
  *font-size: 0;
  *line-height: 0;
}
.btn-enviar:hover{
  background: url(images/btn-enviar.png) no-repeat 0 -40px;
}
.btn-enviar:active{
  background: url(images/btn-enviar.png) no-repeat 0 -80px;
}
.aviso-sucesso{
  border:solid 1px #009900;
  background-color: #D2FFD2;
  text-align: center;
  padding: 6px;
  margin: 0 0 10px 0;
}
.aviso-erro{
  border:solid 1px #CC0000;
  background-color: #FFD9D9;
  text-align: center;
  padding: 6px;
  margin: 0 0 10px 0;
}
/* Rodape */
#rodape{
  padding: 30px 0 10px;
  height: 70px;
  text-align: center;
}
#rodape #menu li{
  display: inline;
  margin: 0 10px;
}
#rodape .direitos{
  background: url(images/rodape_div.png) no-repeat center 0;
  padding: 10px 0 0;
  margin: 10px 0 0;
  color: #9b9b9b;
  line-height: 1.4em;
}
#rodape #desenvolvedor{
  vertical-align: middle;
  margin: 0 0 0 5px;
}