.form-contact {
  width: 100%;
  font-family: "Arial", Times, serif;
}

.form-contact-input {
  width: 100%;
  color: #292929;
  font-size: 18px;
  background-color: #E9E9E9;
  border: 1px solid #E9E9E9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 40px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  text-indent: 20px;
}

.form-contact-textarea {
  width: 100%;
  color: #292929;
  font-size: 18px;
  background-color: #E9E9E9;
  border: 1px solid #E9E9E9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 200px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  text-indent: 20px;
  padding-top: 16px;
  padding-left: 0;
  padding-right: 0;
  font-family: "Arial", Times, serif;
}

.form-contact-button {
  width: 100%;
  font-size: 18px;
  border-radius: 4px;
  color: #fff;
  height: 40px;
  opacity: .8;
  margin-bottom: 20px;
  cursor: pointer;
  background: #B22222;
  display: block;
  border: none;
  border-bottom: 1px solid #500707;
  border-right: 1px solid #500707;
  transition: 1s;
}

.form-contact-button:hover {
  opacity: 1;
}


@font-face {
    font-family: 'AvantGardeBkBTBook';
    src: url('font/avgardn.eot');
    src: url('font/avgardn.eot') format('embedded-opentype'),
         url('font/avgardn.woff') format('woff'),
         url('font/avgardn.ttf') format('truetype'),
         url('font/avgardn.svg#AvantGardeBkBTBook') format('svg');
}

@font-face {
    font-family: 'AvantGardeDemiRegular';
    src: url('font/avantgarde-demi.eot');
    src: url('font/avantgarde-demi.eot') format('embedded-opentype'),
         url('font/avantgarde-demi.woff') format('woff'),
         url('font/avantgarde-demi.ttf') format('truetype'),
         url('font/avantgarde-demi.svg#AvantGardeDemiRegular') format('svg');
}

.clear{width: 100%; padding: 0; margin: 0; clear: both;}
.clear10{width: 100%; height: 10px; padding: 0; margin: 0; clear: both;}
.clear20{width: 100%; height: 20px; padding: 0; margin: 0; clear: both;}
.clear40{width: 100%; height: 40px; padding: 0; margin: 0; clear: both;}
.body{display: none;}

.thumbnail{border-radius:0; box-shadow: none; }
.transition{-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}

/*TAGS*/
body{font-family: 'kelson_sansregular';}
a:hover{text-decoration: none;}
ul{margin: 0;}
h1{font-weight: normal; line-height: 60px; font-weight: 900}
h2{font-weight: normal;}
h3{font-weight: normal;}
h4{font-weight: normal;}

hgroup h2{padding: 0; margin: 0; line-height: 40px; font-family: 'kelson_sansbold';}
hgroup h3{padding: 0; margin: 0; line-height: 18px;}

#header{padding-top: 20px; padding-bottom: 20px; height: auto; position: relative;}
#header-mobile{display: none; padding-top: 20px; padding-bottom: 20px; height: auto; background: #fff; position: relative;}
.menu {text-align: right;}
.menu > li{display: inline-block; position: relative;}
.menu > li > a{padding: 0 20px; height: 60px; display: inline-block; line-height: 60px; font-size: 18px;}
.menu li .caret{position:absolute; right: 10px; top: 48%}
.submenu {position: absolute; top: 95%; left: -20%; z-index: 1000; display: none; float: left;  min-width: 180px; padding: 10px; margin: 2px 0 0; list-style: none; background-color: #ffffff;
}
.submenu li {float: left; width: 100%;}
.submenu li a{font-size: 12px; padding: 10px; margin-left: -10px; width: 100%; float: left; line-height:16px; text-decoration: none; }

