/*
 * Nome: caemmun.css
 * Desenvolvido por: Webee E-marketing
 * Data da Criação: 10-08-2010
 * Última modificação: 02-09-2010
 * Última modificação: 20-10-2010
 * Copyright (c) 2010 Webee E-marketing (http://www.webee.com.br)
 * Versão: 2.0.2
 */

/* Tipografia, cores e fundos / Reset ===================================================== */
* { margin: 0; padding: 0; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; }
html { background: #C0C0C0 url(../img/layout/bg_html.jpg) 0 0 repeat-x; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; overflow-x: hidden; }
h1 {}
h2 { margin: 0 0 24px; font-size: 12px; font-weight: bold; color: #073671; }
li { font-size: 11px; line-height: 150%; }
p { margin: 0 0 24px; font-size: 11px; line-height: 150%; color: #454545; }
em {}
a img { border: 0; }
.img-margem-bottom { margin-bottom: 14px; }
.frase-azul-negrito { font-size: 13px; font-weight: bold; color: #246F8C; }
.marcador-amarelo { font-weight: bold; color: #F8C301; } 
.img-float-left { float: left; margin: 0 10px 60px 0; }

/* Elementos de formulário */

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

/* Botões de todo o site */
#btn-enviar { width: 63px; height: 21px; border: none; background: url(../img/por/btn-enviar.jpg) no-repeat; cursor: pointer; }
#btn-enviar span { display: none; }
#btn-cancelar { width: 63px; height: 21px; border: none; background: url(../img/por/btn-cancelar.jpg) no-repeat; cursor: pointer; }
#btn-cancelar span { display: none; }
/* ======================================================================================= */

/* Layout ================================================================================ */
#tudo { width: 100%; position: relative; }

/* Cabeçalho */
#cabecalho-recipiente { position: absolute; top: 0; z-index: 20; width: 100%; background: url(../img/layout/bg_menu.jpg) 0 36px repeat-x; }
#cabecalho { position: relative; width: 998px; height: 113px; margin: auto; }
/* Logo */
#cabecalho #logo { float: left; width: 274px; height: 107px; margin: 0; padding: 0; }
#cabecalho #logo a { display: block; width: 274px; height: 107px; background: url(../img/por/logo_caemmun.png) 0 0 no-repeat; }
#cabecalho #logo a span { display: none; }
/* Menu */
#cabecalho #menu { float: right; width: 572px; height: 30px; margin: 36px 139px 0 0; padding: 5px 0 0 0; text-align: center; }
#cabecalho #menu li { display: inline; padding: 0 6px; text-align: center; }
#cabecalho #menu li a { font-size: 13px; text-decoration: none; text-transform: uppercase; color: #E5E5E5; }
#cabecalho #menu li a:hover { color: #fff; }
/* Idioma */
#cabecalho #icones-idioma { position: absolute; top: 8px; right: 2px; width: 90px; height: 23px; }
#cabecalho #icones-idioma li { float: right; padding-right: 7px; }
#cabecalho #icones-idioma li a { display: block; width: 23px; height: 23px; }

/* Involucro */
#involucro { position: absolute; top: 113px; z-index: 20; width: 100%; }
#corpo { width: 933px; margin: auto; background: url(../img/layout/bg_corpo.png) 0 35px no-repeat; }
#corpo #titulo { float: left; width: 899px; height: 30px; margin: auto; padding: 5px 17px 0; font-size: 18px; font-weight: bold; text-transform: uppercase; text-align: right; color: #236F8C; background: url(../img/layout/bg_titulo.png) 0 0 no-repeat; }
#corpo #titulo span 	{ color: #003066; }
#corpo #titulo strong 	{ color: #003066; }

/* Conteúdo */
#corpo #conteudo { float: left; width: 899px; min-height: 526px; padding: 10px 17px; background: url(../img/layout/bg_conteudo.png) 0 0 repeat-y; }
#corpo #conteudo .col-esq { float: left; width: 238px; }
#corpo #conteudo .col-esq .subtitulo { font-size: 14px; }
#corpo #conteudo .col-esq .subtitulo strong { font-size: 11px !important; color: #246F8C !important; }
#corpo #conteudo .col-esq ul {}
#corpo #conteudo .col-esq ul li { margin-bottom: 2px; padding: 8px 0; background: #F4F4F4; }
#corpo #conteudo .col-esq ul li.item a span { display: block; float: left; width: 14px; height: 17px; font-size: 12px; color: #F8C301; background: url(../img/layout/bg_seta_amarela.jpg) center center no-repeat; }
#corpo #conteudo .col-esq ul li.item a { display: block; font-size: 12px; color: #02448E; }
#corpo #conteudo .col-esq ul li.item a:hover { color: #4492E6; text-decoration: none; }
#corpo #conteudo .col-dir { width: 637px; margin-left: 262px; padding-bottom: 24px; }

/* Rodapé */
#rodape-recipiente { clear: both; width: 100%; height: 134px; background: #C5C5C5 url(../img/layout/bg_rodape.jpg) 0 0 repeat-x; }
#rodape { width: 998px; height: 134px; margin: auto; }
#rodape #box-catalogo { float: left; width: 304px; height: 123px; padding: 32px 9px 0 0; background: url(../img/layout/bg_separador.png) right top no-repeat; }
#rodape #box-acontece { float: left; width: 345px; height: 123px; padding: 32px 19px 0 10px; background: url(../img/layout/bg_separador.png) right top no-repeat; }
#rodape #box-acontece h2 { font-size: 14px; font-weight: bold; margin-bottom: 5px; }
#rodape #box-acontece h2 span { color: #007FA1; }
#rodape #box-acontece h2 strong { color: #014083; }
#rodape #box-acontece h2 a { float: right; padding-left: 5px; font-size: 8px; color: #7E7875; background: url(../img/layout/bg_seta.gif) left center no-repeat; }
#rodape #box-acontece ul {}
#rodape #box-acontece ul li { margin-bottom: 2px; font-size: 10px; color: #595959; }
#rodape #box-acontece ul li a { font-size: 10px; color: #595959; }
#rodape #box-logo { float: right; width: 311px; height: 123px; padding-top: 32px; text-align: center; }
#rodape #box-logo img { text-align: center; }
#rodape #direitos-reservados { width: 933px; margin: 0 auto; padding-top: 28px; font-size: 10px; text-align: right; color: #2D1A14; }
#rodape #logo-webee { display: block; float: right; width: 73px; height: 25px; margin: 0 25px 0 0; background: url(../img/layout/logo-webee.png) no-repeat left top; }
#rodape #logo-webee:hover { background: url(../img/layout/logo-webee.png) no-repeat right top; }
#rodape #logo-webee span { display: none !important; }


#map3 { width: 185px; height: 185px; overflow: hidden; margin: auto; }
/* ======================================================================================= */

/* Fale Conosco ========================================================================== */
#lista-formulario { width: 637px; }
#lista-formulario li { float: left; position: relative; width: 627px; padding: 0 8px 0 0; border-right: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; border-left: 1px solid #D2D2D2; }
#lista-formulario li label { display: block; float: left; width: 75px; height: 21px; padding: 10px 0 0 10px; font-size: 11px; color: #6E6E6E; background: #F0F0F0; }
#lista-formulario li input { display: block; float: right; width: 530px; height: 20px; margin-top: 5px; font-size: 11px; color: #000; border: 1px solid #D2D2D2; background: #fff; }
#lista-formulario li select { display: block; float: right; width: 532px; height: 20px; margin-top: 5px; font-size: 11px; color: #000; border: 1px solid #D2D2D2; background: #fff; }
#lista-formulario li.nome { border-top: 3px solid #154781; }
#lista-formulario li.mensagem { border-bottom: 1px solid #154781; }
#lista-formulario li.mensagem label { height: 185px; }
#lista-formulario li.mensagem textarea { display: block; float: right; width: 532px; height: 185px; margin-top: 5px; font-size: 11px; color: #000; border: 1px solid #D2D2D2; background: #fff; }

/* Box Botões */
#box-botoes { float: left; padding: 9px 0 0 277px; }
#box-botoes button { margin-right: 5px; }
/* ======================================================================================= */

/* Pag-Produtos ========================================================================== */
#lista-produtos { width: 800px; margin: auto; }
#lista-produtos li { float: left; width: 184px; margin: 0 8px 8px; height: 250px; }
#lista-produtos li h2 { min-height: 24px; padding: 4px 5px; border-top: 9px solid #7D7D7D; font-size: 18px; font-weight: normal; text-align: left; color: #7D7D7D; background: #D6D6D6;  }
/* ======================================================================================= */

/* Pag-Representantes ==================================================================== */
.frase-voce-esta { width: 811px; margin: 10px auto 0; font-weight: bold; color: #537AA5; }
.frase-voce-esta strong { color: #173C64 !important; }

#lista-representantes { width: 811px; margin: 10px auto 0; }
#lista-representantes li { margin: 0 0 8px 0 !important; padding: 5px 10px; background: #F8F8F8; }
#lista-representantes li:hover { background: #EDEDED; }
#lista-representantes h2 { margin: 0; }
#lista-representantes p { margin: 0; color: #000; }
#lista-representantes strong { font-weight: bold; }
#lista-representantes a { text-decoration: none; color: #000; }
#lista-representantes a:hover { text-decoration: underline; }
/* ======================================================================================= */

/* Pag-Notícias ========================================================================== */
/* Título */
#titulo-noticia { font-size: 11px; color: #246F8C; }
#titulo-noticia strong { font-size: 14px; font-weight: bold; color: #002F6C !important; }

/* Subtitulo */
.subtitulo { margin-bottom: 2px; padding: 8px; font-size: 16px !important; background: #F4F4F4; }

/* Lista Acontece */
#lista-acontece {}
#lista-acontece li { padding: 8px !important; color: #246F8C;  }
#lista-acontece a { text-decoration: none; color: #002F6C; }
#lista-acontece a:hover { text-decoration: underline; }
/* ======================================================================================= */

/* Pag-Produto-Detalhe ==================================================================== */
#veja-outros-modelos { 
	height: 24px; 
	margin-bottom: 0 !important; 
	padding: 6px 8px 0 18px; 
	color: #fff; 
	background: #015AA8 url(../img/layout/bg_marcador_branco.gif) 10px center no-repeat; 
}

#lista-veja-outros { clear: both; margin-top: 1px; border-top: 1px solid #015AA8; }
#lista-veja-outros li.item { padding-left: 8px !important; padding-right: 8px !important; }
#lista-veja-outros li.item a span { display: block; float: left; width: 14px; height: 17px; font-size: 12px; color: #F8C301; background: none !important; }

.box-titulo { height: 26px; padding: 3px 6px 0; font-size: 18px; font-weight: bold; color: #033368; background: #F4F4F4; }
.box-descricao { margin: 0; padding: 14px 0; font-size: 11px; line-height: 150%; color: #454545; border-top: 1px solid #F8C402; }
.box-descricao a { text-decoration: none; color: #3F3F3F }
.box-descricao a:hover { text-decoration: underline; color: #3F3F3F }
.box-descricao .dlist { height: 75px; }
.box-descricao dl { float: left; width: 120px; }
.box-descricao dl dt { text-align: center; }
.box-descricao dd { height: 35px; }
.box-descricao dl dd { font-size: 12px; text-align: center; color: #868686; }
.cor-cinza { color: #8B8B8B; }
/* ======================================================================================= */

/* Pag-Trabalhe-Conosco ================================================================== */
/* ======================================================================================= */

/* Pag-Home ============================================================================== */
#pag-home {}
#pag-home #rodape-recipiente { position: absolute; top: 650px; }
#pag-home #corpo { background: none; }
#pag-home #corpo #conteudo { height: 527px; background: none; }
#pag-home #rodape-recipiente { height: 155px; }
#pag-home #rodape { height: 155px; }
.lista-fotos { margin-bottom: 14px; }
.lista-fotos li { display: inline; }
/* ======================================================================================= */

/* Pag-Home ============================================================================== */
#pag-index {}
#pag-index #banner-apresentacao { width: 960px; height: 540px; margin: 0 auto; }
/* ======================================================================================= */

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

/* Validação */
div.error { position: absolute; top: 10px; right: 15px; z-index: 1000 !important; height: 15px; font-size: 10px; color: #FF0000; }
.requerido { font-size: 11px; color: #FF0000 }

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

/* Campo File */
.campo-file {}
/*.campo-file .file { background: #fff; }
.campo-file div { background: #ff0 !important; }
.campo-file #cv { background: #f0f !important; }*/
.campo-file .file { margin: 0 8px; }
.campo-file input { display: inline !important; float: none !important;  }
.campo-file div { margin-top: 4px !important; }
.campo-file div.error { position: absolute; top: 0px; left: 55px; z-index: 1000 !important; height: 15px; font-size: 10px; color: #FF0000; }
/* ======================================================================================= */