/* Stylesheet: Design Modified On 2015-06-25 08:27:56 */
/***** Screen 960px *****/

.img-max{}

.container {background: url("layout/img/site-bg-overlay.png") repeat 0 0 !important;}
.header {
  height: 130px;
  background: #2B1B14;
}

.marca {
  width:150px;
  height: 200px;
  position: absolute;
  top: 20px;
}

.logo { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}

.idioma{text-align: left;}
.idioma ul{
  margin:50px auto; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;
}

.idioma ul li {
  float: left;
  width: 40px;
  margin: 0 5px !important;
  padding: 0 !important;
  background-image: none;
}

.idioma ul li a {
  float: left;
  text-decoration: none;
  background: #452614;
}

.idioma ul li a:hover img {
  opacity: 0.5;
}

.idioma ul li a img {
  border: none;
  width: 100%;
}

.navigation { overflow:hidden; height:auto; position:relative; top:0px; display:block; text-align: right;}

ul.main-navigation { float: left; width: 100%; margin-top: 45px; padding:0 !important; font:13px "Ubuntu", Helvetica, Arial, sans-serif; text-transform:uppercase;}
ul.main-navigation li { padding:0; background-image:none; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin: auto; }
ul.main-navigation li a { display:block; padding:10px; color:#675c57; font-weight:bold; text-decoration:none;}
ul.main-navigation li a.current { color:#FFF;}
ul.main-navigation li a:hover { color:#778933;}
ul.main-navigation li a i { float: left;font-family: "entypo"; font-size: 2em;}

/* 
ul.submenu { float: left; width: 100%; margin: 0; padding:0 !important; font:12px "Ubuntu", Helvetica, Arial, sans-serif; text-transform:uppercase; text-align: center;}
ul.submenu li { padding:0; background-image:none; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin: auto; }
ul.submenu li a { display:block; padding:10px; color:#FFF; font-weight:bold; text-decoration:none; border-right: 1px solid #FFF}
ul.submenu li:last-child  a { border-right: none;}
ul.submenu li a:hover { background: rgba(0,0,0,0.2); text-decoration: none;}
ul.submenu li a.current { font-weight: bold;}
*/

ul.submenu { margin: 0; font-family:"Ubuntu", Helvetica, Arial, sans-serif; font-size:12px; }
ul.submenu li { margin:0; padding:0; background-image:none; float:none; display:block; }
ul.submenu li a { display: block; padding:10px; background: #6b0000; margin-bottom: 2px; color: #FFF; text-decoration: none;}
ul.submenu li a:hover { background: #842b2b; text-decoration: none;}
ul.submenu li.current {color: #000; font-weight: bold;}


.txt-home{
  display: block;
  margin: 50px 0;
  padding: 50px;
  background: rgba(0,0,0,0.3);
  text-align: center;
  color: #FFF;
  font-size: 20px;
}

.txt-home h2{
  margin-top: 0;
  color: #FFF;
  font-weight: bold;
}

.conteudo, .rodape {
  background:rgb(255,255,255);
  background: transparent\9;
  background:rgba(255,255,255,0.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF,endColorstr=#ccFFFFFF);
  zoom: 1;
}

.page-row { display: table-row; height: 1px;}
.page-row-expanded { height: 100% !important; }

.conteudo:nth-child(n), .rodape:nth-child(n){
  filter: none;
}

.rodape {width: 100%; margin-top: 20px; float: left; rgba(255,255,255,0.6); border-top: 2px solid #000; text-align: center;}
.rodape h4 {margin-top: 0 !important;}

.margem { display: block; padding: 20px;}
.margem.left { display: block; padding: 20px 0 20px 20px;}
.margem.right { display: block; padding: 20px 20px 20px 0;}

.bord {border: 5px solid #000;}

.endereco{
  display: block;
  border-top: 1px solid #CCC;
}

.endereco .selo, .endereco .selo img{
  float: left;
  width: 90px;
  margin-bottom: 20px;
}

.endereco .txt-endereco{
  float: left;
  margin-left: 20px;
  text-align: left;
  margin-top: 20px;
}

.catprod{
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

.catprod ul, .catprod ul li{
  margin: 0 !important;
  padding: 0 !important;
  background-image: none !important;
}

ul.associacaoes {
  float: left;
  width: 100%;
}

ul.associacaoes li {
  display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;
  margin: 0 auto !important;
  padding:0;
  background-image:none;
}

.review-img { margin: 0 16px 0 0; }

.footer-contact { margin:100px 0 0 0; padding:20px 0; background-color:#322111; color:#d6d3cf; font:24px "Ubuntu", Helvetica, Arial, sans-serif; }
.footer-contact a { font-weight:normal; color:#d6d3cf; }
.phone { padding:0 0 0 40px; background:transparent url('../template/icon-phone.png') no-repeat 0 0; line-height:30px; }
.email { padding:0 0 0 40px; background:transparent url('../template/icon-email.png') no-repeat 0 4px; line-height:30px; }

.footer { padding:10px 0; background-color:#dc402d; font-size:11px; color:#FFF; }
.footer a { color:#FFF; text-decoration:underline; }


/***** Screen Bigger than 960px *****/
@media only screen and (min-width:960px) {
  .navigation { overflow:hidden; height:auto; position:relative; top:0px; display:block !important;}
}

/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px){
  .marca {
    width:130px;
    height: 200px;
    left: 50%;
    margin-left: -65px;
  }
  
  ul.main-navigation { font-size:12px; }
  ul.main-navigation li a { padding:10px 5px;}
  .navigation { overflow:hidden; height:auto; position:relative; top:0px; display:block !important;}
  ul.idioma li {
    width: 40px;
    margin: 0 2px !important;
  }
}

/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px){
 
  .header {
    height: auto;
  }
 
  .marca {
    width:150px;
    height: 230px;
    position: static;
    display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin: auto; 
  }
  
  .idioma{text-align: center;}
  .idioma ul{
    margin:10px auto;
  }

  .margem.left, .margem.right{padding: 0 20px;}
 
  .navigation { display:none; width:290px; text-align: center;}
  ul.main-navigation { margin:0 0 20px 0; padding:0; font-family:"Ubuntu", Helvetica, Arial, sans-serif; font-size:15px; line-height:20px; text-transform:uppercase; }
  ul.main-navigation li { margin:0; padding:0; background-image:none; float:none; display:block; }
  ul.main-navigation li a { padding:10px 0; border-bottom: 1px solid #675c57;}
  ul.main-navigation li:first-child  a { border-top: 1px solid #675c57;}
  .cmn-toggle-switch { display:-moz-inline-stack !important; display:inline-block !important; zoom:1 !important; *display:inline !important; margin: auto; cursor:pointer;}
  .lateral .margem { padding: 0;}
}

/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px){
  .header {
    height: auto;
  }
  
  .marca{
    width:150px;
    height: 230px;
    position: static;
    display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin: auto; 
  }
  
  .idioma{text-align: center;}
  .idioma ul{
    margin:10px auto;
  }

  .margem.left, .margem.right{padding: 0 20px;}
   
  .navigation { width:446px; text-align: center;}
  ul.main-navigation { margin:0 0 20px 0; padding:0; font-family:"Ubuntu", Helvetica, Arial, sans-serif; font-size:15px; line-height:20px; text-transform:uppercase; }
  ul.main-navigation li { margin:0; padding:0; background-image:none; float:none; display:block; }
  ul.main-navigation li a { padding:10px 0; border-bottom: 1px solid #675c57;}
  ul.main-navigation li:first-child  a { border-top: 1px solid #675c57;}
  .cmn-toggle-switch { display:-moz-inline-stack !important; display:inline-block !important; zoom:1 !important; *display:inline !important; margin: auto; cursor:pointer;}
  .lateral .margem { padding: 0;}
}

/***** Retina *****/
@media only screen and (-webkit-min-device-pixel-ratio:1.5){

}