@font-face {
    font-family: 'ralewayextralight';
    src: url('fonts/raleway-extralight-webfont.woff2') format('woff2'),
         url('fonts/raleway-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaymedium';
    src: url('fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('fonts/raleway-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayblack';
    src: url('fonts/raleway-black-webfont.woff2') format('woff2'),
         url('fonts/raleway-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaythin_italic';
    src: url('fonts/raleway-thinitalic-webfont.woff2') format('woff2'),
         url('fonts/raleway-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayextralight_italic';
    src: url('fonts/raleway-extralightitalic-webfont.woff2') format('woff2'),
         url('fonts/raleway-extralightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaylight_italic';
    src: url('fonts/raleway-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/raleway-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaysemibold_italic';
    src: url('fonts/raleway-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/raleway-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayextrabold_italic';
    src: url('fonts/raleway-extrabolditalic-webfont.woff2') format('woff2'),
         url('raleway-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayblack_italic';
    src: url('fonts/raleway-blackitalic-webfont.woff2') format('woff2'),
         url('raleway-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.tituList{color:#666; font:20px 'ralewayblack_italic'; padding:0 40px; margin:0px 0 20px}
#equip{font:50px 'ralewaythin_italic'; text-align:center; text-transform: none}

html, body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: #51a272 url(/images/bg.jpg) left top no-repeat;
     background-position: center bottom;
    background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
	font-family: 'ralewaymedium';
	font-size: 12px;
	color: white;
}

.section{
	
	width: 100%;
	height: 100%;
	
  /* Image is centered vertically and horizontally at all times */
  background-position: center bottom;
  
  /* Image doesn't repeat */
  background-repeat: no-repeat;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  
  /* This is what makes the background image rescale based on its container's size */
  background-size: cover;
  
  
  /* SHORTHAND CSS NOTATION
   * background: url(background-photo.jpg) center center cover no-repeat fixed;
   */
}


#slogan{display:block; font-size:18px; color:#fff; font-family: 'ralewaythin_italic'; margin-top:10px; text-shadow: 1px 1px 1px rgba(255,255,255,0)}

h1 strong{
	text-transform: uppercase;
	font-family: 'ralewayblack';
	font-size: 60px;
	line-height: 60px;
	margin: 0px;
	padding: 0px;
}

h1{
	text-transform: uppercase;
	font-family: 'ralewayextralight';
	font-size: 50px;
	font-weight: normal;
	line-height: 50px;
	margin: 0px;
	padding: 0px;
}

h2{
	text-transform: uppercase;
	font-family: 'ralewayblack';
	font-size: 60px;
	line-height: 50px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#banner{
	width: 80%;
	margin: 20% auto 0;
	max-width: 1024px;
	text-align: left;	
}

.controle{
	width: 100%;
	height: 0px;
	margin: 0px;
	padding: 0px;
	clear: both;
	font-size: 0;
}

.linha{
	border-top: none;
}

.btn{
	padding: 14px 20px 10px; 
	background-color: #ffffff; 
	color: #f59b18; 
	border-radius: 30px;
	font-family: 'ralewayblack';
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none; 
	display: inline-block; 
	border: none; 
	max-width: 200px;
	margin: 20px 0 0 0;
}

.btn:hover{
	background-color: #0d4e1e;
	color: white;
	transition: 200ms ease;
}

#logo{
	float: left;
	margin: 20px 40px 20px 109px;
}

.fb{
	position: fixed;
	right:50px;
    top:75px;
	padding: 15px;
	background: url('/images/fb.png') left top no-repeat;
}

.fb:hover{
	transition: 200ms ease;
	background: url('/images/fb-hover.png') left top no-repeat;
}

nav{
	float: left;
}

ul{
	list-style: none;
}

#menu li{
	float: left;
	margin: 65px 0 0 0;
}

#menu li a{
	display: inline-block;
	font-family: 'ralewaymedium';
	font-size: 16px;
	color: white;
	 text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	text-transform: uppercase;
	text-decoration: none;
	padding: 15px 30px;
	cursor: pointer;
	border-radius: 30px;
}

#menu li a:hover{
	color: #0d4e1e;
	transition: 200ms ease;
}

#cabecalho{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 9999;
    
}

#rodape{
	text-transform: uppercase;
	text-align: right;
	position: fixed;
    border:2px solid rgba(245,155,24,0.5);
    padding:20px 20px 20px 0;
	bottom: 40px;
	width: 220px;
	z-index: 9999;
    font-size:14px;
    line-height:20px;
	color:#fff;
}

#telefone{
	font-family: 'ralewayblack';
	font-size: 20px;
}

#localizacao{
	font-family: 'ralewaymedium';
	font-size: 14px;
}

#asd{
	float: right;
	position: fixed;
	z-index: 8888;
	top: 30%;
	right: 60px;
	width: 1px;
	height: 258px;
	border-left: 1px solid white;
}

