@charset "utf-8";

@font-face {   
    font-family: 'Roboto-light';
          src: url('fonts/Roboto-Light.ttf') format('truetype');
    /*src: url('fonts/myriad-light.otf');*/
}
@font-face {   
    font-family: 'Roboto-semibold';
          src: url('fonts/Roboto-Medium.ttf') format('truetype');
    /*src: url('fonts/myriad-semibold.otf');*/
}
@font-face {   
    font-family: 'Roboto-light-condensed';
          src: url('fonts/RobotoCondensed-Light.ttf') format('truetype');
    /*src: url('fonts/myriad-light-condensed.otf');*/
}
@font-face {   
    font-family: 'Roboto-semibold-condensed';
          src: url('fonts/RobotoCondensed-Bold.ttf') format('truetype');
    /*src: url('fonts/myriad-semibold-condensed.otf');*/
}
@font-face {   
    font-family: 'Roboto-regular';
    src: url('fonts/Roboto-Regular.ttf') format('truetype');
    /*src: url('fonts/myriad-regular.otf');*/
}
@font-face {   
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.ttf') format('truetype');
    /*src: url('fonts/myriad-regular.otf');*/
}
@font-face {   
    font-family: 'Raleway';
    src: url('fonts/Raleway-Light.ttf') format('truetype');
    /*src: url('fonts/myriad-regular.otf');*/
}
@font-face {   
    font-family: 'Raleway-SemiBold';
    src: url('fonts/Raleway-SemiBold.ttf') format('truetype');
    /*src: url('fonts/myriad-regular.otf');*/
}

