@charset "utf-8";
/**
 * Main stylesheet
 * @author Quake - quakeyo[at]gmail.com
 *
 * List of contents (search by "index: x" where x is the index number):
 *   1. Erick Meyer's Reset a little bit modified
 *   2. My own reset and tag rules
 *   3. Rules related to IDentifiers
 *     - mainContainer: wraps the whole planet in!
 *     - top
 *     - content: content and other main stuff
 *   4. Global classes used (or not) everywhere
 */

@media Screen {

/* # index: 1 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: inherit;
	vertical-align: baseline
}
/* remember to define focus styles! */
:focus {
	outline: 0
}
html {background:#fff}
body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	margin:auto; 
	width:768px;
}
ul {
	list-style:disc inside
}
ol {
	list-style:decimal inside
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing:0
}
caption, th, td {
	text-align: left;
	font-weight: normal
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ""
}
blockquote, q {
	quotes:none
}

/* # index: 2 - Own reset */
acronym, abbr {border-bottom:1px dotted; cursor:help}
a:link, a:visited {color:#C36; text-decoration:none}
a:hover {color:#000; text-decoration:underline}
button,
.smallButton {font:bold 12px Arial, Helvetica, sans-serif; letter-spacing:0.8px; color:#fff; border:1px solid; background:#F36; padding:1px 3px; overflow:visible; /*fix IE weird padding */}
input, textarea {color:#333; border:1px solid #999; background:#FFF; padding:3px 3px; font:11px Verdana, Geneva, sans-serif; width:200px}
input:focus, textarea:focus {background:#f5f5f5; padding:3px 3px}
select {color:#333; border:1px solid #999; background:#FFF; padding:1px 3px; font:11px Tahoma, Verdana, Geneva, sans-serif}
select option {padding:2px 0}
strong {font:inherit; font-weight:bold}
small {font-size:10px}
cite,
em {font-style:italic}

/* # index: 3 - IDentifiers */

#accessibility {display:none}

/*#logo a {position:absolute; width:220px; height:80px; margin-top:35px; text-indent:-9999px}*/
#top {float:left; width:100%; background:url(img/spr.esqueleto.es-es.jpg) no-repeat; height:182px; border-right:1px solid #ccc; color:#fff; position:relative}
#top #topMenu {width:500px; float:left; margin:126px 0 0 230px; display:inline}
#top #topMenu li {list-style:none outside; display:inline}
#top #topMenu li a {
	color:#fff; font:11px 'Arial Narrow', Arial, Helvetica, sans-serif; letter-spacing:0.94px; text-transform:uppercase; text-decoration:none; 
	background:#fff url(img/spr.esqueleto.es-es.jpg) 0px -215px no-repeat; padding-left:12px; margin-right:2px
}
#top #languages {float:right; position:absolute; bottom:5px; left:250px; background:#fff}
#top #languages li {list-style:none outside; display:inline}
#top #languages li a {border-right:1px solid #000; padding:0 7px 0 5px; font-weight:bold}

#middle {float:left; width:100%; background:#fff url(img/bg.leftmenu.jpg) repeat-y; border-bottom:1px solid #ccc; border-right:1px solid #ccc}

#middle #leftMenu {float:left; width:218px; margin-right:5px }
#middle #leftMenu * {font-family:'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase; list-style:none outside; }
#middle #leftMenu .menu-cat {float:left; width:100%}
#middle #leftMenu .menu-cat .cat-titulo {border-top:1px solid #ccc; float:left; width:179px; padding:9px 0 9px 5px; margin-left:34px; font-weight:bold}
#middle #leftMenu .menu-cat ul {margin-left:36px}
#middle #leftMenu .menu-cat ul li {margin:5px}
#middle #leftMenu .menu-cat ul li a {font-size:11px; letter-spacing:1px}
#middle #leftMenu .menu-cat .flechin {border-bottom:1px solid #ccc; float:left; background:url(img/spr.esqueleto.es-es.jpg) 175px -232px no-repeat; margin-bottom:5px}
#middle #leftMenu .impar {background:url(img/spr.esqueleto.es-es.jpg) -1006px 0px no-repeat}
#middle #leftMenu .par {background:url(img/spr.esqueleto.es-es.jpg) -770px 0px no-repeat}

#middle #content {float:left; width:540px; position:relative; margin-top:20px}
#middle #content .barraAzul {width:545px; background:url(img/spr.esqueleto.es-es.jpg) 0px -300px no-repeat; height:150px; float:left}
#middle #content #content-wrapper {float:left; position:relative; margin:0 10px 20px 10px; width:500px}
#footer {float:right; margin:10px}

.pagina-titulo {margin-bottom:15px; padding:10px 0 10px 40px; font-size:18px; font-weight:normal; text-transform:uppercase; letter-spacing:2px; background:url(img/spr.esqueleto.es-es.jpg) 0px -265px no-repeat; float:left; width:450px}

/* page: home */
#home-produtos {float:right; width:140px}
#home-produtos li {list-style:none outside; text-align:center; border-bottom:1px solid #FCC; margin-top:10px; float:left; padding-bottom:10px}
#home-produtos li h1 {float:left; margin-bottom:10px}
#home-produtos li * {font-size:11px; font-weight:bold}
#home-left {float:left; width:400px}
#home-bandeiras {width:62px; height:30px; background:url(img/spr.esqueleto.es-es.jpg) 0px -185px no-repeat; float:right; margin:10px}

/* page: eventos */
#eventos {float:left; width:100%}
#eventos li {list-style:none inside; float:left; padding:15px 0; margin-bottom:30px; border:1px solid #FCC; width:100%; border-left:none; border-right:none}
#eventos li h1 {font-weight:bold; margin-top:-22px; position:absolute; left:0}
#eventos li h1 span {background:#fff; font-size:14px; padding-right:5px}
#eventos li img {float:left; border:1px solid #ccc; padding:1px; margin:0 5px 5px 0}

/* page: noticias */
#noticias {float:left; width:100%}
#noticias li {list-style:none inside; float:left; margin-bottom:10px; width:100%}
#noticias li img {float:left; border:1px solid #ccc; padding:1px; margin:0 5px 5px 0; width:100px; height:50px}
#noticia {float:left; width:100%}
#noticia h1 {float:left; width:100%; font-size:24px; font-weight:bold; margin:0 0 20px}
#noticia-img img {float:left; margin:0 10px 10px}
#noticia-data {margin:0 0 20px}
#noticia-fonte {float:right; margin:20px 0 0}

/* page: depoimentos */
.depoimentos-categoria {color:#069; font-size:16px; float:left; width:100%; margin:20px 0; font-weight:bold}
ul.depoimentos {float:left; width:100%}
ul.depoimentos li {list-style:none inside; float:left; width:100%; padding-bottom:25px; margin-bottom:20px; border-bottom:1px solid #FCC}
ul.depoimentos li blockquote {font-style:italic}
.depoimento-autor {float:right; font-size:11px; font-weight:bold}

/* page: faq */
#faq-indice {margin:10px 0; width:100%; background:#f5f5f5; float:left; border-bottom:2px solid #ccc}
#faq-indice li {margin:10px; list-style:none outside}
#faq-indice li a {font-weight:bold; font-size:14px}
.faq-area {color:#069; font-size:18px; font-weight:bold; width:100%; float:left; padding-bottom:5px; border-bottom:1px solid #ccc; margin:10px 0}
.faq-itens {float:left}
.faq-itens dd {border-left:1px solid #ccc; margin-left:5px; padding:5px 0 10px 5px}
.faq-itens p {text-align:center}

/* page: detalhe do produto */
#produtos {float:left; width:100%}
#produtos li {list-style:none outside; text-align:center; border-left:1px solid #FCC; margin:0 0 20px 10px; float:left; padding-left:10px; width:145px; height:150px}
#produtos li h1 {float:left; margin-bottom:10px; width:100%; text-align:left}
#produtos li * {font-size:12px; font-weight:bold}
#produto-nome {color:#069; font-size:18px; font-weight:bold; float:left; width:100%; margin-bottom:20px}
#produto-img {float:left; width:59%; text-align:center}
#produto-detalhes {float:right; width:40%; border-bottom:1px solid #FCC}
#produto-detalhes p {width:100%; margin:10px 0}
#produto-detalhes form {float:left; width:100%; margin:10px 0}
#produto-descricao {float:left; margin-top:10px; border-top:1px solid #FCC; width:100%}
#produto-descricao h3 {float:left; font-size:14px; font-weight:bold; margin-top:-8px; padding-right:5px; background:#fff}
#produto-descricao p {float:left; width:100%}

/* page: minha conta */
.minhaconta-box {float:left; width:222px; height:137px; margin-left:25px; background:url(img/bg.login.gif); text-align:center; color:#fff}
.minhaconta-box * {font-size:11px !important}
.minhaconta-box a {color:#fff}
.minhaconta-box p {margin:5px; text-align:center}
.minhaconta fieldset {border:1px solid #fff; float:left}
.minhaconta-box legend {font-weight:bold; text-align:center; float:left; border-bottom:1px solid #fff; width:100%; margin-top:10px; padding-bottom:5px}

/* identificadores globais */
#msgValidacao {padding:10px; display:none; width:90%; color:#930; background:#f5f5f5; border:1px solid #930; float:left}
#msgValidacao h3 {margin:0px !important; margin-bottom:10px !important; font-size:16px !important; font-weight:bold; color:#930; width:100%; padding-bottom:0px !important; background:none}
#msgValidacao ul li {margin:5px 0}

#error-404 h1 {font:bold 26px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; border-left:5px solid #999; padding-left:10px}
#error-404 * {margin:25px 0}


/* # index: 4 - classes globais */
.produto-preco {float:left; margin-top:10px; font-weight:bold}
.produto-preco span {font-size:16px !important} 
.produto-botao {background:url(img/spr.esqueleto.es-es.jpg) -225px -215px no-repeat; float:right; width:65px; padding:5px 0; margin-top:10px; color:#fff !important}


/* classes comuns aos projetos */
.horizontalRule {clear:both; width:450px; border:1px solid #0C2E82;}
.horizontalRuleLilas {clear:both; width:450px; border:1px solid #5b5b95;}
.center {text-align:center}
.block {display:block}
.right {float:right !important}
.textRight {text-align:right}
.left {float:left !important}
.hidden {display:none !important}
.shown {visibility:visible !important}
.nomargin {margin:0px}
.noborder {border:none !important}
.nobullet {list-style:none}
.noClearing {clear:none !important}
.fixMargin {display:inline}
.help {cursor:help}
.clickable {cursor:pointer}
.underline {text-decoration:underline !important}
.external {/*background:url(../img/icon.external.blue.gif) no-repeat right; padding-right:15px*/}
.nogrito {font-weight:normal !important}
.fieldset {border:1px dashed #069; padding:10px; margin-bottom:20px; float:left; clear:both}
.fieldset legend {padding:5px; font-weight:bold; background:#069; border:1px solid #069; color:#Fff; border-bottom:none}
.button {margin:10px;}

.text h2 {font-size:18px; margin:30px 0 20px 0; font-weight:bold}
.text h3 {font-size:14px; font-weight:bold; margin-bottom:10px}
.text p,
.text ul,
.text ol,
.text dd,
.text address {margin-bottom:16px}
.text,
.text p,
.text li {line-height:18px}
.text a {text-decoration:underline}
p.text {margin:10px 0}
.textBlock {text-align:justify; margin-right:20px}
.textBlock img {margin:10px; float:left}

.standardForm p {float:left; margin:5px 0; width:100%}
.standardForm label {font-weight:bold; float:left; margin:5px 10px 0 0; width:180px; cursor:pointer; text-align:right}
.largeField {width:300px}
.mediumField {width:150px}
.smallField {width:80px}
.smallestField {width:30px}
.inlineFormItem {float:none !important; margin-left:10px !important}

.form-warning {width:100%; border-top:1px dashed #069; border-bottom:1px dashed #069; padding:5px 0; background:#f5f5f5; text-align:center; font-weight:bold; margin:10px 0}

.mediumButton {
	color:#fff !important; background:url(img/bg.mediumbutton.png) no-repeat; padding:3px 40px 5px 7px; cursor:pointer;
	font:bold 12px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase; border:none; width:100px
}


/* === legado === */

/* Links */
/*
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { text-decoration:none; }
*/
/* Fontes */
.tahoma { font-family: tahoma; }
.verdana { font-family: verdana; }
.arial { font-family: arial; }

/* Cores */
.cinza { color: #626366; }
.branco { color: #ffffff; }
.preto { color: #3f3f3f; }
.azulclaro { color:#00a0c6; }
.azulescuro { color:#00539c; }
.rosa { color:#e11b4b; }
.vermelho {color: #ff0000; }

/* Tamanhos */
.tam09 { font-size: 09px; }
.tam10 { font-size: 10px; }
.tam11 { font-size: 11px; }
.tam12 { font-size: 12px; }
.tam13 { font-size: 13px; }
.tam14 { font-size: 14px; }
.tam15 { font-size: 15px; }
.tam16 { font-size: 16px; }

/* Outros */
/*form { padding:0px; margin:0px; }*/
.busca { font-family: arial; font-size: 11px; color: #00539c; background:#FFFFFF; height: 13px; border:0px; }
.borda { border: #e11b4b solid 1px; }
.campo { font-family: arial; font-size: 11px; color: #3f3f3f; background:#FFFFFF; height: 16px; border:1px solid #e11b4b; }
.campo2 { font-family: arial; font-size: 11px; color: #3f3f3f; background:#FFFFFF; border:1px solid #e11b4b; }
.butao { font-family: arial; font-size: 11px; color: #ffffff; background:#e11b4b; height: 16px; border:1px solid #e11b4b; height:18px; }
.butao2 { font-family: arial; font-size: 11px; color: #e11b4b; background:#ffffff; height: 16px; border:1px solid #ffffff; height:18px; }


} 
/* end media screen and main css */

@media Print {

.hidden,
#accessibility,
#menu,
#footer-menu {display:none}

a img {border:0}
h1 {font-size:18pt}
}/**
 * The "classic" theme CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * Shadowbox is released under version 3.0 of the Creative Commons Attribution-
 * Noncommercial-Share Alike license. This means that it is absolutely free
 * for personal, noncommercial use provided that you 1) make attribution to the
 * author and 2) release any derivative work under the same or a similar
 * license.
 *
 * If you wish to use Shadowbox for commercial purposes, licensing information
 * can be found at http://mjijackson.com/shadowbox/.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007-2008 Michael J. I. Jackson
 * @license     http://creativecommons.org/licenses/by-nc-sa/3.0/
 * @version     SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
 */

/*_____________________________________________________  container & overlay  */
#shadowbox_container, #shadowbox_overlay {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#shadowbox_container {
  position: fixed;
  display: block;
  visibility: hidden;
  z-index: 999;
  text-align: center; /* centers #shadowbox in quirks and IE */
}
#shadowbox_overlay {
  position: absolute;
}

/*_______________________________________________________________  shadowbox  */
#shadowbox {
  position: relative;
  margin: 0 auto;
  text-align: left; /* reset left alignment */
}

/*____________________________________________________________________  body  */
#shadowbox_body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #333;
  overflow: hidden;
}
#shadowbox_body_inner {
  position: relative;
  height: 100%;
}
#shadowbox_content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#shadowbox_loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#shadowbox_body, #shadowbox_loading {
  background-color: #060606; /* should match loading image background color */
}
#shadowbox_loading_indicator {
  float: left;
  margin: 10px 10px 0 10px;
  height: 32px;
  width: 32px;
  background-image: url(../css/shadowbox/classic/loading.gif);
  background-repeat: no-repeat;
}
#shadowbox_loading span {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 10px;
  float: left;
  margin-top: 16px;
}
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
  text-decoration: underline;
}

/*____________________________________________________________  title & info  */
#shadowbox_title, #shadowbox_info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner, #shadowbox_info_inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#shadowbox_title {
  height: 26px;
}
#shadowbox_title_inner {
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#shadowbox_info {
  height: 20px;
}
#shadowbox_info_inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#shadowbox_nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#shadowbox_nav_close {
  background-image: url(../css/shadowbox/classic/icons/close.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_next {
  background-image: url(../css/shadowbox/classic/icons/next.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_previous {
  background-image: url(../css/shadowbox/classic/icons/previous.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_play {
  background-image: url(../css/shadowbox/classic/icons/play.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_pause {
  background-image: url(../css/shadowbox/classic/icons/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#shadowbox_counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
}

/*___________________________________________________________________  clear  */
div.shadowbox_clear {
  clear: both; /* clear floating counter & nav */
}

/*________________________________________________________________  messages  */
div.shadowbox_message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  color: #fff;
  text-decoration: underline;
}