/* geral */

	html 			{
					 font:400 10px/10px 'Jura', sans-serif;
					}

	body 			{
					 background:#fff;
					 color:#7e7e7e;
					 font:400 10px/10px 'Jura', sans-serif;
					 min-width:1180px;
					 overflow:hidden;
					}

	h1,h2,h3,h4,h5,h6,p
					{
					 color:#7e7e7e;
			 		 font-family:'Jura', sans-serif;
			 		 line-height:1em;
			 		 font-weight:400;
					}

	.center 		{
					 margin:0 auto;
					 overflow:hidden;	
					}

	.hidden
					{
					display:none;
					}

	.no-link 		{
					 cursor:default;
					}

	.width-1180 	{
					 width:1180px;
					 /* para mostrar as setas do banner */
					 overflow:inherit;
					}

	.width-800 		{
					 width:800px;
					}

	.full			{
					 width:100%;
					 position:relative;
					 float:left;
					 min-width:960px;
					}

	.half 			{
					 width:50%;
					 float:left;
					 position:relative;
					 height:350px;
					}

	.container 		{
					 width:960px;
					 margin:0 auto;
					 overflow:hidden;		
					}

	.border-radius {
					-webkit-border-radius:100%;
					-moz-border-radius:100%;
					border-radius:100%;
					}	

	.all-transitions,
	a
					{
					 -webkit-transition:all 0.5s ease-out 0s;
					 -moz-transition:all 0.5s ease-out 0s;
					 -ms-transition:all 0.5s ease-out 0s;
					 -o-transition:all 0.5s ease-out 0s;
					 transition:all 0.5s ease-out 0s;	
					 text-decoration:none;
					 outline:none;							
					}	
	a:hover,
	a:focus,
	a:visited 		{color:#19afea;}

	p 				{
					 color:#7e7e7e;
					 font-size:1.6em;
					 line-height:1.2em;
					}					

	.box-shadow 	{
					 -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.12);
					 -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.12);
					 box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.12);	
					}

/* header */

	#header 		{
					 background:#fff;
					 background:rgba(255,255,255,0.78);
					 position:absolute;
					 z-index:10;
					 min-width:1180px;
					}

	#header .width-1180
					{
					 position:relative;
					}

/* navegacao */

	#nav 			{
					 position:relative;
					 z-index:10;
					}

	#nav,
	#nav ul			{
					 width:93%;
					 float:left;
					 margin:0;
					}

	#nav li 		{
					 float:left;
					 margin:0 22px 0 0;
					}

	#nav li#nav-met {
					 margin-left:515px;
					}

	#nav li a 		{
					 color:#7e7e7e;
					 display:block;
					 font-size:1.2em;
					 padding:15px 0;
					 font-weight:600;
					 letter-spacing:1px;
					}

	#nav li a:hover {
					 color:#3c76a7;
					}

/* logo */

	#container-logo {
					 background:url("../imgs/bg-logo.png") no-repeat 0px 0px;
					 width:746px;
					 height:118px;
					 position:absolute;
					 top:0;
					 z-index:0;
					 left:50%;
					 margin-left:-400px;
					}

	#logo 			{
					 width:360px;
					 height:100%;
					 margin:0 auto;
					}

	#logo h1 		{
					 display:block;
					 width:100%;
					 height:100%;
					 margin:0;
					}

	#logo a 		{
					 background:url("../imgs/logo.png") no-repeat 50% 25%;
					 display:block;
					 width:100%;
					 height:100%;
					 text-indent:-9999px;
					}

/* redes sociais */
	
	#redes-sociais
					{
					 position:absolute;
					 right:0;
					 top:6px;
					 width:80px;
					}

	#redes-sociais li 
					{
					 width:35px;
					 height:35px;
					 float:left;
					 margin-left:5px;
					 overflow:hidden;
					}

	#redes-sociais li a
					{
					 background:#c8c9cb url("../imgs/redes-sociais.png") no-repeat 0px 0px;
					 display:block;
					 width:100%;
					 height:100%;
					 text-indent:-9999px;
					}

	#redes-sociais li:first-child a
					{
					 background-position:4px 6px;
					}

	#redes-sociais li:last-child a
					{
					 background-position:-36px 5px;
					}		

	#redes-sociais li:hover a
					{
					 background-color:#3c76a7;
					}			

/* banner */

	#banner 		{
					 position:relative;
					 width:100%;
					 height:435px;
					 top:0;
					 left:0;
					 margin:0 0 40px;
					 z-index:0;
					}

	.slides-pagination
					{
					 background:url("../imgs/nav-bg-banner.png") no-repeat center top;
					 width:100%;
					 height:22px;
					}

