.fade { opacity:0 }
section.on .fade, footer.footer.on .fade { opacity:1 }
.system, #logo-smaller { display: none!important; } 
body div.helper.top { height: 0; }
body header.header .social { margin-right:0; display:none }

#base .slider-holder {
	top:0; left: 0; width:100%;
	background-color:rgb(235, 235, 220);   
	background-color:white;   
	background-image: url(/_assets/img/BANNER-FUNDO.jpg); 
  background-size: cover;	
	background-position:center top;
	background-repeat:no-repeat;
	overflow: hidden;
	border-bottom:none;
	z-index:0;
	display: block;
	margin: 0;
  min-height: auto;  
  padding: 0px;
  height: 400px; 
  overflow: hidden;
  position: relative;	
}
#base .slider-holder .slider {
  position: relative;
  height: 100%;
  display: block;
  width: 1366px;
  margin: 0 auto;
}
#base .slider-holder .slider div.texto {
  position: absolute;
  height: 128px;
  display: block;
  width: 570px;
  margin: 0 auto;
  background-image: url(/_assets/img/BANNER-SAUDE-TEXTO.png); 
	background-repeat: no-repeat;
  left:125px;
  top:130px;
  background-size: 100%; opacity: 0
}
#base .slider-holder .slider div.img {
  position: absolute;
  height: 500px;
  display: block;
  width: 391px;
  margin: 0 auto;
  top:0px;
  left: auto;
  right: -750px;
  background-image: url(/_assets/img/BANNER-TOXINA-MULHER.png); 
  background-size: 100%;
  background-position: 0 -100px
}
#base .slider-holder .slider.on div.texto { opacity: 1 }
#base .slider-holder .slider.on div.img { right: 75px; }

.slider-holder div.slider { display: block; xopacity: .7; }
div#slider { margin:0!important; position: relative; }
.slider-holder div.nivo-controlNav, section#busca fieldset ul.buttons, section#contato { display:none }

#base section div.in { max-width: 1230px!important; }
  #base section.intro{ 
			padding:40px 0; min-height: 375px;
		}
		#base section.intro h1{ color: #999; padding-top: 15px; line-height:35px; text-align: center; text-transform: none }  
    #base section.intro header{ text-align: center }  
		#base section.intro div.col { 
			width: 30%;
			height: 504px;
			float: left;
			margin: 50px 1.6%;
			position:relative;
		}
				#base section.intro div.col a{ 
			position:relative;
			width:100%;
			height:100%;
				display: block;
		}
    #base section.intro div.col#col1 { 
			background-image: url('/_assets/img/DERMATOLOGIA-CLINICA-HOVER-HOME.jpg');
	}
    #base section.intro.on div.col#col1 { 
			background-image: url('/_assets/img/DERMATOLOGIA-CLINICA-HOME.jpg');
		}
    #base section.intro div.col#col1:hover { 
			background-image: url('/_assets/img/DERMATOLOGIA-CLINICA-HOVER-HOME.jpg');
		}
	#base section.intro div.col#col2 { 
			background-image: url('/_assets/img/TRICOLOGIA-HOVER-HOME.jpg');
		}
    #base section.intro.on div.col#col2 { 
			background-image: url('/_assets/img/TRICOLOGIA-HOME.jpg');
		}
    #base section.intro div.col#col2:hover { 
			background-image: url('/_assets/img/TRICOLOGIA-HOVER-HOME.jpg');
		}
    #base section.intro div.col#col3 { 
			background-image: url('/_assets/img/DERMATOLOGIA-ESTETICA-HOVER-HOME.jpg');
		}
    #base section.intro.on div.col#col3 { 
			background-image: url('/_assets/img/DERMATOLOGIA-ESTETICA-HOME.jpg');
		}
    #base section.intro div.col#col3:hover { 
			background-image: url('/_assets/img/DERMATOLOGIA-ESTETICA-HOVER-HOME.jpg');
		}
div.entry-content #about { display: none }
section.info div.in { padding: 25px }
section.info div.in div.left { float:left; width: 55% }
section.info div.in div.left img { float:left; }
section.info div.in div.left div.text  { padding: 0 35px; float: left; width: 370px; padding-right: 50px;  }
section.info div.in div.left div.text p { margin-bottom:15px; color:#999; }
section.info div.in div.left div.text button{ float:right; padding:12px 25px; border-radius:5px; background-color: rgba(195,155,110,1); }
section.info div.in div.right { float:left; width: 45%; padding-left: 25px }
section.info div.right { }
section.info div.right div.post {
  overflow: hidden; padding-bottom: 20px
}
section.info div.right div.post img {
   float:left; border-right: 3px solid rgba(195,155,110,1); 
}
section.info div.right div.post h5 {
  float:left; width: 300px; margin-left: 20px;
  padding: 10px 5px; border-bottom: 1px solid #eee; color: #aaa; font-size: 16px; margin-top: 0
}


		#base section.intro { height: 350px }
		#base section.intro button {
			background-color: transparent;
			border:1px solid white;
			margin: 0;
			margin-top: 20px;
			border-radius: 25px;
			padding: 10px 45px;
			float: none;
			box-shadow: 0 5px 10px rgba(0,0,0,.2);
		}
		#base section.intro button:hover { background-color:rgb(235, 235, 220); color: rgba(195,155,110,1); }
	#base section { clear:both }