a { color: #01723E; text-decoration: underline; }
a:hover { text-decoration: none; }
strong { font-weight: bold; }
em { font-style:italic; }

.clear { clear: both; }
.fleft { float: left; }
.fright { float: right; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.middle { vertical-align: middle; }
.nowrap { white-space:nowrap; }
.old-price { text-decoration:line-through; opacity: 0.8; }

.title { color: #73A533; font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.subtitle { color: #555; font-size: 16px; font-weight: bold; margin-bottom: 15px; }

.padding-15 { padding: 15px; }

button,
.button { color: #444; font-size: 11px; font-weight: bold; cursor: pointer; display: inline-block; text-decoration: none; }
button:hover,
.button:hover { text-decoration: none; }

.button.back { background: #fff url(../images/arrow_button.png) no-repeat 7px 5px; padding: 2px 4px 2px 20px; border: 1px solid #ccc; font-size: 13px; font-weight: bold; color: #444; text-transform:uppercase; text-decoration: none; border-radius: 3px;}
.button.back:hover { background-color: #eee; }

.button-green { padding: 3px 8px; background: #a9c882 url(../images/bg_bt.png) repeat-x; overflow: hidden; cursor: pointer; font-size: 13px; color: #fff; }
.button-green:hover { background-image: url(../images/bg_bt_over.png);  }
.button-green.disabled:hover { background-image: url(../images/bg_bt.png); }
a.button-green { text-decoration: none; color: #fff; }

.button-grey { padding: 3px 8px; background: #b6b6b6 url(../images/bg_bt2.png) repeat-x; overflow: hidden; cursor: pointer; font-size: 13px; color: #333; }
.button-grey:hover { background-image: url(../images/bg_bt2_over.png);  }
a.button-grey { text-decoration: none; color: #fff; }

.button-remove { display: block; width: 16px; height: 16px; background: url(../images/bt_remove.png) no-repeat; cursor: pointer;}
.button-remove:hover { background: url(../images/bt_remove_over.png) no-repeat; }

button.disabled,
.button.disabled { opacity: 0.6; }

/*body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }*/

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
/*    line-height: 20px;*/
    margin:0;
}

.bt-comprar { background: url(../images/bt_comprar.png) no-repeat; width: 148px; height: 52px; color: #fff; font-size: 16px; font-weight: bold; padding: 18px 82px 34px 67px; display: block; width: 0; height: 0; cursor: pointer;}
.bt-comprar:hover { background-image: url(../images/bt_comprar_over.png) }

.datepicker,
.datetimepicker { background: url(../images/datepicker.png) #fff right 5px center no-repeat !important;}

/* HEADER */
/*sgomes a cor seguinte estava #eeeeee */
/* background: url(../images/bg_header.png) repeat-x #80b33e; */
.header-container { background: #FFF; z-index: 9999; position: relative;}
.header-container .end { height: 3px; width: 100%; background: url(../images/header_end.png) no-repeat center; }

.header { margin: 0 auto; height: 102px; position: relative;}

.header .navigation { position: relative; float: right; left: 0; top: 40px; margin-right: 1%;; z-index: 9999;}
.header .navigation ul li { float: left; padding-right: 3px; font-size: 15px;}
.header .navigation ul li:last-child { /*background: #555;*/ padding: 0; }
.header .navigation ul li.active a,
.header .navigation ul li:hover a { color: #009a39; }
.header .navigation ul li a { /*color: #fff;*/ font-size: 15px; font-weight: bold; padding: 6px 19px 6px; display: block; text-decoration: none; color: #000; }
.header .navigation ul li.item-1 a { padding: 7px 17px 2px; }


.header .form-search { position: absolute; right: 0; top: 47px;  }
.header .form-search input {  width: 180px; color: #444; padding: 5px; font-size: 12px; background: url(../images/bg_search.png) no-repeat;}
.header .form-search input:focus { background: url(../images/bg_search_over.png) no-repeat; }
.header .form-search button { background: url(../images/pesquisa.png) no-repeat; width: 24px; height: 24px; overflow: hidden; text-indent: 25px; cursor: pointer; position: relative; top: -2px;}
.header .form-search button:hover { background-image: url(../images/pesquisa_over.png);  }

.header .logo { position: absolute; top: 15px; left: 15px;}
.header .logodsbr {float: right; text-align: right; margin-top: 40px; width: 170px; margin-right: 5px;}

.header .cart-top { width: 225px; height: 33px; background: url(../images/bg_cart_top.png) no-repeat right center; position: absolute; top: 27px; right: 0; color: #333333; padding-top: 16px; }
.header .cart-top strong { font-size: 14px; text-transform: uppercase; display: block;}
.header .cart-top a { display: block; }

.header .customer-top { position: absolute; width: 400px; right: 0; top: 3px;}
.header .customer-top .grey-bg { color: #fff; background: url(../images/bg_customer_top.png) repeat-x; padding: 0 5px 2px; position: absolute; right: 87px; text-align: center; white-space:nowrap; }
.header .customer-top .grey-bg strong { text-decoration: underline; }
.header .customer-top .grey-bg a { color: #fff; margin: 0 5px; text-transform: uppercase; text-decoration: none;}
.header .customer-top .grey-bg a:hover { text-decoration: underline; }
.header .customer-top .grey-bg .separator { color: #fff; }

/* MESSAGES */

#response,
.msg { padding: 10px 20px; text-align: center;  font-size: 12px; margin-bottom: 10px; }
#response .success,
.msg-succ { background: #e2f0f1; color: #007f8b; border: 1px solid #007f8b; }
.msg-succ a { color: #007f8b; }
#response .error,
.msg-error { background: #f2dada; color: #d80e15; border: 1px solid #d80e15; }
.msg-error a { color: #d80e15; }
.msg-notice { background:#FFC; color: #F60; border: 1px solid #F90; }
.msg-notice a{ color: #F60; }
.msg a { font-weight: bold; }

#response div { padding: 6px; }

.msg-info { background: #f5f5f5; border: 1px solid #c9c9c9; padding: 20px 0; text-align: center; font-size: 11px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase;}

/* BREADCRUMBS */
/* sgomes tirei a border-bottom estava 2px*/
.breadcrumbs { padding: 20px 0; border-bottom: 0px solid #ededed; }
.breadcrumbs li { float: left; margin-right: 6px; padding-right: 9px; background: url(../images/double_arrow.gif) no-repeat 100% 5px;  }
.breadcrumbs li:last-child { background: none; }
.breadcrumbs li a { color: #444; display: block; }
 
/* FOOTER */
.footer { z-index: 8999; position: relative; }
.footer .wrapper{ width: 998px; margin: 0 auto; padding: 10px 0;}
.footer .navigation { float: left; margin-top: 4px; }
.footer .navigation ul li { float: left; padding: 20px; font-size: 12px; font-weight: bold; background: url(../images/divider_footer_navigation.png) no-repeat left center; padding: 0 10px; }
.footer .navigation ul li.item-1 { background: none; }
.footer .navigation ul li a { color: #fff; display: block; text-decoration: none; text-transform: uppercase; }
.footer .navigation ul li a:hover { text-decoration: underline; }
.footer .social { float: right; width: 265px; }
.footer .social ul { float: right; }
.footer .social li { float: left; margin-left: 4px; }
.footer .social p { margin-bottom: 20px; font-size: 12px; color: #aaa; }
.footer .social .fallow-us,
.footer .social h3 { color: #fff; margin: 5px; display: block; text-decoration: none; text-transform:uppercase; font-size: 12px; }
.footer .social .fallow-us { float: left; font-weight: bold; }

.footer .block { float: left; color: #444; width: 225px; margin-right: 10px;  }
.footer .block strong { font-weight: bold; font-size: 14px; margin-bottom: 10px; display: block; color: #01723e; }
.footer .block ul li { background: url(../images/footer_item.png) no-repeat 0 5px; padding: 0 0 0 15px; }

.bottom-footer{ background: #efefef; /*color: #eee;*/  }
.top-footer { background: #efefef; color: #fff; padding-top: 25px; }

.footer-social {
    display: inline-block;
    position: relative;
    left: 35px;
    top: -6px;
}

.footer-social img{
    width: 3vmin;  
    padding-left: 10px;
}

.footer-logo {
    background-size: contain;
    width: 100px;
    height: 61px;
    display: inline-block;
     float: right;
}


.footer-logo-ar {
    float: left;
}

.footer-img-ar {
    background-size: contain;
    height: 61px;
    display: inline-block;
}

.footer-sitemap {
  margin-top: 30px;
  display: -webkit-box;
  -webkit-box-pack: center;
  display: -moz-box;
  -moz-box-pack: center;
  display: -ms-flexbox;
  -ms-flex-pack: center;
  display: box;
  box-pack: center;
}
.footer-sitemap-container {
    text-transform: uppercase;
    font-family: 'Roboto-semibold-condensed';
    font-size: 16px;
    list-style-type: none;
    padding-right: 1vmin;
    color: #000000;
}
.footer-sitemap-container li:first-of-type {padding-top: 5px;}

.footer-sitemap-container li a {
  text-transform: none;
  font-family: 'Roboto-light-condensed';
  font-size: 15px;
  position: relative;
  line-height: 23px;
}

.footer-sitemap-container ul a{
    padding: 10px;
    text-decoration: none;
}
.copyright {
  width: 100%;
  text-align: center;
  color: #000;
  background: #cccccc;
  padding: 13px 0px 9px 0px;
}

/* ABSOLUTE FOOTER */
.absolute-footer {  }
.absolute-footer .wrapper{ width: 998px; margin: 0 auto; padding: 10px 0;}

/* CONTENT */
.main-container { position: relative; z-index: 9998;  min-height: 900px;  }
/*.cms-home .main-container { background: url(../images/bg_home.png) no-repeat center top; margin-top: -85px; }*/
.main { width: 1000px; margin: 0 auto 0; min-height: 500px; position: relative; z-index:999; }


.col-left,
.col-main,
.col-right { position: relative; }

.cols3-page .cols-container { width: 756px; float: left; background: #fff; box-shadow: 0 0 2px #d5d5d5;  min-height: 900px; }
.cols3-page .cols-container .col-left { width: 212px; float: left; padding: 15px;  background: url(../images/bg_col_left.png) no-repeat top right; min-height: 300px; }
.cols3-page .cols-container .col-main { width: 514px; float: right; }
.cols3-page .col-right { width: 212px; float: right; padding: 15px; margin-top: 38px; }

.cols2-left-page .col-left { width: 212px; float: left; padding: 15px;  /*background: url(../images/bg_col_left.png) no-repeat top right;*/  min-height: 300px;  }
.cols2-left-page .col-main { width: 756px; float: right; }

.cols2-right-page .col-right { position: relative; z-index: 9; width: 212px; padding: 15px; float: right; margin-top: 38px; }
.cols2-right-page .col-main { position: relative; z-index: 99; width: 756px; float: left; background: #fff; box-shadow: none;  min-height: 900px; }

.col1-page .col-main { width: 96%; padding: 20px; }
.col-main-home {width: 100%;}
.col1-page {width: 100%;}

.blocks-wrapper { padding: 5px 20px 20px 20px; }

/* LAYOUT POPUP */
.layout-popup { background-position: 0 0; }
.layout-popup .main { width: 500px; padding: 10px; }

/* PAGE TITLE */
/*.page-title { background: url(../images/bg_page_title.png) no-repeat left bottom;}*/
.page-title h1 { font-size: 30px; color: #767676; padding: 5px 20px; font-weight: bold; font-family: Raleway; }

/* AJUDA */
.quero-ajuda {
    background: url(../images/ico-ajuda.png) no-repeat right top;
    height: 20vw;
    width: 7%;
    background-size: contain;
    float: right;
    right: 0px;
    top: 18vmin;
    z-index: 9999;
    position: fixed;
    cursor: pointer;
    margin-top: 200px;
    max-height: 25vmin;
}
.quero-ajuda:hover {
  opacity: 0.8;
}

/* HOME */
.container-home {
  width: 980px;
  margin-right: auto;
  margin-left: auto;
}

.titulo-outras-solucoes{
  font-family: 'Raleway';
  font-size: 32px;
  color: #353535;
  margin-bottom: 10px;
}

.titulo-produto-outros {
  margin-top: 0px;
  margin-bottom: 10px;
/*  font-family: 'Roboto-light-condensed';*/
font-family: inherit;
  font-size: 20px;
  color: #353535;
  font-weight: 400;
  text-align: center;
  padding: 0 20px;
}

.texto-produto-outros {
  color: #353535;
  line-height: 18px;
  text-align: center;
  font-family: 'Roboto';
  font-size: 14px;
  padding: 0 20px;
  height:85px;
  text-decoration: none;
}

.menu-produto {
  width: 324px;
/*  height: 285px;*/
/*  margin-right: 20px;*/
  /*float: left;*/
  display: inline-block;
}

.menu-produto.ultimo {
  margin-right: 0px;
}

.link-produto{ 
  cursor: pointer;
  width: 324px;
  margin: auto; 
}

.link-produto.ativo {
   cursor: default;
   pointer-events: none;
}

.menu-produto-top {
  height: 85px;
  padding-top: 20px;
  text-align: center;
  background: #8ec3ff;
/*  //opacity: 0.65;//*/
}

.menu-produto-bottom {
  height: 165px;
  padding-top: 10px;
  text-align: center;
  background: #8ec3ff;
/*  opacity: 0.65;*/
  padding-bottom: 30px;
}

/* BLOCO PRODUTOS DESTAQUE*/
 .bloco-produto-destaque{	
        width: 20%;
        height: 250px;
        float: left;
        text-align: center;
        background: #f2f2f2;
        box-shadow: inset 0px 0px 0px 2px #FFF;
        padding: 10px 0 20px;
    }
    
    .bloco-produto-destaquesp{	
        width: 20%;
        height: 215px;
        float: left;
        text-align: center;
        background: #f2f2f2;
        box-shadow: inset 0px 0px 0px 2px #FFF;
        padding: 10px 0 20px;
    }

    .bloco-produto-titulo{
        font-size: 15px;
        color: #009A39;
    }

    .subbloco-produto-destaque{
        height: 25px;
    }

    .bloco-produto-medio{
        height: 180px;
        padding: 10px;
    }
    
    .bloco-produto-mediosp{
        height: 140px;
        padding: 10px;
    }

    .priceprod{
    font-size: 20px;
}

    .bloco-produto-final{
        height: 25px;
    }

    .bloco-produto-destaque:hover {
        background: #d9d9d9;
    }
    
    .bloco-produto-destaquesp:hover {
        background: #d9d9d9;
    }
    
    .bloco-texto-produto{
        margin-bottom: 0px;
        margin-top: 10px;
        height: 52px;
        overflow: hidden;
    }
    
    /* FIM PRODUTOS DESTAQUE */

 .botao-comprar2 {
        height: 23px;
        padding: 1px 13px;
        margin-top: 30px;
        color: #fff;
        background-color: #12934d;
        display: inline-block;
        cursor: pointer;
        font-size: 12px;
        line-height: 22px;
        text-decoration: none;
    }
    
    .botao-comprar-cat {
        height: 23px;
        padding: 1px 13px;
        margin-top: 30px;
        color: #fff;
        background-color: #12934d;
        display: inline-block;
        cursor: pointer;
        font-size: 12px;
        line-height: 22px;
        text-decoration: none;
    }
    
.botao-comprar3 {
        height: 23px;
        padding: 1px 13px;
        margin-top: 10px;
        color: #fff;
        background-color: #023e78;
        display: inline-block;
        cursor: pointer;
        font-size: 12px;
        line-height: 22px;
    }

.titulo-ajuda-outros {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: 'Roboto-light-condensed';
  font-size: 16px;
  font-weight: bold;
  color: #353535;
  font-weight: 600;
  text-align: center;
  padding: 0 20px;
}

.texto-ajuda-outros {
  color: #353535;
  line-height: 18px;
  text-align: center;
  font-family: 'Roboto';
  font-size: 14px;
  padding: 0 20px;
  height:85px;
  text-decoration: none;
}

.menu-ajuda {
  width: 240px;
/*  height: 285px;*/
/*  margin-right: 20px;*/
  /*float: left;*/
 display: inline-block;
 margin-bottom: 20px;
 background-color: rgba(184, 209, 156, 0.9);
}

.div-menu-ajuda {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.div-menu-ajuda li{
width: 230px;
margin: 2px;
float: left;
max-height: 320px;
/*background-color: #f3f0f0;
padding: 10px 5px 10px 5px; */
}

.bloco-ajuda {
    height: 200px;
}
.container-ajuda {
  width: 980px;
  margin-right: auto;
  margin-left: auto;
}

.menu-ajuda.ultimo {
  margin-right: 0px;
}

.link-ajuda{ 
  cursor: pointer;
  width: 240px;
  margin: auto; 
}

.link-ajuda.ativo {
   cursor: default;
   pointer-events: none;
}

.menu-ajuda-top {
  height: 65px;
  padding-top: 20px;
  text-align: center;
}

.image-ajuda-top {
    width: 35px
}

 .helpimg {
    float: left;
    margin: 0px;
    padding: 2px;
    }  

.menu-ajuda-bottom {
  height: 70px;
  padding-top: 10px;
  text-align: center;
  padding-bottom: 30px;
}

.divider {
   position:absolute;
    left:50%;
    top:10%;
    bottom:10%;
    border-left:1px solid white;
}

.divider-col {
   position:absolute;
    left:75.9%;
    top:10%;
    bottom:10%;
    border-left:1px solid #505050;
   opacity: 0.15;    
}

/* BLOCO BANDEIRAS / SATISFACAO */
.separador-top { text-align: center;  }

.div-satisfacao {
  text-align: center;
  margin-top: 60px; 
  margin-bottom: 60px;
}

.section-bandeiras {
  width: 100%
}

.bandeiras-container {
  width: 50%;
    margin: auto;
    text-align: left;
}

.titulo-igual-mundo {
  margin-top: 30px;
  font-size: 35px;
  padding: 10px 0; 
  font-family: 'Roboto-light-condensed';
  color: #5a595b;
  display: inline-block;
  width: 100%
}

.img-bandeiras {
    padding-top: 10px;
    display: inline-block;
    top: 4px;
    position: relative;
  }


.titulo-satisfacao {
  font-family: 'Roboto-light-condensed';
  font-size:35px;
  color: #5a595b;
}

.subtitulo-satisfacao {
  font-family: 'Roboto-light-condensed';
  font-size:43px;
  color: #5a595b;
}

/*SLIDE VERTICAL*/
.vslide{max-width:450px; float:left; overflow: hidden;}
.vs-section,.vs-code{margin-top:16px!important;margin-bottom:16px!important}
.vs-content{max-width:450px;margin:auto}.vs-rest{overflow:hidden}
.vs-animate-top{position:relative;animation:animatetop 1.5s}@keyframes animatetop{from{top:-200px;opacity:0} to{top:0;opacity:1}}
.vs-animate-left{position:relative;animation:animateleft 1.5s}

@keyframes animateleft{
    from{left:-200px;opacity:0} to{left:0;opacity:1}}

@-webkit-keyframes animateleft {
  from{left:-200px;opacity:0} to{left:0;opacity:1}}

@-moz-keyframes animateleft {
  from{left:-200px;opacity:0} to{left:0;opacity:1}}
  
@-o-keyframes animateleft {
  from{left:-200px;opacity:0} to{left:0;opacity:1}}

.vs-animate-right{position:relative;animation:animateright 1.5s}@keyframes animateright{from{right:0px;opacity:0} to{right:0;opacity:1}}
.vs-animate-bottom{position:relative;animation:animatebottom 1.5s}@keyframes animatebottom{from{bottom:-200px;opacity:0} to{bottom:0;opacity:1}}

.container-news { max-width: 980px; margin-right: auto; margin-left: auto; }
 
.container-news .block-title { margin-bottom: 10px; border-bottom: 1px solid #C6C6C6; width: 500px; float: right; margin-top: 15px; }

/* BLOCKS */
.block { margin-bottom: 15px; }

.block-title { margin-bottom: 10px; border-bottom: 1px solid #C6C6C6;}
.block-title h1,
.block-title h2,
.block-title h3 { display: inline-block; font-size: 20px; color: #01723e; padding: 3px 0; text-transform: uppercase; }

/* BLOCK NEWSLETTER */
.block-newsletter { float: right; border: 0; width: 275px; }
.block-newsletter .legend { color: #555; line-height: 18px; margin-bottom: 15px; font-size: 13px; }
.block-newsletter .inputs { position: relative; }
.block-newsletter .inputs input { background: url(../images/bg_newsletter.png) no-repeat; width: 181px; color: #444; padding: 5px; margin-bottom: 2px; font-size: 12px;}
.block-newsletter .inputs input:focus { background: url(../images/bg_newsletter_over.png) no-repeat;   }
.block-newsletter .inputs .subscribe { position: absolute; top: 0; left: 195px; }
.block-newsletter .msg-container { padding: 10px 5px 0; text-align: center; }
.block-newsletter .block-title { border: 0; }
.block-newsletter .block-title h3 { color: #111; font-weight: normal; margin-bottom: 10px; display: block; text-decoration: none; text-transform:capitalize; font-size: 20px; border-bottom: 1px solid #d2d2d2; padding-top: 0;}

/* BLOCK STATIC */
.block-static .block-title { margin-bottom: 15px; }
.block-static .block-content { font-size: 12px; line-height: 18px; }
.block-static .block-content p { margin-bottom: 10px; }

/* BLOCK STATIC DARK */
.block-static.dark-block .block-title { border-bottom: 2px solid #000; margin-bottom: 0; background: none; padding: 0; }
.block-static.dark-block .block-title h1,
.block-static.dark-block .block-title h2,
.block-static.dark-block .block-title h3 { display: inline-block; background: #000; font-size: 18px; color: #fff; padding: 3px 5px; text-transform: uppercase;  }
.block-static.dark-block .block-content { padding: 10px; background: #eee; }
.block-static.dark-block .block-content a { color: #e43973; }

/* BLOCK SEARCH */
.block-search li { margin-bottom: 10px; }
.block-search li .title { margin-bottom: 5px; }
.block-search li .title a { color: #73a533; font-size: 14px; }
.block-search li .actions { text-align: right; }
.block-search li .actions .link { color: #73a533; font-size: 12px; font-weight: bold; cursor: pointer; }
.block-search li .description { color: #44444; line-height: 16px; margin-bottom: 5px; }
.block-search li .url { font-size: 10px; text-decoration: underline; }
.block-search li .graph { border: 1px solid #ccc; display: inline-block; width: 70px; height: 8px; margin-left: 5px; padding: 1px; }
.block-search li .graph .fill { background: #73a533; display: block; width: 0; height: 100%;}

/* ARTICLES */
.block-articles .block-title {  }
.block-articles .block-title h1,
.block-articles .block-title h2,
.block-articles .block-title h3 { background: none; font-size: 15px; color: #666666; }

/* ARTICLES GRID */
.articles-grid .article { float: left; margin-bottom: 15px; padding-bottom: 25px; position: relative; }
.articles-grid .article.last { margin: 0 !important; }
.articles-grid .article .content { overflow:hidden; color: #666; line-height: 16px; }
.articles-grid .article .title a,
.articles-grid .article .title { color: #b29a18; font-size: 14px; margin-bottom: 5px; text-transform: uppercase; }
.articles-grid .article .article-image { margin-bottom: 5px; padding: 5px; background: #eee; border-radius: 5px; border: 1px solid #ddd; }
.articles-grid .article .actions { position: absolute; bottom: 0; text-align: right; width: 100%; }
.articles-grid .article .actions .link { color: #D15E85; font-size: 12px; font-weight: bold; cursor: pointer; }

.articles-grid.grid-4-cols .article { height: 230px; width: 23%; margin-right: 2.6%; }
.articles-grid.grid-3-cols .article { height: 295px; width: 31.5%; margin-right: 2.6%; }
.articles-grid.grid-2-cols .article { height: 335px; width: 48.5%; margin-right: 2.6%; }

.col1-page .articles-grid.grid-4-cols .article { height: 250px; }
.col1-page .articles-grid.grid-3-cols .article { height: 290px; }
.col1-page .articles-grid.grid-2-cols .article { height: 410px; }

/* DATAGRID */
.datagrid { width: 100%; }
.datagrid thead tr.sorters  { background: #ddd; }
.datagrid thead tr.filters  { background: #eee; }
.datagrid thead tr.mass-actions select { padding: 4px; border-radius: 4px; border: 1px solid #ccc; color: #666; }
.datagrid thead tr.mass-actions th { padding: 3px 0; }
.datagrid thead tr.sorters th { font-size: 14px; vertical-align: top; padding: 2px 5px; font-weight: bold; color: #222; }
.datagrid thead tr.filters th { padding: 7px; font-weight: bold; color: #222; vertical-align: top; border-bottom: 1px solid #ccc; }
.datagrid tbody td { padding: 3px 5px; font-size: 13px; border-bottom: 1px solid #ccc;}

.datagrid thead tr.filters .select,
.datagrid thead tr.filters .number input,
.datagrid thead tr.filters .date input,
.datagrid thead tr.filters .text { width: 100%; background: #fff; border: 1px solid #aaa; padding: 2px; font-size: 12px; display: block; }
.datagrid thead tr.filters .number input,
.datagrid thead tr.filters .date input,
.datagrid thead tr.filters .text { padding: 3px; }
.datagrid thead tr.filters .number  { width: 100%; }
.datagrid thead tr.filters .date label,
.datagrid thead tr.filters .number label { display: table-cell; vertical-align: middle; padding-right: 5px;}
.datagrid thead tr.filters .date span,
.datagrid thead tr.filters .number span { display: table-cell; width: 100%; }
.datagrid thead tr.filters .date input,
.datagrid thead tr.filters .number input { width: 100%; }
.datagrid thead tr.filters .date .row,
.datagrid thead tr.filters .number .row { width: 100%; display: block; height: 27px; }
.datagrid thead tr.filters .date input { min-width: 70px; }

.datagrid .sorter { text-decoration: none; display: block; padding-right: 15px; }
.datagrid .sorter.desc { background: url(../images/small_arrow_down.png) no-repeat center right; }
.datagrid .sorter.asc { background: url(../images/small_arrow_up.png) no-repeat center right; }

.pager-and-filter-actions { width: 100%; }

.pager { margin: 5px 0; }
.pager ul { float: left; }
.pager li { float: left; background: url(../images/bg_bt.png) repeat-x scroll 0 0 #A9C882; margin-left: 3px; width: 20px; text-align: center}
.pager li:hover { background-image: url(../images/bg_bt_over.png); }
.pager li.selected { background: url(../images/bg_bt2.png) repeat-x scroll 0 0 #B6B6B6; }
.pager li a  { color: #fff; text-decoration: none;  padding: 3px 5px;  }
.pager li.selected a { color: #333; }

.filter-actions { text-align: right; }

/* PAGINATION */
.pagination { margin-bottom: 5px; text-align:right; }

/* ARTICLES LIST */
.articles-list { }
.articles-list .article { padding-bottom: 10px; position: relative; margin-bottom: 15px; border-bottom: 1px solid #ccc;}
.articles-list .article:last-child { border-bottom: 0; margin-bottom: 0; }
.articles-list .article .article-images { width: 160px; }
.articles-list .article .article-images li { margin-bottom: 10px; }
.articles-list .article .article-images li:last-child { margin-bottom: 0; }
.articles-list .article .content { line-height: 16px; color: #666; margin-bottom: 10px; }
.articles-list .article .content p { margin-bottom: 10px; }
.articles-list .article .content .destaque { margin-bottom: 10px; color:#73A533;font-size:14px;font-weight:bold;  }
.articles-list .article .content .title{ color: #73a533; font-size: 20px; margin-bottom: 15px; font-weight: bold; }
.articles-list .article .content .title a { color: #e43973; text-decoration: none;  }
.articles-list .article .content ul,
.articles-list .article .content ol { margin-left: 20px; margin-bottom: 10px;}
.articles-list .article.images-off-text-left .article-images,
.articles-list .article.images-in-text-left .article-images {  float: left; margin-right: 10px;  }
.articles-list .article .actions { text-align: right; position: absolute; bottom: 15px; width: 100%; }
.articles-list .article .actions .link { color: #D15E85; font-size: 12px; font-weight: bold; cursor: pointer; }
.articles-list .article .content ul { list-style: disc outside;}

.articles-list .article.images-off-text-right .article-images,
.articles-list .article.images-in-text-right .article-images {  float: right; margin-left: 10px;  }

.articles-list .article.images-off-text-left .content { margin-left: 170px; }
.articles-list .article.images-off-text-right .content { margin-right: 170px; }

/* ARTICLES LIST */
.articles-extensible-pannels { }
.articles-extensible-pannels .article { position: relative; }
.articles-extensible-pannels .article .collapsable { padding-bottom: 15px; display: none; }
.articles-extensible-pannels .article .article-images { width: 160px; }
.articles-extensible-pannels .article .article-images li { margin-bottom: 10px; }
.articles-extensible-pannels .article .article-images li:last-child { margin-bottom: 0; }
.articles-extensible-pannels .article .content { line-height: 16px; color: #666; margin-bottom: 30px; }
.articles-extensible-pannels .article .content p { margin-bottom: 10px; }
.articles-extensible-pannels .article .title{ color: #acc30f; font-size: 14px; text-transform: uppercase; margin-bottom: 5px; color: #666; padding: 6px; cursor: pointer; background: #ebebeb no-repeat 98% 9px url(../images/arrow_down.png); }
.articles-extensible-pannels .article .title:hover { background-color: #ddd; }
.articles-extensible-pannels .article .title.opened { background-image: url(../images/arrow_up.png) ; } 
.articles-extensible-pannels .article.images-off-text-left .article-images,
.articles-extensible-pannels .article.images-in-text-left .article-images {  float: left; margin-right: 10px;  }
.articles-extensible-pannels .article .actions { text-align: right;  }

.articles-extensible-pannels .article.images-off-text-right .article-images,
.articles-extensible-pannels .article.images-in-text-right .article-images {  float: right; margin-left: 10px;  }

.articles-extensible-pannels .article.images-off-text-left .content { margin-left: 170px; }
.articles-extensible-pannels .article.images-off-text-right .content { margin-right: 170px; }

/* ARTICLES TABS */
.articles-tabs-titles { }
.articles-tabs-titles li { float: left; padding: 10px; display: block; margin-left: 5px; cursor: pointer; text-transform: uppercase; font-size: 12px; color: #666; font-weight: bold;}
.articles-tabs-titles li.selected { background: #ebebeb; }

.articles-tabs { }
.articles-tabs .article { position: relative; border: 2px solid #ebebeb; padding: 10px; }
.articles-tabs .article.hide { display: none; }
.articles-tabs .article .article-images { width: 160px; }
.articles-tabs .article .article-images li { margin-bottom: 10px; }
.articles-tabs .article .article-images li:last-child { margin-bottom: 0; }
.articles-tabs .article .content { line-height: 16px; color: #666; margin-bottom: 30px; }
.articles-tabs .article .content p { margin-bottom: 10px; }
.articles-tabs .article .content .title{ color: #acc30f; font-size: 14px; text-transform: uppercase; margin-bottom: 5px; }
.articles-tabs .article .content .title a { color: #acc30f;  }
.articles-tabs .article.images-off-text-left .article-images,
.articles-tabs .article.images-in-text-left .article-images {  float: left; margin-right: 10px;  }
.articles-tabs .article .actions { text-align: right; }

.articles-tabs .article.images-off-text-right .article-images,
.articles-tabs .article.images-in-text-right .article-images {  float: right; margin-left: 10px;  }

.articles-tabs .article.images-off-text-left .content { margin-left: 170px; }
.articles-tabs .article.images-off-text-right .content { margin-right: 170px; }

/* BLOCKS NAVIGATION */
.block-navigation { }
.block-navigation .block-title { border-bottom: 0; margin-bottom: 0;  padding: 3px 5px;  }
.block-navigation .block-title h3 { color: #333; font-size: 15px;}
.block-navigation ul li { position: relative; }
.block-navigation ul li.level-1 {margin-top: 8px;}
.block-navigation ul li.item-1 { /*border-top: 1px solid #c6c6c6;*/ }
.block-navigation ul li a { padding: 7px 10px 7px 16px; background: url(../images/link_arrow_2.png) no-repeat 6px center; color: #017235; font-size: 14px; display: block; text-decoration: none; font-family:Tahoma, Geneva, sans-serif; font-weight: bold; }
.block-navigation ul li.active > a{ background-color: #f2f2f2 !important;  }
.block-navigation ul li a:hover { background-color: #f8f8f8; }
.block-navigation ul li.level-2 a { background-position: 15px center; padding: 7px 10px 7px 24px;  }
.block-navigation ul li:last-child { border-bottom: 0; }
.block-navigation ul li li a { font-weight: normal; color: #333333; font-size: 13px; } 

/* CATALOG */

.category-description { line-height: 18px; margin-bottom: 20px; }
.category-description p { margin-bottom: 15px; }
.category-description p.destaque { margin-bottom: 15px; color:#73A533;font-size:14px;font-weight:bold; }

.category-description ul { margin-bottom: 10px; margin-left: 30px; list-style:outside disc; }
.category-description ol { margin-bottom: 10px; margin-left: 30px; list-style: decimal outside; }

/* CATALOG CATEGORIES */
.categories-list { }
.categories-list ul li { padding: 15px; border-bottom: 1px solid #e5e5e5; height: 160px; /*background: url(../images/bg_product_list.png) repeat-x #eaeaea*/;  }
.categories-list ul li.last { margin-right: 0; }
.categories-list ul li:first-child { border-top: 1px solid #e5e5e5;  }
.categories-list ul li .image { cursor: pointer; float: left; width: 170px; }
/*.categories-list ul li .image img { border: 1px solid #ccc; }*/
.categories-list ul li .container { margin-left: 190px; }
.categories-list ul li .title { color: #01723e; font-size: 13px; font-weight: bold; margin: 5px 0; text-transform: uppercase;}
.categories-list ul li .title a { color: #01723e; text-decoration: none; }
.categories-list ul li .intro { color: #666; line-height: 16px; overflow: hidden; margin-bottom: 15px; }
.categories-list ul li .actions { font-weight: bold; text-align: right;}
.categories-list ul li .actions a { display: inline-block; margin-top: 5px; }
.categories-list ul li .intro ol { list-style: decimal outside; margin-left: 20px; }
.categories-list ul li .intro ul { list-style: disc outside; margin-left: 20px; }
.categories-list ul li .intro li { height: auto; float: none; width: auto; margin-bottom: 5px; border: 0; padding: 0; background: none; }
.categories-list ul li .price { float: left; font-weight: bold; font-size: 12px; color: #333; }

.categories-grid { border-bottom: 2px solid #e0e0e0; }
.categories-grid .container {background-color: #FFFFFF; border: solid 1px #e2e2e2; padding: 15px; }
.categories-grid ul li { width: 32%; margin-right: 2%; margin-bottom: 5%; float: left; height: 300px; }
.categories-grid ul li.last { margin-right: 0; }
.categories-grid ul li .image { cursor: pointer; width: 80%; height: 105px; margin-left: auto; margin-right: auto; display: block; }
.categories-grid ul li .title { color: #01723e; font-size: 14px; height: 28px; font-weight: bold; margin: 5px 0; text-transform: uppercase; text-align: center;}
.categories-grid ul li .title a { color: #01723e; text-decoration: none; }
.categories-grid ul li .intro { color: #666; line-height: 16px; height: 70px; overflow: hidden; margin-bottom: 5px; }
.categories-grid ul li .actions { font-weight: bold; text-align: center;}
.categories-grid ul li .actions a { display: inline-block; margin-top: 10px; }
.categories-grid ul li .intro ol { list-style: decimal outside; margin-left: 20px; }
.categories-grid ul li .intro ul { }
.categories-grid ul li .intro li { height: auto; float: none; width: auto; margin-bottom: 5px; margin-top: 5px; list-style-type: none; text-align: center;}
.categories-grid ul li .price { /*float: left;*/ font-weight: bold; font-size: 12px; color: #333; text-align: center; }

/* PRODUCTS GRID */
.products-grid ul li { width: 32%; margin-right: 1.9%; float: left; height: 345px; }
.products-grid ul li .image-container { padding: 5px; border: 2px solid #ddd; }
.products-grid ul li.last { margin-right: 0; }
.products-grid ul li .image { cursor: pointer; }
.products-grid ul li .title { color: #01723E; font-size: 14px; font-weight: normal; margin: 5px 0; height: 35px; }
.products-grid ul li .title a { color: #01723E; text-transform: uppercase; font-weight: bold; }
.products-grid ul li .intro { color: #666; line-height: 16px; height: 80px; overflow: hidden; margin-bottom: 5px; }
.products-grid ul li .intro p { margin-bottom: 5px;  }
.products-grid ul li .intro ul { margin-left: 20px; list-style: disc outside; margin-bottom: 5px; }
.products-grid ul li .intro ul li { height: auto; float: none; }
.products-grid ul li .price { margin-bottom: 10px; font-weight: bold; }
.products-grid ul li .actions { font-weight: bold; text-align: right;}
.products-grid ul li .actions a {  color: #fff;  }

/* PRODUCTS LIST */
.products-list ul li { padding: 15px; border-bottom: 1px solid #cccccc; background: url(../images/bg_product_list.png) repeat-x #eaeaea; }
.products-list ul li.first { border-top: 1px solid #cccccc;  }
.products-list ul li .image-container { width: 170px; float: left; }
.products-list ul li .image-container img {border: 1px solid #ccc; }
.products-list ul li .description { margin-left: 185px; }
.products-list ul li .image { cursor: pointer; }
.products-list ul li .title { color: #acc30f; font-size: 14px; font-weight: normal; margin: 5px 0 10px; }
.products-list ul li .title a { color: #01723e; font-weight: bold; }
.products-list ul li .intro { color: #666; line-height: 16px; overflow: hidden; margin-bottom: 5px; font-size: 12px; }
.products-list ul li .intro p { margin-bottom: 5px; }
.products-list ul li .price { float: left; font-size: 13px; color: #333; margin-top: 4px; }
.products-list ul li .actions { font-weight: bold; text-align: right;}
.products-list ul li .actions a {  color: #fff; display: inline-block;  }
.products-list ul li li { height: auto; float: none; width: auto; margin-bottom: 5px; border: 0; padding: 0; background: none; list-style: disc outside; margin-left: 20px; }

/* NEWS LIST */
.news-list ul li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e4e4e4;}
.news-list ul li.last { }
.news-list ul li .image-container { width: 160px; float: right; padding: 5px; }
.news-list ul li .description { margin-right: 180px; }
.news-list ul li .image { cursor: pointer; }
.news-list ul li .date { color: #555; font-size: 11px; }
.news-list ul li .title { color: #01723e; font-size: 14px; /*font-weight: normal;*/ margin: 5px 0; }
.news-list ul li .title a { color: #01723e; font-size: 14px; text-transform: uppercase; text-decoration:none; }
.news-list ul li .intro { color: #666; line-height: 16px; height: 83px; overflow: hidden; margin-bottom: 5px; }
.news-list ul li .actions { font-weight: bold; text-align: right;}

/* TOOLBAR */
.toolbar { background: #eee; border: 1px solid #ccc; height: 36px; position: relative; margin-bottom: 10px; display:none; }
.toolbar .grid-button { width:25px; height: 25px; background: url(../images/grid_button.png) no-repeat; position: absolute; top: 6px; left: 6px; cursor: pointer; }
.toolbar .grid-button.selected,
.toolbar .grid-button:hover { background-image: url(../images/grid_button_selected.png); }
.toolbar .list-button { width:25px; height: 25px; background: url(../images/list_button.png) no-repeat; position: absolute; top: 6px; left: 36px; cursor: pointer;  }
.toolbar .list-button.selected,
.toolbar .list-button:hover { background-image: url(../images/list_button_selected.png); }

.toolbar .items-per-page { float: right; margin-top: 7px; margin-right: 15px; color: #444; }
.toolbar .items-per-page label { margin-right: 5px; }
.toolbar .items-per-page select { border: 1px solid #ccc; width: 60px; padding: 1px; color: #444;  }

.toolbar .sorter { float: right; margin-top: 7px; margin-right: 15px; color: #444; width: 210px; position: relative;}
.toolbar .sorter label { margin-right: 5px; }
.toolbar .sorter select { border: 1px solid #ccc; width: 120px; padding: 1px; color: #444; }
.toolbar .sorter .sort-direction { width: 10px; height: 10px; position: absolute; top: 6px; right: 0; cursor: pointer; }
.toolbar .sorter .sort-direction.asc { background: url(../images/small_arrow_up.png) no-repeat; }
.toolbar .sorter .sort-direction.desc { background: url(../images/small_arrow_down.png) no-repeat; }

.toolbar .pager { float: right; position: relative; width: 150px; height: 35px; margin-right: 10px;}
.toolbar .pager .info { position: absolute; text-align: center; width: 100px; left: 25px; top: 10px; font-size: 12px; color: #444;  }
.toolbar .pager .button { height: 25px; width: 25px; background: no-repeat; padding: 0; position: absolute; top: 5px; border-radius: 0; overflow: hidden; }
.toolbar .pager .button a { text-indent: 30px; white-space:nowrap;  display: block; height: 25px; width: 25px;}

.toolbar .pager .button.prev { background-image: url(../images/button_left.png); left: 0; }
.toolbar .pager .button.prev:hover { background-image: url(../images/button_left_over.png); }
.toolbar .pager .button.prev.disabled { background-image: url(../images/button_left_disabled.png); cursor: auto; }

.toolbar .pager .button.next { background-image: url(../images/button_right.png); right: 0; }
.toolbar .pager .button.next:hover { background-image: url(../images/button_right_over.png); }
.toolbar .pager .button.next.disabled { background-image: url(../images/button_right_disabled.png); cursor: auto; }

/* PRODUCT VIEW */
.product-view .product-images { width: 345px; float: left; }
.product-view .product-images .base-image { margin-bottom: 10px; border: 2px solid #ddd; padding: 5px; border-radius: 3px; }
.product-view .product-images .other-images li { width: 96px; height: 72px; overflow: hidden; float: left; margin-right: 7px; margin-bottom: 7px; border: 2px solid #ddd; padding: 5px;  border-radius: 3px; }
.product-view .product-images .other-images li a {  }
.product-view .product-images .other-images li.last { margin-right: 0; }

.product-view .product-description { color: #444; line-height: 16px; margin-bottom: 30px;}
.product-view .product-description p { margin-bottom: 10px; }

.product-view .product-footer-bar { margin-top: 15px; background: #eeeeee; border-top: #ccc 1px solid; padding: 5px 10px; }
.product-view .product-footer-bar .addthis_toolbox { float: right; margin-top: 2px; }

.product-view .product-tabs { margin-bottom: 10px; }
.product-view .product-tabs .clear { margin-top: -1px; }
.product-view .product-tabs .hide { display: none; }
.product-view .product-tabs .articles-tabs-titles li { background: none; padding: 0; margin-right: -15px; position: relative; z-index: 9; }
.product-view .product-tabs .articles-tabs-titles li span { display: block; background: url(../images/product_tab_unselected.png) no-repeat left top; padding-left: 16px; }
.product-view .product-tabs .articles-tabs-titles li span span { display: block; background: url(../images/product_tab_unselected.png) no-repeat right top; padding: 10px 16px 5px 0; color: #fff; }
.product-view .product-tabs .articles-tabs-titles li.selected { background: none;  z-index: 99;}
.product-view .product-tabs .articles-tabs-titles li.selected span { background-image: url(../images/product_tab_selected.png);}
.product-view .product-tabs .articles-tabs-titles li.selected span span { background-image: url(../images/product_tab_selected.png); color: #333;}

.product-view .product-tabs .articles-tabs-content li { padding: 15px; background: #ededed; margin-top: -1px; color: #333; }
.product-view .product-tabs .articles-tabs-content li p { margin-bottom: 10px; }
.product-view .product-tabs .articles-tabs-content li.requirements ul { list-style: outside disc; margin-left: 20px; margin-bottom: 10px; }
.product-view .product-tabs .articles-tabs-content li.requirements ul li { margin-bottom: 5px; padding: 0; }

.product-view .product-tabs .articles-tabs-content .product-shop p { font-weight: bold; }
.product-view .product-tabs .articles-tabs-content .product-shop li { padding: 0; margin: 0 0 5px 0; position: relative; background: none; }
.product-view .product-tabs .articles-tabs-content .product-shop li input { margin: 0; }
.product-view .product-tabs .articles-tabs-content .product-shop li label { margin: 0 0 0 0; position:relative; top: -2px; cursor: pointer; font-size: 12px; font-weight: bold; }
.product-view .product-tabs .articles-tabs-content .product-shop li label span { display: block; position: absolute; top: 0; overflow: hidden; }
.product-view .product-tabs .articles-tabs-content .product-shop li label .description { width: 160px; left: 5px; }
.product-view .product-tabs .articles-tabs-content .product-shop li label .price  { width: 80px; left: 175px; }
.product-view .product-tabs .articles-tabs-content .product-shop li label .extra-info { width: 170px; left: 260px; }
.product-view .product-tabs .articles-tabs-content .product-shop .actions { margin-top: 15px; height: 50px; }
.product-view .product-tabs .articles-tabs-content .product-shop .actions .bt-comprar { float: right; }

.product-view .discounts-qty { background: #73a533 url(../images/percent.png) no-repeat 20px 20px; padding: 15px 15px 15px 60px; color: #fff; }
.product-view .discounts-qty li { font-size: 13px; margin-bottom: 5px; font-weight: bold; }
.product-view .discounts-qty p { font-size: 15px; font-weight: bold; margin-bottom: 10px;}

/* NEWS VIEW */
.news-view .news-images { width: 350px; float: left; }
.news-view .news-images .base-image { margin-bottom: 10px; }
.news-view .news-images .other-images li { width: 110px; height: 82px; overflow: hidden; float: left; margin-right: 10px; margin-bottom: 10px; }
.news-view .news-images .other-images li.last { margin-right: 0; }

.news-view .news-description { margin-left: 365px; color: #444; line-height: 17px;}
.news-view .news-description h2 { color: #73a533; font-size: 18px; margin-bottom: 10px; }
.news-view .news-description p { margin-bottom: 10px; }
.news-view .news-description .date { font-weight: bold; margin-bottom: 2px; }

.news-view .news-footer-bar { margin-top: 15px; background: #eeeeee; border-top: #ccc 1px solid; padding: 5px 10px; }
.news-view .news-footer-bar .addthis_toolbox { float: right; margin-top: 2px; }

/* FORM FIELDS */
.form-fields { margin-bottom: 30px; }
.form-fields label { display: block; }
.form-fields label .required { color: #ff0000; }
.form-fields select,
.form-fields input, 
.form-fields textarea { padding: 4px; border-radius: 4px; border: 1px solid #ccc; width: 464px; margin-bottom: 10px; color: #666;}
.form-fields select { width: 474px; }
.form-fields select.error,
.form-fields select.other-error,
.form-fields input.error, 
.form-fields input.other-error, 
.form-fields textarea.other-error,
.form-fields textarea.error { box-shadow: 0 0 4px #ff0000 !important; }
.form-fields select:focus,
.form-fields input:focus, 
.form-fields textarea:focus { box-shadow: 0 0 4px #8bbe49; }
.form-fields .readonly { background-color: #eee !important; }
.form-fields textarea { height: 150px; }
.form-fields .submit { text-align: right; }
.form-fields .fieldset { margin-bottom: 15px; }

.form-fields .row-1-field { clear: both; }
.form-fields .row-1-field .field  textarea,
.form-fields .row-1-field .field  input { width: 97.5%; }

.form-fields .hidden-group { display: none; }
.form-fields .row-2-fields { clear: both; }
.form-fields .row-2-fields .field { width: 50%; float: left; }
.form-fields .row-2-fields .field textarea { width: 95%; }
.form-fields .row-2-fields .field  input { width: 95%; }
.form-fields .row-2-fields .field  select { width: 97.9%; }
.form-fields .row-2-fields .zip-code .zip-1 { width: 55%; }
.form-fields .row-2-fields .zip-code .zip-2 { width: 25%; }

.form-fields .field-error { color: #CC1317; margin-top: -5px; margin-bottom: 10px; display: block; font-weight: bold;  }

.ssl-form { margin-top: 15px; }
.ssl-form .input-text { background: #fff; }

/* CONTACT FORM */
.contact-form-description { margin-bottom: 20px; line-height: 18px; }

/* SITEMAP */
.sitemap ul li { font-size: 12px; } 
.sitemap ul li > a{ background: url(../images/link_arrow_2.png) no-repeat 3px 8px; }
.sitemap ul li > a:hover { background-color: #eee; }
.sitemap ul li a { color: #666; text-decoration: none; font-weight: bold;  border-bottom: 1px solid #ccc; padding: 3px 15px; display: block; }
.sitemap ul li li { background: none;  border-bottom: 1px dashed #ddd; padding-left: 20px; }
.sitemap ul li li a { font-weight: normal; border: 0;}
.sitemap ul li li:last-child { border-bottom: 1px solid #ddd;}
.sitemap ul li li li { padding-left: 20px; }
.sitemap ul li li li:first-child {  border-top: 1px solid #ddd; }
.sitemap ul li li li:last-child {  border-bottom: 0; }

/* BANNERS */
.banners.page { height: 208px; width: 100%; margin: 0 auto; margin-bottom: 10px; overflow: hidden; text-align: center; position: relative; z-index: 999;}
.banners.page .image { height: 286px; width: 100%; background-repeat: no-repeat; background-position: top center; }

.home-banners { height:500px; position: relative; overflow: hidden; background: url(../images/header_end.png) no-repeat scroll center bottom transparent;  padding-bottom: 3px; background-size: 100%;}
.home-banners li { width: 100%; height: 500px; background: top center no-repeat; position: absolute; top: 0; left: 0; display: none;}
.home-banners li.active { display: block; }
.home-banners li.link { cursor: pointer; }

.home-banners-navigation { display: block; z-index: 9; position:absolute; bottom: 15px; text-align: center; width: 100%;}
.home-banners-navigation li { display: inline-block; position:static; background: url(../images/bt_slider.png) no-repeat; width: 10px; height: 11px; margin-left: 4px; cursor: pointer;}
.home-banners-navigation li.active { background: url(../images/bt_slider_active.png) no-repeat; display: inline-block; }

/*BANNERS HOMEPAGE*/
.slide1-1{
        position: absolute;
        display: block;
        text-align: center;
	top: 50%;
        transform: translateY(-50%);
        color: #ffffff;    
        width: 60%;
        font-size: 2.5vw;
        text-shadow: 2px 2px #000000;
	animation-duration: 14s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.slide1-2{
        position: absolute;
        display: block;
        text-align: center;
	top: 50%;
        transform: translateY(-50%);
        color: #ffffff;    
        width: 60%;
        font-size: 2.5vw;
        text-shadow: 2px 2px #000000;
	animation-duration: 13s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
} 

.slide2-1{
	position: absolute;
        display: block;
        text-align: center;
	top: 4em;
        color: #000000;    
        width: 60%;
        font-size: 4em;
	animation-duration: 13s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.slide2-2{
        position: absolute;
        display: block;
        text-align: center;
	top: 4em;
        color: #000000;    
        width: 60%;
        font-size: 3.5em;
	animation-duration: 14s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
} 

.slide3-1{
        position: absolute;
        display: block;
        text-align: center;
	top: 8.2em;
        color: #000000;    
        width: 60%;
        font-size: 2.4em;
	animation-duration: 14s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
} 

.slide3-2{
        position: absolute;
        display: block;
        text-align: center;
	top: 8.2em;
        color: #000000;    
        width: 60%;
        font-size: 2.4em;
	animation-duration: 14s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
} 

.slide3-3{
        position: absolute;
        display: block;
        text-align: center;
	top: 8.6em;
        color: #000000;    
        width: 60%;
        font-size: 3.5em;
	animation-duration: 14s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
} 

.slide4-1{
        position: absolute;
        display: block;
/*        text-align: center;*/
	top: 50%;
        transform: translateY(-50%);
        color: #ffffff;    
        width: 60%;
        font-size: 2.5vw;
        text-shadow: 2px 2px #000000;
	animation-duration: 14s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.slide4-2{
        position: absolute;
        display: block;
/*        text-align: center;*/
	top: 50%;
        transform: translateY(-50%);
        color: #ffffff;    
        width: 60%;
        font-size: 2.5vw;
        text-shadow: 2px 2px #000000;
	animation-duration: 13s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
} 



.slide1-1{
	animation-name: anim-1;
}

.slide1-2{
	animation-name: anim-2;
}

.slide2-1{
	animation-name: anim-1;
}

.slide2-2{
	animation-name: anim-2;
}

.slide3-1{
	animation-name: anim3-1;
}

.slide3-2{
	animation-name: anim3-2;
}

.slide3-3{
	animation-name: anim3-3;
}

.slide4-1{
	animation-name: anim4-1;
}

.slide4-2{
	animation-name: anim4-2;
}

@keyframes anim-1 {
	0%, 12.50% { left: -100%; opacity: 0; }
  12.50%,37.50% { left: 20%; opacity: 1; }
  50%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-2 {
	0%, 50% { left: -100%; opacity: 0; }
  62.44%, 87.43% { left: 20%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}

@keyframes anim3-1 {
	0%, 10% { left: -100%; opacity: 0; }  
        10%, 35% { left: 20%; opacity: 1; }
        50%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim3-2 {
	0%, 40% { left: -100%; opacity: 0; }  
        50%, 55% { left: 20%; opacity: 1; }
        80%, 100% { left: 20%; opacity: 1; }
}

@keyframes anim3-3 {
	0%, 10% { left: -100%; opacity: 0; }  
        20%, 100% { left: 20%; opacity: 1; }
}

@keyframes anim4-1 {
	0%, 12.50% { left: -100%; opacity: 0; }
  12.50%,37.50% { left: 5%; opacity: 1; }
  50%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim4-2 {
	0%, 50% { left: -100%; opacity: 0; }
  62.44%, 87.43% { left: 5%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}
  

/*.nivoSlidercss {position: relative; width: 100%; height:208px;}*/

/* RECRUITMENT */
.recruitment .subtitle { margin-bottom: 15px; text-transform: uppercase; color: #B29A18; font-weight: bold; font-size: 16px; padding-bottom: 5px; border-bottom: 1px solid #B29A18; }
.recruitment p { margin-bottom: 15px; }
.recruitment .authorize { border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; padding-top: 15px; margin-bottom: 15px; }
.recruitment .authorize input { width: 30px; float: left; }
.recruitment .authorize p { margin-left: 30px; }

/* SIDE NEWS LIST */
.side-news-list ul li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e4e4e4;}
.side-news-list ul li.last { }
.side-news-list ul li .image-container { width: 76px; float: left; background: #fff; padding: 0; margin: 0; }
/*.side-news-list ul li .description { margin-left: 90px; }*/
.side-news-list ul li .image { cursor: pointer; padding: 0; margin: 0; }
.side-news-list ul li .date { color: #666; font-size: 12px; }
.side-news-list ul li .title { font-size: 16px; font-weight: normal; margin: 0 0 5px; }
.side-news-list ul li .title a { font-weight: bold; }
.side-news-list ul li .intro { color: #666; line-height: 16px; height: 50px; overflow: hidden; margin-bottom: 5px; font-size: 14px;}
.side-news-list ul li .actions { font-weight: bold; text-align: right;}
.side-news-list ul li .actions a {  color: #444;  }

/* BLOCK NEWS */
.block-news { background: #fff; }
.col-left .block-news .block-title { position: absolute; top: 0; left: 0; width: 212px; padding: 5px 15px; border-bottom: 0; background: #01723e; }
.col-left .block-news .block-title h3 { color: #fff; font-size: 14px; font-weight: bold; }
.block-news .side-news-list { margin-top: 40px; max-width: 490px; float: right; }
.block-news .side-news-list .actions { text-align: right; }
.block-news .side-news-list .actions span { color: #01723E; font-weight: bold; font-size: 14px; cursor: pointer; }
.block-news .side-news-list .actions span:hover { text-decoration: underline; }

.map-container { padding: 5px; border-radius: 4px; border: 2px solid #ddd; }
.contacts strong { color: #B29A18; }

.como-funciona .title { color: #01723e; font-size: 20px; border-bottom: 1px solid #d6d6d6; padding-bottom: 5px; }
.como-funciona ul { margin-bottom: 30px; }
.como-funciona li { border-bottom: 1px solid #d6d6d6; padding-bottom: 10px; margin-bottom: 10px; cursor: pointer;  }
.como-funciona li .icon { background: no-repeat left top; padding-left: 60px; }
.como-funciona li .icon.comprar { margin-top: -35px;}
.como-funciona li .icon.agendar { margin-top: -35px;}
.como-funciona li .icon.instalar {  margin-top: -35px;}
.como-funciona li .icon.renovacao { margin-top: -35px; }
.como-funciona li .icon.assistente {  margin-top: -35px;}
.como-funciona li .icon strong { display: block; font-size: 18px; color: #333; font-weight: normal; text-decoration: underline; margin-bottom: 10px;}
.como-funciona li .icon span { color: #666; }
.como-funciona li .link a { color: #333; text-decoration:none; background: url(../images/link_arrow.png) no-repeat left center; padding-left: 8px; cursor: pointer; font-weight: bold;}
.como-funciona li .link a:hover { text-decoration: underline; }

.links-home .block { float: left; width: 348px; }
.links-home .block strong { display:block; color: #01723E; font-size: 14px; text-transform: uppercase; }
.links-home .block li { margin-bottom: 5px; }
.links-home .block li a {  background: url(../images/link_arrow_2.png) no-repeat left center; padding-left: 10px; cursor: pointer; font-weight: bold; color: #555; text-decoration: none;  }
.links-home .block li a:hover { text-decoration: underline; color: #01723E; }

.localizacao { position: relative; padding-top: 20px; }
.localizacao table { background: #ececec; width: 100%; }
.localizacao table th { background: #cdcdcd; color: #666; font-weight: bold; font-size: 15px;}
.localizacao table th,
.localizacao table td { padding: 3px 5px; border: 1px solid #d6d6d6; }
.localizacao table td strong { color: #73a533; font-size: 14px; }
.localizacao table td { font-size: 12px; color: #333; }
.localizacao p { color: #333; }
.localizacao .block-title { position: absolute; top: 0; left: -15px; width: 212px; padding: 5px 15px; border-bottom: 0; background: #01723e; }
.localizacao .block-title h3 { color: #fff; font-size: 16px; }
.localizacao .block-content { padding-top: 37px; }

.support-centers li { width: 100%; margin-bottom: 10px; }
.support-centers .image { float: left; position: relative; }
.support-centers .image span { display: block; background: url(../images/magnifier.png) no-repeat bottom right; width: 46px; height: 46px; position: absolute; z-index: 999; bottom: 5px; right: 0; cursor: pointer; z-index: 999; }
.support-centers .description { margin-left: 180px; }
.support-centers .description .title { color: #01723e; font-size: 13px; margin-bottom: 5px; }

.support-centers-search { background: #ececec; padding: 15px; margin-bottom: 15px; position: relative; }
.support-centers-search p.title{ font-size: 15px; font-weight: bold; color: #333; margin-bottom: 10px; }
.support-centers-search p { margin-bottom: 10px; }
.support-centers-search .search-box { width: 300px; margin: 0 auto; }
.support-centers-search .search-box label { width: 60px; display: inline-block; color: #333; font-size: 13px; font-weight: bold; }
.support-centers-search .search-box input,
.support-centers-search .search-box select { border: 1px solid #ccc; padding: 2px; background: #fff; width: 230px; margin-bottom: 5px; color: #333; }
.support-centers-search .search-box input { width: 224px; }
.support-centers-search .clear-filter { position: absolute; bottom: 20px; right: 20px; }

.cms-cart .blocks-wrapper { padding: 0; }
.cms-cart .msg { margin: 10px; }
.cart { padding: 15px; }
.cart .subtitle { color: #73a533; font-size: 20px; margin-bottom: 10px; }
.cart table { width: 100%; margin-top: 10px; margin-bottom: 15px; }
.cart table th,
.cart table td { padding: 10px 5px; }
.cart table th { background: #ececec; font-size: 14px; font-weight: bold; }
.cart table td { border-bottom: 1px solid #cccccc; }
.cart table td .product-image { float: left; padding: 0; margin: 0 10px 0 0; }
.cart table td .product-image img { border: 0; padding: 0; margin: 0; border: 1px solid #ddd;  }
.cart table td .product-title { color: #01723e; margin-bottom: 5px; font-size: 12px;}
.cart table td.price { color: #01723e;  }
.cart table tfoot td { font-size: 14px; font-weight: bold; color: #666;  }
.cart table tfoot td.price { color: #01723e; }
.cart table tfoot td.price.tax {  color: #666; }
.cart .actions .button-grey ,
.cart .actions .button-green { font-weight: bold; }
.cart .input-text { width: 50px; padding: 2px; border: 1px solid #ccc; text-align: center; }

.addtocart-confirmation { position: fixed; top: 50%; left: 50%; margin-left: -170px; margin-top: -80px; width: 350px; height: 80px; border: 1px solid #333; padding: 15px; background: #fff; z-index: 9999; text-align: center; box-shadow: 0 0 10px #222;  }

.addtocart-confirmation p { color: #333; font-size: 12px; margin-bottom: 15px; }
.addtocart-confirmation button { font-weight: bold; }

.progress { background: url(../images/bg_pages.png); height: 49px; padding-top: 20px; padding-left: 10px; }
.progress li { float: left; font-size: 18px; color: #bbbbbb; margin-right: 5px;  padding: 13px 8px; }
.progress li.current { background: #fff; color: #333; }
.progress li strong { padding: 5px 10px; margin-right: 0; background: #bbb; color: #fff; }
.progress li.link:hover strong ,
.progress li.current strong { background: #73a533; color: #fff; }
.progress .link { cursor: pointer; }

.box { padding: 20px; width: 299px;  }
.box p { margin-bottom: 10px; }
.box .box-title { color: #73a533; font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.box .box-subtitle{ color: #666; font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.box label { display: block; color: #333;  }
.box input { display: block; background: #fff; width: 291px; font-size: 11px;  }

.customer .login-box { background: #ececec; float: left; height: 327px; }
.customer .login-box .questions { float: left; }
.customer .login-box .questions a { display: block; color: #333; }

.customer .register-box { float: right; border: 1px solid #ccc; height: 325px; }

.customer-login .box .actions { float: right; text-align: right;}
.customer-login .box .actions .button-green { font-weight: bold; }

.customer-register .actions { text-align: right; }

.customer-recover-password .box { background: #ececec; width: 660px; }
.customer-recover-password input { display: inline; margin-right: 20px; }

.customer-menu { background: url(../images/bg_pages.png); height: 49px; padding-top: 20px; padding-left: 25px; }
.customer-menu li { float: left; font-size: 18px; color: #bbbbbb; }
.customer-menu li a { padding: 13px 15px; display: block; text-decoration:none;  }
.customer-menu li.current { background: #fff; color: #73a533; font-weight: bold; }
.customer-menu li.current a { color: #666; }

.certificates-menu { padding: 9px 15px; border-bottom: 1px solid #ccc; }
.certificates-menu ul li { float: left; }
.certificates-menu ul li a { padding: 0 15px; font-size: 15px; border-left: 1px solid #aaa; }
.certificates-menu ul li.first a { border: 0; padding-left: 0; }
.certificates-menu ul li.current a { text-decoration: none; color: #555; }

/* CERTIFICATES */
.certificates-list { padding: 15px; }

.customer-certificates .blocks-wrapper,
.customer-access .blocks-wrapper,
.customer-orders .blocks-wrapper,
.customer-profile .blocks-wrapper { padding: 0; }

.customer-certificates .flash-msg { margin: 10px; }

.customer-orders .actions { text-align: right; padding: 10px 0; }
.customer-orders .msg { margin: 15px; }

.customer-access h2 { color: #666; font-weight: bold; font-size: 18px; margin-bottom: 5px; }
.customer-access .form-fields { padding: 15px; }
.customer-access .form-fields .col-1 { margin-bottom: 15px; }
.customer-access .actions { text-align: right; }
.customer-access .msg { margin: 15px; }

.customer-profile h2 { color: #666; font-weight: bold; font-size: 18px; margin-bottom: 15px; }
.customer-profile .form-fields { padding: 15px; }
.customer-profile .form-fields .col-1 { margin-bottom: 15px; }
.customer-profile .actions { text-align: right; }
.customer-profile .msg { margin: 15px; }

.customer-certificates h2 {  color: #73A533; font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.customer-certificates textarea { height: 50px; }
.customer-certificates .actions { text-align: right; margin: 10px 0; }

.cms-checkout .flash-msg { margin: 10px; }

.checkout-login .blocks-wrapper { padding: 0; }
.checkout-login .customer-login { padding: 20px; }

.checkout-payment .msg { margin: 15px; }
.checkout-payment .blocks-wrapper { padding: 0; }
.checkout-payment .payment{ padding: 20px; }
.checkout-payment h2 { color: #73A533; font-weight: bold; font-size: 18px; margin-bottom: 10px; }
.checkout-payment .payment p { font-size: 12px; margin-bottom: 20px; }

.checkout-payment-pagseguro .msg{ margin: 15px; }
.checkout-payment-pagseguro .blocks-wrapper { padding: 0; }
.checkout-payment-pagseguro h2 { color: #73A533; font-weight: bold; font-size: 18px; margin-bottom: 10px; }
.checkout-payment-pagseguro .payment { padding: 20px; }

.checkout-payment .customer-financial-data { margin-bottom: 10px; }
.checkout-payment .customer-financial-data table { border: 1px solid #ccc; width: 100%; }
.checkout-payment .customer-financial-data table td { padding: 5px; vertical-align:top; }
.checkout-payment .customer-financial-data table td.label { font-weight: bold; width: 110px; color:#222; }

.checkout-payment .payment ul li { margin-bottom: 15px; }
.checkout-payment .payment ul li img { display: block; margin-bottom: 10px; cursor: pointer; }
.checkout-payment .payment ul li img:hover { box-shadow: 0 0 4px #8bbe49; }
.checkout-payment .payment ul li label { cursor: pointer; font-weight: bold; color: #333; }
.checkout-payment .payment ul li input { cursor: pointer; }

.checkout-payment .payment .actions { text-align: right; }

.checkout-scheduling .msg { margin: 15px; }
.checkout-scheduling .blocks-wrapper { padding: 0; }
.checkout-scheduling .scheduling{ padding: 20px; }
.checkout-scheduling h2 { color: #73A533; font-weight: bold; font-size: 18px; margin-bottom: 10px; }
.checkout-scheduling .scheduling .actions { text-align: right; }

.checkout-customization .blocks-wrapper { padding: 0; }
.checkout-customization .customization{ padding: 20px; }
.checkout-customization .customization p { }
.checkout-customization .customization strong { font-weight: bold; color: #333; }
.checkout-customization h2 { color: #73A533; font-weight: bold; font-size: 18px; margin-bottom: 20px; }
.checkout-customization .customization .actions { text-align: right; }
.checkout-customization .customization .certificate-title { border: 1px solid #ddd; font-size: 15px; padding: 6px 10px; color: #fff; margin-bottom: 15px; background: #73A533; }
.checkout-customization .customization .form-fields .col-1 { margin-bottom: 25px; }

.checkout-cancel .blocks-wrapper,
.checkout-success .blocks-wrapper { padding: 0; }
.checkout-cancel .cancel,
.checkout-success .success{ padding: 20px; }
.checkout-success .success p { background: url(../images/i_success.png) no-repeat; padding: 10px 0 15px 100px; font-size: 12px; }
.checkout-cancel .success strong,
.checkout-success .success strong { font-weight: bold; color: #333; }
.checkout-cancel h2,
.checkout-success h2 { color: #73A533; font-weight: bold; font-size: 18px; margin-bottom: 20px; }
.checkout-success .actions { margin-top: 15px; text-align: right; }

.checkout-ssl .form-fields .info { padding: 15px; border: 1px solid #ccc; margin-bottom: 20px; }
.checkout-ssl .form-fields .info p { margin-bottom: 15px; }
.checkout-ssl .form-fields .info ul { list-style: disc outside; margin-left: 20px; }
.checkout-ssl .form-fields .info .code { font-family:"Courier New", Courier, monospace; }
.checkout-ssl .actions { text-align: right; }
.checkout-ssl .actions .back { float: left; }
.checkout-ssl .form-fields .row-1-field .field textarea { width: 98.5%; }

.support-center-slots li { margin-bottom: 5px; font-size: 14px; }
.support-center-slots li span { color: #444; display: block; float: left; margin-right: 5px; }
.support-center-slots li .date { background: #ffffff; border: 1px solid #ccc; padding: 5px 10px; }
.support-center-slots li .slot { background: #ECECEC; border: 1px solid #d4d4d4; padding: 5px 6px; margin-bottom: 5px; }
.support-center-slots li .slot:nth-child(14),
.support-center-slots li .slot:nth-child(26) { margin-left: 97px; }
.support-center-slots li .slot:hover { background: #f4f4f4; cursor: pointer; }
.support-center-slots li .slot.selected { background: #83b641; color: #fff; }

.certificates-search .actions { text-align: right; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px; }

.certificates-revogation .actions { text-align: right; }

.cms-404 .col-main { background: #fff url(../images/404.png) no-repeat 520px 70px; }
.cms-404 .blocks-wrapper { padding-top: 80px; }

/* ************************** Loader *************************************/
.loader { position: fixed; background: rgba(255,255,255,0.3); position: fixed; z-index: 9999; width: 100%; height: 100%; top: 0; left: 0; display: none; }
.loader .loader-image { width: 150px; height: 64px; position: fixed; top: 50%; left: 50%; margin-left: -75px; margin-top: -75px; background: #fff;  text-align: center; box-shadow: 0 0 8px #666; vertical-align: middle; padding: 15px 0 20px; border-radius: 8px; }

/* ITEM DATA */
.item-data { margin-bottom: 15px; }
.item-data li { font-size: 13px;}
.item-data li strong { font-weight: bold; color: #222; }

/* BROWSER FIXES */
.ie .footer .navigation ul { margin-top: 2px; }
.ie .footer .navigation ul li { padding: 0 7px; }

.ie .header .navigation ul li a { padding: 6px 19px 6px 18px; }

.expand-next { padding: 8px; font-size: 18px; border: 1px solid #555; color: #555; background: #fff; margin-bottom: 1px; cursor: pointer; }
.expand-next.menu { padding-left: 35px; background: url(../images/i_menu.png) center left 5px no-repeat #fff;  display: none; }
.expand-next.submenu { padding-left: 35px; background: url(../images/i_submenu.png) center left 5px no-repeat #fff;  display: none; }


@media only screen and (min-width: 1221px) and (max-width: 1499px) {
    .footer-sitemap-container{
        vertical-align: top;
        display: inline-block;
        padding-right: 1vmin;
    }
    
    .menu-mobile{
        display: none!important;
    }
/*    .img-produto-principal{
        margin-right: 0;
    }
    .titulo-produto-principal{
        font-size: 16px;
    }
    .subtitulo-produto-principal{
        padding-right: 2vw;
    }
    .preco-produto-principal{
        font-size: 23px;
        margin-top: 0;
    }*/
/*    .link-produto{
        width: auto;
    }*/
    .header-menu{
        font-size: 1vw;
    }
}

@media only screen and (min-width: 1241px) and (max-width: 1280px) {
    
/*    .logotipo {width: 200px; margin-top: 10px;}*/
    
/*    .header .logodsbr {width:140px; }*/
}    


@media only screen and (min-width: 1001px) and (max-width: 1240px) {
    
    .bloco-produto-destaquesp {
    height: 250px;
    }
    
    .bloco-texto-produto {
    height: 90px;
    }
    
    .botao-comprar2 {
    margin-top: 64px;
    }
    
    .priceprod {
    font-size: 15px;
    }
       
    .header .logodsbr {display:none;}
    
    
    .header .navigation ul li a { font-size: 14px; }
}

@media only screen and (max-width: 1000px) {
    
    /* HEADER */
	
	.header { width: calc(100% - 10px);  max-width: 1000px; height: 142px; margin: 0 5px;}
        .header .login-header-box { display: none;}
        .header .logout-header-box{ display: none; background: transparent;}

/*	.header .logo { width: 180px; top: 20px; }
	.header .logo img { width: 100%; }*/
        .header .logodsbr {float: right; text-align: right; top: 27px;}
	
        .logotipo {width: 80%; }
        
	.header .form-search { display: none; }
	
	.header .customer-top { width: 100%; }
        .header .customer-top .grey-bg-media { display: block; color: #fff; background: url(../images/bg_customer_top.png) repeat-x; padding: 0 5px 2px; position: absolute; right: 0px; text-align: center; white-space:nowrap; }
        .header .customer-top .grey-bg-media strong { text-decoration: underline; }
        .header .customer-top .grey-bg-media a { color: #fff; margin: 0 5px; text-transform: uppercase; text-decoration: none;}
        .header .customer-top .grey-bg-media a:hover { text-decoration: underline; }
        .header .customer-top .grey-bg-media .separator { color: #fff; }
        .header .customer-top .grey-bg {display: none;}
    
        .header .welcome-message { display: none; }

        .header .cart-top { width: 100px; cursor: pointer; top: 28px; right: -20px; }
        .header .cart-top #cart_top_title { display: none; }
        .header .cart-top a { display: none; }
        .header .cart-top #cart_top_count { display: block; margin-left: 60px;}
	
	.header .navigation { position: absolute; width: 100%; top: 96px; margin-left: 0px; background: none; z-index: 6000; background-color:#efefef;  }
	.header .navigation .expand-next.menu { display: block; }
	.header .navigation ul { display: none; }
	.header .navigation ul li { float: none; background: #d8d8d8; text-align: center; border-bottom: 1px solid #777; }
        .header .navigation ul li a { font-size: 14px; }
	.header .navigation ul li.active a, 
	.header .navigation ul li:hover a { color: #000; background: #12934d; }
	.header .navigation ul li:last-child { background: #d8d8d8; } 
        
        /*.header-container { background: url(../images/bg_header.png) repeat-x #eeeeee; z-index: 999; position: relative;} */
    
        /* CONTENT */
	.main-container { z-index: 999; min-height: auto; background: none;  }
	.main { width: 100%; max-width: 600px;  min-height: auto;  }
	
	.breadcrumbs { padding: 5px; }
	.blocks-wrapper { padding: 5px; }
	
	.cols2-right-page .col-right { display: none; }
	.cols2-right-page .col-main { width: 100%;  box-shadow: none; min-height: auto; }
        
        .cols2-left-page .col-left { padding: 0; float: none; width: calc(100% - 10px); min-height: auto; padding: 5px; background: none; }
	.cols2-left-page .col-main { width: 100%;  box-shadow: none; min-height: auto; }
        
	
	.cols3-page .cols-container { width: 100%; min-height: auto; box-shadow: none;  }
	.cols3-page .col-right { display: none; }
	.cols3-page .cols-container .col-left { padding: 0; float: none; width: calc(100% - 10px); min-height: auto; padding: 5px; background: none; }
	.cols3-page .cols-container .col-main { float: none; width: 100%; }
	.cols3-page .cols-container .col-main { width: 100%; }
	
	.cms-home .main-container { background: none; margin: 0; }
	
	.home-banners { display: none; }
        
        .banners.page { height: 150px;}
	
	.page-title h1 { font-size: 18px; }
	
	.categories-grid ul li { float: none; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
	.categories-grid ul li:last-child { border-bottom: 0; }
	.categories-grid ul li .intro li { border-bottom: none; }
        .categories-grid ul li .image { width: 165px; height: auto;}
	
	.news-list ul li .image-container { float: none; width: calc(100% - 14px); margin-bottom: 8px;  }
	.news-list ul li .description { margin: 0; }
	
	.block-navigation { margin-top: 8px; }
	.block-navigation .block-title { display: none; }
	.block-navigation .expand-next.submenu { display: block; }
	.block-navigation ul { display: none; }
        .bloco-contador { display: none; }
	
        .categories-list ul li {height: auto;}
	.categories-list ul li .image { float: none; width: 180px; }
	.categories-list ul li .container { margin: 0; }
	
	.products-list ul li .image-container { float: none; width: 100%; }
	.products-list ul li .description { margin: 0; }
	
	.product-view .product-tabs .articles-tabs-titles { display: table; }
	.product-view .product-tabs .articles-tabs-titles li { margin: 0; float: none; display: table-cell; background: none; text-align: center; padding: 4px; color: #555; vertical-align:middle; }
	.product-view .product-tabs .articles-tabs-titles li.selected { background: #ededed ; }
	.product-view .product-tabs .articles-tabs-titles li span { padding: 0; background: none; }
	.product-view .product-tabs .articles-tabs-titles li span span { padding: 0; background: none;  color: #333; }
	.product-view .product-tabs .articles-tabs-titles li.selected span { background: none; }
	.product-view .product-tabs .articles-tabs-titles li.selected span span { background: none;}
        
       
	
	.product-view .product-footer-bar { background: none; border: 0; padding: 0; }
	
	.addtocart-confirmation { width: 260px; margin-left: -145px; height: 103px; }
	.addtocart-confirmation button { margin-bottom: 5px; }
	
	.progress { height: auto; width: calc(100% - 10px); padding: 5px; }
	.progress li { float: none; width: calc(100% -32px); margin: 0;}
	
	.cart table th { font-size: 12px; }
	.cart table td .product-image { width: 100%; float: none; text-align: center; }
	.cart table td .product-image img { width: 50px; }
	.cart table td .product-reference,
	.cart table td .product-title { text-align: center; }
	.cart table th, .cart table td { padding: 10px 2px; }
	
	.cart { padding: 5px; }
	.cart .actions { text-align: center; }
	.cart .actions button { margin-bottom: 5px; }
	
	.checkout-login .customer-login { padding:5px;  }
	.checkout-payment .payment { padding: 5px; }
	
	.customer .login-box { float: none; width: calc(100% - 20px); padding: 10px; margin-bottom: 10px; height: auto; }
	.checkout-login .customer-login input { width: calc(100% - 8px); }
	
	.customer .register-box {  float: none; width: calc(100% - 20px); padding: 10px; height: auto;  }
	
	.form-fields .row-2-fields .field { float: n one; width: 100%; }
	.form-fields legend { text-align: center; }
	.form-fields legend button { float: none; margin-top: 5px; }
        
    /* HOME */ 
    
    .quero-ajuda{
        display:none;
        }
        
    .home-banners { 
    display: none; 
    }
    
    .container-home {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    }

    .menu-produto {
    width: 240px;
    display: inline-block;
    }   

    .link-produto {
    cursor: pointer;
    width: 240px;
    margin: auto;
    }   
    
    .div-satisfacao {
        margin-bottom: 5vmin;
        margin-top: 5vmin;
    }
    
    .titulo-satisfacao {
    font-family: 'Roboto-light-condensed';
    font-size:25px;
    color: #5a595b;
    }

    .img-bandeiras{
        width:93%;
        margin-left:0!important;
    }
    
    .menu-ajuda{
    width: 100%;
    max-height: 285px;
    float: left;
    display: inline-block;
    margin-bottom: 0px;
    background-color: rgba(184, 209, 156, 0.9);
    }
    
    .div-menu-ajuda li{
    width: 49%;
    margin: 2px;
    float: left;
    max-height: 320px;
    }

    .helpimg {
    display: none;
    } 
    
    .bloco-ajuda {
    height: 400px;
    }

    .container-ajuda {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    height: 480px;
    }
    
     .vslide{
    float: none;
    margin-left: auto;
    margin-right: auto;
    }
    
    .block-news .side-news-list {
    float: none;
    margin-left: auto;
    margin-right: auto;
    }

    .container-news .block-title {
    max-width: 500px;
    float: none;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    }

    .left-col-165px{
        display: none;
        line-height: 3vmin;
    }
    
    .content{
        width: 100%;
    }
    
    #submenuCertificados{
        width: 90%;
    }

    .header-menu{
        display: none;
    }

    .quem_somos-box{
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
    }
    .right-col-815px{
        float: none;
        width: 100%;
    }
    .quem_somos-marcador{
        display: none;
    }
    
    .priceprod {
    font-size: 15px;
    }
    
    .bloco-produto-destaquesp {	
        width: 100%;
    }

	
    /* FOOTER */
	.absolute-footer .wrapper,
	.footer .wrapper { width: 100%; max-width: 600px; }
	
	.footer .block { margin: 0; float: none; padding: 10px; width: 90%;}
        
        .footer .blockcompany { max-width: none; padding: 10px; }
	
	.footer .navigation { float: none; margin-bottom: 10px; }
	.footer .navigation ul li { float: none; background: none; text-align: center; width: 100%; padding: 0; }
	
	.footer .social { width: 100%; text-align: center; }
	.footer .social .fallow-us { display: none; }
	.footer .social ul { float: none; }
	.footer .social li { display: inline; float: none; margin: 0; }
        
        .footer-container {
        width: auto;
        margin: auto;
        padding: 50px 30px;
    }
    
    .footer-sitemap-container{
        vertical-align: top;
        width: 30%;
        display: inline-block; 
        margin-top: 10px;
    }  
    /* FIM FOOTER */
}

/******************************* SMARTPHONE **************************************/	
	
@media only screen and (max-width: 767px){ 
    
    .home-banners { 
    display: none; 
    }
    
   
/*    .menu-produto-principal {
        height: auto;
        width: 100%;
        border-bottom: solid 8px #fff;
    }

    .menu-produto-principal .link-produto{
        width: 100%;
        vertical-align: top;
    }
    
    .img-produto-principal{
        height:auto;
        width: 25vmin;
        float: left;
        top: 0;
        left: 187px;
        left: 5%;
        position: relative;
        margin-right: 0;
    }
    .menu-produto-principal-div input{
        width: 30vmin;
        padding: 0;
        font-size: 2vmin;
    }
    .menu-produto-principal{
        padding: 1vmin 0 1vmin 0;
    }
    .titulo-produto-principal{
        font-size: 4vmin;
    }

    .subtitulo-produto-principal {
        font-size: 3vmin;
    }

    .preco-produto-principal{
        font-size: 3vmin;
        margin-top: 0;
    }
    */
    .titulo-outras-solucoes{
            font-size: 6vmin;
            margin-left:0;
            margin-bottom:20px;
    }

    .menu-produto {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        margin-left: 0;
    }
    .link-produto{
        width: auto;
    }
    .menu-produto.ultimo{
        margin-bottom: 0;
    }
    
     .container-home{
        width: 100%;
        text-align: center; 
    }
    
    .img-bandeiras{
        display:none;
    }
    
    .titulo-igual-mundo{
        display:none;
    }
    
     .div-satisfacao {
        margin-bottom: 5vmin;
        margin-top: 5vmin;
    }
     
     .titulo-satisfacao{
        font-size:4vmin;
        line-height: 1;
        margin-bottom: 5px;
        display: none;
    }
    
    .bloco-ajuda {
    height: 800px;
    }

    .menu-ajuda {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    }
    
    .div-menu-ajuda {
    width: 100%;
/*    margin-right: 10px;
    margin-left: 10px;*/
    }

    .div-menu-ajuda li{
    width: 100%;
    }
    
    .helpimg {
    display: none;
    }  
    
    .container-news {
    padding: 5px;
    }
    
/*    .bloco-produto-destaque{	
        width: 20%;
        height: 250px;
        float: left;
        text-align: center;
        background: #f2f2f2;
        box-shadow: inset 0px 0px 0px 2px #FFF;
        padding: 10px 0 20px;
    }*/
  

    .bloco-produto-titulo{
        font-size: 15px;
        color: #009A39;
    }
    
    .bloco-produto-destaque{
	height: auto;
	width: 100%;
	border-bottom: solid 8px #fff;
	padding: 1vmin 0 1vmin 0;
    }
    
    /*------------------------- FOOTER --------------------------------*/
    .footer-container{
        width: 100%;
    }
    
    .footer-superior{
        text-align: center;
    }
    .footer-social img{
        width: 5vmin;  
    }
    .footer-logo{
        display:block;    
        width:30vmin;
        height:auto;
        margin: auto;
        padding-right: 8px;
    }
    
    .footer-logo-ar {
    float: left;
    padding-left: 8px;
}

    .footer-facebook, .footer-twitter, .footer-youtube{
            background-size: cover;
            width:50px;
            height:50px;
    }

    .footer-social{
            display: block;
            left: 0;
            top:30px;
    }

    .footer-sitemap{
            display: inline-block!important;
            text-align: center!important;
            width: 100%;
    }

    .footer-sitemap-container{
            margin:4% 0!important;
            font-size:4vmin;
    }

    .footer-sitemap-container:last-child{
            margin-bottom:0!important;
    }

    .footer-sitemap-container li a{
            font-size:4vmin;
            line-height: 5vmin;
    }
        
        /* ---------------------- FIM FOOTER --------------------------*/
}	


/*NOVOS BLOCOS DE PRODUTOS PAGINA PRINCIPAL*/
/*.destaque{
    width: 20%;
    height: 250px;
    float: left;
    text-align: center;
    background: #f2f2f2;
    box-shadow: inset 0px 0px 0px 2px #FFF;
    padding: 10px 0 20px;
}*/




@media only screen and (min-width: 1900px){ 
/*  .bloco-texto-produto{
        height: 50px;
    
    
    .bloco-texto-produto{
        margin-bottom: 0px;
        margin-top: 10px;
        height: 52px;
    }*/
/*    .bloco-produto-medio{
        height: 170px;
        padding: 10px;
    } 
    
    .bloco-produto-mediosp{
        height: 150px;
        padding: 10px;
    } 
    */
/*       .bloco-texto-produto{
        margin-bottom: 0px;
        margin-top: 10px;
        height: 40px;
    }*/
/*    .bloco-produto-medio{
        height: 150px;
        padding: 10px;
    } */
/*    .bloco-produto-mediosp{
        height: 120px;
        padding: 10px;
    }*/
/*    .bloco-produto-destaque {
        height: 206px;
    }
    .bloco-produto-destaquesp {
        height: 190px;
    }*/
}

@media only screen and (min-width: 767px){ 
   
}    
    
 
 @media only screen and (max-width: 467px){ 
 .header .logodsbr {display:none;}
 
 .banners.page { height: 115px;}
 
 
 .footer-img-ar {
    height: 40px;    
 }
 
  .footer-logo{ 
        width:20vmin;
    }
 
 }