/* procedimentos */

	#procedimentos  {
					 margin:0 0 90px;
					}

	#procedimento ul li,
	#Procedimento ol li
					{font-size:1.6em;}

	.lista-imgs li
					{
					 position:relative;
					}

	.lista-imgs li .figure
					{
					 width:280px;
					 height:280px;
					 overflow:hidden;
					}

	.lista-imgs li .figure img
					{max-width:100%}


	.lista-imgs .figcaption
					{
					 position:relative;
					 width:100%;
					 margin:15px 0 0;
					}

	.lista-imgs .titulo
					{
					 text-align:center;
					 overflow:hidden;
					}

	.lista-imgs .titulo h2
					{
					 text-transform:uppercase;
					 color:#7e7e7e;
					 font-size:2.5em;
					 line-height:1em;
					 margin:0;
					}

	.lista-imgs .titulo h3
					{
					 text-transform:uppercase;
					 color:#7e7e7e;
					 font-size:2em;
					 line-height:1em;
					 margin:0;
					}

	.lista-imgs .txt
					{
					 overflow:hidden;
					 width:100%;
					 height:50px;
					 text-align:center;
					 margin:10px 0 0;
					}

	.lista-imgs .txt p
					{
					 font-size:1.7em;
					 line-height:1em;
					}

	.mais 			{
					 border:1px solid #3c76a7;
					 color:#3c76a7;
					 display:block;
					 font-size:1.6em;
					 line-height:50px;
					 text-align:center;
					 width:55px;
					 height:55px;
					 margin:20px auto 0;
					 font-weight:400;
					}

	.mais:hover 	{
					 background:#3c76a7;
					 color:#fff;
					}		

/* profissionais */

	#header-full 	{
					 border-bottom:10px solid #3c76a7;
					 position:relative;
					 overflow:hidden;
					 height:40px;
					 margin-bottom:1px;
					}

	#header-interna	{
					 background:#3c76a7;
					 position:absolute;
					 left:0;
					 width:40%;
					 height:50px;
					 text-align:right;

					 overflow:hidden;
					 -webkit-border-top-right-radius: 40px;
					 -webkit-border-bottom-right-radius: 40px;
					 -moz-border-radius-topright: 40px;
					 -moz-border-radius-bottomright: 40px;
					 border-top-right-radius: 40px;
					 border-bottom-right-radius: 40px;					 
					}

	.header-interna * 
					{
					 display:inline-block;
					 text-transform:uppercase;
					 font-size:2.8em;
					 font-weight:300;
					 line-height:1em;
					 color:#fff;
					 padding:10px 5px;
					 overflow:hidden;
					}

	.header-interna a
					{color:#074579;}

	.header-interna a:hover
					{color:#fff;}

	.header-interna a.ativo
					{color:#fff;}

	.header-interna span 
					{
					 padding:10px 0;
					}	

	#header-conteudo{
					 position:relative;
					 z-index:90;
					}

	.conteudo 		{
					 height:300px;
					 overflow:hidden;
					}

	.conteudo .header
					{
					 border-bottom:1px solid #fff;
					 padding:0px 0;
					 margin:20px 0;
					}

	.conteudo .header h2
					{
					 text-transform:uppercase;
					 font-size:3.2em;
					 line-height:1em;
					 color:#fff;
					}

	.conteudo p 	{
					 color:#fff;
					 font-size:1.8em;
					 font-weight:300;
					 line-height:1.2em;
					}

	.mascara 		{
					 background:rgba(0,0,0,0.5);
					 width:100%;
					 height:100%;
					}

	#profissionais .conteudo
					{
					 background:url("../imgs/bg-profissionais.jpg") no-repeat center center;
					 overflow:inherit; /* para nao esconder a imagem */
					}	

	#profissionais .conteudo .width-1180
					{
					 position:relative;
					 height:100%;
					}

	#profissionais .conteudo .width-800
					{
					 float:left;
					}

	#profissionais .conteudo .width-300
					{
					 margin:0;
					 position:absolute;
					 right:0;
					 bottom:-2px;
					}
					
	/* slider conteudo */

		#a-dermatologista
					{
    				 top:-300px;
					}

		#a-dermatologista .width-800
					{
					 margin-left:-50px;
					 opacity:0;
					}

		#profissionais #a-dermatologista .width-300
					{
					 right:20px;
					 opacity:0;
					}
	
/* a clinica */

	#a-clinica 		{
					 height:360px;
					}

	#a-clinica .conteudo
					{
					 background:url("../imgs/bg-clinica.jpg") no-repeat center center;
					 margin:2px 0 0;
					 overflow:visible;
					}

	#a-clinica .width-1180
					{
					 position:relative;	
					}

	#a-clinica .width-800
					{
					 float:right;
					 text-align:right;	
					}

	#overflow-galeria
					{
					 width:325px;
					 height:325px;
					 overflow:hidden;
					 position:absolute;
					 z-index:999;
					 margin:10px 0;
					}

	#a-clinica #thumbs
					{
					 position:absolute;
					 right:0;
					 top:240px;
					 padding:0 30px;
					}

	#thumbs #bx-pager a
					{
					 background:#fff;
					 border:3px solid #fff;
					 display:inline-block;
					 overflow:hidden;
					 margin:0 30px 0 0;
					 width:85px;
					 height:85px;
					 position:relative;
					 z-index:90;
					}

	#thumbs #bx-pager a img
					{
					 position:relative;
					 z-index:0;
					 width:91px;
					 height:91px;
					}

	#thumbs #bx-pager a.active img 
					{
					 opacity:0.7;
					}

	#thumbs #bx-pager a:last-child
					{
					 margin:0;
					}

	#slider-next,
	#slider-prev 	{
					 position:absolute;
					 top:40%;
					 margin-top:-5px;
					}

	#slider-next a,
	#slider-prev a	{
					 width:15px;
					 height:22px;
					 display:block;
					 text-indent:-9999px;
					}

	#slider-next 	{
					 background:url("../imgs/slider-next.png") no-repeat 0 0;
					 right:0;
					}
	
	#slider-prev 	{
					 background:url("../imgs/slider-prev.png") no-repeat 0 0;
					 left:0;
					}

