/*..........................................................................................*\
:::::::::::::::::: GERAL :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
\*บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ*/
@import url("reset.css"); 
* ul li a{ height:1%; }
html{
	background:#c8ede7 url(../imagens/bg-tira.gif) repeat-y left top;
	height:100%;
}
body{
	background:url(../imagens/bg-dir.jpg) no-repeat left top;
	color:#656565;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	min-height:100%;
}
a{
	color:#42737a;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
p{
	line-height:17px;
	margin:0 0 11px 0;
}
img{
	border:0;
}
#geral{
	position:relative;
	width:770px;
}
.hide{ display:none; }
.img_left{
	float:left;
	margin:0pt 10px 5px 0pt;
}
.img_right{
	float:right;
	margin:0 0 5px 10px;
}
.img_inline{
	display:inline;
	margin:0pt 10px 10px 0pt;
	vertical-align:bottom;
}

/*..........................................................................................*\
:::::::::::::::::: TESTEIRA ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
\*บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ*/

#testeira{
	background:url(../imagens/testeira-bg.jpg) no-repeat left top;
	height:104px;
	position:relative;
	z-index:1;
}
#testeira a{
	left:10px;
	position:absolute;
	top:25px;
}
#testeira p{
	color:#57858c;
	left:205px;
	line-height:13px;
	position:absolute;
	top:33px;
}

/*..........................................................................................*\
:::::::::::::::::: MENU ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
\*บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ*/

#menu{
	background:url(../imagens/menu-bg.gif) no-repeat left bottom;
	height:24px;
	margin-top:-4px;
	padding-left:2px;
	position:relative;
	z-index:2;
}
#menu ul li{
	float:left;
	padding-right:8px;
}
#menu ul li a{
	color:#fff;
	display:block;
	float:left;
	padding:0 0 0 6px;
	text-decoration:none;
}
#menu ul li a:hover, #menu ul li a.ativo{
	background:url(../imagens/menu-aba-esq.gif) no-repeat left top;
	text-decoration:underline;
}
#menu ul li a span{
	display:block;
	padding:7px 6px 5px 1px;
}
#menu ul li a:hover span, #menu ul li a.ativo span{
	background:url(../imagens/menu-aba-dir.gif) no-repeat right top;
}
#menu p{
	color:#fff;
	float:right;
	font-size:12px;
	margin:0;
	padding:5px 15px 0 0;
}

/*..........................................................................................*\
:::::::::::::::::: CONTEฺDO ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
\*บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ*/

h1{
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:12px 0 7px 13px;
	position:relative;
	z-index:2;
}
.link{
	line-height:normal;
	margin:0;
	text-align:right;
}
.link a{
	background:url(../imagens/bullet.gif) no-repeat left 6px;
	border-bottom:1px solid #ed7a09;
	color:#656565;
	padding:0 0 0 8px;
	text-decoration:none;
}
.link a:hover{
	border-bottom:0;
	padding-bottom:1px;
}
#conteudo{
	background:#fff url(../imagens/conteudo-bg.gif) repeat-x left top;
	overflow:visible;
	position:relative;
	width:738px;
}
#submenu{
	background:url(../imagens/submenu-bg.gif) no-repeat left top;
	display:inline;
	float:left;
	margin-top:5px;
	position:relative;
	width:279px;
	z-index:2;
}
#submenu h1{
	padding:7px 0 0 9px;
}
#submenu ul{
	margin:18px 0 0 5px;
}
#submenu ul li{
	width:261px;
}
#submenu ul li a{
	background:url(../imagens/submenu-bullet-fechado.gif) no-repeat 2px 3px;
	border-bottom:1px solid #d2dadf;
	color:#656565;
	display:block;
	padding-left:20px;
	text-decoration:none;
}
#submenu ul li a span{
	display:block;
	line-height:16px;
	padding-top:1px;
}
#submenu ul li.submenu span{
	background:url(../imagens/submenu-seta-fechado.gif) no-repeat 231px 6px;
	padding-right:10px;
}
#submenu ul li a:hover, #submenu ul li a.ativo{
	background-color:#e1e9ea;
	background-image:url(../imagens/submenu-bullet-aberto.gif);
}
#submenu ul li.submenu a.ativo span{
	background-image:url(../imagens/submenu-seta-aberto.gif);
}
#submenu ul li ul{
	margin:0;
}
#submenu ul li ul li{
	background:#fff;
}
#submenu ul li ul li a{
	background-position:22px 3px;
	padding-left:40px;
}
#submenu ul li.submenu ul li.submenu a span{
	background-position:211px 6px;
}
#submenu ul li ul li ul li a{
	background: none;
	padding-left:60px;
}
#submenu ul li ul li ul li a.ativo{
	background:#e1e9ea;
}
#submenu ul li ul li ul li a:hover{
	background-image:none;
}
#conteudo_conteudo{
	display:inline;
	float:left;
	margin:3px 0 0 -9px;
	position:relative;
	width:468px;
	z-index:1;
}
#conteudo_conteudo h2{
	clear:both;
	color:#57858C;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-bottom:25px;
}
#conteudo_conteudo h3{
	clear:both;
	padding:11px 0 5px 0;
}
#conteudo_conteudo ul, #conteudo_conteudo ol{
	margin-bottom:11px;
}
#conteudo_conteudo ul li, #conteudo_conteudo ol li{
	line-height:16px;
	margin-left:20px;
	list-style:disc;
}
#conteudo_conteudo ol li{
	 list-style:decimal;
}

