/*
[Font sizes - based on 75% body]

26px = 2.166667em
24px = 2em
22px = 1.8333em
21px = 1.75em
20px = 1.6667em
19px = 1.5833em
18px = 1.5em
17px = 1.416667em
16px = 1.333333em
15px = 1.25em
14px = 1.1667em
13px = 1.083333em
12px = 1em
11px = .9167em
10px = .8333em

Equasion for font sizing: 
-Desired in px Ö Default (or parent) in px = sizing in em

----------------------------------------------------------------*/

/**
 * 1.GLOBAL
 */
body {
/*   background: #f6f6f6; */
  color: #333;
  font: 75% "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h1 {
    font-size: 2em;
    line-height: 1.3em;
    letter-spacing: -.05em;
    margin-bottom: 0.5em; /* 0.5em is equavalent to 1em in the page's base font.
                             Remember, a margin specified in ems is relative to
                             the element's font-size, not to the pages' base
                             font size. So, for example, if we want a 1em margin
                             (relative to the base font), we have to divide that
                             length by the element's font-size:
                             1em / 2em = 0.5em */
  }

h2 {
    font-size: 1.5em;
    line-height: 1.3em;
    margin-bottom: 0.667em;
  }

h3 {
    font-size: 1.3em;
    line-height: 1.3em;
    margin-bottom: 0.769em;
  }

h4, h5, h6 {
    font-size: 1.1em;
    line-height: 1.3em;
    margin-bottom: 0.909em;
  }

a:link, a:visited {
  color: #725108;
  text-decoration: none;
}

a:focus {
  outline: none;
}

a:hover, a:active, li a.active {
  color: #483303;
  outline: none;
  text-decoration: none;
}

p {
  font-size: 1em;
  line-height: 1.5em;
  margin: 0 0 1.5em 0;
}

blockquote {
  margin: 1.25em;
  padding: 1.25em 1.25em 0 1.25em;
}

em {
  padding: 0 3px 0 0;
}

strong { font-weight: bold;}

hr {
  background: #7f7f7f;
  border: none;
  height: 1px;
  margin: 0;
  padding: 0;
}

img, a img {
  border: none;
  outline: none;
}


input, textarea { 
		border-top: 1px solid #737373;
		border-right: 1px solid #999999;
		border-bottom: 1px solid #999999;
		border-left: 1px solid #999999;
		font-size: inherit;
		padding: .2em;
		font-family: inherit;
}

.clear { clear: both;}


/* ########### SITE ############# */


#wrap { }
#right, #main, #navbar {line-height: 1.5em;}

.one-sidebar #main { margin: 0 0 0 213px;}

#content-inner { padding: 30px 20px 30px 4px;}

#main-inner { padding: 26px 0 0 30px; position: relative;}

.front #content-top { width: 1200px; height: 480px; position: absolute; left: -122px; z-index: 999;}

.clear { clear: both;}

.not-logged-in #main-inner { padding: 0 100px;}
.front #main-inner { padding: 26px 0 0 30px; }

#top-inner { height: 100px;}

#main { overflow: hidden; margin: 0; width: auto; }
.front #main { overflow: visible;}
.front #content-inner { height: 506px; padding: 0;}
#first-time { display: none;}

h1#site-name a { display: block; width: 180px; height: 130px; background: url(../images/blank.gif) repeat; text-indent: -999px; outline: none;}

#navbar ul li ul { padding: 0 0 0 1em;}


#main h2 { font-size: 1.2em; line-height: 1.4em; margin-bottom: 0.667em; background: #f2ebdf; padding: .2em .4em;;  }
#main h3 { font-size: 1em; line-height: 1.2em; margin-bottom: 0; font-weight: bold; }


/* ######### MENU TOP ######### */

#block-menu-menu-menu-top { padding: 2px 0 0 3px; width: 400px;}
#block-menu-menu-menu-top a { color: #fff; font-size: .9167em; text-transform: uppercase; padding: 0 20px 0 0; outline: none;}

#block-menu-menu-store-menu { width: 150px; float: right;}
#block-menu-menu-menu-cadastro { width: 100px; float: right;}
#block-menu-menu-store-menu a, #block-menu-menu-menu-cadastro a { display: block; width: 80px; background: #c4b591; border: 1px solid #524609; padding: 1px 3px; text-align: center; font-size: 9px; text-transform: uppercase; color: #524609; margin: 2px 0 0 0; }

#user-login-form { margin: 2px 0 0 0; }

p.user-info { margin: 2px 0 0 0; }


/* ####### LOGIN BAR ######## */

#barra .content label, #barra .content div, #barra .content ul li { display: inline;}
#barra #user-login-form ul { display: none;}

#block-userloginbar-0 { float: right; text-align: right; /* background: red; */ font-size: .9em; padding: 0 0 0 0;}
#user-login-form label, #user-login-form .user-info { color: #4c4003; font-weight: normal; text-transform: uppercase; font-size: .9167em;}