/* contato */

	/* mapa */

		#mapa			{
						 width:100%;
						 height:100%;
						}

		.gm-style .gm-style-iw
						{
						 font:600 13px/12px 'Jura', sans-serif;
						 line-height:1.2em;
						 overflow:hidden;
						}	

		p.maps 			{
						 font-size:13px;
						 line-height:1em;
						 font-weight:600;
						}

		p.maps strong 	{
						 text-transform:uppercase;
						}				

		#form-localizacao
						{
						 position:absolute;
						 bottom:15px;
						 left:0px;
						 z-index:999;
						 margin:0;
						 width:100%;
						 overflow:hidden;
						}

		#form-localizacao fieldset
						{
						 width:100%;
						 margin:0;
						}

		#form-localizacao fieldset label,
		#form-localizacao fieldset #btnEnviar
						{
						 float:left;
						}

		#form-localizacao fieldset label
						{
						 width:70%;
						}

		#form-localizacao fieldset label input 
						{
						 background:#fff;
						 width:95%;
						 padding:2.5%;
						 border:0 none;
						 margin:0;
						 font:400 16px/12px 'Jura', sans-serif;
						 text-transform:uppercase;
						}

		#form-localizacao fieldset #btnEnviar
						{
						 cursor:pointer;
						 width:30%;
						 height:41px;
						 background:#3c76a7;
						 border:0 none;
						 color:#fff;
						 font:300 16px/12px 'Jura', sans-serif;
						 text-transform:uppercase;
						}

		#form-localizacao fieldset #btnEnviar:hover,
		#form-localizacao fieldset #btnEnviar:focus
						{
						 background:#074579;
						}

	/* formulario contato */

		.form 			{
						 background:#e8e8e8;
						}

		#container-formulario
						{
						 margin:0 0 0 30px;
						 width:560px;
						 padding:0;
						}

		#container-formulario h2 
						{
						 margin:20px 0 13px;
						 text-transform:uppercase;
						 font-size:3.2em;
						 line-height:1em;
						}

		#container-formulario form
						{
						 overflow:hidden;
						 width:100%;
						}

		#container-formulario form fieldset
						{
						 width:100%;
						 overflow:hidden;
						 margin:0;
						}

		#container-formulario fieldset label
						{
						 width:100%;
						 position:relative;
						}

		#container-formulario fieldset label span
						{
						 position:absolute;
						 top:11px;
						 left:8px;
						 font-weight:600;
						}

		#container-formulario fieldset label.width-50-form
						{
						 width:50%;
						 float:left;
						}

		#container-formulario fieldset label.right 
						{
						 float:right;
						 text-align:right;
						}

		#container-formulario fieldset label .input
						{
						 width:485px;
						 padding:10px 10px 10px 65px;
						 border:0 none;
						 color:#7e7e7e;
						 font-family:'Jura', sans-serif;
						 font-size:13px;
						 font-weight:500;
						 line-height:1em;
						 margin:0 0 5px;
						}

		#container-formulario fieldset label.width-50-form .input
						{
						 width:195px;
						 padding:10px 10px 10px 70px;
						}

		#container-formulario fieldset label.right .input
						{
						 width:205px;
						}

		#container-formulario textarea 
						{
						 border:0 none;
						 width:540px;
						 min-width:540px;
						 max-width:540px;
						 height:50px;
						 min-height:50px;
						 max-height:50px;
						 padding:30px 10px;
						 /* font textarea */
						 font-family:'Jura', sans-serif;
						 font-size:13px;
						 font-weight:400;
						 line-height:1em;	
						 margin:0 0 5px;					 
						}

		#container-formulario #enviar 
						{
						 cursor:pointer;
						 width:30%;
						 height:41px;
						 background:#3c76a7;
						 border:0 none;
						 color:#fff;
						 font:300 16px/12px 'Jura', sans-serif;
						 text-transform:uppercase;
						}

		#container-formulario #enviar:hover,
		#container-formulario #enviar:focus
						{
						 background:#074579;
						}

		#contato select
						{
						 -moz-appearance:none;
						 -webkit-appearance:none;
						 background:#fff url("../imgs/select.png") no-repeat 98% 50%;
						 width:100%;
						 border:0 none;
						 outline:none;
						 padding:9px;
						 font-size:13px;
						 line-height:1em;
						 font-family:'Jura', sans-serif;
						 font-weight:500;
						 margin:0;
						 color:#444;
						}

