@import url("fonts.css");
@import url("normalize.css");
@import url("common.css");


/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.2;
}

ul {
    list-style: none;
    padding: 0px;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/*
 * Default style for links
 */

a {
    text-decoration: none;
    color: #000;
}

/*
 * Remove borders
 */
 input[type='text'], input[type='password'], input[type='submit'], button {
    border: 0;
    outline: none;
 }

 /*
 * 
 */
 h1, h2, h3, h4, h5 {
    font-weight: normal;
 }

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   body                                 { background: url('../images/bg-site.jpg') repeat; font-family: arial; }
   .paginacao                           { text-align: center; padding: 20px; }
   .paginacao a,
   .paginacao strong                    { position: relative; display: inline-block; *display: inline; zoom: 1; font-weight: normal; font-size: 14px; color: #fff; padding: 5px 8px; }
   .paginacao a                         { background: #D8D4CA; }
   .paginacao a:hover,
   .paginacao strong                    { background: #C7252C; }
   .paginacao strong                    { text-decoration: underline; }

   .conteudo                            { width: 800px; margin: 0 auto; }
   .logo                                { width: 188px; height: 66px; float: left; padding-top: 28px;  }
   .menu                                { float: right; margin: 0; margin-bottom: 35px}
   .menu li                             { list-style: none; text-decoration: none;  padding: 24px; padding-top: 60px; float: left; color: #6f6f6f; font-size: 13px; font-weight: bold; text-transform: uppercase; }
   .menu li:hover                       { background: url('../images/bg-houver.jpg') repeat-x; }
   .menu li a                           { color: #6f6f6f;}
   .divisor-linha                       { height: 2px; background: url('../images/linha.png') repeat-x; }
   .alpha                               { margin-left: 0 !important; }
   
   /*slide*/
   #slide                               { width: 800px; height: 312px; overflow: hidden;}
   #slide li                            { margin-left: 3px; z-index: 0;}
   #wrapper-slide                       { width: 800px; height: 385px; background: url('../images/linha-vertical.png') repeat; position: relative;}
   .bx-prev                             { background: url('../images/bg-prev.jpg') no-repeat; display: block; width: 70px; height: 71px; text-indent: -1999px; float: left; border-right: 1px solid white; margin-left: 3px; display: block; margin-top: 2px; bottom: 0; position: absolute;}
   .bx-next                             { background: url('../images/bg-next.jpg') no-repeat; display: block; width: 70px; height: 71px; text-indent: -1999px; float: left; display: block; margin-top: 2px; position: absolute; bottom: 0; left: 73px;}
   .bx-pager                            { background: url('../images/bg-page.jpg') repeat; display: block; width: 115px; height: 71px; float: right; padding-left: 20px; position: absolute; left: 140px; margin-top: 2px; z-index: 0; bottom: 0;}
   .bg-titulo                           { z-index: 0; background: url('../images/bg-page.jpg') repeat; display: block; width: 503px; height: 71px; /*text-indent: -1999px*/; float: right; padding-left: 20px; margin-right: 2px; position: absolute; bottom: 0; right: 0;}
   .bg-titulo a                         { background: url('../images/bg-saiba-mais.png') no-repeat; width: 54px; height: 55px; float: right; margin-top: 48px; margin-right: 10px; text-align: center; font-size: 13px; color: #ffffff; padding-top: 14px; padding-left: 2px;}
   .pager-link                          { background: url('../images/bg-page-link.png') no-repeat; display: block; width: 15px; height: 16px; text-indent: -1999px; float: left; margin-top: 29px;}
   .pager-active                        { background: url('../images/bg-page-link-active.png') no-repeat; display: block; width: 15px; height: 16px; text-indent: -1999px; float: left; }
   .slide-titulo                        { width: 400px; position: absolute; right: 145px; bottom: 25px; z-index: 900; }
   .bx-window                           { height: 385px !important;}
   .thumbs                              { position: relative; min-height: 33px; margin: 0; }
   .thumbs li                           { display: none; position: absolute; top: 0; left: 0; }
   .thumbs li.selected                  { display: block; }
   /*home*/

   .promocoes                           { width: 228px; height: 249px; background:#a59f90; margin-top: 50px; margin-bottom: 42px; float: left; position: relative;}
   .produtos                            { width: 550px; margin-top: 50px; float: right; position: relative; }
   .produtos span                       { margin-bottom: 7px; display: block; font-size: 16px; font-weight: bold; color: #636363;}
   .produtos .vermais                   { background: url('../images/bg-ver-todas.png') no-repeat; width: 46px; height: 48px; text-align: center; font-size: 9px; color: #ffffff; padding-top: 15px; padding-left: 2px; position: absolute; right: 16px; top: 6px;}
   .podutos-esq                         { width: 250px; height: 110px;  float: left; margin-left: 45px; }
   .podutos-esq.margin                  { margin-left: 0px; }
   .podutos-dir                         { width: 250px; height: 110px;  float: right; }
   .podutos-esq img                     { margin-top: 21px; border: 7px solid #A49E8F; float: left; margin-right: 23px; }
   .podutos-esq p                       { padding-top: 20px; padding-right: 7px; color: #636363;}
   .podutos-dir img                     { margin-top: 21px; border: 7px solid #A49E8F; float: left; margin-right: 23px; }
   .podutos-dir p                       { padding-top: 20px; padding-right: 7px; color: #636363;}
   .divisor-linha2                      { height: 2px; background: url('../images/linha.png') repeat-x;}
   .promocoes h1                        { margin-top: -26px; margin-left: 18px; color: #ffffff; font-weight: bold;}
   .promocoes p                         { padding-left: 15px; padding-right: 4px; color: #ffffff;}
   .promocoes h3                        { padding-left: 15px; color: #ffffff;}
   .promocoes span                      { background: url('../images/bg-ver-todas.png') no-repeat; width: 46px; height: 48px; text-align: center; font-size: 11px; color: white; padding-top: 14px; padding-left: 2px; position: absolute; right: 10px; top: 223px;}



   /* internas */
   .container                           { width: 480px; margin: 0 auto; }
   h1                                   { font-size: 19px; color: #221a17; margin: 5px; font-weight: normal; }
   h2                                   { display: block; margin: 20px 0; font-size: 27px; color: #221a17; }
   p                                    { font-size: 13px; color: #221a17; }

   /* page-empresa */
   img.destaque                         { display: block; width: 136px; height: 92px; margin: 15px auto; }
   #empresa li                          { float: left; margin-left: 35px; margin-bottom: 15px;}
   #empresa li:first-child              { margin-left: 0px; }
   #empresa ul                          { margin-top: 30px; }

   /* page-produtos */
   #produtos                            { padding: 30px 0; }
   #produtos li                         { float: left; margin-left: 35px; margin-bottom: 35px; }
   #produtos li.margin                  { margin-left: 0px; }
   #produtos ul                         { margin-top: 30px; }

   /* page-clientes */
   #clientes                            { padding: 30px 0; }
   #clientes li                         { float: left; margin-left: 35px; margin-bottom: 35px; }
   #clientes li.margin                  { margin-left: 0px; }
   #clientes ul                         { margin-top: 30px; }

   /* page-contato */
   #contato .form-row                   { margin-bottom: 5px; }
   #contato label                       { display: block; width: 150px; text-align: right; float: left; margin-right: 10px; margin-top: 3px; font-size: 13px; }
   #contato label.error                 { width: 310px; font-size: 12px; text-align: right; margin-bottom: 8px; float: right; color: #f00000; }
   #contato input[type="text"],
   #contato textarea                    { display: block; width: 310px; border: 1px solid #c9c9c9; padding: 3px; float: left; font-size: 13px; }
   #contato input[type="text"]:hover,
   #contato textarea:hover,
   #contato input[type="text"]:focus,
   #contato textarea:focus              { border-color: #C7252C; }
   #contato button                      { padding: 5px 10px; color: #fff; background: #C7252C; margin: 20px 0; font-size: 14px; }
   #contato button:hover                { background: #9E1D23; }

   /*footer*/
   .logo-rodape                         { width: 287px; height: 259px; background: #d8d4ca; float: left; }
   .logo-rodape img                     { margin-top: 65px; margin-left: 50px;}
   .logo-rodape p                       { font-size: 12px; color: #6e6d6a; padding-left: 70px; padding-top: 30px;}
   .menu-rodape                         { float: left;}
   .menu-rodape ul                      { padding-left: 65px;}
   .menu-rodape li                      { padding: 15px; list-style: none; text-decoration: none; font-size: 13px; font-weight: bold; text-transform: uppercase; }
   .menu-rodape li a                    { color: #6f6f6f;}
   .menu-rodape li a:hover              { text-decoration:underline;}
   .logo-wf                             { width: 287px; height: 259px; background: #d8d4ca; float: right;}
   .logo-wf a                           { width: 144px; height: 59px; background: url('../images/logo-wf.png') no-repeat; margin-top: 98px; margin-left: 50px; display: block;}
   .logo-wf a:hover                     { background-position: 0 bottom;}
   .divisor-linha-footer                { height: 2px; background: url('../images/linha.png') repeat-x; margin-bottom: 127px;}