/*..........................................................................................*\
:::::::::::::::::: INDEX :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
\*บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ*/

.index #agenda{
	background:url(../imagens/index-bg-agenda.jpg) no-repeat left top;
	display:inline;
	float:left;
	height:229px;
	margin:11px 0 0 1px;
	width:325px;
}
.index #agenda table{
	margin:0 0 10px 8px;
	width:300px;
}
.index #agenda table thead td{
	padding:0 0 6px 6px;
}
.index #agenda table tbody td{
	padding:0 0 19px 0;
	line-height:16px;
}
.index #agenda table tbody td.fixo div{
	display:block;
	height:48px;
	overflow:hidden;
	width:247px;
}
.index #agenda table td.diferente{
	color:#caded5;
	font-size:17px;
	font-weight:bold;
	padding:0 10px 0 0;
}
.index #agenda table td.diferente div{
	height:48px;
}
.index #agenda p.link{
	margin:-11px 0 0 0;
	padding:0 15px 19px 0;
}
.index #agenda p.diferente{
	margin-bottom:0;
	padding-bottom:1px;
}
.index #conteudo_conteudo div{
	display:inline;
	float:left;
}
.index #conheca_seu_medico{
	background:url(../imagens/index-bg-conheca-seu-medico.jpg) no-repeat left top;
	height:259px;
	width:230px;
}
.index #conheca_seu_medico h2, .marcelo_gandelman #conteudo_conteudo div.diferente h2{
	color:#397d7e;
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:61px 0 40px 13px;
}
.index #conheca_seu_medico p.link{
	padding:2px 12px 0 0;
}
.index #conheca_seu_medico p.diferente{
	font-style:normal;
	padding:0 40px 0 35px;
	margin:0;
}
.index #conheca_seu_medico img{
	vertical-align:bottom;
	margin-left:2px;
}
.index #reconstrucao_de_cilios{
	background:url(../imagens/index-bg-reconstrucao-de-ci.jpg) no-repeat left top;
	height:129px;
	width:237px;
}
.index #transplante_de_sobrancelhas{
	background:url(../imagens/index-bg-transplante-de-sob.jpg) no-repeat left top;
	height:129px;
	width:237px;
}
.index #transplante_de_cabelo{
	background:url(../imagens/index-bg-transplante-de-cab.jpg) no-repeat left top;
	clear:both;
	height:206px;
	position:relative;
	width:468px;
}
.index #transplante_de_cabelo a.link2{
	display:block;
	height:112px;
	left:16px;
	position:absolute;
	top:60px;
	width:148px;
}
.index #reconstrucao_de_cilios p, .index #transplante_de_sobrancelhas p{
	margin:0;
	padding:18px 65px 0 18px;
}
.index #transplante_de_cabelo h1{
	margin-bottom:18px;
}
.index #transplante_de_cabelo p{
	padding:0 20px 0 175px;
	margin-bottom:17px;
}
.index #transplante_de_cabelo p.link{
	margin:-7px -8px 0 0;;
}

