#base a, #base p, #base li, #base span  { font-family: Thasadith }		
#base h3.intro { 
  position: absolute; left:50%; font-family: 'Varela Round', sans-serif; font-size:30px; text-align:right; color:black; width:325px; z-index:1;
  background-color:white; padding:30px; border:5px solid var(--main); margin-left:225px;
  top:-1000px; box-shadow: -10px 10px 0 rgba(0,0,0,.05);
}
#base.on h3.intro { top:125px; }
#base section { clear:both; overflow:hidden; }
#base section header span { font-size: 16px }
#base section h2 { text-align:center }
.more {
  font-size: 16px;
  border-top:1px solid var(--main);
  margin:0 auto!important; 
  display: table;
  text-align: center;
  margin-top:15px!important;
}
.more i{
  color:var(--altr); padding:4px;
  padding-bottom: 5px;
  float: right; font-size: 12px;
  background-color: var(--altr);
  color:white; display: none;
}
.more span{
  margin:3px 10px;
  display:block;
  width:65px
}
.more:hover i {
  background-color: var(--main);
    color:white
}
#base div.slider-holder {
    top:60px; left: 0; width:100%;
    background-color: var(--main-light);   
	background-image:url( /_svg/_loader.svg );
	background-size: 100%;
	background-position:center;
	background-repeat:no-repeat;
    overflow: hidden;
    margin-top:0;
    border-bottom:none;
    height:auto!important;
	z-index:0;
    min-height: 550px;
  max-height:550px;
	xfilter: grayscale(75%);
  display: block;
}
div.slider-holder div.slider { 
	display: block;
	xopacity: .7;
}
div#slider { margin:0!important; position: relative; }
#logomarca { position: absolute; z-index: 1; top:10px; height:685px; left:50%; opacity:0; margin-left:-600px }
#logomarca.on { opacity:1; }
div.slider-holder div.nivo-controlNav, section#busca fieldset ul.buttons, section#contato div.content { display:none }
/* ********************************************************************************************************************************** */
#base section#about { 
    overflow: hidden; margin-top:60px; padding-bottom:50px!important; 
  background-color: #ffffff;
  _background-image: url(/_img/bck.jpg);
  padding: 0;
  margin-bottom:75px;
    background-color: rgb(252,250,250);
  min-height: 450px
}
#base section#about:after { 
    content:'';
    position: absolute;
    background-color: var(--main);
    background-color: #C3A5A5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg %3E%3Ccircle fill='%23C3A5A5' cx='50' cy='0' r='50'/%3E%3Cg fill='%23c6a9a9' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%23c9adad' cx='50' cy='100' r='50'/%3E%3Cg fill='%23ccb1b1' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ceb6b6' cx='50' cy='200' r='50'/%3E%3Cg fill='%23d1baba' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%23d4bebe' cx='50' cy='300' r='50'/%3E%3Cg fill='%23d7c2c2' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%23dac6c6' cx='50' cy='400' r='50'/%3E%3Cg fill='%23ddcbcb' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%23e0cfcf' cx='50' cy='500' r='50'/%3E%3Cg fill='%23e2d3d3' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%23e5d7d7' cx='50' cy='600' r='50'/%3E%3Cg fill='%23e8dcdc' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ebe0e0' cx='50' cy='700' r='50'/%3E%3Cg fill='%23eee4e4' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%23f1e9e9' cx='50' cy='800' r='50'/%3E%3Cg fill='%23f3eded' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%23f6f1f1' cx='50' cy='900' r='50'/%3E%3Cg fill='%23f9f6f6' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%23FCFAFA' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    width: 50%;
    height: 100%;
    top:0;
    left:0
}
section#about header {
  background-color: #ffffff;
  background-image: url(/_img/bck.jpg);
  padding: 0;
  width:300px;
  float:left;
    margin-left:30px;
    overflow: hidden; position: relative; z-index: 1
}
section#about div.img{
  width: 50%;
  height: 100%;
  background-image: url(/_img/dra.jpg);
  background-size: 100%;
  background-position:center -50px;
  position: absolute;
    z-index: 1;
  left:-1000px;
}
section#about.on div.img{ left:0; }
section#about img{
  width:200px;
  border-radius: 100%;
  border:15px solid var(--altr);
  float:left
}
section#about div.info{ width: 100%; float:left; }
section#about h3 { 
  margin: 5px 0;
  margin-bottom:20px;
  color: var(--main);
} 
section#about div.intro strong{ text-align: center;text-transform: uppercase; margin-bottom:15px!important; }
section#about header p{
  margin:3px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 175%
}
#about a.more {
  font-size: 14px;
  border:1px solid var(--altr);
  margin:0 auto!important; 
  float: right; display: table;
  width: 100px;
}
#about a.more i{
  color:var(--altr); padding:4px;
  padding-bottom: 5px;
  float: right; font-size: inherit;
  background-color: var(--altr);
  color:white;
}
#about a.more span{
  margin:3px 10px;
  display:block;
  width:65px;
  font-size: inherit;
}
#about a.more:hover i { background-color: var(--main); color:white; }
#about div.half div.in { padding-right:100px; padding-left:50px }
#about div.half button { background-color: transparent; color:var(--main); border-top:1px solid var(--main); margin:0; margin-top:25px }
#about div.right { padding-left: 75px }
#about div.half p { font-size:14px; line-height: 200%; text-align:left }
#about div.half div.imgs { box-shadow: 15px 15px 0 rgba(0,0,0,.1) }
#about div.nivo-controlNav  .nivo-control{ border:none; box-shadow: none }
#about div.nivo-controlNav .nivo-control.active{ background-color: var(--main); }
/*#about ********************************************************************************************************************************** */
/*#services ********************************************************************************************************************************** */
section#services { background-repeat: no-repeat; padding-bottom:30px; padding-top:0;  }
#base section#services div.in { max-width:100%; height:325px; }
section#services button,
section#services div div.post:after,
section#services a i,
section#services a span,
section#services p { display: none; }
section#services header { margin-bottom:15px }
section#services header h2 { color:var(--main)   }
section#services header span { display:block; text-align:center   }
section#services a i { font-size:20px; margin:0; margin-right: 7px; }
section#services a span { font-size:16px; }
section#services div div.post {  
  width:25%; float:left; padding-right:1px; 
  position:relative; height:250px; margin-top:-500px;
}
section#services.on div div.post { margin-top:0; }
section#services div div.post:after { 
  content:''; height: 2px; 
  background-color: var(--altr); width:80%; 
  position: absolute; bottom:30px; 
  left:25px  
}
section#services div div.post h4 {
  position: absolute;
  bottom:0;
  width:100%;
  color:white;
  text-align: center;
  font-weight: lighter;
  font-size: 26px!important;
  padding:10px;
  text-shadow: 1px 1px 0 var(--main);
}
section#services div div.post div.img { 
  width:100%;
  z-index:-1; 
  height: 100%;
  _background-color: rgba(255,150,150,.05);
}
section#services div div.post:hover div.img { background-color: rgba(150,55,45,.0001); }
section#services div div.post:hover h4{ text-shadow: 1px 1px 0  rgb(155,10,155); }
#base section#services div div.post div.img div.in { 
  width:100%; background-repeat:no-repeat; z-index:-1; 
  background-size: 110%; height: 100%; background-position: center;
  _filter: grayscale(100%); opacity:0.75;
}
#base section#services div div.post:hover div.img div.in { background-size: 130%; filter: none; opacity:1; }
section#services div div.post b { color:white; }
section#services div.half { padding:0 10px;  }
section#services hr { padding:0 10px; margin:15px auto;  }
section#services div.post span.more { padding:9px 12px;  padding-top:8px; padding-right:6px;   }
/*#services ********************************************************************************************************************************** */
/*#blog   	********************************************************************************************************************************** */
section#blog { 
  overflow: hidden; margin:0!important; padding:0!important;
   background-color: #C3A5A5;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg %3E%3Ccircle fill='%23C3A5A5' cx='50' cy='0' r='50'/%3E%3Cg fill='%23c6a9a9' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%23c9adad' cx='50' cy='100' r='50'/%3E%3Cg fill='%23ccb1b1' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ceb6b6' cx='50' cy='200' r='50'/%3E%3Cg fill='%23d1baba' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%23d4bebe' cx='50' cy='300' r='50'/%3E%3Cg fill='%23d7c2c2' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%23dac6c6' cx='50' cy='400' r='50'/%3E%3Cg fill='%23ddcbcb' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%23e0cfcf' cx='50' cy='500' r='50'/%3E%3Cg fill='%23e2d3d3' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%23e5d7d7' cx='50' cy='600' r='50'/%3E%3Cg fill='%23e8dcdc' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ebe0e0' cx='50' cy='700' r='50'/%3E%3Cg fill='%23eee4e4' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%23f1e9e9' cx='50' cy='800' r='50'/%3E%3Cg fill='%23f3eded' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%23f6f1f1' cx='50' cy='900' r='50'/%3E%3Cg fill='%23f9f6f6' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%23FCFAFA' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: contain;
  background-position: center 0;
}
section#blog header {
  overflow:hidden;
  padding:10px 0;
  width: 1100px;
  max-width: 100%;
  margin:0 auto;
  float:none;
}
section#blog header h2{ 
    margin:3px ; float:left; color:white; 
    text-transform:uppercase;
}
section#blog header span{ 
    margin:13px; margin-bottom:0; float:left; color:white; 
}
section#blog header button{ margin:0; float:right; width:auto; background-color: transparent; border: none; color:white;  }
section#blog header button:hover{ border:1px solid var(--main) }
section#blog h4{ 
    color:var(--main); padding:0 20px; text-align: center;
    font-size:24px;
    line-height:120%;
    height:60px;
    overflow:hidden;
}
section#blog div.post {
    width:33.33%; float:left; padding:0; padding-bottom:15px; position: relative; background-color: rgba(255,255,255,.6);
    margin-left:-3000px;
}
section#blog.on div.post { margin-left:0; }
section#blog div.post { background-color: rgba(255,255,255,.6); }
section#blog div.post a:hover{ text-decoration: none; }
section#blog div.post:nth-child(odd) { background-color:rgba(255,255,255,.8); }
section#blog div.post div.img {
    background-color:#eee;  height: 280px; overflow:hidden; background-size:100%; background-position: center
}
section#blog div.post span.data {
    _position: absolute;
    padding:0 6px; 
  padding-top: 15px;
  font-size: 10px; 
    color:var(--main);
    width: 100%;
  display: block;
  text-align: center;
}
section#blog div.post p {
    text-align: left; height: 100px;
    overflow: hidden;
    padding: 0 30px; text-align: center;
}
section#blog div.post:hover { background-color:var(--main); }
section#blog div.post:hover * { color:white!important; border-color:white }
section#blog div.post:hover button { background-color: white; }
section#blog div.post:hover div.img { background-size: 105%; }
/*#blog  ********************************************************************************************************************************** */
/*#contato  ********************************************************************************************************************************** */
section#contato { position: relative; padding: 0; padding-bottom: 50px; margin-bottom:25px }
section#contato.open { background-color: var(--main); padding:50px 0 }
section#contato header div.in { padding:25px; padding-bottom: 0 }
section#contato header span { font-size: 24px; opacity:0 }
section#contato header strong { font-size: 22px; color:var(--main); margin-left:10px; opacity:0 }
section#contato header i { font-size: 20px; color:var(--main); margin-left:7px; margin-top:5px; ; opacity:0 }
section#contato.open header span, section#contato.open header strong, section#contato.open header i { color:white; }
section#contato.open div.content { display:block; padding: 0 25px }
#base section#contato h2 { 
	color:white!important;
  margin:20px 0; text-align: center; display: none;
}
section#contato div.intro * { color:#777 }
section#contato div.intro input { background-color: white; border:none; color:var(--altr)!important; }
_section#contato div.content { position: relative; }
_section#contato div.content:before { 
  width:200%; background-color: var(--main); height: 100%; position: absolute; top:0; left:0; content: ''; 1z-index:-1;
  background-color: var(--altr);
}
section#contato div.content span { padding: 25px 0; padding-bottom: 35px; display: block; font-size: 16px }
section#contato div.content a { display: none }
section#contato div.half.intro *{ color:white }
section#contato div.half.intro input, section#contato div.half.intro i{ color:var(--main) }
section#contato label { width:100px; display:block; text-transform:uppercase; color:white; float:left }
section#contato ul { 
    padding: 0!important; margin:0!important;
    width:50%; float:left
}
section#contato li {
  padding: 0; margin:0!important; margin-bottom:20px!important; }