#header h3 {font-size: 16px; line-height: 14px;}
#header span.fone{font-size: 18px; color: #16403A}
.menu-top{margin-top: 25px; font-size: 18px; color: #red;}
.menu-top a{float: left; margin-right: 30px; color: #red;}

.segura-menu-mobile{cursor: pointer; height: auto; padding: 20px 0; background: url(img/menu.png) 95% 10px no-repeat #fff; border: solid 1px #ddd; float:left; margin-top: 20px;}
.menu-mobile{margin-top: 50px; display: none;}
.menu-mobile li{float: left; width: 100%; position: relative;  border-top: solid 1px #eee;}
.menu-mobile li a{padding: 0 30px; line-height:40px; color: #444;}
.menu-mobile li .caret{position:absolute; right: 10px; top: 48%}

#slideshow{position: relative; height: auto; width: 100%; float: left;z-index: 100;}
#slideshow a {
    float: left;
    width: 100%;
}
#slideshow img {
    z-index: 1000;
}
#slideshow a {
    float: left;
    width: 100%;
}
#slideshow .bt {
    width: 19%;
    height: 12%;
    position: absolute;
    bottom: 16.8%;
    left: 6.15%;
    background: rgba(255,255,255, 0.1);
}
#slideshow .bt:hover {
    background: rgba(255,255,255, 0);
}
#pager{width: 100%; text-align: center; margin-top: 10px;float: left;}
#pager > div{width: 15px; height: 15px; cursor: pointer; display: inline-block; margin: 5px; -webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;}
#pager .cycle-pager-active{background: transparent;}