/*..........................................................................................*\
:::::::::::::::::: BANNER ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
\*บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ*/

.index #banner{
	background:#fff url(../admin/imagens/carregando.gif) no-repeat center center;
	display:inline;
	float:left;
	height:204px;
	margin:11px -33px 25px 3px;
	position:relative;
	width:442px;
}
.index #banner div{
	background:url(../imagens/index-banner-mask.gif) no-repeat 0 0;
	height:204px;
	left:0;
	position:absolute;
	top:0;
	width:442px;
	z-index:10;
}
.index #banner img{
	left:0;
	position:absolute;
	top:0;
}
.index #banner img.diferente{
	bottom:0;
	top:auto;
}
.index #banner p{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	left:15px;
	position:absolute;
	top:163px;
	z-index:5;
}
.index #banner ul{
	background:#fff;
	position:absolute;
	right:34px;
	top:4px;
	width:17px;
	z-index:11;
}
.index #banner ul li{
	width:17px;
}
.index #banner ul li a{
	border:1px solid #bac9c3;
	border-left:0px none;
	border-right:0px none;
	color:#57858c;
	display:block;
	font-weight:bold;
	line-height:46px;
	margin:0 -2px 1px -2px;
	position:relative;
	text-align:center;
	text-decoration:none;
	width:21px;
}
.index #banner ul li a:hover{
	text-decoration:underline;
}
.index #banner ul li a.primeiro{
	border-top:0px none;
	line-height:47px;
}
.index #banner ul li a.ultimo{
	border-bottom:0px none;
	line-height:47px;
}
.index #banner ul li.ativo{
	background:#adc0be;
}
.index #banner ul li.ativo a{
	color:#fff;
}

/*..........................................................................................*\
:::::::::::::::::: MIGALHA :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
\*บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ*/

#migalha{
	text-align:right;
	padding:10px 5px 6px 0;
}
#migalha li{
	color:#7da5ab;
	display:inline;
	font-size:10px;
}
#migalha li a{
	color:#7da5ab;
}
#migalha li a:hover{
	color:#60878d;
}
#migalha li.ativo{
	color:#7aa2a8;
	font-size:11px;
	font-weight:bold;
}

/*..........................................................................................*\
:::::::::::::::::: INTERNA :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
\*บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ*/

.interna #conteudo_conteudo{
	background:url(../imagens/interna-bg-fatia.jpg) repeat-y left top;
}
.interna #conteudo_conteudo div#bg_topo{
	background:url(../imagens/interna-bg-topo.jpg) no-repeat left top;
}
.interna #conteudo_conteudo div#bg_baixo{
	background:url(../imagens/interna-bg-baixo.jpg) no-repeat left bottom;
	overflow:hidden;
	position:relative;
}
.interna #conteudo_conteudo h1{
	padding-top:9px;
}
.interna #conteudoX3{
	padding:25px;
}

/*..........................................................................................*\
:::::::::::::::::: DR MARCELO GANDELMAN ::::::::::::::::::::::::::::::::::::::::::::::::::::::
\*บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ*/

.marcelo_gandelman #conteudo_conteudo div.diferente{
	background:url(../imagens/dr_marcelo_galdeman.jpg) no-repeat left top;
	height:119px;
	margin:-16px 0 0 5px ;
	position:relative;
	z-index:1;
}
.marcelo_gandelman #conteudo_conteudo div.diferente h2{
	left:10px;
	padding:0;
	position:absolute;
	top:75px;
}
.marcelo_gandelman #conteudo_conteudo div.diferente p{
	left:260px;
	position:absolute;
	top:43px;
	width:153px;
}
.marcelo_gandelman #conteudo_conteudo div.diferente p img{
	vertical-align:bottom;
}