/* portfolio interna */

	#thumbnail 		{
					 overflow:hidden;
					 height:100%;
					}

	#overflow
					{
					 width:460px;
					 height:460px;
					 overflow:hidden;
					 position:relative;
					 z-index:99;					 
					}

	#thumbnails .border-radius a
					{
					 display:block;
					 width:100%;
					 height:100%;
					}

	#thumbnails .border-radius
					{
					 background:#fff;
					}

	#thumbnails .border-radius a:before
					{
					 background:transparent url("../imgs/lupa.png") no-repeat center center;
					 background:rgba(255,255,255,0.35) url("../imgs/lupa.png") no-repeat center center;
					 content: "";
					 display: block;
					 width: 100%;
					 height: 100%;
					 opacity: 0;
					 position: absolute;
					 z-index: 9;

					 -webkit-transition:all 0.5s ease-out 0s;
					 -moz-transition:all 0.5s ease-out 0s;
					 -ms-transition:all 0.5s ease-out 0s;
					 -o-transition:all 0.5s ease-out 0s;
					 transition:all 0.5s ease-out 0s;						 
					}

	#thumbnails .border-radius:hover a:before
					{
					 opacity:1;
					}

	.thumb-box 		{
					 padding:0;
					}

	.thumbs 		{
					 width:109%;
					 float:left;
					}

	.thumbs li 		{
					 width:140px;
					 height:140px;
					 overflow:hidden;
					 float:left;
					 margin:20px 20px 0 0;
					}

	.thumbs li img 	{
					 width:100%;
					}

/* internas */

	#col-esq 		{
					 width:460px;
					 float:left;
					}

	#col-dir 		{
					 width:670px;
					 float:right;
					}	

	#col-dir .header
					{
					 overflow:hidden;
					 widows:100%;
					 margin:0 0 20px 0;
					}

	#col-dir .header hgroup
					{
					 float:left;
					 width:82%;
					}

	#col-dir .header .icon-header
					{
					 float:right;
					 width:16%;
					 background:url("../imgs/icon-video.jpg") no-repeat right center;
					 padding:5px 0;
					}

	#col-dir .header .icon-header h4 
					{
					 font-size:1.6em;
					 line-height:1.4em;
					 text-transform:uppercase;
					 font-weight:400;
					 margin:0;
					}

	#col-dir .header .icon-header h4 a
					{
					 color:#7a7a7a;
					 font-weight:600;
					}

	#col-dir .header .icon-header h4 a:hover
					{color:#3c76a7;}

	#col-dir .header h2 
					{
					 color:#3c76a7;
					 font-size:3.2em;
					 line-height:1em;
					 text-transform:uppercase;
					 margin:0 0 5px 0;
					}	

	#col-dir .header h3 
					{
					 font-size:2em;
					 font-weight:600;
					 line-height:1em;
					 color:#7e7e7e;
					 text-transform:uppercase;
					 margin:0;
					}			

/* footer */

	#footer 		{
					 text-align:center;
					 padding:20px 0;
					}

	#footer p 		{
					 color:#666;
					 font-size:1.4em;
					 line-height:1.2em;
					 font-weight:600;
					 margin:0;
					}