.relative{
	position: relative;
}

.bool{
	background-color: white;
	border-radius: 25px;
	display: inline-block;
	width: 7px;
	height: 7px;
	text-align: center;
}
#asd li{
    margin:-16px 0 50px -56px;
}
#asd li .link{
	border-radius: 25px;
	padding: 12px;
	line-height: 0px;
    display: inline-block
}

#asd li .link:hover{
	background-color: #0d4e1e;
	transition: 200ms ease;
}


#asd .active{
    border-radius: 25px;
    margin:-17px 0 50px -57px;
    overflow: hidden;
	border: 1px solid white;
    width:30px;
    padding:0;
    height:30px;
    display: block;
	background-color: rgba(0,0,0,0.4) !important;
}

/* novidadesInt.php */

.wrapTit{
	width: 62%;
	margin: 0 0 0 0;
}

.wrap{
	padding: 212px 0 0 335px;
}

.txt{
	width: 100%;
	display: inline-block;
	text-align: left;
}

.tituloWrap{
	float: left;
	position: fixed;
	top: 50%;
	left: 94px;
    z-index:8888;
	margin: -80px 0 0 0;
	display: inline-block;
	text-align: right;
	line-height: 60px;
}

.wrapNovInt{
	height: 100%;
	width: 62%;
	margin: 0 0 0 0;
	text-align: right;	
}

#facebook{
	display: inline-block;
	margin: 55px 30px 62px 0;
	width: 15px;
	height: 29px;
	background: url('/images/fb2.png') left top no-repeat;
}

#twitter{
	display: inline-block;
	margin: 0 0 62px 0;
	width: 29px;
	height: 25px;
	background: url('/images/twitter.png') left top no-repeat;
}

#facebook:hover{
	background: url('/images/fb2-hover.png') left top no-repeat;
	transition: 200ms ease;
}

#twitter:hover{
	background: url('/images/twitter-hover.png') left top no-repeat;
	transition: 200ms ease;
}

.novInt{
	margin: 160px 80px 0 0; 
}

#subtitulo{
	font-family: 'ralewayextralight_italic';
	display: inline-block;
	margin: 40px 0 0 0;
	font-size: 16px;
}

#imgNovInt{
	
     background-position: right bottom;
  background-repeat: no-repeat;
  background-size: auto 100%;
	width: 38%;
	height: 100%;
	position: fixed;
	z-index: 1111;
	right: 0px;
	top: 0px;
}

#down{
	position: absolute;
	right: 38%;
	margin: 0 80px 0 0;
	bottom: 30px;
	text-align: right;
	width: 41px;
	height: 41px;
	background: url('/images/down.png') left top no-repeat;
}

#down:hover{
	background: url('/images/down-hover.png') left top no-repeat;
	transition: 200ms ease;
}

p{
	margin: 30px 0 0 0;
	max-width: 600px;
	font-size: 16px;
    line-height:28px;
    color:#356545;
}