#user-login-form .form-text { padding: 0 .2em; width: 80px; font-size: 1em;}
#user-login-form .form-submit { width: 40px; background: #c4b591; border: 1px solid #524609; padding: 0; text-align: center; font-size: 9px; text-transform: uppercase; color: #524609; margin: 0;}








/* Left Menu */

#left ul.menu ul li { padding: 0 0 0 1.2em;}



/* ########### DESTAQUES ########### */

#destaques { margin: 8px 0 0 0;}
#destaques-inner { padding: 0 4px;}
#destaques .block { width: 312px; height: 114px; background: #ad9965;}
#destaques .block .content { padding: 6px 10px;}
#block-views-Noticias-block_1 { float: left;}
#block-block-4 { margin: 0 auto;}
#block-block-5 { float: right; }

#destaques p { margin: 0;}
#destaques .block a img { float: left; margin: 0 10px 0 0;}
#destaques a { color: #9f2e2d; font-weight: bold; font-size: 12px;}
#destaques { font-size: .9167em;}


#destaques .view-Noticias .views-row-odd, #destaques .view-Noticias .views-row-even { border-bottom: none; margin:0; height: auto;}







/* ########## BANNER HOME ########## */

#bannerhome p { margin: 0; line-height: 10px;}

#bannerhome { width: 634px; height: 154px; float: right;}


/* ########### BANNER CATALOGO ########## */


#block-block-10 { padding: 20px 0;}


/* ########## BOX ENDERECO ######## */


#endereco { font-size: .9167em; color: #999; width: 312px;}
#endereco h2 { background: #ad9965; color: #4b4a4b; font-size: .8333em; text-transform: uppercase; padding: 4px 8px; letter-spacing: 4px; font-weight: bold; }
#endereco .content { padding: 4px 8px;}



/* ######### PRODUTOS ######### */

table.sticky-table { width: 90%; margin: 0 0 8px 0;}
table.sticky-table td { padding: 8px; vertical-align: middle; /* width: 90%; */}
table.cart-block-summary { width: 90%;}

