/* Theme Name: Stiff */

.clear   { clear: both; }
.red     { color: #c8151b; }
.green   { color: #006a64; }
.gray    { color: #666666; }

.bold    { font-weight: bold; }
.t-10    { font-size: 10px !important; }
.t-12    { font-size: 12px !important; }

.t-left  { text-align: left !important; }
.t-center{ text-align: center  !important; }
.t-right { text-align: right !important; }

.f-left  { float: left; }
.f-right { float: right; }

h1, h2, h3 { margin: 0px; padding: 0px 0px 10px 0px; font-weight: bolder; font-family: Georgia, serif; }

h1   { font-size: 30px; color: #000000; line-height: 30px !important; }
h2   { font-size: 25px; font-weight: normal; color: #086565; }
h3   { font-size: 18px; color: #086565;  }

.hr  { width: 100%; height: 1px; margin-bottom: 20px; background-color: #ccc; clear: both; }

.avatar  { width: 168px; height: 150px; text-align: center; float:left; }

/* home_left */
#box       { width: 662px; padding-right: 18px; float: left; font-size: 12px; line-height: 15px; }
#box_left  { width: 18px; height: 746px; background: url('../../../img/themed/stiff_1/box_left.gif') no-repeat; float: left; }
#box_right { width: 18px; height: 746px; background: url('../../../img/themed/stiff_1/box_right.gif') bottom right no-repeat; float: left; }
#box_center{ width: 626px; height: 744px; border: 1px solid #ccc; display: table; float: left; }
#box_bottom{ width: 662px; height: 13px; background: url('../../../img/themed/stiff_1/box_bottom.gif') no-repeat; float: left; }

#box_center, x:default { width: 624px !important; /*ff hack */ }
#box_center { width /*\**/: 624px\9 }

.box_tags       { width: 100px; height: 218px; padding: 30px 20px 0px 20px; background: url('../../../img/themed/stiff_1/box_tags.gif') no-repeat; float: left; color: #4d4d4d; overflow: hidden; }
.box_tags span  { padding-bottom: 10px; display: block; font-size: 20px; line-height: 20px; }

.box_title      { width: 440px; height: 228px; padding: 20px 20px 0px 20px; float: left; color: #4d4d4d; text-align: left; overflow: hidden; }
.box_title img  { padding-right: 18px; }
.box_title td   { vertical-align: top; }
.box_title span { padding-bottom: 20px; display: block; font-size: 28px; }

/* home_right */
#home_right     { width: 268px; float: right; line-height: 30px; font-size: 18px; color: #4d4d4d; }
#home_right img { padding: 0px 2px 2px 2px; }

/* trabalhos */
.product           { width: 190px; height: 180px; margin: 0px 20px 0px 0px; _margin-right: 10px; float: left; color: #7f8a8a; }
.product img       { width: 180px; height: 130px; margin-bottom: 5px; padding: 5px; background: #e4f3f3 url('../../../img/themed/stiff_1/spinner.gif') 50% center no-repeat; border: 1px solid #c8d4d4; color: #0c5050; text-align: center; clear: both; display: block; }
.product a         { font-size: 14px; color: #006a64; }
.product_hr        { width: 100%; height: 20px; clear: both; }

.product_img           { background: #fff; }
.product_img:hover img { opacity: 0.70; filter: alpha(opacity = 70); }

.product_view_img      { margin: 0 auto; padding: 20px; display: table; background: #eee url('../../../img/themed/stiff_1/spinner.gif') 50% center no-repeat; text-align: center; }
.product_view_pag      { width: 100%; height: 27px; margin-top: 20px; padding-top: 3px; background: url('../../../img/themed/stiff_1/bg_setas.png') top center no-repeat; text-align: center; vertical-align: top; }
.product_view_pag a:hover img { opacity: 0.70; filter: alpha(opacity = 70); }

/* categorias */
.categories        { width: 262px; height: 19px; padding: 10px; border-bottom: 1px solid #ccc; display: block; font: 16px Georgia; color: #555;  }
.categories:hover  { background: #ccc; color: #000; text-decoration: none; }
.categories_active { width: 262px; padding: 10px; border-bottom: 1px solid #ccc; background: #ededed; display: block; font: 13px Georgia; color: #7a7979; }
.categories_active_a { padding: 10px 10px 0px 10px; border: 0px; font-size: 16px; color: #555; }
.categories_active_a:hover { text-decoration: none; }

/* sobre */
.company         { width: 100%; padding: 20px 0px; display: table; }
.company_div    { width: 210px; height: 150px; margin: 0px; padding: 0px; float: left; font-size: 14px; }
.company_div h3 { margin: 0px 0px 10px 0px; padding: 0px; }
.company_hr     { width: 1px;  height: 110px; margin: 40px 14px 0px 6px; background-color: #d4d4d4; float: left; }

/* ff hacks */
.clear-ff:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; }