/* CSS Document */
@import url("reset.css");
@import url("fontes.css");

body{ background: url(../image/bg-site.jpg); font-family: "Helvetica", sans-serif;}
.wrap{ width: 1000px; height: 100%; position: relative; left: 50%; margin-left: -500px; }

strong{ font-weight: bold;}

/* MENU HEADER */
header{ width: 100%; height: 84px; background: url(../image/menu/bg-header.jpg) center repeat-x; font-family: 'DINCondRegularRegular'; }

	.logo a{ width: 246px; height: 57px; position: relative; float: left; left:20px; margin: 13px 0px; background: url(../image/menu/madalena.png) no-repeat;}

	ul.menu-top {font-size: 24px; width: 380px; position: relative; float: left; left: 70px; top:30px; text-transform: uppercase;}
		ul.menu-top li { position: relative; float: left; padding: 0px 10px 7px 10px; border-right: 1px solid #fff; height: 17px;}
		ul.menu-top li:last-child { border-right: none; }
		ul.menu-top li a { color: #fff; text-decoration: none; cursor: pointer; padding:2px 0;}
			ul.menu-top li a:hover{ color: #cbb6ca;}

	.fone{width: 150px; font-size: 24px; color: #fff; position: relative; float: left; left: 70px; height: 42px; border-left: 1px solid #fff; top: 20px; background: url(../image/menu/fone.png) no-repeat 0; padding: 0px 0 0 55px; font-family: 'DINCondMediumMedium';}

	.face{width: 60px; height: 27px; border-left: 1px solid #fff; position: relative; float: left; text-indent: -99999px; left: 80px; top:28px;}
		.face a { width: 27px; height: 27px; display:block; background: url(../image/menu/face.png) no-repeat 0px 0px; margin-left: 19px;}


/*-- MENU FIXO --*/
#menu{top:0px; left:0px; width:100%; height:85px; background: url(../image/menu/bg-menu.jpg) top center repeat-x; display:none; z-index:1000; font-family: 'DINCondRegularRegular';}

	#menu .logo a{left: 440px; display: block; text-indent: -9999px; cursor: pointer;}
	#menu .fone{left: 460px;}
	#menu .face{left: 460px;}

#menuflag{width: 152px; height: 110px; position: relative; float: left; top:0px; left:50%; margin-left: -480px; display:none; z-index:1000; font-family: 'DINCondRegularRegular';}

	.area-flag{ height: 110px;}
	
	.menu1{ width: 152px; height: 85px; background: url(../image/menu/menu.png); position: relative; z-index: 2;}
	.seta{width: 19px; height: 7px; background: url(../image/menu/seta.png) no-repeat; position: absolute; top: 84px; left: 66px; z-index: 4; background-position: 0 0;  
	}
	
	.flag{ background: url(../image/menu/menu-flag.png) no-repeat; position: absolute; top:-133px; width: 152px; height: 241px; z-index: 1;}

		ul.menu2 {font-size: 24px; width: 105px; position: relative; left: 20px; top:100px; text-transform: uppercase;}
		ul.menu2 li { position: relative; line-height: 18px; margin-bottom: 5px; font-size: 22px;}
		ul.menu2 li a { color: #fff; text-decoration: none; cursor: pointer; font-weight: normal;width: 105px; display: block; }
			ul.menu2 li a:hover{ color: #cbb6ca !important;}

	


/* BANNER */
#banner{height: 700px;}
	.banner{ width: 994px; height: 452px; position: relative; left: 3px; top: 205px;}
		.banner img{width: 795px; margin: 13px; position: absolute;}

	#slider{width:795px;}	

	.borda-banner{ width: 994px; height: 452px; background: url(../image/quadro-banner.png); position: absolute; left: 3px; top: 205px; z-index: 99;}
	.mulher{width: 527px; height: 623px; background: url(../image/mulher-banner.png) no-repeat; position: absolute; top: 34px; left: 600px; z-index: 100;}
	
	.title{ width:464px; height:234px; position:absolute; left:50%; margin-left:-332px; top: 20px;}
		.title #titulo{ background:url(../image/titulo.png) no-repeat; width:464px; height:234px; position:absolute; z-index:150;}


/* CLÍNICA */
#clinica{width: 100%; height: 945px; background: url(../image/clinica/bg-clinica.jpg) center no-repeat;}
	.aclinica{width: 560px; height: 190px; position: relative; left: 355px; top: 320px;}
		.aclinica p{ font-size: 14px; color: #9f829b; font-family: "Helvetica", sans-serif; line-height: 21px; padding-top: 25px;}
	
	.title2{ width:464px; height:234px; position:absolute; left:50%; margin-left:-192px; top: 110px;}
		.title2 #titulo2{ background:url(../image/clinica/titulo.png) no-repeat; width:265px; height:88px; position:absolute; z-index:150; text-indent: -99999px;}


	
	.list_foto {margin: 15px 0 0 0; width: 810px; height: 210px; position: relative; left: 95px; top: 520px;}
			.list_foto ul#fotos {width: 740px; margin: 0px 30px 0px 30px; display: block; height: 210px;}
				.list_foto ul li {width: 173px; height: 173px; margin: 0 22px; display: block; float: left; padding:9px; border: 5px solid #fff;}

			.prev{width: 14px; height: 29px; background: url(../image/clinica/prev.png) 0 0 no-repeat; display: block; text-indent: -99999px; position: absolute; top: 102px; left: 6px;}
			.next{width: 14px; height: 29px; background: url(../image/clinica/next.png) 0 0 no-repeat; display: block; text-indent: -99999px; position: absolute; top: 102px; left: 775px;}
				.prev:hover, .next:hover{background-position: 0 -29px;}

	.aviso-foto{width: 240px; height: 30px; position: absolute; left: 160px; top:690px; font-size: 14px; color: #9f829b;}


/* TRATAMENTO */
#tratamento{width: 100%; height: 1050px; padding-top: 70px;}
	.mulher-tratamento{width: 645px; height: 534px; background: url(../image/tratamento/mulher-tratamento.png) no-repeat; position: relative; top: 34px; left: 48px;}

	.title3{ width:336px; height:480px; position:absolute; left:50%; margin-left:192px; top: 110px; z-index: 0;}
		.title3 #titulo3{ background:url(../image/tratamento/titulo-tratamento.png) no-repeat; width:336px; height:342px; position:absolute; z-index:150; text-indent: -99999px;}
		.title3 #titulo4 a{ background:url(../image/tratamento/titulo-fac-corp.png) no-repeat; width:278px; height:78px; position:absolute; z-index:150; text-indent: -99999px; top:300px; display: block; cursor: pointer;}

	#quadro{position: absolute; top: 2240px;}	

	.quadro{width: 967px; height: 520px; position: relative; left: 16px; background: url(../image/tratamento/quadro.png) no-repeat; top: 30px;}


.tipo-trat{ width:885px; height:400px; position:relative; top:15px; left: 40px; top: 50px;}
	
	.faciais, .corporais {position: relative; text-indent: -99999px; width:159px; height: 35px; margin:0; padding:0px; display:block; background: url(../image/tratamento/menu-trat.png) no-repeat;}
	.faciais {background-position: 0px 1px}
	.corporais {background-position: 0px -49px}
	.clique{font-size: 13px; color: #9f829b; padding-left: 20px; padding-bottom: 10px;}
	.tipo-trat ul.paineltrat{ position:relative; list-style:none; padding:0; margin:0; width:280px; height:220px; overflow:hidden;}
	.tipo-trat ul.paineltrat li{ color: #cbb6ca; font-size: 14px; text-transform: uppercase; font-weight: bold; padding: 3px 0 7px 20px; cursor: pointer; background-repeat: no-repeat; background: url(../image/tratamento/seta.png) no-repeat; background-position: -50px 0px;}
	.tipo-trat ul.paineltrat li:hover{ color: #9f829b !important;}
	.tipo-trat ul.paineltrat li.trat {background-position: 0px 0px; color: #9f829b;}

#trat1, #trat2, #trat3, #trat4, #trat5, #trat6, #trat7, #trat8, #trat9, #trat10, #trat11, #trat12{ width:500px; height:390px; position:absolute; top:0px; left: 380px;  float: left; }

#trat1, #trat2, #trat3, #trat4, #trat5, #trat6, #trat7, #trat8, #trat9, #trat10, #trat11, #trat12{z-index: -100;}

.info-trat{ font-size: 14px; color:#9f829b; line-height: 18px; }
	.info-trat h3{color: #9f829b; font-weight: bold; text-transform: uppercase;}
		.info-trat h3 a{color: #9f829b; text-decoration: none; font-weight: normal; font-size: 13px; padding-left: 4px; text-transform: none;}		
			.info-trat h3 a:hover{text-decoration: underline;}
	.info-trat strong{color: #9f829b;}


	/*.accordion{ padding-bottom: 80px; font-size: 13px; color:#9f829b;}
		.accordion h3{font-weight: bold; cursor:pointer; margin: 0px 0px; padding: 0px; height: 26px;}
			.accordion h3:hover{ color:#cbb6ca;}
			.accordion h3:focus{ outline:none !important;}
				.accordion h3.ui-state-default span.abrir{ font-weight: normal; font-size: 12px;}
					.accordion h3.ui-state-active span.abrir{ display: none;}				
				.accordion h3.ui-state-active span.abrir-foto a{ font-weight: normal; font-size: 12px; color:#9f829b; text-decoration: none; outline: none;}
					.accordion h3.ui-state-default span.abrir-foto a{display: none;}

		.accordion div{}
			.accordion div p{ padding: 5px 0 10px 0; line-height: 18px; margin: 0px 0 0 0 }
		
		.accordion div span.abrir-foto a{ font-weight: normal; font-size: 12px; color:#9f829b; text-decoration: none; outline: none; position: relative;}*/
 

.floral{width: 829px; height: 592px; position: absolute; background: url(../image/contato/floral.png) no-repeat; top: 2610px; left: 50%; margin-left: -1000px; }


/* CONTATO */
#contato{width: 100%; height: 860px; padding-top: 110px; }
	.mensagem{width: 575px; height: 355px; position: relative; left:400px; }
		.frase-msg{width: 396px; height: 53px; background: url(../image/contato/frase-msg.png) no-repeat; margin-bottom: 10px;}
		
	.input-msg, .text-msg{width: 560px; height: 20px; padding: 5px; margin-bottom: 10px; outline: none; color: #9f829b; font-size: 13px; border: 1px solid #9f829b;}
		.text-msg{height: 110px; font-family: "Helvetica", sans-serif;}
	.sub-msg{font-family: 'DINCondRegularRegular'; color:#f8f6ef; font-size: 20px; text-transform: uppercase; background: #9f829b; padding: 4px; border: none; outline: none; width: 110px; position: relative; left: 460px; cursor: pointer;}

	.endereco{width: 372px; height: 426px; background: url(../image/contato/como-chegar.png) no-repeat; position: relative; float: left; left: 20px;}
		.endereco p{color: #9f829b; font-size: 27px; text-align: center; font-family: 'DINCondRegularRegular'; position: relative; margin: 150px 0 0 0; }
			.endereco p span{ font-size: 41px; font-family: 'DINCondMediumMedium';}

	#mapa{width: 555px; height: 424px; border: 1px solid #9f829b; position: relative; float: left; left: 40px;}


/* RODAPÉ */
#rodape{width: 100%; height: 144px; background: url(../image/contato/bg-rodape.jpg) center repeat-x;}

	ul.fastmenu{width: 600px; font-size: 13px; height: 20px; position: relative; top: 30px; left: 50px;}
		ul.fastmenu li{ border-right: 1px solid #fff; padding: 0 9px; position: relative; float: left;}
				ul.fastmenu li:last-child { border-right: none; }
			ul.fastmenu li a{ color: #fff; text-decoration: none; cursor: pointer;}
				ul.fastmenu li a:hover{ text-decoration: underline;}

	.copyright{width: 600px; height: 25px; position: relative; float: left;	left: 60px; top: 50px; text-transform: uppercase; color: #fff; font-size: 11px;}

	#rodape .fone{border: none; top: 0;}
	#rodape .face{ top: 13px;}


.zap2{
position: fixed;
right:15px;
bottom:15px;
background-image:url(../image/btn-whatsapp.png);
background-repeat:no-repeat;
background-color:#00ec67;
background-position: 8px 9px;
border-radius:40px;
width: 60px;
height:60px;
display:block;
z-index:10000;
transition: width 0.6s;
}
.zap2:hover{
width:215px;}


.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
}
.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 30px 0 20px 0;
}
.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel li {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	text-align: center;
	padding: 0 12px;
}
.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    text-align: center;
    color: #aaacae;
    text-decoration: none;
    font-size: 26px;
}
.jcarousel-control-prev i,
.jcarousel-control-next i{
    font-size: 60px;
}
.jcarousel-control-prev {
    left: -30px;
}
.jcarousel-control-next {
    right: -40px;
}
a.jcarousel-control-prev:hover,
a.jcarousel-control-next:hover,
a.jcarousel-control-prev:focus,
a.jcarousel-control-next:focus {
    color: #58595b;
    color: #58595b;
}
.jcarousel-pagination{
	display: block;
	text-align: center;

}
.jcarousel-pagination a{
	text-indent: -9999px;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	border:1px solid #9f829b;
	background: none;
	margin: 1px;
	display: inline-block;
}

.jcarousel-pagination a.active{
	background: #9f829b;
	
}
#blog{
	padding: 30px 0;
	margin: 50px auto;

}
.blog{
	width: 235px;
	height: 91px;
	margin: 0 auto;
	background: url(../image/titulo-blog.png);
}
#blog .jcarousel-control-prev,
#blog .jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 26px;
}
.postblog{
	background:#fff;
}
.postblog h2{
	min-height: 40px;
	padding: 0px;
	text-align: left;
	line-height: 16px;
	font-weight: bold;
	margin: 0;
	height: 60px;
}
.postblog h2 a{
	color: #9f829b;
	text-align: left;
	font-size: 16px;
	text-decoration: none;
}
.postblog p{
	color: #383838;
	text-align: left;
	padding: 5px 0;
	font-size: 14px;
}
.postblog h4{
	color: #383838;
	font-weight: normal;
	margin: 12px 0 3px 0;
	padding: 0;
	font-size: 15px;
}
.postblog{
	color: #fff;
	text-align: left;
	padding: 15px;
}
.postblog small{
	display: none;
}
.postblog a.more-link{
	color: #9f829b;
	text-align: left;
	display: block;
	padding-top: 10px;
	text-decoration: none;
	font-size: 14px;
}
.imgblog{
	width: 100%;
	padding: 0px;
	height: 220px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
}