/*----------------------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; }

.chromeframe {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}

body{line-height:1; font-size:62.5%; background:#fff; font-family: Arial, Helvetica, sans-serif;} /*---- 1.0 em = 10px---*/


/*----------------------FONTE--------------------*/

@font-face {
    font-family: 'Raleway Bold';
    src: url('../fonts/raleway-bold-webfont.eot');
    src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold-webfont.woff') format('woff'),
         url('../fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Raleway Regular';
    src: url('../fonts/raleway-regular-webfont.eot');
    src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway Semibold';
    src: url('../fonts/raleway-semibold-webfont.eot');
    src: url('../fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-semibold-webfont.woff') format('woff'),
         url('../fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'Raleway Regular';
		url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
	};
	@font-face {
		font-family: 'Raleway Bold';
		url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
	};

	@font-face {
		font-family: 'Raleway Semibold';
		url('../fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
	};
}

.container{max-width: 960px;}

a{text-decoration:none; outline:none;}

a:hover{-moz-transition:all ease-in .3s; -webkit-transition:all ease-in .3s; transition:all ease-in .3s}

::selection{color:#fff; background:#356DAD;}

::-moz-selection{color:#fff; background:#356DAD;}

p{font:1.3em "Raleway Regular", Arial; line-height:18px; color:#111; }

.global-div{display:block; width:960px; height:auto; margin:auto; margin-bottom:10px; padding-bottom:10px; }


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

.logo{float:left; display:block; width:244px; height:56px; text-indent:-9999px; background:url(../img/logo.png) no-repeat left; margin:20px 80px 20px 0;}

.form-busca{margin-top:30px; float:left; margin-left: 50px;}

    .bt-busca{margin-left: -10px; margin-top: -1px;}

    .termo{font:1.6em "Raleway Regular", Arial; float:left; width:273px; height:40px; border:0; padding:0 20px; margin-right:5px; text-transform:uppercase; border: 1px solid #FFB401;}

.fb{float: left; margin: 32px 0 0 50px;}

.fone-topo{float:right; width:170px;  padding:0 0 5px 45px; margin-top:30px; background:url(../img/fone.png) no-repeat left; color:#7c8ba0;}

    .fone-topo span{text-transform:uppercase;}

    .fone-topo p{color:#7c8ba0; font:2em "Raleway Regular", Arial;}

.menu{width:100%; float:left; height:40px; background:#3c66a5; position:relative; z-index:150;}

    .menu li{float:left; position:relative;font:1.5em "Raleway Regular", Arial; text-transform:uppercase; line-height:40px;}

        .menu a{display:block; color:#fff; padding:0 11px; text-decoration:none;}

            .menu a:hover{border-bottom:3px solid #f4d018; margin-top:-3px; color:#f4d018;}

        .menu li ul{background:#3C66A5; width:auto; border-top:1px solid #1D85C9; position:absolute; top:40px; left:-20px; display:none;}

            .menu li ul li{font-size:0.9em; white-space: nowrap; float:none; border-bottom:1px solid #1D85C9; line-height:22px/}

        .menu li:hover ul{display:block;}

/*----------------------INICIAL--------------------*/

.banner, #banner{float:left; width:100%; height:565px;}

    .bloco-banner{float:right; position:relative; padding-right:20px;  width:510px; height:225px; margin-top:190px;}

        h5{font:4.5em "Raleway Regular", Arial; color:#3a67ad; text-transform:uppercase; margin-bottom:10px; position:absolute; left:600px; letter-spacing:-3px;}

        h5 span{font-family:"Raleway Bold", Arial;;}

        .bloco-banner p{font:1.7em "Raleway Regular", Arial; color:#8b8b8b; line-height:28px; position:absolute; top:60px; left:600px; width:440px; }

        .saiba-mais-bt{background:url(../img/saiba-mais-bt.png) no-repeat left; width:203px; height:53px; display:block;  bottom:80px; text-indent:-9999px; position:absolute; left:0; opacity:0;}

.bg-areia{width:100%; height:auto; float:left;background:url(../img/bg-areia.jpg) no-repeat top;}

.tratamentos { float:left; position: relative; width:100%; height:400px; margin:-40px 0 60px 0;}

.tratamentos .viewport { float: left; width: 820px; height: 400px;; overflow: hidden; margin-left:10px; position: relative; }
.tratamentos .buttons { display: block; margin-top:150px; width:64px; height:74px; float: left; background:url(../img/setas.png) no-repeat left; text-indent:-9999px; }
.tratamentos .next {float:right; background-position:right; }
.tratamentos .disable { visibility: hidden; }
.tratamentos .overview { list-style: none; position: absolute; width:30000px; left: 0; top: 0; }
.tratamentos .overview li{ float: left; background:url(../img/painel.png) no-repeat top; width:
    267px; height:386px; margin-right:15px;}

    .img-trat{width:250px; height:175px;  float:left; overflow:hidden; margin:8px 0 0 8px; border-radius: 3px;}

        .img-trat img{min-height: 175px; width: auto;}

    h2{font:2em "Raleway Bold", Arial; float:left; width:100%; margin:20px 0 10px 0; text-align: center;}

        h2 a{color:#3a67ad; text-decoration:none;}

    .overview p{color:#555; margin:0 20px; text-align: center; font-size: 1.3em;}

    .saiba-mais-link{text-align: center; display: block; margin:10px 0 0 0; color:#f5a902; font:1.5em "Relaway Regular", Arial;}

h6{font:4.8em "Raleway Regular", Arial; color:#676767; text-align:center;}

    h6.white{color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.1);}

#profissionais {float:left; width:100%; list-style:none; margin:40px 0; height: 290px; overflow: hidden;}

.bloco-prof{height: 290px; float: left; padding-left: 90px;}

#profissionais .bloco-prof:last-child{display: none;}

        .painel-prof{float:left; width:240px; padding:0 10px; margin-left: 20px; text-align:center;}

            .img-prof{margin-bottom:10px; width: 200px; height: 200px; float: left; overflow: hidden; border-radius:50%; border: 1px solid #eee;}

            .nome-prof{font:2em "Raleway Regular", Arial; color:#708ab9;}

.prof{background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.2); padding:10px; border-radius: 5px;}

.prof-img{float: left; height: 250px; overflow: hidden;}

    .prof-img{display: block; margin: auto;}

.contato{width:100%; float:left; background:url(../img/contato-bg.jpg) no-repeat top; margin-top:60px; padding:40px;}

    .dados-contato{border-left:1px solid rgba(255,255,255,.5); margin-top:35px;  float:left; padding:20px 0 0 40px;}

   /* .email-icon, .telefone-icon, .map-icon, .whats{width:45px; height:48px; float:left; margin:0 20px 0 0; background:url(../img/email.png) no-repeat left; }*/

.email-icon{background:url(../img/email.png) no-repeat left;}

    .telefone-icon{background:url(../img/telefone.png) no-repeat left;}
    
    .map-icon{background:url(../img/local.png) no-repeat left;}

    .whats{background: url(../img/whats.png) no-repeat left;}

    .fb-icon{background: url(../img/fb-rodape.png) no-repeat left;}

        .fb-icon a{color: #0045AA;}

    .dados-contato p{font:1.8em "Raleway Regular", Arial; clear:both; color:#1347A6; padding-top: 10px; margin-bottom:20px; padding-left: 55px; min-height: 45px;}

.mapa{float:left; width:100%; height:439px; background:url(../img/mapa.jpg) no-repeat top;}


/*----------------------INTERNAS--------------------*/

h1{font:3.6em "Raleway Semibold", Arial; color:#3b64a2; margin-top:40px; padding:0 0 50px 20px; background:url(../img/titulo-bg.png) no-repeat left; text-transform:uppercase;}

h3{font:2em "Raleway Bold", Arial; float:left; width:100%; margin-bottom:10px;}

.foto-trat{width:100%; height:500px; float:left; overflow:hidden; position:relative;}

.texto p, .texto li{margin-bottom:20px; font-size:1.4em; line-height:22px;}

.texto li{margin-left: 15px;}

/*----------------------TABELA--------------------*/

.texto table{border: 1px solid #ccc; font: 1.4em 'Raleway Regular', Arial; color: #666; margin: 20px; float:left;}

    .texto table thead th{text-align: center; font-weight: bold; background: #eee; padding: 8px;}

    .texto table tr{border-bottom: 1px solid #ccc;}

    .texto table td{padding: 5px 10px;}

    .texto table p{font-size: 1em; line-height: 16px; margin-bottom: 5px;}

#imgs-fade li{list-style: none;}

/*----------------------BLOG--------------------*/

h4{font: 3em 'Raleway Bold', Arial; color: #433021; margin-bottom: 10px; letter-spacing: -1px; }

.legenda{width: 100%; height: auto; padding: 10px; font: 1.3em 'Open Sans Regular', Arial; color: #666; border-bottom: 1px solid #ccc;  }

.paginacao{float:left; width:100%; padding:5px;  clear:both;}

	.paginacao li{float:left; font:1.3em 'Open Sans Regular', Arial, sans-serif; list-style:none; margin-right:10px;}

		.paginacao a{color:#6d6d6d; padding:10px; display:block; border:1px solid #ccc;}
		
			.paginacao a:hover{background:#37AB2D; color:#fff; border-color:#fff;}	

.data{font:1.3em 'Raleway Regular', "Times New Roman", Times, serif; color:#999; display:block; margin:10px 0 5px 0;}

.compartilhe{font: 1.4em 'Arial'; background: #4b67a8;	color: #fff;	border: 1px solid #4b67a8;	border-radius: 5px;	float: left;
	margin-bottom: 15px;	padding: 5px 13px; color: #fff;	  clear: both; display: block;}

	.compartilhe strong{font: 1.1em 'Arial'; font-weight: bold; padding-right: 5px;	color: #fff;	}

		.compartilhe:hover strong{color: #fff;}

			.compartilhe:hover{	text-decoration: none;	background: #4b67a8; color: #fff; border-color: #fff;}

.lista-blog{border-left:1px solid #ddd; margin: 40px 0; padding: 20px 0 20px 30px;}

    .lista-blog li{margin:0 0 10px 10px; font: 1.3em 'Raleway Regular', Arial;}

        .lista-blog ul{border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 5px;}

        .lista-blog span{font-size: 1.2em; color: #999; font-weight: bold; margin-bottom: 10px; display: block; border-bottom: 1px solid #ccc; cursor: pointer; padding-bottom: 3px;}

        .lista-blog a{color: #666;}

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

#barra-mobile{padding-bottom: 2em; background: rgb(1,59,79, .1);}

.barra-mob{background: #2E49A2; width: 80%; clear: both; position: relative; z-index: 300; border-radius: 3px; display: block; margin: auto; padding: 0 1.5em; }  

    .barra-mob a{color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3);}

        .barra-mob a:hover{text-decoration: none;}    
    
#menu-mob-bt{font: 1.5em 'Raleway Regular', Arial; text-align: center; line-height: 3.3em; padding-right: 0; display: block;  }  

.menu-button{float: left; margin-top:0.8rem; }

.menu-button span{  background: #fff none repeat scroll 0 0;
    display: block;
    height: 3px;
    margin: 4px 5px 0 0;
    width: 20px;
    box-shadow: 0 1px 1px rgba(0,0,0,.3);}

    .pushy {
        background: #2E49A2 none repeat scroll 0 0;
        box-shadow: -10px 0 6px -9px rgba(0, 0, 0, 0.2) inset;
        font-size: 0.9em;
        font-weight: bold;
        height: 100%;
        overflow: auto;
        position: fixed;
        top: 0;
        width: 5rem;
        z-index: 99999;
        left: -7rem;
        transform: translate3d(-250px, 0px, 0px);    
        transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99) 0s;        
    }    
    .pushy-open {
        transform: translate3d(7rem, 0, 0);
        width: 95%;
        opacity: .9;
    }    
    
    #menu-mob li{  border-bottom: 1px solid rgba(255,255,255,.3); margin:0 15px;}

    .pushy a {
        color: #fff;
        display: block;
        font: 1.5em 'Raleway Regular', Arial;
        padding: 1em 2em;
        text-decoration: none;
  
    }    

 .overlay-close {width: 30px;	height: 30px;	position: absolute;	right: 20px;	top: 10px;	overflow: hidden;	border: none;	background: url(../img/cross.png) no-repeat center center;	text-indent: 200%;	color: transparent;	outline: none;	z-index: 100;}  


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

.alerta{ color:#F00; text-align:center; margin-bottom:10px; padding:10px; border:1px dotted #f00;}

.aligncenter{text-align: center;}

.bottom10{margin-bottom:10px;}

.bottom20{margin-bottom:20px;}

.bottom40{margin-bottom:40px;}

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

.clear{clear:both;}

.confirmado{color:#fff; background: #65a03c; text-align:center; margin-bottom:10px; padding:10px; border:1px dotted #65a03c;}

.displaynone{display:none;}

.left{float:left;}

.left10{margin-left:10px;}

.right{float:right;}

.right10{margin-right:10px;}

.right20{margin-right:20px;}

.top10{margin-top:10px;}

.top20{margin-top:20px;}

.top40{margin-top:40px;}

hr{border-top: 1px solid #ccc; float: left; width: 100%; margin-top: 40px;}

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

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

fieldset { border: 0; }

input[type=text], input[type=email], select, textarea{padding:12px 20px; width:370px; display:block; background:#fff; margin-bottom:10px; border:0; border-radius:3px; font:1.4em "Raleway Regular", "Trebuchet MS"; box-shadow:0 1px 1px rgba(0,0,0,.2)}

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

select{width:270px; line-height:18px;}

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

label {font:1.4em "Raleway Regular", "Trebuchet MS" display: block; }

textarea { overflow: auto; font:1.4em "Raleway Regular", "Trebuchet MS" color: #333; line-height: 1.6em; }

.enviar { background: #dd3439; display:block; margin:auto; font:1.6em  "Raleway Regular", "Trebuchet MS"; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); padding:15px 30px; border: 0; border-radius: 3px; box-shadow: 0 1px 1px rgba(0,0,0,.3);  background: -webkit-gradient(linear, left top, right top, from(#1a88cc), to(#3c66a5));
background: -webkit-linear-gradient(top, #1a88cc, #3c66a5);
background: -moz-linear-gradient(top, #1a88cc, #3c66a5);
background: -o-linear-gradient(top, #1a88cc, #3c66a5);
background: -ms-linear-gradient(top, #1a88cc, #3c66a5);
background: linear-gradient(top, #1a88cc, #3c66a5);
background-color: #1a88cc;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/* Image replacement */
.ir {background-color: transparent;  border: 0;    overflow: hidden;    /* IE 6/7 fallback */    *text-indent: -9999px;}

.ir:before {content: "";    display: block;    width: 0;    height: 150%;}

/* Hide from both screenreaders and browsers */
.hidden {display: none !important;    visibility: hidden;}

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden {border: 0;    clip: rect(0 0 0 0);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;    position: absolute;    width: 1px;}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;     height: auto;    margin: 0;    overflow: visible;    position: static;    width: auto;}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {    visibility: hidden;}

.clearfix:before,.clearfix:after {    content: " "; /* 1 */    display: table; /* 2 */}

.clearfix:after {    clear: both;}

.clearfix {    *zoom: 1;}


/*------------------------RESPONSIVE DESIGN-----------------------------*/

@media only screen and (max-width: 700px){
    #banner, a.buttons{display:none;}
   
}


@media only screen and (max-width: 480px){

    header{display: none;}
    
    #barra-mobile, #menu-mob li span{display: block; }   
    
    #menu-mob{padding-top: 2rem;} 
    
    
.menu{width:100%; float:left; height:40px; background:#3c66a5; position:relative; z-index:150;}

    .menu li{float:left; position:relative;font:1.5em "Raleway Regular", Arial; text-transform:uppercase; line-height:40px;}

        .menu a{display:block; color:#fff; padding:0 11px; text-decoration:none;}

            .menu a:hover{border-bottom:3px solid #f4d018; margin-top:-3px; color:#f4d018;}

                .menu li ul{background:#3C66A5; width:auto; border-top:1px solid #1D85C9;  position:relative; top:40px; margin-left: 2em;}

                    .menu li ul li{font-size:0.9em; white-space: nowrap; float:none; border-bottom:1px solid #1D85C9; line-height:22px;}

                .menu li:hover ul{display:block;}
    
    .form-busca{margin-left: 15px; width: 95%;}
    
    .termo{width: 85%;}
    
    .contato{padding:40px 0 0 0; background: #E6AA62;}
    
        .dados-contato{padding-left: 20px;}
    
    /*input[type=text], input[type=email], select, textarea{width:100%;}*/
    
    .tratamentos{height: auto; margin-bottom: 0;}
    
    .tratamentos .buttons{margin-top: 0;}
    
    h6{font-size: 3.2em;}
    
    h1{background:none;}
    
    .foto-trat{height: auto; margin-bottom: 15px;}
}


/*----------------------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; }
}