#wrapTxtNovInt{
	width: 62%;
}

#txtNovInt{
	margin: 0 80px 0 0;
	padding: 0 0 300px 0;
	float: right;
	text-align: left;
}

#tituloWrap{
	float: left;
	position: fixed;
	top: 50%;
	left: 94px;
	margin: -80px 0 0 0;
	display: inline-block;
	text-align: right;
	line-height: 60px;
}

#contato{
	font-family: 'ralewaysemibold_italic';
	font-size: 14px;
	line-height: 18px;
	text-transform: none;
}

#contato2{
	font-family: 'ralewayextralight_italic';
	font-size: 14px;
	line-height: 18px;
	text-transform: none;
}

#nome{
	display: inline-block;
	font-family: 'ralewaymedium';
	font-size: 14px;
	text-transform: uppercase;
}

.input{
	margin: 40px 0 0 0;
	font-family: 'ralewaymedium';
	font-size: 14px;
	display: inline-block;
	width: 80%;
	padding: 12px 20px 12px 0;
	color: #ffffff;
	background-color: rgba(0,0,0,0);
	border-style: none;
	border-bottom: 2px solid #004a1e;
}

#areaMensagem{
	margin: 40px 0 0 0;
	padding: 12px 0;
	font-family: 'ralewaymedium';
	font-size: 14px;
	display: inline-block;
	width: 80%;
	background-color: rgba(0,0,0,0);
	color: #ffffff;
	border-style: none;
	border-bottom: 2px solid #004a1e;
	resize: none;
	height: 120px;
}

#form{
	margin: 30px 0 0 0; 
	display: block;
	text-align: left;
}

#btnEnviar{
	margin: 20px 0 0 0;
	display: block;
	text-align: center;
}

::placeholder{
	color: #ffffff;
}

/* clinica.php */

#tituloCli{
	font-family: 'ralewayblack';
	font-size: 18px;
	line-height: 28px;
	text-transform: none;
}

#imgCli{
	width: 38%;
	height: 100%;
	position: fixed;
	z-index: 1;
	right: 0px;
	top: 0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

#medicos{
	margin: 200px 0 70px 0;
	width: 100%;
    background:#fff;
    text-align: center
}

.imgMedicos{
	position: relative;
	margin: 0 20px;
	width: 100%;
	text-align: left;
}

.spanMedicos{
	display: inline-block;
	margin: 50px 0 0 0;
	font-family: 'ralewaythin_italic';
	font-size: 34px;
    line-height:34px;
	color: #fff;
}

#d1{
	position: absolute;
	left: 0px; 
	top: 0px;
	z-index: 8888;
	width: 100%;
}

#d2{
	position: absolute;
	left: 0px; 
	top: 0px;
	z-index: 8888;
	width: 100%;
}

#d3{
	position: absolute;
	left: 0px; 
	top: 0px;
	z-index: 8888;
	width: 100%;
}

#d1hover{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 5555;
	width: 100%;
}

#d2hover{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 5555;
	width: 100%;
}

#d3hover{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 5555;
	width: 100%;
}


/* novidades.php */

.novLeft{
	background-color: #ffffff;	
	width: 513px;
	height: 317px;
	float: left;
	margin-top: 37px;
}

.novRight{
	background-color: #ffffff;	
	width: 513px;
	height: 317px;
	float: right;
	margin-top: 37px;
}

.cafeLeft{
	float: left;
	width: 197px;
}

.cafeRight{
	float: right;
	width: 197px;
}

.txtLeft{
	float: left;
	width: 316px;
	height: 241px;
}

.txtRight{
	float: right;
	width: 316px;
	height: 241px;
}

.dataLeft{
	float: left;
	width: 194px;
	height: 76px;
	text-align: center;
	border-top: 1px solid #f59b18;
	border-right: 1px solid #f59b18;
}

