*{ margin: 0; padding: 0; -webkit-font-smoothing: antialiased;} .clear{ clear:both; *line-height:1px; padding:0; }  .clearfix:before,  .clearfix:after{ content:""; display:block;}  .clearfix:after{ clear:both; }  .clearfix { zoom:1; }  .overflow{ overflow:hidden; }  .left{ float:left; }  .right{ float:right; } 
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}a:focus,a:active,a:hover{outline:0}
b,strong{font-weight:bold}blockquote{margin-left: 25px}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word} small{font-size:80%} ol,ul{list-style-position: outside; margin-left: 30px;} dd{margin:0 0 0 40px} img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden} figure{margin:0}form{margin:0} legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:top;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible; border-radius:0;}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type=text], input[type=email],input[type=password],input[type=file],textarea/*,select*/ {-webkit-appearance: none;-moz-appearance: none;border-radius:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top;resize:none;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}



/*TIPOGRAFIA*/

@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bol.eot');
    src: url('../fonts/lato-bol.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bol.woff') format('woff'),
         url('../fonts/lato-bol.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
  

body{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 140%;
color: #333;
min-width: 975px;
}

h1, .h1{
font-family: 'latobold', sans-serif, Helvetica;
font-size: 24px;
line-height: 120%;
color: #000;
text-align: left;
font-weight: normal;
}

h2, .h2{
font-family: 'latobold', sans-serif, Helvetica;
font-size: 17px;
line-height: 120%;
color: #000;
text-align: left;
font-weight: normal;
}

h3, .h3{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 120%;
color: #333;
text-align: left;
}

p, .p, label{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 140%;
color: #333;
text-align: left;
}
  
a{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 120%;
color: #333;
text-align: left;
cursor: pointer;
}

a:active,
a:hover{text-decoration: none;}

p.stripe{ text-decoration:line-through}
p.reduced,
p.reduced a{ font-size: 11px; text-decoration: none; color: #999; }

p.reduced a{ color: #000; }
label{display:block;}
  

/*-----*/

input[type=text],
input[type=email],
input[type=textarea],
input[type=url],
input[type=tel],
input[type=password],
input[type=search]{
background-color:#FFF;
border: 1px solid #CCC;
font-size: 12px;
line-height: 16px;
padding: 6px 10px;
height: 16px;
}

input[readonly]{
  background-color: #e5e5e5;
  border:1px solid #CCC;
}

input:hover,
input[type=text]:hover,
input[type=email]:hover,
input[type=textarea]:hover,
textarea:hover,
input:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=textarea]:focus,
textarea:focus,
select:hover{
border-color: #666;
outline:none;
}
 
 
input[type=radio], input[type=checkbox]{margin-right: 5px; }
input[type=image]{ background:none;   }
 
textarea{
background-color:#FFF;
border: 1px solid #CCC;
line-height: 16px;
padding: 8px 10px;
}

select{
border: 1px solid #CCC;
display: block;
padding: 5px;
height: 30px;
outline:none;
}

button,
input[type=submit],
input.btnPrinc{
font-family: 'latobold';
font-size: 12px;
text-transform: uppercase;
color: #FFF;
background: #424794;
border: 1px solid #424794;
outline: 0;
padding: 7px 10px;
line-height: 14px;
cursor: pointer;
}

button:hover,
input[type=submit]:hover,
input.btnPrinc:hover{
background: #2D3288;
border: 1px solid #2D3288;
}


button:active,
input[type=submit]:active{
-moz-box-shadow:inset 2px 2px 7px rgba(0,0,0,0.5);
-webkit-box-shadow:inset 2px 2px 7px rgba(0,0,0,0.5);
box-shadow:inset 2px 2px 7px rgba(0,0,0,0.5);
}


button[class]{width:auto;}
button::-moz-focus-inner{ border:0;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
border:none;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
  button span{
  margin-top:-1px;
  }
}



button.btnSec{background: #888; border: 1px solid #888;}
button.btnSec:hover{background: #555; border: 1px solid #555;}

button.btnSec2{background: transparent; border: 1px solid #888; color: #777;}
button.btnSec2:hover{background: transparent; border: 1px solid #333; color: #333;}



/*SPECIAL*/

.inputError label, .inputError label input, .inputError label select, .inputError label textarea{float: left;}

/*INPUT ERROR*/
/*ERRO NAS INPUTS DO SLIDER DO TOPO*/
.inputError{
padding:0px; 
margin-bottom:20px;
margin-right: 3px;
/*height:32px; */
position:relative; 
}

.errorToolTip{  display: none; }

.inputError.displayError label, .inputError.displayError span{padding-left: 18px; background: url(../sysimages/spriteForm.png) no-repeat -10px -66px;}
.inputError.displayError label input, .inputError.displayError label textarea, .inputError.displayError label select {margin-left: -18px;}

.displayError input, .displayError input:focus,
.displayError textarea, .displayError textarea:focus,
.displayError select, .displayError select:focus { border-color: #DD4B39}




/*.share a,*/
a.addthis_button_email{
height: 17px;
width: 18px;
display: block;
float: left;
margin-top: 10px;
/*background: url(../sysimages/sys09.png) no-repeat top left;*/
} 

/*.share a.icon2*/
a.addthis_button_facebook_follow{
/*background: url(../sysimages/sys09.png) no-repeat left -17px;*/
margin-left: 8px;
height: 17px;
width: 14px;
} 


a.addthis_button_email span,
a.addthis_button_facebook_follow span{background: none;}

a.addthis_button_email:hover{background-position: -22px top;}
a.addthis_button_facebook_follow:hover{background-position: -22px -17px;}


.containerWidth{ width: 963px; margin: 0 auto;}
.contBorder{border: 1px solid #ECECEC;}


/*Header*/
#header ul{margin: 0; padding: 0; list-style: none;}
.headerTop{ height: 135px; width: 100%; background: #F1F1F1; }


    .headerTop .logotipo{
    width: 140px;
    height: 125px;
    display: block; 
    float: left;
    padding-top: 7px;
    }

    .headerTop .info{ float: left; /*width: 390px;*/ margin-left: 115px;}
    .headerTop .info h3{ text-align: center; color: #777; margin-top: 20px; }

    .headerTop .info h1{
    text-align: center;
    width: 180px;
    margin: 5px auto 0;
    padding-left: 10px;
    padding-top: 3px;
    color: #F6871F;
    background: url(../sysimages/sys12.png) no-repeat left center;
    }

    .headerTop .info .search{ 
    background: #6C7FAC;
    width: 275px;
    margin: 10px auto;
    padding: 6px 0 6px 7px;
    -moz-border-radius:4px ;
    -webkit-border-radius:4px ;
    border-radius:4px;
    }

        .headerTop .info .search input.searchInput {
        width: 225px;
        border: 1px solid transparent;
        float: left;
        -moz-border-radius:4px ;
        -webkit-border-radius:4px ;
        border-radius:4px ;
        background: #F3F3F3;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        padding: 3px 7px;
        line-height: 120%;
        }

        .headerTop .info .search input.searchSubmit{
        float: right;
        display: block;
        width: 32px;
        height: 24px;
        border: 0;
        background: url(../sysimages/sys03.png) no-repeat right center;
        }
        .headerTop .info .search input.searchSubmit:hover,
        .headerTop .info .search input.searchSubmit:focus{
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow:  none;
        }
        
        .headerTop .info .search input.searchInput.erro, .headerTop .info .search input.searchInput.erro:focus { border: 1px solid #DD4B39}
        .search input.searchInput2.erro, .search input.searchInput2.erro:focus { border: 1px solid #DD4B39}



    .headerTopRight{ width: 415px; /*width: 430px;*/ float: right; }

    .headerTopRight .menuClient{ width: 100%; margin-bottom: 7px; height: 30px; }

        .headerTop .menuClient > ul{float: right;}

        .headerTop .menuClient > ul > li{ float: left; position: relative; padding: 8px 0; }

        .headerTop .menuClient > ul li a{
        text-decoration: none;
        border-left: 1px solid #CCC;
        padding: 0 10px;
        height: 14px;
        text-align: center;
        height: 100%;
        display: block;
        }

        .headerTop .menuClient > ul li:first-child > a{border-left: 0;}

        .headerTop .menuClient > ul li.dropdown > a{position: relative; padding-right: 25px;}
        .headerTop .menuClient > ul li.dropdown > a span{
        height: 0;
        width: 0;
        position: absolute;
        top: 5px;
        right: 10px;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #666;
        }

        .headerTop .menuClient > ul li:hover { background: #D9D9D9; }

        .headerTop .menuClient > ul li > .dropContent {
        position: absolute;
        right: 0;
        top: 30px;
        width: 165px;
        z-index: 9999;
        background: #FFF;
        border: 1px solid #D9D9D9;
        display: none;
        }

        .headerTop .menuClient > ul li > .dropContent ul li a{
        height: 100%;
        line-height: 120%;
        text-align: left;
        display: block;
        border-top: 1px solid #D9D9D9;
        margin-top: -1px;
        padding: 8px 10px;
        border-left: 0px;
        }

        .headerTop .menuClient > ul li > .dropContent ul li a:hover{ color: #FFF; background: #015592; }
        .headerTop .menuClient > ul li.dropdown:hover .dropContent{ display: block; }
   

    .headerTop .shoppingCart{
    float: right;
    width: 196px;
    height: 37px;
    background: #FFF url(../sysimages/sys04.png) no-repeat 7px 4px;
    padding: 10px 10px 12px 52px;  
    position: relative;
    z-index: 999;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }


    .headerTop .shoppingCart .resumeProds{
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 2;
    width: 325px;
    display: none;
    cursor: default;
    margin-right: -2px;
    }


    .headerTop .shoppingCart .resumeProds .container{
      background-color:#FFF;
      padding: 1px;
      margin-top: 20px;
      border: 1px solid #EBEBE9;
      -moz-box-shadow:1px 1px 4px rgba(0,0,0,0.4);
      -webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.4);
      box-shadow:1px 1px 4px rgba(0,0,0,0.4);
    }

    .headerTop .shoppingCart .resumeProds ul{padding: 0; }
    .headerTop .shoppingCart .resumeProds ul table{ width: 287px; /*width: 274px;*/margin: 20px;  border-top: 1px solid #F0F0F0; vertical-align: middle;}
    .headerTop .shoppingCart .resumeProds ul li td{ padding-top: 20px; }
    .headerTop .shoppingCart .resumeProds ul li:first-child table{border-top: 0;}
    
    .headerTop .shoppingCart .resumeProds ul li td .img{
    border: 1px solid #F0F0F0;
    padding: 5px;
    height: 39px;
    width: 39px;
    margin-right: 10px;
    }

    .headerTop .shoppingCart .resumeProds ul li table tr{cursor: pointer;}

    .headerTop .shoppingCart .resumeProds ul li td span.flagStock,
    .headerTop .shoppingCart .resumeProds ul li td span.flagNew{
    font-family: Tahoma;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    }
    .headerTop .shoppingCart .resumeProds ul li td span.flagStock{color: #FF8514;}

    .headerTop .shoppingCart .resumeProds ul li td.price{vertical-align: bottom;}
    .headerTop .shoppingCart .resumeProds ul li td.price h3{text-align: right;}

    .headerTop .shoppingCart .resumeProds ul li.totalContainer{ background: #F0F0F0;  padding: 20px; }
    .headerTop .shoppingCart .resumeProds ul li.totalContainer h3{line-height: 25px;}
    .headerTop .shoppingCart .resumeProds ul li.totalContainer h3 span{
    font-family: 'latobold';
    font-size: 16px;
    padding-left: 30px;
    }
    .headerTop .shoppingCart .resumeProds ul li.totalContainer h3 span.currency{ font-size: 13px; }  
    .headerTop .shoppingCart > h3{ font-size: 17px; text-align: center; padding-bottom: 3px; }
    .headerTop .shoppingCart > p{ text-align: center; }

    .headerTop .shoppingCart .removeProd{
      height: 16px; 
      width: 47px;
      display:block; 
      position:absolute; 
      top: 22px;
      right: 20px; 
      z-index: 99999;

    }

.headerBottom{ height: 38px; width: 100%; background: #015592; }

  .headerBottom nav{ display: block; height: 38px; float: left; }

      .headerBottom nav ul li{ float: left; height: 38px;}
      .headerBottom nav ul li:first-child{border-left: 1px solid #575BA0;}

      .headerBottom nav ul li a{
      display: block;
      height: 100%;
      line-height: 38px;
      padding: 0 12px;
      border-right: 1px solid #575BA0;
      background: #015592; 
      font-family: 'latobold';
      color: #FFF;
      font-size: 13px;
      text-transform: uppercase;
      text-decoration: none;
      }


      .headerBottom nav ul li a:hover{ text-decoration: underline; }

      .headerBottom nav ul li.sel a{ 
      background-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgb(0,19,34)), to(rgb(1,85,146)));
      background-image:-webkit-linear-gradient(rgb(0,19,34) 0%, rgb(1,85,146) 100%);
      background-image:-moz-linear-gradient(rgb(0,19,34) 0%, rgb(1,85,146) 100%);
      background-image:-o-linear-gradient(rgb(0,19,34) 0%, rgb(1,85,146) 100%);
      background-image: linear-gradient(rgb(0,19,34) 0%, rgb(1,85,146) 100%);
      }

      .headerBottom nav ul li.sel a:hover{text-decoration: none;}

      .headerBottom nav ul li.especial a{
      height:25px;
      line-height:26px;
      -moz-border-radius:5px ;
      -webkit-border-radius:5px ;
      border-radius:5px ;
      margin: 6px 10px;
      }

      .headerBottom nav ul li.simulador a{
      height:25px;
      line-height:26px;
      color:#666;
      -moz-border-radius:5px ;
      -webkit-border-radius:5px ;
      border-radius:5px ;
      margin: 6px 10px;

      padding-right: 30px;
      background: #ECEDED url(../sysimages/sys14.png) right 3px no-repeat;
      }

      .headerBottom nav ul li.especial a:hover{background: #101010 !important; text-decoration: none; color: #FFF;}
      .headerBottom nav ul li.simulador a:hover{background-color: #101010; text-decoration: none; color: #FFF; background-position: right -20px;}




/*Footer*/

#footer{ position: relative; z-index: 999999;}

.footerTop{ background: #777; height: 240px; padding-top: 40px; padding-bottom: 20px; }

    .footerTop .block{
    height: 195px;
    max-width: 168px;
    padding-left: 35px;
    padding-right: 35px;
    border-left: 1px solid #888;
    box-shadow: -1px 0px 0px #666;
    float: left;
    }

    .footerTop .block:first-child{border-left: 0;box-shadow: none;}

    .footerTop h3{color: #FFF;text-transform: uppercase; }

    .footerTop ul{padding: 0; margin: 5px 0 0; list-style: none;}
    .footerTop ul li, .footerTop ul li a, .footerTop p, .footerTop h2{ color: #FFF; }
    .footerTop ul li a{ text-decoration: none; line-height: 190%;}


    .footerTop .block.alert *{ text-align: center; margin: 0 auto; }

    .footerTop .block.alert .icon1{
    background: url(../sysimages/sys06.jpg) no-repeat center top;
    width: 50px;
    height: 40px;
    margin: 15px auto;
    }

    .footerTop .block.alert .icon2{
    background: url(../sysimages/sys06.jpg) no-repeat center bottom;
    width: 50px;
    height: 40px;
    margin: 15px auto;
    }


.footerBottom{ background: #FFF; height: 36px; }
.footerBottom p{ padding: 10px 35px;}

#footer a:hover{text-decoration: underline;}


/*Hightlights*/
.containerHighlights { 
    width: 445px; 
    position: fixed; 
    right: 50%; 
    top: 183px; 
    margin-right: -907px; 
    z-index: 99;
     -webkit-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -ms-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out;
    opacity: 1;
}
.containerHighlights.fancybox-margin{margin-right: -911px;}
.containerHighlights.alignBottom{  top: inherit; bottom: -100px; }



  .hideHightlights{ background: #FFF;  height: 855px;  width: 450px;  position: absolute; right: -55px; top: 0;  z-index: 999999; }

  .freight{position: relative; margin-bottom: 10px; height: 175px;}
  .freight table{ position: absolute; left: 0; top: 0;}
  .freight tr td.signal div{width: 20px; height: 16px; background: url(../sysimages/highlights.png) no-repeat top right;}
  .freight tr td.title {width: 31px; background: #015592;}
  .freight tr td.title .img{width: 31px; height: 175px; background: url(../sysimages/highlights.png) no-repeat top left;}
  .freight tr td.content{width: 140px; background: #015592;}
  .freight p, .freight a{color: #FFF;text-align: center; }

  .sample{position: relative; margin-bottom: 10px; height: 175px;}
  .sample table{ position: absolute; left: 0; top: 0;}
  .sample tr td.signal div{width: 20px; height: 16px; background: url(../sysimages/highlights.png) no-repeat right -15px;}
  .sample tr td.title {width: 31px; background: #E7E7E8;}
  .sample tr td.title .img{width: 31px; height: 154px; background: url(../sysimages/highlights.png) no-repeat left -176px;}
  .sample tr td.content{width: 140px; background: #E7E7E8;}
  .sample p, .sample a{text-align: center; }

  .chat {position: relative; height: 500px; cursor: pointer;}
  .chat table { position: absolute; left: 0; top: -10px;}
  .chat tr td.signal div{width: 20px; height: 20px;}
  .chat tr td.title {vertical-align: top;}
  .chat tr td.title .img{width: 31px; height: 66px; background: url(../sysimages/highlights.png) no-repeat left -331px;}
  .chat tr td.content{ /*width: 381px; */ width: 340px; height: 430px;  background: #E0E0E0;  padding: 5px;  border: 1px solid #D0D0D0;}
  .chat tr td.content .top {padding: 5px 12px 10px; margin-bottom: 10px;border:0px;}
  .chat tr td.content .top h3 {width: 160px; float: left;}
  .chat tr td.content .top a.close {width: 11px; height: 11px; float: right; background: url(../sysimages/highlights.png) no-repeat -49px -75px;}
  .chat tr td.content .top a.close:hover{background-position: -49px -90px;}

  .chat:hover td.title .img{ background-position: -31px -331px;}


    .freight:hover table, .sample:hover table, .chat table:hover{ 
    -webkit-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -ms-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out;}

    .freight table:hover{ left: -141px; }
    .sample table:hover{ left: -141px; }
    
    .chat.sel table{ top: -440px; /*top: -370px;*/ left: -353px; z-index: 999999999;}






/*Homepage*/

#content{background: #FFF;}


  .homepage .bx-wrapper{ margin: 10px 0 0 0;}
  .sliderHome li{ position: relative; z-index: 0; top: 0; left: 0; }

  #content.homepage .bx-controls-direction{display: none;}


      /*SLIDER*/

      /*.bx-wrapper{ margin: 10px 0 0 0;}*/
      .bx-wrapper ul{margin: 0;}


      .bx-wrapper .bx-viewport{
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: 0;
      left: 0;
      background: transparent;
      }

      .bx-wrapper .bx-pager { text-align: right; }
      .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 20px; right: 30px; }


      .bx-wrapper .bx-pager.bx-default-pager a{
      background: url(../sysimages/controlsbx.png) no-repeat left top;
      width: 13px;
      height: 13px;
      -moz-border-radius: 13px;
      -webkit-border-radius: 13px;
      border-radius: 13px;
      margin: 0 3px;
      }

      .bx-wrapper .bx-pager.bx-default-pager a:hover{
      background: url(../sysimages/controlsbx.png) no-repeat right top;}

      .bx-wrapper .bx-pager.bx-default-pager a.active{
      background: url(../sysimages/controlsbx.png) no-repeat left bottom;
      }


  

      .descBanner{
      width: 420px;
      height: 160px;
      position: absolute;
      top: 59px;
      left: 90px;
      }
          .descBanner h1{
          font-size: 45px;
          color: #FFF;
          text-transform: uppercase;
          margin-bottom: 2px;
          }

          .descBanner h2{
          font-size: 13px;
          color: #FFF;
          text-transform: uppercase;
          margin-bottom: 10px;
          }

          .descBanner .flag {margin-top: 12px;}
          
          .descBanner .flag .bg{
          background: url(../sysimages/bgFlagBanner.png) no-repeat top left;
          width: 20px;
          height: 64px;
          float: left;
          }

          .descBanner .flag .info{
          float: left;
          background: #FF8515;
          height: 59px;
          padding: 0 20px 0 0;
          min-width: 150px;
          }

          .descBanner .flag .info h1{height: 59px; line-height: 59px;}
          .descBanner .flag .info p{ color: #FFF; padding: 10px 0 0 10px;}
          .descBanner h2.label{ margin-top: 20px; font-size: 13px;}
          


      .smallDescBanner{
      position: absolute;
      top: 30px;
      right: 30px;
      width: 110px;
      height: 110px;
      padding: 10px;
      -moz-border-radius: 110px;
      -webkit-border-radius: 110px;
      border-radius: 110px;

      background-image:-moz-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%); 
      background-image:-webkit-gradient(linear,color-stop(0, rgba(0,0,0,0)),color-stop(1, rgba(0,0,0,0.45)));
      background-image:-webkit-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%);
      background-image:-o-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%);
      background-image:-ms-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%);
      background-image:linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%);
      }


        .smallDescBanner div{
        width: 110px;
        height: 110px;
        -moz-border-radius: 110px;
        -webkit-border-radius: 110px;
        border-radius: 110px;
        background: #000;
        }

          .smallDescBanner div h3{
          color: #FF8515; 
          font-size: 13px; 
          text-transform: uppercase;
          text-align: center;
          padding-top: 15px;}

          .smallDescBanner div h2{ color: #FFF;  font-size: 41px; text-align: center;}
          .smallDescBanner div p{ color: #FFF; text-align: center; }




  .banner3{
  padding: 20px 0 0 33px;
  float: left;
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  } 


  .sepBanners{border-top: 1px dotted #CCC; margin: 0 auto; /*margin: 0 33px*/}
  .sepBanners.limitWidth{ width: 900px}
  
  .contBanner5 { padding: 45px 0 50px 33px; margin-left: -38px; }
  
  .contentblockInstit { padding: 45px 0 50px 38px; margin-left: -38px; }

  .contBanner5 > h2,
  .contentblockInstit  > h2{ margin-left: 48px; }

    /*.contBanner5*/ a.banner5{
    width: 147px;
    height: 265px;
    display: block;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 40px;
    position: relative;
    z-index: 0;
    text-decoration: none;
    }

    a.banner5:first-child{margin-left: 0;}

      a.banner5 .border{
      border: 1px solid #E6E6E6;
      display: block;
      width: 127px;
      height: 127px;
      padding:9px;
      margin-bottom: 15px;
      }   

      a.banner5 h1{color:#FF8513; font-size: 30px;}
      a.banner5 h1 + p {line-height: 37px;}
      a.banner5 p.stripe {font-weight: bold}

      a.banner5 h1,
      a.banner5 p{margin-left: 4px;}
      a.banner5 p.desc{height: 50px; overflow:hidden; text-overflow:ellipsis;}   


      a.banner5 .flag{
      position: absolute;
      top: 0;
      left: -10px;
      height: 27px;
      }  

        a.banner5 .flag div{ height: 24px; float: left; }  
        a.banner5 .flag .effect{ height: 21px; margin-top: 5px; width: 10px; background: url(../sysimages/sys02.png) no-repeat left bottom; }
        a.banner5 .flag .text{margin-left: -7px;}
        a.banner5 .flag .text h2{
        color: #FFF;
        font-size: 11px;
        text-transform: uppercase;
        line-height: 24px;
        padding: 0 10px; 
        }


      a.banner5:hover .border{border: 1px solid #333;}
      a.banner5:hover p.desc{text-decoration: underline;}


/*Listagem*/

.menuPrincipal{
background: #EDEDED;
width: 195px;
height: 100%;
min-height: 955px;
padding-top: 36px;
float: left;
}  
  .menuPrincipal input[type="checkbox"] {margin-top: 2px;}
  .menuPrincipal #accordion{width: 168px; margin: 0 auto;}
  .menuPrincipal #accordion a.submenuSection{display: block;}

    .menuPrincipal #accordion a.submenuSection span.ui-icon{
    background: url(../sysimages/sys08.png) no-repeat center top;
    width: 8px;
    height: 8px;
    margin-top: 12px;
    float: right;
    }

    .menuPrincipal #accordion a.submenuSection span.ui-icon.ui-icon-triangle-1-s{
      background-position: center bottom}


    .menuPrincipal #accordion h3{
    text-transform: uppercase;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #FFF;
    }

    .menuPrincipal #accordion a:first-child h3{border-top: 0;}


  .menuPrincipal #accordion ul {padding: 0; margin: 5px 0 15px; /*height: 100%!important;*/ list-style: none;}
    .menuPrincipal #accordion ul li.hidden{display: none;}


    .menuPrincipal #accordion ul li label{line-height: 20px;}
    .menuPrincipal #accordion ul li a{line-height: 20px;text-decoration:none;}
    .menuPrincipal #accordion ul li.limpar a{line-height: 31px;text-decoration:underline;}
    .menuPrincipal #accordion ul li.limpar a:hover{text-decoration:none;}



  .listagem .separador,
  .wishlistPage .separador {margin-top: 60px; background: #FFF; height: 6px; width: 100%}

  .listagem .lateralContent,
  .wishlistPage .lateralContent{ float: left; border-left: 0; padding: 13px; }




.pageMenu{  float: left; width: 100%;  margin: 0;}

.wishlistPage .pageMenu,
.listagem .pageMenu{
float: left;
width: 710px;
height: 100%;
margin: 0 25px;
}


  /*breadcrumb*/
  .top{border-bottom: 1px solid #ECECEC;}

    .top .breadcrumb{ border-bottom: 1px solid #FFF; }

    .top .breadcrumb span{ 
        display:block; 
        padding: 8px 20px 8px 30px; 
        line-height: 120%;  
        float: left;
        color: #666;
        background: #FFF url(../sysimages/brd_crumb.jpg) no-repeat left bottom;
        cursor: default; 
    }
    .top .breadcrumb a span{ cursor: pointer; background: #ECECEC url(../sysimages/brd_crumb.jpg) no-repeat left top; }
    .top .breadcrumb a:first-child span{ background-color: #ECECEC; background-image: none; padding-left: 20px; }
    .top .breadcrumb a:hover span{text-decoration: underline;}


    
    .pageMenu .title{ padding: 20px 0;}
      .pageMenu .title h2{ padding-left: 10px; }
      .pageMenu .title h2 a{ font-family: inherit; font-weight: normal; font-size: inherit; text-decoration: inherit; color: #999; margin-right: 5px;}
      .pageMenu .title h2 a:hover{text-decoration: underline;}

      .pageMenu .title a.more{
      background: url(../sysimages/sys11.png) no-repeat right -2px; 
      padding-right: 20px;
      }

  .pageMenu .topText{ padding-top: 40px; padding-bottom: 20px; }

    .pageMenu .topText h2,
    .pageMenu .topText p,
    .pageMenu .topText div{text-align: center;  padding-bottom: 20px; max-width: 580px; margin: 0 auto;}



  .backtotop .scrolltop{
  float:right;
  background: url(../sysimages/sys11.png) no-repeat right -22px;
  padding-right: 20px;
  margin-top: 15px;
  margin-bottom: 30px;
  }

    a.viewmore:hover,
    a.more:hover,
    a.scrolltop:hover{text-decoration: none;}





/*Banners Landing*/
.bannerList2sub{margin-bottom: 17px;}

.bannerList2sub .banner{ position: relative;  z-index: 0;  height:40px; display: block; height: 200px;}
.bannerList2sub .banner:first-child{margin-right: 17px;}

.bannerList2sub .banner div{
position: absolute; z-index: 1; bottom: 0; left: 0; background: #333; background-color:rgba(0,0,0,0.7); height:40px; width: 346px;
}

.contBanner3 .banner3 .legend{
position: absolute; z-index: 1; bottom: 0; left: 0; background: url(../sysimages/sys21.png) repeat left top; height:40px; width: 100%;
}

.bannerList2sub .banner div h2,
.contBanner3 .banner3 .legend h2 {line-height: 40px; width: 100%; text-align: center; color: #FFF; font-size: 13px; font-family: 'latobold', sans-serif; text-decoration:none}
.contBanner3 .banner3 div{ position: relative; display: block; height: 157px; }


.bannerList2sub .banner:hover a h2,
.contBanner3 .banner3:hover a h2{text-decoration:underline}



/* LISTAGEM HOTSPOTS */

.hotspotContainer{
width: 710px;
height: 430px;
position: relative;
top: 0;
left: 0;
z-index: 0;
}

.hotspotContainer .absolute { position: absolute; top: 0; left: 0; z-index: 0; }

.hotspotContainer .relative {position: relative;}
.hotspotContainer a.hotspot { display: block; position: absolute; top: 0; left: 0; z-index: 1;}

.hotspotContainer a.hotspot .plus{
display: block;
width: 35px;
height: 35px;
background: url(../sysimages/sys10.png) no-repeat top left;

/*centrar*/
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
z-index: 9999;
}

  .detail{
  width: 187px;
  height: 290px;
  background: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
  box-shadow: 0 0 5px rgba(102,102,102,0.8);
  -webkit-box-shadow: 0 0 5px rgba(102,102,102,0.8); 
  -moz-box-shadow: 0 0 5px rgba(102,102,102,0.8); 
  }

    .detail.sel + a.hotspot .plus{ background-position: bottom left; }
    .detail a.banner5{ margin-left: 19px; }



.slider1 {margin-left: 45px;}

.sliderBanner2 {margin-bottom: 45px;}
  .sliderBanner2 h2{padding: 30px 0 20px 43px;}
  .sliderBanner2 .slider2 {margin-left: 37px;}

    .sliderBanner4{margin-left: 70px; margin-bottom: 20px;}
    .sliderBanner4 table{width: 583px!important;}


.bx-wrapper .bx-prev,
.bx-wrapper .bx-next{
background: url(../sysimages/sys13.png) no-repeat left top; 
width: 30px!important; 
height: 82px!important;
top: 38%!important;
}

.bx-wrapper .bx-next{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}

.bx-wrapper .bx-prev{ left: 0px!important; }
.bx-wrapper .bx-next{ right: 0px!important; }

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover{ background-position: left bottom; }



/*DETALHE*/
.detalhe {padding: 25px 30px; width: 705px; /*width: 712px;*/}

  .detalhe .tpl_detalhe_imgs {width: 307px; float: left; position: relative;}

    .detalhe .tpl_detalhe_imgs .imageSlide .contentImage{
    padding: 0; 
    margin: 0;
    position: relative; 
    top: 0; 
    left: 0; 
    z-index: 0;
    border: 1px solid #E6E6E6;
    height: 290px;
    }

            .tpl_detalhe_imgs .flag{
            position: absolute;
            top: 0;
            left: -10px;
            height: 27px;
            }  

              .tpl_detalhe_imgs .flag div{ height: 24px; float: left; }  
              .tpl_detalhe_imgs .flag .effect{ height: 21px; margin-top: 5px; width: 10px; background: url(../sysimages/sys02.png) no-repeat left bottom; }
              .tpl_detalhe_imgs .flag .text{margin-left: -7px;}
              .tpl_detalhe_imgs .flag .text h2{
              color: #FFF;
              font-size: 11px;
              text-transform: uppercase;
              line-height: 24px;
              padding: 0 10px; 
              }

            .tpl_detalhe_imgs .flag .bg{
            background: url(../sysimages/bgFlagBanner.png) no-repeat top left;
            width: 20px;
            height: 64px;
            float: left;
            }

            .tpl_detalhe_imgs .flag .info{
            float: left;
            background: #FF8515;
            height: 59px;
            padding: 0 20px 0 0;
            min-width: 150px;
            }

            .tpl_detalhe_imgs .flag .info h1{height: 59px; line-height: 59px;}
            .tpl_detalhe_imgs .flag .info p{ color: #FFF; padding: 10px 0 0 10px;}
            .tpl_detalhe_imgs h2.label{ margin-top: 20px; font-size: 13px;}



  .detalhe .tpl_detalhe_imgs .imageSlide .contentImage a.zoomIcon{
  width: 305px; height: 293px;
  display: block;
  position: absolute;
  top: 0; 
  left: 0; z-index: 3;
  background: url(../sysimages/bg-transp.png) repeat top left;
  }

  .detalhe .tpl_detalhe_imgs .imageSlide .contentImage a.zoomIcon span{
  background: url(../sysimages/sys15.png) no-repeat top left; 
  border: 0;
  width: 38px; height: 41px;
  position: absolute;
  bottom: 0; left: -1px; z-index: 4;
  }
  .detalhe .tpl_detalhe_imgs .imageSlide .contentImage a.zoomIcon:hover span{background-position: left -40px;}


  /* fancybox popup */
  .fancybox-nav span {visibility: visible!important; height: 82px!important; width: 41px!important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
  .fancybox-prev span{left: 0!important; background: url(../sysimages/fancybox_nav.png) no-repeat top left!important;}
  .fancybox-next span{right: 0!important; background: url(../sysimages/fancybox_nav.png) no-repeat top right!important;}

  .fancybox-prev span:hover{background-position: bottom left!important;}
  .fancybox-next span:hover{background-position: bottom right!important;}
  /* fancybox popup */

  
  .detalhe .imageSlide .slideImage li{width: 60px!important; margin-right: 7px; border: 1px solid #E6E6E6; padding: 5px; display: block;}
  
  .detalhe .imageSlide .slideImage li:hover,
  .detalhe .imageSlide .slideImage li.sel{border: 1px solid #666;}

  .detalhe .imageSlide .bx-wrapper{z-index: 0;}
  .detalhe .imageSlide .bx-wrapper .bx-viewport{width: 230px!important; margin: 30px auto;}
  
  .detalhe .imageSlide .bx-wrapper .bx-prev, 
  .detalhe .imageSlide .bx-wrapper .bx-next { width: 13px!important; margin-top: -34px;}



  .tutorial a.iframe{border: 1px solid transparent;}
  .tutorial a.iframe:hover{border: 1px solid #666;}


  .tutorial .iframe,
  .detalhe .imageSlide .slideImage li a{position: relative}

  .icon_play{ 
    background: url(../sysimages/bgIconVid.png) no-repeat left top; 
    width: 40px; 
    height: 40px; 
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
  }



  .detalhe .infoDetalhe{width: 343px; float: left; margin-left: 55px;}
  .detalhe .infoDetalhe .info h1.prodPrice{ font-weight: bold; color: #FF8513; font-size: 36px; float: left;}
  
  .detalhe .infoDetalhe .info .desc{margin-top: 10px; width: 100%;}
  .detalhe .infoDetalhe .info .desc.closed{
    width: 280px;
    white-space:nowrap; 
    overflow:hidden;
    text-overflow:ellipsis; 
  }


  .detalhe .infoDetalhe .info .descLink, .detalhe .infoDetalhe .info .descLink2{padding: 10px 0;}
  .detalhe .infoDetalhe .info .descLink2{display:none}

  .detalhe .infoDetalhe .info div.prodPrice{ margin-top: 6px; margin-left: 3px; float: left;}
  .detalhe .infoDetalhe .info div.alertPrice h3{ float: right; color: #FF8513; margin-top: 23px;}



  .detalhe .selectColor{ margin-bottom: 15px; }
  .detalhe .selectColor a{ width: 29px; height: 29px; padding: 2px; display: block; border: 1px solid #E6E6E6; float: left; margin-right: 10px; margin-bottom: 10px;}
  .detalhe .selectColor a.sel, .selectColor a:hover{ border: 1px solid #666;}



  .detalhe .actions{background: #ECECEC; padding: 15px; margin-top: 1px; }

  .detalhe .actions h3{ margin-bottom: 5px;padding-top: 10px;}
  .detalhe .actions input { margin-right: 5px; padding: 6px 5px; width: 30px; float: right; }
  .detalhe .actions button{ width: 182px; float: right}
  
  .detalhe .actions table {padding-bottom: 10px; width: 100%;}
  .detalhe .actions table + td {width: 70px;}
  .detalhe .actions table + td + td {width: 60px;}

  .detalhe .actions .separador{background: #FFF; height: 2px; width: 343px; margin: 15px 0 15px -20px;}


  /*alteração*/
  .detalhe .actions .calc_icon { height: 30px; background: url(../sysimages/sys_calc.jpg) no-repeat left top; padding-left: 27px; font-size: 11px; display: block; text-decoration: none;}
  .detalhe .actions .calc_icon:hover { text-decoration: underline;}
  .detalhe .actions .input_meters {float: right; margin-right: 5px}
  .detalhe .actions .input_meters input { width: 60px; text-align: right; display:inline-block; float: none; }
  .detalhe .actions .input_meters h3,
  .detalhe .actions .input_meters p{display:inline-block}
  .detalhe .actions .price_per_meter { margin: 10px 5px 5px 0; text-align: right; }
  .detalhe .actions .price_total_to_add { font-weight: bold;color: #FF8513; text-align: right; margin: 0px 5px 10px 0; }
  /*alteração*/


  /*.detalhe*/ .tabsCaracteristicas{ margin-top: 60px; float: left;}
  /*.detalhe*/ .tabsCaracteristicas .tabs > a{
  display: block;
  float: left;
  padding: 10px 15px;
  margin-right: 8px;
  background: #ECECEC;
  border: 1px solid #DFDFE1;
  text-decoration: none;
  font-weight: 700;
  color:#666;
  }
  /*.detalhe*/ .tabsCaracteristicas .tabs > a:hover,
  /*.detalhe*/ .tabsCaracteristicas .tabs > a.sel{background: #FFF; border-bottom: 1px solid #FFF; color: #333;}

  /*.detalhe*/ .contentTabs{ width: 675px; padding: 20px 15px; /*min-height: 315px; */ min-height: 150px; border: 1px solid #DFDFE1; margin-top: -1px;}
  


  /*.detalhe*/ .contentTabs .contentImage{padding: 0; margin: 0;position: relative; top: 0; left: 0; z-index: 0;}

  /*.detalhe*/ .contentTabs .contentImage a.zoomIcon{
  background: url(../sysimages/sys15.png) no-repeat top left; 
  border: 0;
  width: 38px; height: 41px;
  position: absolute;
  bottom: -3px; left: 0; z-index: 2;
  }
  /*.detalhe*/ .contentTabs .contentImage a.zoomIcon:hover{background-position: left -40px;}

  .contentTabs .contentImage .bx-prev,
  .contentTabs .contentImage .bx-next{
    display: none!important;
  }


  .contentTabs .contentDocs,
  .contentTabs .contentTutorials,
  .contentTabs .contentImage,
  .contentTabs .contentEnvio,
  .contentTabs .contentProdutos,
  .contentTabs .contentInstit{display:none;}
  
  .contentTabs .sel{display:block}

  /*Tab Pdf*/
  /*.detalhe*/ .contentTabs .contentDocs .pdfContainer{ width: 315px; margin-left: 40px; padding: 20px 0; float: left; border-bottom: 1px dotted #CCC; text-decoration: none;}
  /*.detalhe*/ .contentTabs .contentTutorials .pdfContainer{ width: 100%; float: left; text-decoration: none; margin-top: 10px; margin-left: -5px;}
  /*.detalhe*/ .contentTabs .pdfContainer h3{margin-top: 5px;}
  /*.detalhe*/ .contentTabs .pdfContainer .icon{ height: 40px; width: 40px; float: left;}
  
  .contentTabs .pdfContainer .icon.pdf{ background: url(../sysimages/iconPdf.png) no-repeat left top; }
  .contentTabs .pdfContainer .icon.zip{ background: url(../sysimages/iconZip.png) no-repeat left top; }

  .contentTabs .pdfContainer:hover {text-decoration: underline;}
  .contentTabs .pdfContainer:hover .icon{ background-position: left bottom;}


  /*.detalhe*/ .contentTabs .contentDocs .left .pdfContainer:first-child{margin-left: 0;}

  /*Tab Tutoriais*/
  /*.detalhe*/ .contentTabs .contentTutorials .tutorial{ float: left; padding-top: 30px; padding-bottom: 30px; border-top: 1px dotted #CCC;}
  /*.detalhe*/ .contentTabs .contentTutorials .tutorial:first-child{border-top: 1px dotted transparent;}
  /*.detalhe*/ .contentTabs .contentTutorials .tutorial .text{ max-width: 500px; margin-left: 40px; float: left;}
  /*.detalhe*/ .contentTabs .contentTutorials .tutorial .text .pdf {height: 40px; padding-left: 40px;
  background: url(../sysimages/iconPdf.png) no-repeat left top; float: left; margin-left: -8px; margin-top: 10px;}
  /*.detalhe*/ .contentTabs .contentTutorials .tutorial .text .pdf h3{margin-top: 5px;}

  

  .lateralContent{ float: right; border-left: 1px solid #DFDFE1; width: 168px; min-height: 700px; margin-top: 20px; padding: 10px;}
  .lateralContent .lateralSlide{padding: 0;}
  .lateralContent .lateralSlide .prod { max-width: 130px!important;}
  .lateralContent .lateralSlide .prod a{text-decoration: none;}
  .lateralContent .lateralSlide .prod p{ margin: 10px 0 30px;min-height: 36px;}
  .lateralContent .lateralSlide .prod a:hover{cursor: pointer; text-decoration: underline;}

  .lateralContent .bx-viewport{height: 230px!important; top: 25px!important;}
  .lateralContent .bx-wrapper {margin: 0px auto 57px!important;}


  .lateralContent .blockLateral{border-top: 1px solid #DFDFE1; padding-top: 21px; position: relative;}
  .lateralContent .blockLateral:first-child{border-top: 0; padding-top: 0;}

  .listagem .lateralContent .blockLateral{border-color: #FFF;}


    /*Slider Vertical Lateral*/
    .lateralContent .bx-wrapper .bx-prev,
    .lateralContent .bx-wrapper .bx-next{
    background: url(../sysimages/sys19.png) no-repeat left bottom!important; 
    width: 39px!important; 
    height: 10px!important;
    top: 27px!important;
    left: 0!important;
    z-index: 0!important;
    }
    .lateralContent .bx-wrapper .bx-next{top: 275px!important}

    .lateralContent .bx-wrapper .bx-prev:hover,
    .lateralContent .bx-wrapper .bx-next:hover{ background-position: left top!important; }
    .lateralContent .bx-wrapper .bx-loading{display: none;}



    .lateralContent .blockLateral .detail{left: -210px; top: 20px;}


  
      .listagem .pageMenu .bx-wrapper {margin: 0 auto 40px;}



      .listagem .lateralContent .bx-wrapper .bx-prev,
      .listagem .lateralContent .bx-wrapper .bx-next,
      .wishlistPage .lateralContent .bx-wrapper .bx-prev,
      .wishlistPage .lateralContent .bx-wrapper .bx-next{
      background: url(../sysimages/sys19.png) no-repeat left top!important;}

      .listagem .lateralContent .bx-wrapper .bx-prev:hover,
      .listagem .lateralContent .bx-wrapper .bx-next:hover,
      .wishlistPage .lateralContent .bx-wrapper .bx-prev:hover,
      .wishlistPage .lateralContent .bx-wrapper .bx-next:hover{
      background: url(../sysimages/sys19.png) no-repeat left bottom!important;}

      



/*RUBRICA*/
.rubricPage .containerWidth{ width: 903px; min-height: 750px; padding: 40px 30px; }
.rubricPage .containerWidth .title{margin-bottom: 30px;}
.rubricPage .containerWidth img{max-width: 900px;}

  .rubricPage .columns{ margin-top: 5px; }

  /* rubricPage about page*/
  .rubricPage .about{margin: 70px 0;}
  .rubricPage .about div{ text-decoration: none; display:block; float: left; width: 270px; margin-left: 42px;}
  .rubricPage .about div:first-child{margin-left: 0;}
  .rubricPage .about div h2{ margin-bottom: 10px;}
  .rubricPage .about div p{max-width: 240px; margin-top: 5px;}
  .rubricPage .about div p.link{text-decoration: underline;}


  /* rubricPage FAQS*/
  .rubricPage #accordionMenu{ padding: 0; width: 700px; margin: 0 0 40px; list-style: none;}
  .rubricPage #accordionMenu > li .content{ display: none; padding: 20px 0 50px 40px; width: 500px; line-height: 150%;}
  .rubricPage #accordionMenu > li .content ul{list-style: disc; margin-top: 5px;}
  .rubricPage #accordionMenu > li:last-child {border-bottom: 1px solid #DFDFE1;}
  .rubricPage #accordionMenu > li > a{
  background:url(../sysimages/spriteFaqs.png) no-repeat 5px 5px;
  display: block; 
  text-decoration: none; 
  padding: 12px 12px 12px 40px; 
  border-top: 1px solid #DFDFE1;}

  .rubricPage #accordionMenu > li > a:hover{ background-color: #ECECEC; background-position: 5px -25px}
  /*.rubricPage #accordionMenu > li.sel > .content{ display: block;}*/
  .rubricPage #accordionMenu > li.sel > a{ background-position: 5px -55px}


/* searchPage */
.searchPage .containerSearch {width: 903px; padding: 40px 30px;}
.searchPage .title{ margin-bottom: 30px;}
.searchPage .search input.searchSubmit{
display: block;
width: 40px;
height: 30px;
border: 0;
margin-left: 2px;
background: #424794 url(../sysimages/sys03.png) no-repeat 0px center;}

.searchPage .search input.searchSubmit:hover,
.searchPage .search input.searchSubmit:active{background-color: #2D3288;}
.searchPage .search p{margin: 40px 0;}
.searchPage ul{list-style: disc;  margin-top: 10px; padding: 0 0 0 15px; line-height: 150%;}


.searchPage .tabsCaracteristicas{ width: 925px; margin-left: 20px; }
.searchPage .tabsCaracteristicas .tabs a > span{font-weight: normal;}
.searchPage .tabsCaracteristicas .contentTabs{ border: 1px solid #FFF; border-top: 1px solid #DFDFE1; /*display: none;*/}
.searchPage .tabsCaracteristicas .contentTabs.sel{display: block;}
.searchPage .tabsCaracteristicas .contentTabs .contBanner5{margin-left: -71px;}

.searchPage .tabsCaracteristicas .contentTabs .contentblockInstit{margin-bottom: 70px;}
.searchPage .tabsCaracteristicas .contentTabs .contentblockInstit .blockInstit{max-width: 640px; margin-top: 40px;}
.searchPage .tabsCaracteristicas .contentTabs .contentblockInstit .blockInstit:first-child{margin-top: 0px;}



.searchPage .contentblockInstit .right {width: 190px;}

/* rubricPage CONTACTOS */
.morada {width: 253px; float: left; margin-bottom: 60px; margin-top: 40px;margin-right: 60px;}
.form-contactos {float: left; padding-bottom: 60px; padding-top: 40px; display: block;}
.form-contactos h2{margin-bottom: 20px;}
.form-contactos h2.titleForm-Error{display: none; background:url(../sysimages/spriteForm.png) no-repeat -10px -43px; padding-left: 20px; }

.form-contactos.form-Error h2.titleForm{display: none;}
.form-contactos.form-Error h2.titleForm-Error{display: block; }

.form-contactos form div.leftInputsContainer {width: 300px; float: left;}
.form-contactos form div.rightInputsContainer { width:320px; float: left; }

.form-contactos-sucesso{ float: left; width: 375px; margin-top: 40px; display:none;}
.form-contactos-sucesso .icon{ width: 36px; height: 36px; margin-bottom: 15px; background: url(../sysimages/spriteForm.png) no-repeat left top;}
.form-contactos-sucesso h2, .form-contactos-sucesso p{ margin-bottom: 5px; }





/*Paginação*/
.pagination{ height: 26px; margin-bottom: 70px; float: left; }

    .pagination ul{padding: 0; margin-left:0px;list-style: none;}
    .pagination ul li { float: left; }
    .pagination ul li a{ 
    display: block; 
    border: 1px solid #D9D9D9;
    padding: 12px 10px;
    margin-left: -1px;
    color: #333;
    font-weight: bold; 
    text-decoration: none;}
  
    .pagination ul li.sel a{background: #ECECEC;}
    .pagination ul li:hover a{background: #ECECEC; text-decoration: underline;}
    .pagination ul li.suspensionPoints a{ border-color: #F0F0F0; border-left-color:transparent; border-right-color:transparent; background: none; color: #242B33; cursor: default;text-decoration: none;}



/* Wishlist */

.contentWishlist .product:first-child{border-top: 1px solid #EDEDED; }
.contentWishlist .product{border-bottom: 1px solid #EDEDED; height: 100px;}
.contentWishlist .product .image{ width: 60px; height: 75px; float: left; padding-top: 25px;}
.contentWishlist .product .details{padding-top: 28px; max-width: 265px; float: left; }
.contentWishlist .product .details .alert {color: #FF8513;}
.contentWishlist .product .buyOptions{float: right; height: 31px;/*margin: 15px 30px 5px 0;*/margin: 12px 30px 0 0;}
.contentWishlist .product .buyOptions p,
.contentWishlist .product .buyOptions h3{text-align: right; line-height: 31px; float: right;  margin-left: 13px;}
.contentWishlist .product .buyOptions input{float:right; width: 22px; margin-left: 13px;}
.contentWishlist .product .removeButton{ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; height: 60px; width: 50px; background: url(../sysimages/sys18_2.png) no-repeat right top; display: block; float: right; border-left: 1px solid #EDEDED;margin-top: 19px;}
/*.contentWishlist .product .removeButton:hover{background-position: bottom right;}*/


/* AR Historico */
.arPage .containerWidth{ width: 903px; min-height: 750px; padding: 40px 30px; }
.arPage .containerWidth .title{margin-bottom: 30px;}
.arPage .containerWidth table.historyTable{width: 100%; text-align: left; margin-bottom: 70px;}
.arPage .containerWidth table.historyTable tr{height: 40px; border-top: 1px solid #DFDFE1; border-bottom: 1px solid #DFDFE1;}
.arPage .containerWidth table.historyTable tr th,
.arPage .containerWidth table.historyTable tr td{padding-left: 10px; padding-right: 10px;}
.arPage .containerWidth table.historyTable th.total,
.arPage .containerWidth table.historyTable td.total{text-align: right; font-weight: bold;}

.arPage .containerWidth table.historyTable a.nrFact{padding-left: 30px; display:block; height: 18px; line-height: 18px; background: url(../sysimages/sys16.png) no-repeat -7px -11px;}


.arPage .containerWidth .form-contactos{border-top: 1px solid #DFDFE1;}
.arPage .containerWidth .form-contactos .feedbackForm{padding: 23px 18px; margin-bottom: 20px;}
.arPage .containerWidth .form-contactos .feedbackForm h2{margin: 0; padding-left: 34px;}
.arPage .containerWidth .form-contactos .feedbackForm.correct{background: url(../sysimages/sys17.png) no-repeat 20px 24px #F2F7A2;display:none;}
.arPage .containerWidth .form-contactos .feedbackForm.incorrect,
.arPage .containerWidth .form-contactos .feedbackForm.incorrect2{background: url(../sysimages/sys17.png) no-repeat 20px -17px #F73833;display:none;}
.arPage .containerWidth .form-contactos .feedbackForm.incorrect h2,
.arPage .containerWidth .form-contactos .feedbackForm.incorrect2 h2{color: #FFF;}




/*NEWSLETTER Subscrever Popup*/
.fancybox-overlay{ background: url(../sysimages/fancybox_overlay.png) repeat left top!important; z-index: 999999!important; }
.fancybox-opened{z-index: 9999999!important;}
.fancybox-opened .fancybox-skin{
-webkit-box-shadow: 0!important; 
-moz-box-shadow: 0!important; 
box-shadow: 0!important; 
-webkit-border-radius: 0!important; 
-moz-border-radius: 0!important; 
border-radius: 0!important; 
background-color: #FFF;
}
.fancybox-close{ background: #FFF url(../sysimages/fancybox_close.png) no-repeat right top!important; top:15px!important; right:15px!important; height: 20px!important; width: 20px!important; border: 10px solid #FFF;}
.fancybox-close:hover{ background-position: right -20px!important;}

.popup{display:none; width: 425px; height: 225px; padding: 40px!important;}
.popup h2{margin-bottom: 12px;}

.popup .formSent *{text-align: center; max-width: 370px; margin: 5px auto;}
.popup .formSent .icon{
width: 36px;
height: 36px;
margin: 15px auto;
background: url(../sysimages/spriteForm.png) no-repeat left top;}

.ui-slider {
position: relative;
text-align: left;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 10px;
float: left;
margin-top: 7px;
}

.ui-slider-horizontal {
width: 145px;
height: 5px;
background: #CDCDCD;
top: 6px;
}

.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}

.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-handle { top: -7px; margin-left: 0px; }

.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 9px;
height: 17px;
cursor: default;
background: url(../sysimages/menuSlider.png) no-repeat left top;
}


.menuPreco label {
float: left;
line-height: 30px;
font-size: 11px;
color: rgb(112, 112, 112);
font-family: Tahoma,Helvetica;
font-weight: bold;

margin-right: 5px;
margin-left: 5px;
}



.series_social_links{ position: absolute; top: 10px; right: 10px; z-index: 10; }

.containerWidth .menuPrincipal .separador { margin-left: -1px; width: 101%;}

.detalhe .infoDetalhe .info div.prodPrice p:first-child {color: #858585;}

.menuPrincipal .lateralContent .blockLateral {border-top-color: #FFF;}
.menuPrincipal .lateralContent .blockLateral .detail{left: 190px;}


a.linkScroll{
    background: url(../sysimages/bgScroll.png) no-repeat left top;
    width: 31px;
    height: 31px;
    display: block;
    position: fixed;
    left: 50%;
    margin-left: -513px;
    bottom: 10px;
    z-index: 999999;

    -webkit-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -ms-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out;
    opacity: 1;
}

a.linkScroll.alignBottom{ position: absolute; }
a.linkScroll.alignTop{ opacity: 0; }

a.linkScroll:hover{ background-position: left bottom;}



/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
    body{min-width: 1050px}
}


/* iphone < 4S */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { 
    body{min-width: 1050px}
}

/* iphone 5 */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { 
    body{min-width: 1050px}
}

.vertodos{
text-decoration:underline;
font-weight:bold;
}

.vertodos:hover{
text-decoration:none;
}