#base section:after { content:''; display:block; clear:both }
#tratamentos { background-color:rgb(235, 235, 220); top:-125px; }
#tratamentos .col { 
	  display: block; background-color:red; 
	height: 275px; overflow: hidden; float: left; width: 25%; position:relative;
}
#tratamentos .col a { 
	outline: 1px soiid red; display: block; background-color:red; width:100%; height:100%;
	overflow: hidden; float: left;
	background-image: url(/_assets/img/03.jpg);
	background-size:150%;
	filter: grayscale(75%);
	position:relative;
	background-position:center;
}
#tratamentos.on .col { opacity:.7 }
#tratamentos .col:hover a { filter: grayscale(0); opacity:1; background-size:175%; }
#tratamentos .col:nth-child(2) a { background-image: url(/_assets/img/01.jpg?); }
#tratamentos .col:nth-child(3) a { background-image: url(/_assets/img/02.jpg); }
#tratamentos .col:nth-child(4) a { background-image: url(/_assets/img/04.jpg); }
#base #tratamentos h3 { 
	background-color:rgba(235,235,220,.9);
	width:100%;
	text-align:center; padding:5px;
	position:absolute;
	top:210px; color:black; color:rgba(195,155,110,1);
}
#blog { background-color:rgb(240, 235, 220);
	background-color:white;
	top:-125px; padding-bottom:60px  }
#blog header{ padding:15px; padding-top:45px }
#blog header h3{ text-align: center; color:rgba(195,155,110,1); font-size:28px }
#blog .post { float:left; width: 33.33% }
#blog .post p, #blog .post h4, #blog .post button, #blog .post span{ display: none }
#blog .post div.img { height:400px; width:340px; margin:0 auto; box-shadow: 0 3px 25px rgba(0,0,0,.2); filter: grayscale(50%); }
#blog .post:hover div.img { filter: grayscale(0%); }

.forcefullwidth_wrapper_tp_banner { 
  background-size: cover!important; 
background-image: url(https://web.archive.org/web/20170125213017im_/http://dradeiseiamada.com.br/wp-content/uploads/2015/11/BANNER-FUNDO.jpg);   
}
#rev_slider_1_2 { margin: 0 auto!important; left: 50%!important; }
@media screen and (max-width: 2100px) {
	#rev_slider_1_2 { margin-left: -25%!important; }
}
@media screen and (max-width: 2000px) {
	#rev_slider_1_2 { margin-left: -37%!important; }
}
@media screen and (max-width: 1900px) {
	#rev_slider_1_2 { left: 0%!important; margin-left: 150px!important; }
}
@media screen and (max-width: 1600px) {
	#rev_slider_1_2 { margin-left: 100px!important; }
}
@media screen and (max-width: 512px) {
#base .slider-holder { height:560px }
#base .slider-holder .slider {
  width: 100%;
}
#base .slider-holder .slider div.texto {
	width: 98%;
  left:5px;
  top:10px;
}
#base .slider-holder .slider div.img {
  top:60px;
  background-position: 0 0
}
#base .slider-holder .slider.on div.img { right: 0; }

	#base div.in  { padding:0 }
	#base section.intro { overflow:hidden; height: auto;  }
	#base section.intro h1{ padding:0 25px }  
	#base section.intro div.col { 
		width: 94%;
		height: 475px;
		margin: 10px 3%;
		position:relative;		  
	}
	#base section.info {  display:block; }
	#base section.info div.left {
	  float: none;
	  width: 100%;
	  overflow: hidden;
	  margin-bottom: 50px;    
	  background-color: #eee;
	  padding: 50px 0;
	}
	#base section.info div.left img {
	  margin: 0 10%;
	  margin-bottom: 25px;    
	}
	#base section.info div.left button {
	  margin: 0 auto;
	  float: none;
	}
	#base section.info div.right {
	  float: none;
	  width: 100%;
	  overflow: hidden;  
	}
	#base section.info div.right img { 
	  margin: 0 auto;
	  float: none;
	  display:block;
	}
	#base section.info div.right h5 { 
	  margin: 0 auto;
	  margin-bottom: 15px;
	  float: none;
	  text-align: center;
	}
}