/*
 * Nome: gamoveis.css
 * Desenvolvido por: Webee E-marketing
 * Data da Criação: 13-08-2009
 * Última modificação: 19-10-2009
 * Última modificação: 11-03-2010
 * Copyright (c) 2009 Webee E-marketing (http://www.webee.com.br)
 * Versão: 3.0.0
 * #6D97C3, #4D87C3, #083058, #284666, #1A5088
 */

/********************** Tipografia, cores e fundos / Reset */
/*html { overflow: -moz-scrollbars-vertical; } rolagem firefox */
* { margin: 0; padding: 0; list-style-type: none; }
body { font: 11px Trebuchet MS; color: #666; }

/* Titulo */
h2 { height: 30px; background-repeat: no-repeat !important; background-position: right bottom !important; }
h2 span { display: none; }

h3 { margin: 0 0 10px 0; font-size: 14px; font-weight: bold; color: #FF9900; }

h4 { height: 26px; background-repeat: no-repeat !important; background-position: left bottom !important; }
h4 span { display: none; }

p { margin: 0 0 25px; }
p.texto-centralizado { text-align: center; }
fieldset { border: 0; }
button { width: 60px; height: 22px; padding: 0; border: 0; background: url(../img/layout/btn-geral.jpg) left center; cursor: pointer; }
button span { display: block; padding: 0 0 2px 0; font: normal 11px Arial; text-align: center; white-space:nowrap; color:#fff; }
button:hover { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; }

a img { border: 0; }
abbr, acronym { border: 0; text-decoration: none; font-style: normal; }
strong { font-weight: bold; }
object { outline: none; }

/* Elementos de formulário */
label { font: italic 13px Arial; color: #033B6B; }
input { width: 180px; height: 20px; border: 0; margin: 0; padding: 3px 3px 0; color: #333; border: 1px solid #CDCDCD; background: #CDCDCD; }

select { width: 186px; height: 26px; border: 0; margin: 0; padding: 3px 3px 0; color: #333; border: 1px solid #CDCDCD; background: #CDCDCD; }
* html select { margin: 0 5px 0 0; }

textarea { width: 376px; height: 100px; border: 0; margin: 0; padding: 3px 3px 0; color: #333; border: 1px solid #CDCDCD; background: #CDCDCD; }
input:hover, select:hover, textarea:hover { border: 1px solid #627B91; }

/* Links */
a { font-size: 12px; text-decoration: none; color: #FF9900; }
a:hover { text-decoration: underline; color: #BF7300; }

.cor-link-azul { color: #004D91; }
.cor-link-azul:hover { color: #004079; }

/* Botões de todo o site */

/* ******************** Layout */
#tudo { width: 998px; margin: 0 auto; position: relative; }

/* Cabeçalho */
#cabecalho { position: relative; width: 998px; height: 364px; }

/* Logo */
#logo { position: absolute; top: 0; left: 427px; z-index: 10; width: 144px; height: 118px; text-align: center; }
#logo a { display: block; width: 144px; height: 118px; background: url(../img/layout/logo-ga-moveis.png) no-repeat; }
#logo a span { display: none; }

/* Menu Superior */
#menu { height: 82px; background: url(../img/layout/bg-menu.jpg) no-repeat; }
#menu ul { height: 36px; margin: 46px 0 0; }
#menu ul li { float: left; height: 36px; text-align: center; background-repeat: no-repeat !important; }
#menu ul li a { display: block; height: 36px; }
#menu ul li a:hover { background-position: 0 36px !important; }
#menu ul li a span { display: none; }

#menu .menu-left { float: left; width: 277px; padding: 0 0 0 123px; }
#menu .menu-right { float: right; width: 285px; padding: 0 111px 0 0;  }

/* Background para cada LI */
.btn-empresa { width: 77px; background: url(../img/layout/btn-empresa.jpg); }
.btn-produtos { width: 83px; background: url(../img/layout/btn-produtos.jpg); }
.btn-representantes { width: 117px; background: url(../img/layout/btn-representantes.jpg); }
.btn-noticias { width: 69px; background: url(../img/layout/btn-noticias.jpg); }
.btn-area-restrita { width: 103px; background: url(../img/layout/btn-area-restrita.jpg); }
.btn-fale-conosco { width: 113px; background: url(../img/layout/btn-fale-conosco.jpg); }

/* Background para cada LINK */
#btn-empresa { width: 77px; background: url(../img/layout/btn-empresa.jpg); }
#btn-produtos { width: 83px; background: url(../img/layout/btn-produtos.jpg); }
#btn-representantes { width: 117px; background: url(../img/layout/btn-representantes.jpg); }
#btn-noticias { width: 69px; background: url(../img/layout/btn-noticias.jpg); }
#btn-area-restrita { width: 103px; background: url(../img/layout/btn-area-restrita.jpg); }
#btn-fale-conosco { width: 113px; background: url(../img/layout/btn-fale-conosco.jpg); }

/* Hover Ligado quando se está na página */
#pag-empresa #btn-empresa { background-position: 0 36px !important; }
#pag-produtos #btn-produtos { background-position: 0 36px !important; }
#pag-representantes #btn-representantes { background-position: 0 36px !important; }
#pag-noticias #btn-noticias { background-position: 0 36px !important; }
#pag-area-restrita #btn-area-restrita { background-position: 0 36px !important; }
#pag-fale-conosco #btn-fale-conosco { background-position: 0 36px !important; }

#banner-flash { height: 282px; background: url(../img/layout/bg-banner-flash.jpg) no-repeat; text-align: center; }
#corpo { position: relative; width: 866px; height: auto; margin: 0 auto; }

/********************** Lado Esquerdo */
#lado-esquerdo { float: left; width: 169px; padding: 21px 0 0 19px; background: url(../img/layout/bg-menu-linhas.jpg) repeat-y 0 0; }

/* Menu Esquerdo - Linhas  */
#lado-esquerdo #menu-esquerdo { width: 169px; height: auto; }
#lado-esquerdo #menu-esquerdo li { 
	float: left; 
	width: 169px; 
	text-align: right; 
	background: url(../img/layout/bg-menu-linhas-li.jpg) no-repeat left bottom;
}
#lado-esquerdo #menu-esquerdo li:hover { background: url(../img/layout/bg-menu-linhas-hover-li.jpg) no-repeat left bottom; }
#lado-esquerdo #menu-esquerdo li a { 
	display: block; 
	padding: 12px 25px 12px 0; 
	font: italic 16px Arial; 
	color: #04345E; 
	text-decoration: none; 
	background: url(../img/layout/bg-menu-linhas-marcador.gif) no-repeat right top;
}
#lado-esquerdo #menu-esquerdo li a span { font: italic 16px Arial; color: #04345E; }
#lado-esquerdo #menu-esquerdo-rodape { 
	clear: both; 
	width: 188px; 
	height: 124px; 
	margin: 0 0 0 -19px; 
	background: url(../img/layout/bg-menu-linhas-rod.jpg) no-repeat left bottom;
}

/* Lado Direito */
#lado-direito { float: right; width: 244px; height: 250px; padding: 21px 0 0 19px; background: url(../img/layout/bg-lado-dir.jpg) no-repeat; }
* html #lado-direito { padding: 21px 0 0 13px; }
#lado-direito p { margin: 5px 0; }
#lado-direito address { margin: 0 0 5px; font-style: normal; }
#lado-direito .img-box-lat { display: block; margin: 10px 0; }
#lado-direito .linha-separa { display: block; width: 218px; height: 1px; border: 0; background: url(../img/layout/borda-separa.gif) no-repeat; }

/* Conteúdo */
#conteudo { min-height: 272px; margin: 0 263px 0 191px; padding: 15px 6px; background: url(../img/layout/bg-conteudo.jpg) repeat-x 0 0; }
#titulo { height: 32px; margin: 0 263px 0 191px; padding: 32px 3px 0; background: url(../img/layout/bg-titulo.jpg) no-repeat; }

/* Correção de um BUG IE6
 * A largura do elemento aumentava do lado direito, por isso foi usado esse FIX
 * Autor (c) 2009 (Eduardo Bertolucci)
 */
* html #conteudo { height: 272px; padding: 72px 0 0 0; }
* html #titulo { position: absolute; top: 0; left: 191px; width: 412px; height: 62px; margin: 0; padding: 32px 0 0; background: url(../img/layout/bg-titulo.jpg) no-repeat; }

/* Rodapé */
#rodape { clear: both; width: 734px; height: 68px; margin: 0 auto; background: url(../img/layout/bg-rodape.jpg) no-repeat; }
#rodape address {  font: bold 13px Arial; color: #11304F; text-align: center; }
#rodape .logo-webee { display: block; float: right; width: 75px; height: 27px; margin: 16px 10px 0 0; background: url(../img/layout/logo-webee.gif) no-repeat 0 0; }
#rodape .logo-webee:hover { background-position: right 0; }
#rodape .logo-webee span { display: none; }

/********************** Titulos de todo o site */
/* Titulos do Conteúdo */
.tit-a-empresa { background: url(../img/tit-a-empresa.png); }
.tit-fale-conosco { background: url(../img/tit-fale-conosco.png); }
.tit-noticias { background: url(../img/tit-noticias.png); }
.tit-produtos { background: url(../img/tit-produtos.png); }
.tit-representantes { background: url(../img/tit-representantes.png); }
.tit-assistencia-tecnica { background: url(../img/tit-assistencia-tecnica.png); }
.tit-esqueci-senha { background: url(../img/tit-esqueci-senha.png); }
.tit-area-restrita { background: url(../img/tit-area-restrita.png); }
.tit-area-restrita-cadastro { background: url(../img/tit-area-restrita-cadastro.png); }
.tit-area-restrita-alterar-cadastro { background: url(../img/tit-area-restrita-alterar-cadastro.png); }
.tit-area-restrita-downloads { background: url(../img/tit-area-restrita-downloads.png); }

/* Titulos do Lado Esquerdo */
.tit-lado-assistencia-tecnica { background: url(../img/tit-lado-assistencia-tecnica.png); }
.tit-lado-area-restrita { background: url(../img/tit-lado-area-restrita.png); }
.tit-lado-onde-estamos { background: url(../img/tit-lado-onde-estamos.png); }
.tit-lado-representantes { background: url(../img/tit-lado-representantes.png); }
.tit-lado-outras-noticias { background: url(../img/tit-lado-outras-noticias.png); }
.tit-lado-selecione-representantes { height: 46px; background: url(../img/tit-lado-selecione-representantes.png); }
.tit-lado-seus-dados { background: url(../img/tit-lado-seus-dados.png); }
.tit-lado-o-que-deseja { background: url(../img/tit-lado-o-que-deseja.png); }
.tit-lado-linha-produtos { background: url(../img/tit-lado-linha-produtos.png); }
.tit-lado-nossa-estrutura { background: url(../img/tit-lado-nossa-estrutura.png); }

/********************** Classe para Todos os Formulários */
.lista-formulario { }
.lista-formulario li { float: left; height: 55px; margin: 0 5px 12px 0; }

* html .lista-formulario li { float: left; height: 65px; margin: 0 5px 0 0; }
* html .lista-formulario li div { float: left; width: 110px; background: #0f0;  }

.box-botoes { clear: both; padding: 10px 0; }
.box-botoes button { margin: 0 5px 0 0; }
.box-botoes a { margin: 0 5px 0 0; }

.altura-campo-textarea { height: 145px !important; }

/********************** Formulário Login */
.lista-login { width: 248px; margin: 0 auto; }
.lista-login li { float: left; height: 75px; margin: 0 5px 0 0; }
.lista-login li div { width: 94px; font-size: 9px; }
.lista-login li input { width: 104px; }

/* Apenas para Formuláro esqueci senha */
.form-esqueci-senha li { height: 70px; width: 248px; display: inline; }
.form-esqueci-senha li div { float: left; width: 104px; font-size: 10px; }
.form-esqueci-senha li input { width: 248px; }


/********************** Notícias */
/* Listagem de Notícias */
.lista-noticias {}
.lista-noticias li { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px dashed #666; }
.lista-noticias li span { color: #FF9900; }
.lista-noticias li a { color: #666; }
.lista-noticias li a:hover { color: #999; }

/* Detalhe da Notícia */
.detalhe-noticia {}
.detalhe-noticia h3 { font-size: 11px; font-weight: normal; color: #04345E; }
.detalhe-noticia h3 span { color: #FF9900 !important; }
.detalhe-noticia p { margin: 0 0 10px 0; line-height: 155%; color: #999; }

/* Mais Notícias */
#mais-noticias {}
#mais-noticias select { width: 400px; height: 20px; padding: 0; font-size: 11px; background: #EAEAEA; }

/********************** Representantes */
#tit-estado { margin: 0; color: #04335C !important; }

/* Listagem */
.lista-representantes {}
.lista-representantes li { padding: 10px 0 10px; border-bottom: 1px dashed #666; }
.lista-representantes li:hover { background: #F0F0F0; }
.lista-representantes li h3 { margin: 0; font: bold 11px Trebuchet MS; color: #666; }
.lista-representantes li p { margin: 0; font: normal 11px Trebuchet MS; color: #999; }
.lista-representantes li p strong { color: #FF9900; }

/********************** Área Restrita */

/* Downloads */
.tab-downloads { width: 392px; margin: 0 0 15px 0; border-collapse: collapse; background: #CCC; }
.tab-downloads thead { color: #999; background: #FFF; }
.tab-downloads thead tr th { font-weight: bold; color: #999; }
.tab-downloads tbody { color: #FCA92D; background: #F1F1F1; }
.tab-downloads tbody tr td { padding-left: 15px; border-bottom: 1px dashed #A3A3A3; }
.tab-downloads tbody tr:hover { color: #000; background: url(../img/layout/bg-menu-linhas-marcador.gif) no-repeat 5px -8px; }
.tab-downloads .col-download { width: 72px; text-align: center; }
.tab-downloads td, .tab-downloads th { padding: 5px; }
.tab-downloads strong { color: #004D91; }

/* Logado */
.frase-logado strong { color: #FF9900; }
.menu-logado { padding: 5px 0; }

/********************** Index */
#pag-index #box-representantes { 
	width: 244px; 
	height: 300px; 
	margin: -20px 0 0 -19px; 
	padding: 21px 0 0 19px; 
	background: url(../img/layout/bg-representantes-index.jpg) no-repeat left top;
}
#pag-index #bt-representante { 
	display: block; 
	width: 250px; 
	height: 103px; 
	margin: 0 0 0 -19px; 
	background: url(../img/layout/encontre-representante-regiao.png) no-repeat; 
}
#pag-index #bt-representante span { display: none; }

/* Banner Destaque */
#pag-index #banner-destaque-index { height: 303px; margin: 0 263px 0 188px; padding: 0; background: url(../img/layout/bg-banner-destaque-index.jpg) no-repeat 0 0; }

/********************** Produtos Listagem */
.tit-cor { padding: 0 0 0 8px; font-style: italic; color: #004D91; }

.lista-produtos { width: 350px; margin: 0 auto; padding: 0 0 20px }
.lista-produtos li { float: left; width: 138px; height: 140px;  margin: 0 10px 15px; text-align: center; }
.lista-produtos li a:hover { text-decoration: none; }
.lista-produtos li a:hover img { border-color: #999; }
.lista-produtos li a:hover span { display: block; border-color: #999; }
.lista-produtos li img { display: block; border-top: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; }
.lista-produtos li span {
	display: block;
	width: 138px;
	padding: 6px 0 5px;
	font: bold 11px Arial; 
	color: #0E3C68; 
	border-bottom: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF;
	background: #EFEFEF url(../img/layout/bg-nome-produto.jpg) repeat-x center bottom;
}

/********************** Produtos Detalhe */
#produto-detalhe { margin: 0 6px 0; padding: 0; background: url(../img/layout/bg-msn.gif) repeat; }

/* Cores Disponiveis */
#cores-disponiveis {
	clear: both;
	height: 215px;
	margin: 10px; 
	padding: 0 10px 10px; 
	background: #D3DBE2; 
}
#cores-disponiveis .lista-cores { padding-top: 10px; }
#cores-disponiveis .lista-cores li { float: left; width: 160px; height: 36px; margin: 0 10px 1px 0; font-weight: bold; font-size: 12px; text-align: left; color: #000; }
#cores-disponiveis .lista-cores li img { margin-bottom: -10px; }

/* Medidas e Referências  - Estilo 1 */
#listagem-medidas { padding: 10px 10px; }
#listagem-medidas li { height: 145px; margin: 0 0 5px; border-bottom: 1px dashed #CCC; }

/* Titulo e Foto - Estilo 1 */
#listagem-medidas .tit-e-foto { float: left; width: 105px; height: 105px; margin: 0 20px 0 0; }
#listagem-medidas .tit-e-foto h5 { margin: 0; padding: 0; font-size: 12px; color: #999; }
#listagem-medidas .tit-e-foto div { float: left; width: 95px; height: 95px; padding: 5px; text-align: center; background: #D3DBE2; }

/* Medidas e Referências  - Estilo 1 */
#listagem-medidas-2 { padding: 10px 10px; }
#listagem-medidas-2 li { float: left; width: 388px; height: auto; margin: 0 0 5px; border-bottom: 1px dashed #CCC; background: url(../img/layout/bg-msn.gif) repeat; }

/* Titulo e Foto - Estilo 2 */
#listagem-medidas-2 .tit-e-foto { float: left; width: 365px; height: 105px; margin: 0 20px 30px 0; }
#listagem-medidas-2 .tit-e-foto h5 { margin: 0; padding: 0; font-size: 12px; color: #999; }
#listagem-medidas-2 .tit-e-foto div { float: left; width: 365px; height: 95px; padding: 5px; text-align: center; background: #D3DBE2; }
#listagem-medidas-2 .tab-medidas-ref table.medidas { margin: 0 0 0 75px; }

/* Tablelas */
.tab-medidas-ref { width: auto; background: #333; }
.tab-medidas-ref table { width: 120px; float: left; text-align: left; }
.tab-medidas-ref table.medidas {}
.tab-medidas-ref table.medidas caption { padding: 0 0 0 2px; }
.tab-medidas-ref table.referencias { padding: 0 0 0 20px; background: url(../img/layout/bg-barra-vertical.gif) no-repeat 10px 10px; }
.tab-medidas-ref table.referencias caption { padding: 0 0 0 20px; }
.tab-medidas-ref table.referencias td { padding: 0 0 0 20px; }
.tab-medidas-ref table caption { font-size: 13px; font-weight: bold; color: #004D91; text-align: left; }
.tab-medidas-ref table tbody tr th { color: #004D91; text-align: left; }

/********************** Complementos */
/* Mensagem de aviso */
.msg-sucesso { color: #3d6611; }
.msg-erro { color: #df280a; }
.msg-aviso { padding: 5px 10px; margin: 0; font-weight: normal; text-align: center; color: #e26703; border: 1px solid #F4F4F4; background: url(../img/layout/bg-msn.gif) repeat; }
.msg-sucesso, .msg-erro { padding: 5px 10px; margin: 0; font-weight: bold; text-align: center; border: 1px solid #F4F4F4; background: url(../img/layout/bg-msn.gif) repeat; }