/*
 * Nome: madetec.css
 * Desenvolvedor Web: Eduardo Bertolucci 2009 (c) (http://www.eduardobertolucci.com.br)
 * Data da Criação: 2009-11-19
 * Última modificação: 2010-03-09
 * Copyright (c) 2009 Webee E-marketing (http://www.webee.com.br)
 */

/* Tipografia, cores e fundos / Reset ===================================================== */
/*html { overflow: -moz-scrollbars-vertical; } rolagem firefox */
* { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0; list-style-type: none; color: #373163; }
body { background: url(../img/layout/bg-fundo.jpg) center top no-repeat #B9DEF1; }
h1 {}
h2 { margin-bottom: 10px; font-size: 28px; }
p { margin-bottom: 15px; font-size: 15px; font-weight: bold; }
.txt-centro { padding: 0 80px; text-align: center; }
em {}
address { font-style: normal; }
abbr, a img { border: 0; }
img.flutua-dir { float: right; margin: 5px 0 5px 5px; }
object { outline: none; }

/* Elementos de formulário */
fieldset { border: 0; }
label { font-size: 14px; }
button { height: 30px; margin: 0; padding: 0; border: 0; cursor: pointer; }
input { width: 299px; height: 17px; border: 0; margin: 5px 5px 0 5px; padding: 2px; font-size: 14px; color: #ADADAD; background: #fff; }
select { width: 303px; height: 21px; border: 0; margin: 5px 5px 5px 5px; padding: 0; font-size: 14px; color: #ADADAD; background: #fff; }
select.select-2 { width: 246px; height: 21px; border: 0; margin: 5px 5px 5px 5px; padding: 0; font-size: 14px; color: #ADADAD; background: #fff; }
textarea { width: 299px; height: 131px; border: 0; margin: 5px 5px 5px 5px; padding: 2px; font-size: 14px; color: #ADADAD; background: #fff; }

/* Formato para os campos redondos */
.campo-input { width: 313px; min-height: 31px; background: url(../img/layout/bg-input.png) no-repeat top; }
.campo-select { width: 313px; min-height: 31px; background: url(../img/layout/bg-input.png) no-repeat top; }
.campo-select-2 { width: 256px; min-height: 31px; background: url(../img/layout/bg-input-2.png) no-repeat top; }
.campo-textarea { width: 313px; min-height: 146px; background: url(../img/layout/bg-textarea.png) no-repeat top; }

/* Links */
a:link { text-decoration: none; color: #373163; }
a:visited { text-decoration: underline; color: #373163; }
a:hover { text-decoration: underline; color: #282347; }
a:active { text-decoration: underline; color: #373163; }

/* Botões de todo o site - Idioma - PT */
.btn-enviar-por { width: 86px; background: url(../img/por/btn-enviar.png) no-repeat; }
.btn-enviar-por span { display: none; }

.btn-limpar-por { width: 86px; background: url(../img/por/btn-limpar.png) no-repeat; }
.btn-limpar-por span { display: none; }

.btn-voltar-por { width: 86px; background: url(../img/por/btn-voltar.png) no-repeat; }
.btn-voltar-por span { display: none; }

/* Botões de todo o site - Idioma - EN */
.btn-enviar-ing { width: 86px; background: url(../img/ing/btn-enviar.png) no-repeat; }
.btn-enviar-ing span { display: none; }

.btn-limpar-ing { width: 86px; background: url(../img/ing/btn-limpar.png) no-repeat; }
.btn-limpar-ing span { display: none; }

.btn-voltar-ing { width: 86px; background: url(../img/ing/btn-voltar.png) no-repeat; }
.btn-voltar-ing span { display: none; }

/* Botões de todo o site - Idioma - ES */
.btn-enviar-esp { width: 86px; background: url(../img/esp/btn-enviar.png) no-repeat; }
.btn-enviar-esp span { display: none; }

.btn-limpar-esp { width: 86px; background: url(../img/esp/btn-limpar.png) no-repeat; }
.btn-limpar-esp span { display: none; }

.btn-voltar-esp { width: 86px; background: url(../img/esp/btn-voltar.png) no-repeat; }
.btn-voltar-esp span { display: none; }

/* Box Botões */
.box-botoes { clear: both; position: relative; width: 313px; padding: 10px 0 0; }
.box-botoes .btn-enviar-por { position: absolute; right: 96px; }
.box-botoes .btn-enviar-ing { position: absolute; right: 96px; }
.box-botoes .btn-enviar-esp { position: absolute; right: 96px; }

.box-botoes .btn-limpar-por { position: absolute; right: 0; }
.box-botoes .btn-limpar-ing { position: absolute; right: 0; }
.box-botoes .btn-limpar-esp { position: absolute; right: 0; }

/* ======================================================================================= */

/* Layout/Estrutura ====================================================================== */
#tudo { width: 877px; min-height: 616px; margin: 0 auto 48px auto; padding: 48px 49px 0 49px; /*background: #000;*/ }

/* Cabeçalho */
#cabecalho { /*height: 146px;*/ height: 181px; /*background: #eee;*/ }

/* Logo */
#cabecalho #logo { float: left; width: 202px; height: 146px; margin-top: 35px; /*background: #eee;*/ }

/* Banner */
#cabecalho #banner { float: right; /*width: 627px; height: 146px;*/ width: 626px; height: 181px; /*background: #ddd;*/ }

/* Corpo */
#corpo { min-height: 470px; /*background: #999;*/ }

/* Coluna esquerda */
#coluna-esquerda { position: relative; float: left; width: 202px; height: auto; background: url(../img/layout/bg-rodape.png) no-repeat left bottom; /*background: #666;*/ }
/*.aumenta { height: 510px !important; }*/

/* Menu */
.menu {}
.menu li { /*background: #CCC;*/ }
.menu li a { 
	display: block; 
	width: 192px; 
	height: 25px; 
	margin-top: 3px;
	padding: 5px 0 0 10px;
	text-decoration: none;
	background: url(../img/layout/bg-menu.png) no-repeat;
	cursor: pointer;
}
.menu li a:hover { 
	background: url(../img/layout/bg-menu-hover.png) no-repeat; 
}
.menu li a span { font-size: 14px; }

/* Submenu */
.submenu { display: none; }
.submenu li { height: 30px; }

/* Bergamo */
.btn-bergamo span { font-size: 8px; }

/* Rodapé */
#rodape { clear: both; width: 192px; height: 272px; padding: 50px 0 15px 10px; /*background: #333;*/ }

/* Logo Bergamo */
#rodape #logo-bergamo { float: left; height: 52px; margin: 0 0 30px; }
#rodape #logo-bergamo p { margin: 0 0 5px; padding: 0; font-size: 13px; text-align: center; }

/* Video Institucional */
#rodape #veja-video-institucional { float: left; height: 100px; margin: 0 0 10px; }
#rodape #veja-video-institucional img { float: left; margin-left: 10px; }
#rodape #veja-video-institucional p { display: inline; float: left; width: 140px; margin: 0; padding: 0; font-size: 13px; text-align: center; }
#rodape #veja-video-institucional p a { text-transform: none; }
#rodape #veja-video-institucional p a:hover { text-transform: uppercase; }

/* Conteúdo */
#conteudo { position: relative; float: right; width: 627px; min-height: 503px; margin: 33px 0 0; /*background: #777;*/ }

/* Colunas */
.col-1 { float: left; width: 331px; }
.col-2 { float: right; width: 296px; }

/* Todos Direitos Reservados */
.direitos-reservados { clear: both; padding: 10px 0 0; font-size: 13px; text-align: center; }
/* ======================================================================================= */

/* Menu Hover ============================================================================= */
#pag-index #btn-home { background: url(../img/layout/bg-menu-hover.png) no-repeat; }

/* Empresa */
#pag-quem-somos #submenu-empresa { display: block; }
#pag-quem-somos #btn-empresa { background: url(../img/layout/bg-menu-hover.png) no-repeat; }

#pag-missao-visao-e-valores #submenu-empresa { display: block; }
#pag-missao-visao-e-valores #btn-empresa { background: url(../img/layout/bg-menu-hover.png) no-repeat; }

#pag-materia-prima #submenu-empresa { display: block; }
#pag-materia-prima #btn-empresa { background: url(../img/layout/bg-menu-hover.png) no-repeat; }

/* Produtos Lista */
#pag-produtos-lista #submenu-produtos { display: block; }
#pag-produtos-lista #btn-produtos { background: url(../img/layout/bg-menu-hover.png) no-repeat; }

/* Produtos Detalhe */
#pag-produtos-detalhe #submenu-produtos { display: block; }
#pag-produtos-detalhe #btn-produtos { background: url(../img/layout/bg-menu-hover.png) no-repeat; }

/* Notícias */
#pag-noticias-lista #btn-noticias { background: url(../img/layout/bg-menu-hover.png) no-repeat; }

#pag-noticias-detalhe #btn-noticias { background: url(../img/layout/bg-menu-hover.png) no-repeat; }
#pag-noticias-detalhe #btn-noticias { background: url(../img/layout/bg-menu-hover.png) no-repeat; }

/* Representantes */
#pag-nossos-representantes #submenu-representantes { display: block; }
#pag-nossos-representantes #btn-representantes { background: url(../img/layout/bg-menu-hover.png) no-repeat; }

#pag-area-restrita #submenu-representantes { display: block; }
#pag-area-restrita #btn-representantes { background: url(../img/layout/bg-menu-hover.png) no-repeat; }

/* Contato */
#pag-fale-conosco #submenu-contato { display: block; }
#pag-fale-conosco #btn-contato { background: url(../img/layout/bg-menu-hover.png) no-repeat; }

#pag-trabalhe-conosco #submenu-contato { display: block; }
#pag-trabalhe-conosco #btn-contato { background: url(../img/layout/bg-menu-hover.png) no-repeat; }
/* ======================================================================================= */

/* Página - Representantes =============================================================== */
#representantes-uf strong { font-size: 16px; font-weight: bold; }
#lista-representantes { width: 331px; height: 403px; padding: 0; background: url(../img/layout/bg-lista-representantes.png) no-repeat; }
#lista-representantes ul { float: left; width: 293px; height: 359px; margin: 28px 0; padding: 0 0 0 22px; overflow: auto; }
#lista-representantes ul li { width: 223px; height: auto; padding: 0 0 15px 0; font-weight: bold; line-height: 150%; background: url(../img/layout/bg-linha-repr.gif) no-repeat left 94%; }
#lista-representantes ul li span {}
.box-representantes { float: right; width: 256px; height: 403px; }
.box-representantes .mapa { margin-top: 30px; }
/* ======================================================================================= */

/* Página - Index ======================================================================== */
.lista-destaque { position: absolute; left: 0; bottom: 0; }
.lista-destaque li {/*float: left; width: 202px; height: 152px; margin-right: 10px;*/ /*background: #ddd;*/}
/*.lista-destaque li.ultimo { margin-right: 0; }*/
li.item-download { text-align: center; }
li.item-download img { padding-top:30px; }

/* Fotos */
.lista-noticia-destaque li { float: left; width: 183px; height: 213px; margin: 0 14px 0 0; padding: 7px 6px 6px; background: url(../img/layout/bg-destaque-noticia.png) no-repeat; }
.lista-noticia-destaque li a img {}
.lista-noticia-destaque li a span { clear: both; display: block; font-size: 13px; font-weight: bold; color: #1D1A34; }
.lista-noticia-destaque li a:hover span { text-decoration: underline; }
.lista-noticia-destaque li.ultimo { /*margin-right: 0;*/ }

/* Easy Slider */
.slider-noticia { overflow:hidden; }
.slider-noticia li { width: 185px; height: 225px; margin: 0 0 5px 0; padding: 7px 0 7px !important; background: none !important; overflow:hidden; }
.slider-produto li { width: 185px; height: 225px; margin: 0 0 5px 0; padding: 7px 0 0px; background: none !important; overflow:hidden; }
span#prevBtn{}
span#nextBtn{}
/* ======================================================================================= */

/* Página - Fale Conosco ================================================================= */
.lista-formulario {}
/*.lista-formulario li { margin-bottom: 5px; }*/
.box-emails-info { padding-left: 35px; }
.box-emails-info p { padding-bottom: 20px; }
.box-emails-info ul li { margin: 0 0 15px; }
.box-emails-info ul li p { margin: 0 0 5px 0; }
.box-emails-info ul li a { font-size: 12px; font-weight: bold; text-decoration: none; }
.box-emails-info ul li a:hover { text-decoration: underline; }
/* ======================================================================================= */

/* Página - Trabalhe Conosco ============================================================= */
.lista-formulario-trabalhe { width: 652px; }
.lista-formulario-trabalhe li { height: 65px; }
.lista-formulario-trabalhe li.um-campo { clear: both; width: 486px; margin: 0 auto; }
.lista-formulario-trabalhe li.um-campo label { float: left; width: 66px; padding-top: 8px; }
.lista-formulario-trabalhe li.um-campo div { float: left; padding-right: 11px; }

.box-botao-trabalhe { clear: both; width: 86px; margin: 0 auto; padding-bottom: 59px; }
/* ======================================================================================= */

/* Página - Área Restrita ================================================================ */
.box-login { width: 298px; height: auto; margin: 76px auto 0 auto; }
.box-login .box-login-campo {}
.box-login .box-login-botao { clear: both; width: 193px; margin: 0 auto; padding-top: 31px; }
.box-login .box-login-botao .btn-voltar { margin: 0 0 0 11px; }
/* ======================================================================================= */

/* Página - Notícias Lista ================================================================ */
/* Texto */
.lista-noticia { clear: both; padding-top: 35px; }
.lista-noticia li { margin-bottom: 20px; }
/* ======================================================================================= */

/* Página - Notícias Detalhe ============================================================= */
/* Fotos */
.noticia-detalhe { position: relative; float: right; width: 280px; height: 252px; margin: 0 14px 5px 0; padding: 10px; background: url(../img/layout/bg-noticia-detalhe.png) no-repeat; }
.noticia-detalhe h3 { position: absolute; left: 10px; bottom: 10px; width: 270px; height: 49px; padding: 2px 5px 0; font-size: 13px; }
.noticia-detalhe h3 span { font-size: 13px; color: #1D1A34; }
/* ======================================================================================= */

/* Página - Produtos Lista =============================================================== */
#lista-produtos {}
#lista-produtos li { position: relative; float: left; width: 181px; height: 181px; margin: 0 16px 5px 0; padding: 7px 6px 6px; background: url(../img/layout/bg-produto.png) no-repeat; }
#lista-produtos li h3 { position: absolute; left: 6px; bottom: 6px; width: 171px; height: 17px; padding: 2px 5px 0; background: #fff; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; }
#lista-produtos li h3 span { color: #1D1A34; opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; }
#lista-produtos li.ultimo { /*margin-right: 0;*/ }
/* ======================================================================================= */

/* Página - Produtos Detalhe ============================================================= */
.descri-produto { width: 272px; }

.lista-downloads { width: 272px; margin-bottom: 30px; }
.lista-downloads li { width: 248px; height: 17px; margin-bottom: 2px; padding: 2px 12px 0; background: url(../img/layout/bg-download.png) no-repeat; }
.lista-downloads li a { color: #fff; }

.lista-medidas { width: 272px; }
.lista-medidas li { width: 248px; height: 17px; margin-bottom: 2px; padding: 2px 12px 0; background: url(../img/layout/bg-medidas.png) no-repeat; }
.lista-medidas li .lado-esq { display: block; float: left; width: 49%; text-align: left; }
.lista-medidas li .lado-dir { display: block; float: right; width: 49%; text-align: right; }
/* ======================================================================================= */

/* Complementos ========================================================================== */
/* Mensagem de aviso */
.msg-sucesso { color: #3d6611; background: url(../img/layout/ico-sucesso.gif) left 8px no-repeat; }
.msg-erro { color: #df280a; background: url(../img/layout/ico-erro.gif) left 8px no-repeat; }
.msg-aviso { padding: 5px 20px; font-weight: normal; color: #e26703; background: url(../img/layout/ico-aviso.gif) left 8px no-repeat; }
.msg-sucesso, .msg-erro { padding: 5px 20px; font-weight: bold; }

/* Cufon Loading */
.cufon-loading * {visibility: hidden !important;}
/* ======================================================================================= */