/*..........................................................................................*\
:::::::::::::::::: CONTATO :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
\*บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ*/

.contato #conteudo_conteudo{
	color:#7aa2a8;
}
form ul li{
	margin:0!important;
	padding:20px 0 0 0;
	list-style:none!important;
}
form label{
	display:block;
	float:left;
	padding-right:5px;
	text-align:right;
	width:60px;
}
form input, form textarea{
	border:1px solid #7aa2a8;
	color:#777;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
}
form textarea{
	overflow:auto;
}
form input.botao{
	background:none;
	border:none;
	color:#7aa2a8;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
}

/*..........................................................................................*\
:::::::::::::::::: RODAPE ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
\*บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ*/

#rodape{
	background:#fff url(../imagens/rodape-bg-dir.gif) no-repeat right bottom;
	clear:both;
	position:relative;
	width:738px;
}
#rodape p{
	color:#2c565c;
	line-height:16px;
	margin:0;
	padding:30px 0 6px 0;
	text-align:center;
}
#rodape span{
	color:#488c80;
	font-size:10px;
}
#rodape a.agencia_dmk{
	color:#488c80;
	bottom:5px;
	font-size:10px;
	position:absolute;
	right:20px;
	text-decoration:none;
}
#rodape a.agencia_dmk:hover{
	text-decoration:underline;
}

/*..........................................................................................*\
:::::::::::::::::: PAGINAวรO :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
\*บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ*/

.paginacao{
	text-align:center;
	margin:0!important;
}
.paginacao li{
	background:none!important;
	display:inline;
	font-weight:bold;
	line-height:20px!important;
	margin:0!important;
	padding:10px 2px!important; 
}
.paginacao li.selecionado{
	background:url(../imagens/paginacao-bg.gif) no-repeat center center!important;
	color:#fff;
	padding:10px!important; 
}
.show{ display:block; }

/*..........................................................................................*\
:::::::::::::::::: AGENDA ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
\*บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ*/

.agenda table td{
	border-bottom:1px dashed #77BF9E;
	color:#656565;
	padding:4px 5px;
}
.agenda table thead td{
	font-size:12px;
	font-weight:bold;
}
.agenda table tbody th{
	border:1px dashed #77BF9E;
	border-left:0px none;
	border-top:0px none;
	color:#77BF9E;
	font-size:17px;
	font-weight:bold;
	padding:4px 5px;
}
.agenda table tbody td.ativo, .agenda table tbody th.ativo{
	background:#fff;
	cursor:pointer;
}

/*..........................................................................................*\
:::::::::::::::::: MAPA DO SITE ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
\*บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ*/

.mapa_do_site #conteudoX3 ul li a{
	font-weight:bold;
	font-size:12px;
}
.mapa_do_site #conteudoX3 ul li ul li{
	list-style-type:circle;
}
.mapa_do_site #conteudoX3 ul li ul li a{
	font-weight:normal;
	font-size:11px;
}
.mapa_do_site #conteudoX3 ul li ul li ul li{
	list-style-type:square;
}

/*..........................................................................................*\
:::::::::::::::::: IMAGE BOX :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
\*บบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบบ*/

#ImageBoxClose img{
	border:0;
}
#ImageBoxOverlay{
	background-color: #fff;
	z-index:100;
}
#ImageBoxCaption{
	background-color: #969691;
}
#ImageBoxContainer{
	width: 250px;
	height: 250px;
	background-color: #969691;
	z-index:101;
}
#ImageBoxOuterContainer{
	z-index:102;
}
#ImageBoxCaptionText{
	font-weight: bold;
	padding-bottom: 5px;
	padding-right:80px;
	font-size: 13px;
	color: #fff;
}
#ImageBoxCaptionImages{
	color:#fff;
	margin: 0;
}
#ImageBoxNextImage{
	background-image: url(../imagens/next_image.jpg);
	background-color: transparent;
	background-position: right top;
	background-repeat:	no-repeat;
}
#ImageBoxPrevImage{
	background-image: url(../imagens/prev_image.jpg);
	background-color: transparent;
	background-position: left top;
	background-repeat:	no-repeat;
}