td.category div { height: 184px; border: 1px solid #dacc85; margin: 0 5px 0 0; vertical-align: middle; }
td.category div a img { margin: 25px 0 0 0; }
td.category strong { display: block; background: #f2ecc2; margin: 0 5px 0 0; border-left: 1px solid #dacc85; border-right: 1px solid #dacc85; border-bottom: 1px solid #dacc85;}


.view-Produtos table { width: 100%;}
.view-Produtos table td { vertical-align: middle; padding: 8px;}
.view-Produtos .views-field-title { width: 50%;}
.view-Produtos .node-add-to-cart { margin: 4px 0 0 0;}

.category-grid-products td { width: 33%;}

input.back-button { margin: 8px 0;}

#edit-qty-wrapper { display: inline;}

.uc-price { display: block; font-weight: bold; font-size: 1.1667em; margin: 6px 0;}

table th { padding: 2px;}

ul.pager { background: #ad9965; margin: 4px 0;}

#edit-taxonomy-1 { font-size: 12px;}

.order-review-table { width: 60%;}


/* ############################# PRODUCT IMAGES ######################## */


.product-image a img { border: 1px solid #ccc; }
.more-product-images a img { margin: 0 4px 0 0;}



/* ########### NEWS ############# */



.not-front .view-Noticias .views-field-title { font-size: 1.5em; margin: 0 0 10px 0;}
.not-front .view-Noticias .views-field-field-image-news-fid { float: left; width: 120px; height: 100px; margin: 0 10px 10px 0;}
.not-front .view-Noticias .views-row-odd, .view-Noticias .views-row-even { clear: both; height: 110px; border-bottom: 1px solid #ccc; margin: 0 0 10px 0;}




/* ################## MENU VITRINE ################ */


#block-menu-menu-menu-vitrine { width: 365px; float: right;}
#block-menu-menu-menu-vitrine ul li { float: left;}
#block-menu-menu-menu-vitrine a { display: block; text-indent: -2000px; background: #ccc;}

#block-menu-menu-menu-vitrine .Porcelanas a, 
#block-menu-menu-menu-vitrine .Guardanapos a, 
#block-menu-menu-menu-vitrine .Presentes a { height: 81px;}

#block-menu-menu-menu-vitrine .Porcelanas a { width: 104px; background: url(../images/menu-vit-por.gif) no-repeat;}
#block-menu-menu-menu-vitrine .Guardanapos a { width: 125px; background: url(../images/menu-vit-gua.gif) no-repeat;}
#block-menu-menu-menu-vitrine .Presentes a { width: 136px; background: url(../images/menu-vit-pre.gif) no-repeat;}

#block-menu-menu-menu-vitrine .Porcelanas a:hover, #block-menu-menu-menu-vitrine .Porcelanas a.active { background: url(../images/menu-vit-por.gif) no-repeat 0 -81px;}
#block-menu-menu-menu-vitrine .Guardanapos a:hover, #block-menu-menu-menu-vitrine .Guardanapos a.active { background: url(../images/menu-vit-gua.gif) no-repeat 0 -81px;}
#block-menu-menu-menu-vitrine .Presentes a:hover, #block-menu-menu-menu-vitrine .Presentes a.active {  background: url(../images/menu-vit-pre.gif) no-repeat 0 -81px;}



/* ##################### VITRINE ##################### */

.page-porcelanas #main-inner { padding: 26px 0 0 0;}
.page-porcelanas #content-inner { padding: 30px 0 0 0;}
.page-porcelanas #main #node-36 .content { text-align: center;}
.page-porcelanas .breadcrumb, .page-porcelanas .title { display: none; /* padding: 0 0 0 30px; */}
.page-porcelanas #bottom { margin: 4px 0 0 0;}

.page-guardanapos #main-inner { padding: 26px 0 0 0;}
.page-guardanapos #content-inner { padding: 30px 0 0 0;}
.page-guardanapos #main #node-37 .content { text-align: center;}
.page-guardanapos .breadcrumb, .page-guardanapos .title { display: none; /* padding: 0 0 0 30px; */}
.page-guardanapos #bottom { margin: 4px 0 0 0;}

.page-presentes #main-inner { padding: 26px 0 0 0;}
.page-presentes #content-inner { padding: 30px 0 0 0;}
.page-presentes #main #node-38 .content { text-align: center;}
.page-presentes .breadcrumb, .page-presentes .title { display: none; /* padding: 0 0 0 30px; */}
.page-presentes #bottom { margin: 4px 0 0 0;}







/* ########## CHECKOUT ########### */

.order-review-table td { padding: 6px 10px;}


/* ################## REPRESENTANTES ##################### */


.page-representantes #main h2 { margin: 2em 0 1em 0;}
.page-representantes #main p, .page-representantes #main h3 { padding: 0 0 0 .5em;}


/* ############### ADDRESSES ################# */

.list_address { width: 60%;}
.address-preview-table { width: 100%;}
.address-preview-table td { font-size: 1em; font-weight: normal;}





/* ########### FOOTER ########### */

#footer { font-size: .81em; color: #919191; padding: 2px; }



/* ########## SYSTEM OVERRIDES ########## */


.admin-list { line-height: 1.2em; }
.admin-list dd { font-size: .9167em; margin: 0 0 .8em 0; color: #999;}

div.admin .left, div.admin .right { margin-left: 0; margin-right: 0;}

fieldset {border: 1px solid #ccc; padding: 1em; margin: 0 0 1em 0;}
fieldset legend {padding: 0 .5em;}


.page-admin table { width: 100%;}
.page-admin table td {padding: .3em .6em;}
tr.even {background: #f1f1f1;} 
tr.odd { background: #e5e5e5;}
#system-modules table td.description { color: #808080;}
.page-admin table td.permission {padding: 0 0 0 2em; color: #999;}

div.view div.views-admin-links { width: auto;}


.node-type-list dd { border-bottom: 1px solid #ccc; padding: 0 0 8px 0; margin: 0 0 8px 0;}

.form-checkbox { border: none;}




/* ########## CONTATO ########## */

.page-contact #main .form-text, .page-contact #main .form-textarea { width: 400px;}
input.form-submit, .page-contact #main input.form-submit { width: auto;}



/* $Id: system-menus.css,v 1.1 2007/10/05 14:50:25 goba Exp $ */

ul.links li {display: inline; padding: 5px;}
ul.inline li {padding: 0 5px 0 0;}

ul.links a {font-size: .9167em;}


/* TinyMCE Editor */

.mceContentBody { padding: 1em;}
img.esquerda { float: left; margin: 1em 1em 1em 0; }
img.direita { float: right; margin: 1em 1em 0 1em; }

.marca-texto { background: #e0de58; padding: 2px; }

/* Mensagens */

  div.messages, /* Important messages (status, warning, and error) for the user */
  div.status,
  div.warning,
  div.error
  {
    border: 2px solid #000;
    padding: 5px 5px 5px 35px;
    font-style: italic;
    margin-bottom: 1em;
  }

.front div.messages { position: absolute; top: -30px; left: 420px;}

  div.status /* Normal priority messages */
  {
  	background: #EBFBC2;
  	color: #81AC00;
  	border-color: #C8E57A;
  	
  }

  div.warning /* Medium priority messages */
  {
    border-color: #FFD751;
    background: #FBE49E;
    color: #9C7C40;
  }

  div.warning,
  tr.warning,
  body.section-admin tr.warning
  {
    color: #000; /* Drupal core uses #220 */
    background-color: #ffc;
  }

  div.error /* High priority messages. See also the .error declaration below. */
  {
    /* border: 1px solid #d77; */ /* Drupal core uses: 1px solid #d77 */
    border-color: #FF9C9E;
    background: #FFCDCE;
  }

  div.error,
  tr.error,
  body.section-admin tr.error
  {
    color: #900; /* Drupal core uses #200 */
    background-color: #FFCDCE;
  }

  div.messages ul
  {
    margin-top: 0;
    margin-bottom: 0;
  }