.breadcumbs{width:100%; height:200px;  float: left; margin-bottom: 40px; }
.breadcumbs ul{ margin-top: 80px; float: left;}
.breadcumbs ul li, .breadcumbs ul li a{ float:left; color:#ccc; padding:0 2px; font-size: 14px; position: relative; z-index: 5;}
.breadcumbs #voltar{font-size: 18px; color: #fff; position: absolute;right: 0; top: 28px;}
.breadcumbs h1{float: left; color: #fff; margin: 0; padding: 0; }

.dicas li{border-bottom: solid 1px #eee; padding-bottom: 30px; margin-bottom: 30px; width: 100%; float: left;}
.dicas li .img{float: left; margin-right: 20px; border: solid 4px #0085CC; }
.dicas h3{font-size: 14px;}

.produtos-home figure:hover{border: solid 8px #cb1718;}
.produtos-home .span4:hover h4{color:#cb1718;}
.produtos-home h4{font-size: 20px;}

#carousel { height: 230px; text-align: center; position: relative; margin-top: 10px;}
#carousel .carousel {width: auto; float: left;}
#carousel li{display: inline-block; float: none; text-align: center; height: 230px; line-height: 230px;}
#carousel li img{vertical-align: middle;}
#carousel .prev2{width:15px; height: 22px; background: url(img/arrow2.png)top left; display: inline-block;cursor: pointer;margin-top: 50%; margin-top: -11px;}
#carousel .prev2:hover{background-position: left bottom;}
#carousel .next2{width:15px; height: 22px; background: url(img/arrow2.png)top right; display: inline-block;cursor: pointer;margin-top: 50%; margin-top: -11px;}
#carousel .next2:hover{background-position: right bottom;}
#carousel .span1{height: 230px; line-height: 230px;}
#carousel .span1 a{vertical-align: middle;}

/*CATEGORIAS*/
#cat > li{width:100%; height:auto; float:left;  border-top:solid 1px #eee; border-right: solid 1px #eee; position:relative;}
#cat > li > a{width:100%; text-transform:uppercase; font-size:12px; color:#444; margin-left: 20px; float:left; padding-bottom:10px; padding-top:10px;}
#cat > li:hover{background:#eee;}
#cat > li:hover a{text-decoration:none;}

#cat > li > ul{width:auto; margin-left: 20px; clear:both; padding-bottom:10px; display:none;}
#cat > li > ul > li{padding:5px 0 5px 0;}
#cat > li > ul > li >#cat > li > ul > li > a:hover{color:#444;}

.selected{background:#ddd;}

/*PAGINA PADRAO*/
#post li{text-align: justify; margin-bottom: 20px;}
#post figure{}

/*GRID3*/
.grid3{width: 100%}
.grid3 li{margin-bottom: 20px;}
.grid3 li > div{border: solid 1px #eee; padding:10px;}
.grid3 h4 {text-align: center; width: 100%; font-weight: normal;}
.grid3 p{font-size: 12px; color: #777}
.grid3 .thumbnail{border-bottom: none;}

/*GRID4*/
.grid4{width: 100%}
.grid4 li{margin-bottom: 20px;}
.grid4 li > div{border: solid 1px #eee; padding:10px;}
.grid4 h4 {text-align: center; width: 100%; font-weight: normal;}

#respsocial .bg-black{height: 80px; margin-top: -80px; float: left; width: 100%; position: relative; z-index: 999; background: url(img/bg-black.png) repeat-x left bottom;}
#respsocial h3{margin-left: 20px; color: #fff;  font-size: 20px;}

/*LIST*/
.list li{margin-bottom: 20px; color: #777;}
.list .thumbnail{min-height: 125px; line-height: 125px;}
.list img{display: inline-block; vertical-align: middle;}
.list a{color: #777;}
.list .data{color: #777; font-size: 12px; margin-top: 10px;}
.list h3{line-height: 20px;}
.data{width: 100%; height: 70px; text-align: center; float: left;}
.data .dia{font-size: 25px; font-weight: 900; margin-top: 18px; color: #fff;}
.data .mes{color: #fff; font-size: 16px;}

/*galeria*/
.gallery{margin-bottom: 10px;}

/*exibir*/
.miniatura-exibir{margin-left: -30px; text-align: center; margin-right: 15px; margin-bottom: 10px;}

/*PAGINAÇÃO*/
.paginacao{height: 35px; width: 110px; text-align: center; line-height: 35px; display: inline-block; margin: 3px; background: #fff; border: solid 1px #ccc; padding-left: 15px; padding-right: 15px; color: #777; font-size: 14px;}
.paginacao:hover{background: #eee;}
.paginacao2{height: 35px; width: 100%; text-align: center; line-height: 35px; display: inline-block; margin: 3px; background: #fff; border: solid 1px #ccc; color: #777; font-size: 14px;}
.paginacao2:hover{background: #eee;}
.op{opacity: 0.5;}
.op:hover{background: #fff !important;}

/*Formulário*/
.campo{width: 100%;}
textarea.campo{width: 100%; height: 120px;}

.botao{border: none; padding: 10px; color: #fff; }
.botao:hover{background: #222;}


footer{padding: 30px 0; background: #fff; border-top: solid 1px #ddd; width: 100%;}
footer .right{text-align: right;}
@media (max-width: 979px) {
    #header{display: none;}
    #header-mobile{display: block;}
}



/* fale-conosco */
.trabalhe-conosco {
    width: 100%;
}
.trabalhe-conosco input[type="text"], .trabalhe-conosco select, .trabalhe-conosco fieldset, .trabalhe-conosco textarea {
    box-sizing: border-box;
    height: 35px;
    border-radius: 0;
    margin: 0 1% 10px 0;
    width: 32%;
    float: left;
}
.trabalhe-conosco fieldset  {
    height: auto;
}
.trabalhe-conosco hr {
    clear: both;
}
.trabalhe-conosco input[type="radio"], .trabalhe-conosco input[type="checkbox"] {
    height: 35px;
    margin: 0 5px 0 0;
}
.trabalhe-conosco .lado-a-lado > *{
    float: left;
}
.cem {
    width: 100%!important;
}
.cinquenta > * {
    width: 50%;
}
.vinte-e-cinco > * {
    width: 25%;
}
.vinte > * {
    width: 20%;
}
.ter {
    float: left;
    width: 33%;
}
.eventos li{border-bottom: solid 1px #ddd;}