/* CSS Document */

/*----------------------RESET--------------------*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

article, aside, figure, footer, header,hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

body{line-height:1; font-size:62.5%; background:#f7ead5 url(img/body-bg.jpg) repeat-x top; background-attachment:fixed;} /*---- 1.0 em = 10px---*/

/*----------------------RESET--------------------*/

@font-face {
    font-family: 'BandaRegular';
    src: url('fonte/regular-webfont.eot');
    src: url('fonte/regular-webfont.eot?#iefix') format('eot'),
         url('fonte/regular-webfont.woff') format('woff'),
         url('fonte/regular-webfont.ttf') format('truetype'),
         url('fonte/regular-webfont.svg#webfontLCy3a2np') format('svg');
    font-weight: normal;
    font-style: normal;
}


a{text-decoration:none; -webkit-transition:color 0.5s ease-in; -moz-transition:color 0.5s ease-in; -o-transition:color 0.5s ease-in; transition:color 0.5s ease-in; }

::selection{color:#fff; background:#ba251d;}

::-moz-selection{color:#fff; background:#ba251d;}

p{font:1.2em Arial, Helvetica, sans-serif; color:#323232; line-height:18px;}


/*----------------------ELEMENTOS--------------------*/

header{}

nav{}

.global-div{position:absolute; display:block; width:960px; height:auto; margin:auto; left:50%; margin-left:-480px; margin-bottom:10px; padding-bottom:30px; padding-top:30px;}


/*-----------------------TOPO-------------------------*/

/*-----------------------MENU-------------------------*/

.menu-sup{width:960px; clear:both; float:left; margin:35px 0; position:relative; z-index:500;}

	.menu-sup li{font:1.4em BandaRegular, Arial; padding-top:7px; text-transform:uppercase; margin-right:4px; position:relative; float:left;}
	
		.menu-sup li a{padding:0 13px 0 15px; color:#323232; display:block; text-decoration:none;}
		
		.menu-sup a:hover{color:#b7241c; text-shadow:0 1px 1px #ccc;}
		
		li.submenu, li.submenu2{background:url(img/seta-menus.png) no-repeat right ;}
		
		li.submenu:hover{background:url(img/menu-hover.png) no-repeat top left;}
		
		li.submenu2:hover{color:#fff; background:url(img/menu-hover2.png) no-repeat top left;}

			li.submenu:hover a, li.submenu2:hover a{color:#fff;}
							
		.menu-sup li ul{position:absolute; top:21px; left:0; width:150px; display:none;}
		
		/*	.menu-sup li:hover ul{display:block;}*/
		 
			.menu-sup li ul li{font-size:0.8em; line-height:20px; padding-top:0; padding-left:8px; text-transform:capitalize; width:100%; background:url(img/submenu-bg.png) left repeat-y;}
			
			li.submenu2 ul li{background:url(img/submenu-bg2.png) left repeat-y;}

			 li ul li.submenu-sup, li ul li.submenu-sup2, li ul li.submenu-final, li ul li.submenu-final2{width:134px; height:10px; padding:0; background:url(img/submenu-sup.png) no-repeat bottom;}
			 
			 li ul li.submenu-sup2{height:13npx; width:140px; background:url(img/submenu-sup2.png) no-repeat left bottom;}
			 
			 li ul li.submenu-final{background:url(img/submenu-final.png) no-repeat top;}
			 
			 li ul li.submenu-final2{background:url(img/submenu-final2.png) no-repeat top left; width:140px;}
			 
			 	.menu-sup li ul li a{color:#e8c2bf; padding-left:0; text-shadow:0 1px 1px #9e1d16;}
				
			 	.menu-sup li ul li a:hover, .tratamentos h1 a{color:#fff;}
				
/*----------------------BANNER--------------------*/

.banner{position:relative; float:left; width:650px; height:385px; background:url(img/animacao/bg.png) no-repeat bottom; z-index:100;}

.banner img{position:absolute; display:none;}

.loader{width:32px; height:32px; display:block; background:url(img/loader.gif) no-repeat left; margin:170px 0 0 330px;}

#aparelho1{top:50px; left:40px;}

#aparelho2{bottom:15px;}

#titulo{top:160px; right:35px;}

#texto{bottom:80px; right:10px;}

img.faixa{position:absolute; bottom:0; left:0; display:block;}

#antera{top:155px; right:-10px;}

#baseline{bottom:90px; right:50px;}

#olho{top:40px; left:60px;}

#aparelho{left:20px; bottom:-45px;} 

#hertix{width:650px; height:350px; float:left; margin-top:30px; background:url(img/animacao/hertix/hertix-bg.png) no-repeat left;}

	#hertix a{display:block; text-indent:-9999px; display:none;}
	
	#hertix a:hover{-moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg);
	-moz-transition:all 0.3s ease-in; 	-webkit-transition:all 0.3s ease-in; transition:all 0.3s ease-in; 	-o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}

#celulite{position:absolute; left:120px; top:175px; width:231px; height:175px; background:url(img/animacao/hertix/celulite.png) no-repeat;}

#flacidez{position:absolute; right:30px; top:90px; width:175px; height:225px; background:url(img/animacao/hertix/flacidez.png) no-repeat;}

#reju{position:absolute; top:30px; left:270px; top:55px; width:196px; height:196px; background:url(img/animacao/hertix/reju.png) no-repeat;}

/*----------------------NOVIDADES--------------------*/

.novidades{position:relative; float:right; width:290px; padding-left:10px; height:385px;}

	.sombra{position:absolute; left:-35px; top:-45px; width:31px; height:459px; background:url(img/sombra.png) no-repeat left;}

	h4{font:2.6em BandaRegular, Arial; color:#b9221a; border-bottom:1px dotted #f5e6cc; text-transform:uppercase; padding:10px 0 0 15px; margin:-5px 0 10px 0; background:url(img/simbolo.png) no-repeat left top;}
	
	.outros-tratamentos h4.trat-cabecalho{font:1.8em BandaRegular, Arial; color:#b9221a; text-transform:uppercase; padding:10px 0 5px 20px;  margin:-5px 0 0 0; background:url(img/simbolo.png) no-repeat left bottom;}
	
		h4 a, .novidades a, .lista-novidades a{color:#b9221a; text-decoration:none;}
	
	.novidades h1, .lista-novidades h1{font:2em "Trebuchet MS", Arial; color:#111;}
	
	.novidades p{margin-bottom:0;}
	
	hr{width:291px; height:18px; border:0; background:url(img/divisao.png) no-repeat top;}

/*----------------------TRATAMENTOS--------------------*/				

.tratamentos{position:relative; float:left; width:960px; height:187px; margin-top:80px; background:url(img/tratamentos-bg.jpg);}

	.tratamentos h1{font:2em BandaRegular, Arial; color:#fff; border-bottom:1px solid #9d110a; padding-bottom:5px; margin-bottom:10px;}

	.tratamentos h4{margin-top:-45px;}
	
	.tratamentos p{color:#e6e6e6; text-shadow:0 1px 1px #931b14; }
	
		.tratamentos p a{color:#ff9e94; text-decoration:none;}
		
	.tratamentos li{list-style:none; float:left; width:415px; height:140px; margin:20px 20px 20px 0;}

	.tratamentos li img{float:left; margin-right:10px;}
	
ul.peeling{margin-left:50px; list-style:none;}	
	
	
/*----------------------RODAPE--------------------*/		

.rodape{float:left; width:960px; height:auto; padding-top:5px; margin-top:20px; border-top:1px solid #e3cca8;}
	
/*----------------------CLINICA--------------------*/		

article p, .lista-novidades p{margin-bottom:10px;}

.clinica, .lista-novidades, .estetica{width:760px; float:left; margin-left:5px;}

.opcoes, .anteriores, .outros-tratamentos{float:right; width:170px; height:220px; margin-top:20px;padding-top:10px;}

	.opcoes li{float:left; list-style:none; background:#eab9b4; margin-bottom:5px; padding:6px 12px; }
	
	.opcoes li:hover{background:#b9231b; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear; transition:background-color 0.5s linear;}

	.opcoes li a{font:1.8em BandaRegular, Arial; color:#fff; text-decoration:none; text-transform:uppercase; text-shadow:0 1px 1px #c39b96; }

/*----------------------ESTETICA--------------------*/		

.outros-tratamentos ul{background:url(img/tratamentos-bg.jpg); padding:10px 5px 5px 0; margin-top:-5px; -moz-border-radius:5px;}

	.outros-tratamentos li{background:url(img/marcador_branco.png) no-repeat left bottom; list-style:none; padding-left:20px; list-style-position:inside; color:#fff; font:1.2em Tahoma; margin:0 0 10px 10px;}
	
	.outros-tratamentos  a{color:#fff; text-shadow:0 1px 1px #9e1d16; text-decoration:none;}
	
		.outros-tratamentos a:hover{ text-shadow:0 1px 1px #ccc;}
	
.imc{
	float:right;
	font:1.2em Tahoma;
	border:1px solid #eaeaea;
	margin-left:150px;
	margin-right:40px;
	-moz-box-shadow:0 0 5px #ccc;
	-webkit-box-shadow:0 0 5px #ccc;
	box-shadow:0 0 5px #ccc;
}

.imc thead{
	color:#b9231b;
	font:small-caps bold 16px Arial, Helvetica, sans-serif;
	text-align:center;
	padding:10px;}

.imc td{padding:10px;}

.odd{background-color:#fff;}

.even{background-color:#D2E8EC;}

.estetica ul {margin:0; margin-top:-10px; }

.estetica li, .clinica li{font:1.2em Arial, Helvetica; background:url(img/marcador.png) no-repeat left bottom; list-style:none; padding-left:20px; margin-bottom:5px;}

	.estetica li a{color:#323232;}

	.estetica h2{font:2em BandaRegular; margin-top:10px;}
	
ul.peeling{margin:10px 0 0 95px; list-style:none;}	

	ul.peeling li{margin-bottom:5px;}
	
figcaption{position:absolute; left:5px;  bottom:5px; width:94%; padding:5px; background:#fff; font:italic 1.2em Arial; opacity:0.6; -ms-filter:"alpha(opacity=60)"; filter:alpha(opacity=60);}		

.resultado-busca a:hover{color:#b7241c;}

/*-----------------PARCERIA---------------------*/

.parceria{float:left; width:580px; padding-right:20px; border-right:1px dotted #ccc;}

/*----------------------NOVIDADES--------------------*/		

.lista-novidades{margin-bottom:20px;}

	.lista-novidades h4{margin-bottom:30px; border-bottom:1px dotted #f5e6cc;}
	
	.lista-novidades img, .estetica img{border:3px solid #fff; -moz-box-shadow:0 0 3px #ccc; -webkit-box-shadow:0 0 3px #ccc; box-shadow:0 0 3px #ccc;}
	
	.lista-novidades hr{width:765px; background:url(img/separador.png) no-repeat top;}

.anteriores, .outros-tratamentos{border-color:#f5e6cc; height:auto; padding-bottom:20px;}

	.anteriores{border-left:1px dotted #eab9b4;}

	.anteriores li{list-style:none; font:1.2em Tahoma; margin-bottom:5px;}
	
	.anteriores a {color:#555; background:#f5e6cc; border-left:1px solid #f5e6cc; padding:5px 5px; padding-left:10px; display:block;}
	
		.anteriores a:hover{background:#b9221a; color:#fff; text-shadow:0 1px 1px #9e1d16;  -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear;}

.comentario{width:695px; min-height:65px; height:auto; padding:5px 5px 5px 60px; margin-bottom:10px; background:url(img/comments.png) no-repeat left top; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

	.comentario p{color:#333; margin-bottom:5px;}

	p.nome{font-size:1.4em; color:#999; margin-left:10px;}

/*----------------------CONTATO--------------------*/		

.contato{width:960px; float:left;}

	.mapa{width:500px; height:350px; float:right;}
	
	label{font:1.2em Tahoma; margin-bottom:3px; display:block; color:323232;}	
	
	.loading{margin-left:20px; color:#b9231b; display:none;}

/*----------------------LOGIN--------------------*/

.login{color:#999;}


/*----------------------DIVERSOS--------------------*/

.aligncenter{text-align:center;}

.pbottom5{padding-bottom:5px;}

.bottom10{margin-bottom:10px;}

.bottom20{margin-bottom:20px;}

.centralizado{position:relative; float:none; display:block; clear:both; margin:0 auto;}

.clear{clear:both;}

.displaynone{display:none;}

.fonte18{font-size:1.8em;}

.larguratotal{width:100%;}

.left{float:left;}

.left-3{margin-left:-3px;}

.left10{margin-left:10px;}

.left20{margin-left:20px;}

.left60{margin-left:60px;}

.left80{margin-left:80px;}

.relative{position:relative;}

.right{float:right;}

.right10{margin-right:10px;}

.right20{margin-right:20px;}

.right40{margin-right:40px;}

.right60{margin-right:60px;}

img.semestilo{border:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}

.top10{margin-top:10px;}

.top20{margin-top:20px;}

.top40{margin-top:40px;}

.width330{width:330px;}

/*----------------------DIVERSOS--------------------*/

/*----------------------FORM------------------------*/
fieldset{border:0;}

input[type=text], input[type=password], input[type=email], textarea{width:250px; height:20px; color:#333; padding:3px; background:#fff url(img/inputs-bg.gif) repeat-x bottom left; margin-bottom:5px; border:1px solid #ccc;  -moz-border-radius:3px; -webkit-border-radius:3px; opacity:0.7; -ms-filter:"alpha(opacity=70)"; filter:alpha(opacity=70);}

textarea{height:150px;}

input:focus, textarea:focus{border-color:#999;}

.comentarioform input, .comentarioform textarea{background:#f5e6cc; border:0;}

form p{margin:5px 0 0 0;}

textarea{overflow:auto; font:1.2em Arial, Helvetica, sans-serif; color:#333; line-height:1.6em;}

input[type=search], header input[type=text]{height:13px; width:141px; padding:7px; background:#fcf5eb; color:#343434; border:0; -moz-box-shadow:0 0 3px #f2e4cf; -webkit-box-shadow:0 0 3px #f2e4cf; box-shadow:0 0 3px #f2e4cf;}

.comentarioform label{float:left; width:80px; color:#999; font-size:1.4em; text-align:right; margin-right:10px;}

.comentarioform input[type=text], .comentarioform input[type=email], .comentarioform textarea{background:#fff url(img/inputs-bg.gif) repeat-x bottom; border:1px solid #ddd;}

.comentarioform input[type=text]:focus, .comentarioform input[type=email]:focus, .comentarioform textarea:focus, .comentarioform [type=submit]:hover{-moz-box-shadow:0 0 3px #bbb; border-color:#999;}

.comentarioform [type=submit], #calcular, #enviar_avaliacao, #enviar_contato{padding:3px 5px; background:#fff url(img/inputs-bg.gif) repeat-x bottom; border:1px solid #ccc; font-size:1.4em; color:#999; margin-left:290px;}

#calcular{margin:0 0 0 235px;}

#enviar_avaliacao{margin:10px 0 0 515px; color:#222;}

#enviar_contato{margin-left:200px;}

input[type=submit]:hover, input[type=submit]:focus{-moz-box-shadow:0 0 3px #aaa; border-color:#333; color:#333;}

/* align checkboxes, radios, text inputs with their label */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/*----------------------FORM------------------------*/


/*----------------------TEXTOS--------------------*/

/*----------------------SLIDER---------------------*/

#slider { height: auto; overflow:hidden; }
#slider .viewport {float: left; width: 860px; height: 170px; margin-left:10px; overflow: hidden; position: relative; }
#slider .buttons {display:block; float:left; text-indent:-9999px; width:29px; height:76px; margin-top:55px; background:url(img/setas.png) no-repeat; }
#slider .prev{float:left; margin-left:10px; background-position:0 0;}
#slider .next {right:0; float:right; background-position:-51px 0; }
#slider .prev:hover{background-position:-107px 0; margin-top:54px;}
#slider .next:hover{background-position:-165px 0; margin-top:54px;}
#slider .disable {visibility: hidden; }
#slider .overview {list-style: none; position: absolute;}
#slider .overview li{list-style:none; float:left; width:415px; height:140px; margin:10px 25px 20px 0;}
.overview li h1 a{color:#fff; text-decoration:none;}



/*----------------------PRINT--------------------*/

@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }    .ir a:after { content: ""; }  /* Don't show links for images */    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }    img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}