section#contato p { width:450px; margin:0; text-align: left }
section#contato input, section#contato textarea { 
   background-color: white; 
   padding:10px; width:350px; font-size:14px; color:#333; 
   border:none!important; 
}
_section#contato a  { display: block; margin:10px 17%!important; position: absolute; right:-250px; bottom:10px; }
_section#contato a span { color:white; font-size:14px; }
_section#contato a i { font-size:20px; margin-right:10px; color:white }
 section#contato textarea { height: 90px }
section#contato input:focus, section#contato textarea:focus { background-color: rgba(245,250,255,1)!important; }
section#contato button { background-color: black; width:350px; margin:0; float:left; margin-left:101px }
section#contato button * { color:var(--main) }
section#contato button:hover { background-color: var(--main) }
section#contato button:hover * { color:white }
section#contato button i { font-size:18px;  margin:10px; color:white;  }
section#contato button span { text-transform:uppercase; color:white; }
section#contato.on header span, section#contato.on header strong, section#contato.on header i { opacity:1 }
/*#contato  ********************************************************************************************************************************** */
#base section#horarios { background-color: var(--main-light); margin:0; margin-top:50px }
#base section#horarios div.in { padding: 20px 220px }
#base section#horarios div.in * { font-size: 20px; margin:7px; color:var(--main); }
footer.footer#rodape { margin:0!important; margin-top:-50px!important; }
@media screen and (max-width: 1100px) {
	#base div.slider-holder { min-height: auto; margin-bottom:65px; top:0; }
	#base section#about { margin:0; }
	#base section#about * { width: 100%; text-align: center; }
	#base section#about:after { display: none }
	section#about div.img{ width: 100%; height: 200px; bottom:0; }
	#about div.half { width: 100%; margin-bottom:100px; float: none; padding: 40px 50px; }
	#about div.half.left { display: none }
	section#services { padding-top:25px; }
	#base section#services div.in { height:auto; }
	section#services div div.post { width:100%; float:none; padding:0; }
	#base section h2, #base section h3 { border:none; }
	section#blog header h2{ float:none; }
	section#blog header button{ float:none; width:100%; margin-top:25px  }
	section#blog header span{ float:none; text-align: center; display: block }
	section#blog div.post { width:100%; float:none; padding-bottom:40px; }
	section#contato ul,
	section#contato input, section#contato textarea { width:100%; }
	section#contato button { width:100%; margin:0; }
	#base section#horarios { background-color: var(--main-light); margin:0; margin-top:50px }
	#base section#horarios div.in { padding: 20px; overflow:hidden; height:140px }
	#base section#horarios div.in strong { margin:0; }
}