.dataRight{
	float: right;
	width: 194px;
	height: 76px;
	text-align: center;
	border-top: 1px solid #f59b18;
	border-left: 1px solid #f59b18;
}

.btnLerLeft{
	font-family: 'ralewayblack_italic';
	font-size: 13px;
	background-color: #f7ac3f;
	color: #ffffff;
	float: left;
	width: 61px;
	padding: 25px 30px;
	margin: 0px;
	display: inline-block;
	text-align: left;
	line-height: 13px;
	text-decoration: none;
	text-transform: uppercase;
}

.btnLerRight{
	font-family: 'ralewayblack_italic';
	font-size: 13px;
	background-color: #f7ac3f;
	color: #ffffff;
	float: right;
	width: 61px;
	padding: 25px 30px;
	margin: 0px;
	display: inline-block;
	text-align: left;
	line-height: 13px;
	text-decoration: none;
	text-transform: uppercase;
}

.btnLerLeft:hover{
	transition: 200ms ease;
	background-color: #0d4e1e;
}

.btnLerRight:hover{
	transition: 200ms ease;
	background-color: #0d4e1e;
}

.wrapNov{
	margin: 200px auto 0;
	max-width: 1024px;
	width: 100%;
}

.titTxt{
	width: 197px;
	margin: 40px auto;
	font-family: 'ralewayblack_italic';
	font-size: 17px;
	color: #f59b18;
	text-transform: none;
	line-height: 17px;
	font-weight: normal;
	padding: 0px;
}

.texto{
	width: 197px;
	margin: 50px auto;
	font-family: 'ralewaymedium';
	font-size: 12px;
	color: #000000;
}

.dia{
	font-family: 'ralewayblack';
	font-size: 20px;
	color: #f59b18;
	display: inline-block;
	margin: 20px auto;
	text-align: center;
}

.mes{
	font-family: 'ralewaythin_italic';
	font-size: 20px;
	color: #f59b18;
	display: inline-block;
	margin: 20px auto;
	text-align: center;
}

/* tratamentos.php */

#fundoTrat{
	width: 62%;
	height: 100%;
	float: left;
	
}

.wrapTrat{
	width: 40%;
	float: right;
	margin: 250px 480px 0 0;
	text-align: right;
    padding-bottom:50px
}
.wrapTrat p{text-align:right}

.wrapTrat h2{font:70px/70px 'ralewayextralight_italic'; text-transform: none; max-width:600px; margin:50px 0 70px; text-shadow: 3px 3px 5px rgba(0,0,0,0.3)}
.wrapTrat h2 strong{font:70px/70px 'ralewayblack';  margin:0; text-transform: uppercase}

#wrapLista{
	width: 37%;
	position:fixed;
    bottom:30px;
    right:50px;
    z-index:8889;
	display: inline-block;
	text-align: left;
	border-left: 2px solid #f59b18;
    padding:30px 0 0;
    box-shadow:30px 30px 50px rgba(0,0,0,0.2)
}

#listaTrat{
	padding: 0px;
   
}

#listaTrat li{
	font-family: 'ralewayextralight';
	font-size: 15px;
	line-height: 15px;
    border-bottom:1px solid #eee
}

#listaTrat li a{
	text-decoration: none;
	padding: 11px 35px;
	display: block;
	color: #0d4e1e;
}

.selectList{
	text-decoration: none;
	padding: 15px 35px;
	display: block;
	background: #0d4e1e !important;
    color:#fff !important;
}



#listaTrat li a:hover{
	background-color: #f4f4f4;
	color: #51a272;
	transition: 200ms ease;
}

#wrapTrat p{
	font-family: 'ralewaylight_italic';
	font-size: 15px;
	color: white;
	margin: 30px 0 0 0px;
}

#wrapTrat h2{
	font-family: 'ralewayblack_italic';
	font-size: 47px;
	color: white;
	line-height: 47px;
}