*{ margin:0; padding:0; border:none; font-weight:normal; outline:none}
a{ text-decoration:none;}
ul{ list-style:none; }
img{ border:0;}

html{text-align:center; margin:0 auto; }
body{text-align:center; font-family: 'brandon_grotesquemedium';}
.topo{ float:left; width:100%; height:132px; background-color:#8a7d7a; position:relative; }
.logo{float:left; width:160px; height:133px;  position:absolute; left:40px; }
.holder_menu{float:right; width:850px; height:133px;  position:absolute; right:40px; }


/*RODAPE*/
.footer{ float:left; width:100%; height:50px; color:#8a7d7a; position:relative; bottom:0;}
.main_footer{display:block; width:100%; height:auto; margin:0 auto;}
.footer p{ float:left; width:100%; line-height:35px; color:#8a7d7a; text-align:center; margin:0 auto !important; font-size:10px; text-transform:uppercase; border-top:1px solid #8a7d7a;}
.redes{ position:absolute; right:32px; top:0; width:50px;}
.redes li{ float:left;}
.facebook{ margin-right:5px;}

/*TOPO*/
.menu{ float:right; width:810px; height:auto; margin-top:60px}

.menu_li{ float:left; width:auto; height:30px; margin-left:40px; text-transform:uppercase; color:#f4efeb; font-size:10px; letter-spacing:4px; cursor:pointer; position:relative; line-height:30px}
.menu_li a{ float:left; text-transform:uppercase; color:#f4efeb; font-size:9px; letter-spacing:4px; font-family: 'brandon_grotesquemedium'; }
.menu_li:hover{border-bottom:1px solid #f4efeb; padding-bottom:16px}
.root{ float:left; width:100%; height:auto; text-align:left; position:relative}

.face_topo{margin-left:40px; float:left; width:auto; height:30px; margin-right:0px !important;}
.insta_topo{float:left; width:auto; height:30px; margin-left:8px !important;}

.face_topo:hover, .insta_topo:hover{border-bottom:0;}

.main_interno{display:block; width:960px; height:auto; margin:0 auto; min-height:550px;}

/*MIDIAS*/
.email_midias{ position:absolute; bottom:0; right:32px; width:100%; height:10px;}
.email_midias a{float:right; color:#8a7d7a; font-size:12px; letter-spacing:4px; font-family: 'brandon_grotesquemedium';}
.email_midias a:hover{ text-decoration:underline;}

/**
 * Grid container
 */
#tiles {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}

/**
 * Grid items
 */
#tiles li {
  width: 310px;
  position:relative;
  display: none; /** Hide items initially to avoid a flicker effect **/
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
}

#tiles li img {
  display: block;
}
#tiles li a{
  float:left;
  width: 310px;
  height:100%;
  display: block;
  position:relative;
  z-index:99;
  overflow:hidden;
}

.wookmark-placeholder {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

/**
 * Progress bar for imagesLoaded
 */
.progress-bar {
  background-color: #0BC20B;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  width: 0;
  box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
  -webkit-transition: width 0.3s ease-out;
     -moz-transition: width 0.3s ease-out;
       -o-transition: width 0.3s ease-out;
          transition: width 0.3s ease-out;
}


.hotspot{ float:left; width: 310px; height:100%; position:absolute; top:0; left:310px; background-color:#fbfdfb;opacity: 0.86;-moz-opacity:0.86; filter:alpha(opacity=86); z-index:1;}
.houver_li{ float:left; position:absolute; top:50%; left:50%; width: 310px; height:auto; text-align:center; display:block; font-family: 'brandon_grotesquelight'; font-size:18px; color:#897b78;}

/*PERFIL*/
/*.pagina_perfil{ width:800px; height:auto; left:50%; top:50%; margin-left:-370px; margin-top:-187px; position:absolute; background:#6F0}*/
.pagina_perfil{ display:block; width:765px; height:auto; margin:0 auto; padding:20px 0; font-family: 'brandon_grotesquelight';margin-top: 20px;}

.perfil{ float:left; width:315px; margin-left:45px;}
.perfil ul li{ width:100%; }
.p_titulo{ font-size:16px; color:#8a7c79; line-height:20px; text-transform:uppercase; margin-top:10px; font-family: 'brandon_grotesquemedium'; letter-spacing:1px;}
.p_texto{ font-size:16px; color:#8a7c79; line-height:24px; margin-top:10px; letter-spacing:1px;}

.texto_perfil{ clear:both; width:675px; font-size:16px; color:#8a7d7a; line-height:30px; margin:0 auto; letter-spacing:2px; text-align:justify; padding-top: 20px;}
.texto_perfil strong{ font-family: 'brandon_grotesquemedium';}

/*CONTATO*/
.main_contato{ min-height:580px; position:relative}
.pagina_contato{width:790px; height:375px; left:50%; margin-left:-395px; top:50%; margin-top:-164px; position:absolute;}


.mapa{ float:left;  width:386px; height:364px; margin-right:14px; border:1px solid #8a7c79;} 
.mapa_mapa{font-size:17px; color:#8a7c79; width:auto; letter-spacing:1px; line-height:17px; text-align:center; margin-top:55px;}
.texto_mapa{ font-size:14px; color:#8a7c79; width:auto; letter-spacing:1px; text-align:center; margin-top:32px; line-height:40px; text-transform:uppercase}


.contato{ float:left; width:386px; height:364px; border:1px solid #8a7c79; margin:0 auto; text-align:center;}
.contato p{ margin-top:22px; font-size:17px; color:#8a7c79; text-align:center;}
.contato_form{ width:100%; margin-top:11px;}

.input{ text-align:center; width:348px; height:21px; background-color:#8a7c79; margin-bottom:15px; font-size:10px;  color:#f4efeb; line-height:23px; position:relative; z-index:10; font-family: 'brandon_grotesquelight'; text-transform:uppercase}

.textarea{ height:110px;  font-size:10px;}
.formulario_contato{ position:relative;}

.formulario_contato p { position:absolute; height:10px; line-height:12px; z-index:0; top:0; left:0; color:#fff; font-size:14px; letter-spacing:1px; padding:0 5px; border-radius:5px; text-transform:uppercase; top:-35px; left:15px; position:absolute; color:#c64f27; font-size:10px; letter-spacing:1px; padding:0 5px; display:none}

.formulario_contato2{ width:75px; height:17px; background-color:#8a7c79; margin:0 auto; text-align:center;}
.input_submit{  width:75px; height:17px; font-size:10px; line-height:19px; color:#f4efeb; background-color:transparent; letter-spacing:1px; cursor:pointer; font-family: 'brandon_grotesquelight';}

.error{color:#F00; }
#alerta{ margin:0 auto; width:300px; color:#fff; }
#alerta a{float:right; color:#fff;}
#alerta strong{color:#F00;}

.input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #f4efeb;
}
.input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #f4efeb;
}
.input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #f4efeb;
}
.input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #f4efeb;
}

/*INTERNA*/
.pagina_interna{ width:730px; height:auto; margin:20px auto 0 auto;font-family: 'brandon_grotesquelight';}
.bxslider_6{ float:left; width:730px; height:500px;}
.bxslider_6_li{ float:left; width:730px; height:500px;}

.produtos{float:left; width:730px; height:500px;}
.produtos_li{float:left; width:225px; height:230px; margin-left:15px; margin-bottom:15px;}

.texto_interna{ width:700px; height:auto; margin:0 auto; padding-bottom:20px;}

.texto_interna p{ width:700px; height:auto; margin:0 auto;font-family: 'brandon_grotesquelight'; font-size:14px; color:#897c79}
.texto_interna p strong{font-family: 'brandon_grotesquemedium'; font-size:18px}


/*MENU DROP*/
#filters li ul{ position:absolute;  top:30px; width:auto; display:none;; z-index:9999;padding:30px 16px; background-color:#FFF; opacity:0.95; white-space: nowrap; left:50%; }
#filters li li {float:left; line-height:21px; width:100%;  background-color:#FFF; opacity:0.95;  white-space: nowrap;}
#filters li li a{ float:left; width:100%; line-height:21px; font-size:10px; font-family: 'brandon_grotesquemedium'; color:#8a7c79; text-align:center !important;}
#filters li li a:hover{ color:#000;}