/* HTML */
* { margin: 0; padding: 0; }

body { text-align: center; background:#FFF; color: #000; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 0.9em;  }
hr { border: double 1px #368963; margin:10px 0; }
hr.fino { border: solid 1px #44916C; margin:10px 0;  }
h2 { overflow: hidden;  position:relative; }
h3 { font-size:1.2em; margin:5px; color:#368963; letter-spacing:1px; font-weight:normal; }
a { color:#44916C; }
a:hover { text-decoration:none; }	
p { position:relative; color:#6F6F6F; }
p a{ position:relative; }
p.links { margin-bottom:15px; }  
img { border:0; }
#all { width: 750px; margin: 0 auto; text-align:left; background: #F1F7DF; }

#header { background: url('../i/header.png') no-repeat; width:100%; height:80px; margin:0; padding:0; }
#header span { display:none; } 

#logo { padding-top:5px; }
#logo h1 a { background: url('../i/logo_vipel.png') no-repeat; width:227px; height:66px; display:block; margin:auto; }

#banner { background: url('../i/banner.png') no-repeat; width:750px; height:160px; }
/* MENU */
#menu { background: #C7C497 url('../i/menu.png') no-repeat; width:750px; height:55px; }
#menu ul { list-style:none;  margin-left:100px; padding-top:20px; }
#menu li { /*border-right: solid 2px #fff; */float:left;   }
#menu span { display: none; }
#menu a { display: block; height: 13px; }
#menu .home  { background: url('../i/home.gif') top left no-repeat; width:42px; }
#menu .empresa  { background: url('../i/empresa.gif') top left no-repeat; width:57px; }
#menu .produtos  { background: url('../i/produtos.gif') top left no-repeat; width:57px; }
#menu .representantes  { background: url('../i/representantes.gif') top left no-repeat; width:90px; }
#menu .portifolio  { background: url('../i/portifolio.gif') top left no-repeat; width:65px; }
#menu .revendas  { background: url('../i/revendas.gif') top left no-repeat; width:65px; }
#menu .noticias  { background: url('../i/noticias.gif') top left no-repeat; width:54px; }
#menu .fale_conosco  { background: url('../i/fale_conosco.gif') top left no-repeat; width:84px; }
#menu .trabalhe-conosco  { background: url('../i/trabalhe-conosco.gif') top left no-repeat; width:100px; }
#menu a:hover { background-position: bottom left; }

/* CONTEUDO */
#content {  background: #F1F7DF url('../i/bg-conteudo.jpg') repeat-y top left; padding: 20px 18px;  }
#content.interno { background: #F1F7DF; }
#content h2 {  font-size: 1.8em;  font-weight: bold; color:#44916C; }
#content h5 { clear: both; position: relative; border-bottom: 2px solid #44916C; font-size: 1.1em; font-weight: bold; margin: 20px 0 10px 0; padding-top:20px; }
.todas { margin-bottom:5px; }
#separadorCapa { clear: both; height: 10px; padding: 0; margin: 0; background: #F1F7DF; }
/* AREAS */
/*
#area1 { margin-left:20px; margin-right: 10px; background: url('../i/area_baixo_dir.gif') no-repeat bottom right; }
#area2 { background: url('../i/area_baixo_esq.gif') no-repeat bottom left; }
#area3 { margin-left:20px; margin-right: 10px;  background: url('../i/area_cima_dir.gif') no-repeat top right; }
#area4 { background: url('../i/area_cima_esq.gif') no-repeat top left; }
*/
#grupamento1 { background: url('../i/bg-grupamento-1.jpg') no-repeat center bottom; padding-bottom: 10px; }
#grupamento2 { background: url('../i/bg-grupamento-2.jpg') no-repeat center top; }
#grupamento2 .area { margin-top: 20px; }
#area1 { margin-left:20px; margin-right: 10px; }
/*#area2 {  }*/
#area3 { margin-left:20px; margin-right: 10px; }
/*#area4 {  }*/

#content .noticias_capa h2 { background: url('../i/titulo_area1.gif') no-repeat left top; }
#content .produtos_capa h2 { background: url('../i/titulo_area2.gif') no-repeat left top; }
#content .portifolio_capa h2 { background: url('../i/titulo_area3.gif') no-repeat left top; }
#content .empresa_capa h2 { background: url('../i/titulo_area4.gif') no-repeat left top; }

#content .qualidade_capa h2 { background: url('../i/titulo_area5.gif') no-repeat left top; }
#content .responsabilidade_social_capa h2 { background: url('../i/titulo_area6.gif') no-repeat left top; }


.area { float:left;  width:330px; }
.area h2 { overflow: hidden; outline:none; text-indent: -9999px; height:20px; padding:0; margin:0;  }
.area .conteudo-capa { padding: 0 10px 10px 10px; color:#6F6F6F;  }
.area .imagem-area1 { float:left; margin:0 10px 0 10px; border: solid 2px #C0C0C0; }
.area .imagem-area2 { float:left; margin:0 10px 0 10px; border: solid 2px #C0C0C0; }
.area .imagem-area3 { float:left; margin:0 10px 0 10px; border: solid 2px #C0C0C0; }
.area .imagem-area4 { float:left; margin:0 10px 0 10px; border: solid 2px #C0C0C0; }
.area img { float:left; }
.saiba-mais { display: block; clear: both; background: url('../i/saiba_mais.gif') no-repeat bottom left; float:right;  margin-bottom:5px; padding: 10px 20px 0 20px;  font-size:0.9em; }
.saiba-mais a { text-decoration:none; color:#6F6F6F; font-weight:bold; }
.saiba-mais a:hover { color:#44916C; }

/*CONTEUDO EMPRESA*/

#empresa { background: url('../i/borda-img.gif') repeat-y top right; float: left; width:100%; }
/*padrão áreas*/

.conteudo { width: 500px;; float:left; margin-right:15px; }
div.imagens { float:left; padding-left:10px; margin:0 0 0 10px; }
div.imagens a img { border: solid 2px #C0C0C0; }
.links a{ color:#368963; }
/*CONTEUDO PRODUTOS*/
#produtos h2 { margin:5px 0 10px 0; }


/*CONTEUDO REPRESENTANTES*/
#representantes h2 { margin:5px 0 10px 0; }

/*CONTEUDO REVENDAS*/
#revendas h2 {  margin:5px 0 10px 0; }

/*CONTEUDO PORTIFOLIO*/
#portifolio h2 {  margin:5px 0 10px 0; }
#portifolio span.data { color:#6F6F6F; }
/*CONTEUDO QUALIDADE*/
#qualidade h2 {  margin:5px 0 10px 0; }
#qualidade { background: url('../i/borda-img.gif') repeat-y top right; _height: 100px; width:100%; }

/*CONTEUDO RESPONSABILIDADE SOCIAL*/
#responsabilidade-social h2 { margin:5px 0 10px 0; }
#responsabilidade-social { background: url('../i/borda-img.gif') repeat-y top right; _height: 100px; width:100%;}

/*CONTEUDO NOTÌCIAS*/
#noticias h2 { margin:5px 0 10px 0; }
#noticias span { letter-spacing:0.1em;  }


#mostra_imagem { background:#368963; height:600px; }
#mostra_imagem .navega { position:absolute; bottom:0px; right:0; left:0; margin:0 auto; border-top: solid 2px #33B924; border-bottom: solid 2px #33B924; margin-bottom:30px; padding:15px 0; background:#FFF; width:100%; }
#mostra_imagem .evento { width:500px; height:400px; background:#FFF; }
#mostra_imagem img { margin:0 auto;  }
#mostra_imagem .img_grande { border: solid 2px #000; margin-top:30px; }
#mostra_imagem .esquerda_primeiro { margin-right:30px; }
#mostra_imagem .direita_ultimo { margin-left:30px; }

#mostra_img { background:#368963; height:600px; }
#mostra_img img { margin:10px 10px;  }
#mostra_img .img_grande { border: solid 2px #C0C0C0; margin-top:30px; }
#mostra_img .legenda { color:#44916C; background:#F1F7DF; }



/*CONTEUDO FALE CONOSCO*/
#fale-conosco h2 {  margin:5px 0 10px 0; }

/*CONTEUDO AGENDA DE EVENTOS*/

#eventos h2 {  position:relative; margin:5px 0 10px 0; }
#eventos span { letter-spacing:0.1em;  }
/*conteudo -> Representantes e Revendas*/
#conteudo .local { color:#368963; font-size:1.1em; font-weight:bold; margin-top:5px; }
#conteudo .endereco { margin-top:5px; }
.texticulo { margin-bottom:15px; }
#conteudo .nome { margin-top:5px; }
#conteudo .email { margin-top:5px; }
#conteudo .site { margin-top:5px; }
/**/
.imagem { float:left;  margin:0 15px 0px 0; }
.imagem img{ border: solid 2px #C0C0C0; }
.imagem-p { float:left; padding: 5px; margin:5px 20px 0px 0; }
.imagem-p img{ border: solid 2px #C0C0C0; }
.sub-imagem { clear:both; }
.sub-imagem img{ float:left; border: solid 2px #C0C0C0; margin:10px 10px 10px 0; }
.sub-imagem .legenda{ float:left; padding:30px 0 0 5px; color:#44916C; }
.descr { font-size:1em; text-align:justify; margin-top:15px; }
#noticias .descr { margin:0; }

.resumo { margin-top:5px; font-size:1em; text-align:justify; }
.fonte { clear:both; padding-top:15px; }
.det { margin-bottom: 10px; } 
.l { clear: both; color:#C0C0C0; } 
.v { margin-left: 10px; } 
a.ver-fotos { background: #F0F7DD url('../i/ver-foto.gif') no-repeat center left; margin-top:20px; padding:10px 5px 10px 30px; text-decoration:none; }
#produtos .nome { padding-top:25px; }

#produtos .produto-content { padding:0; margin-bottom:30px; padding:5px; }
#produtos .produto-content .imagem-p { padding:0; margin:0;  }
#produtos .produto-content .imagem-p img{ padding:0; margin:0; border: solid 2px #C0C0C0;  }
#produtos .produto-content .imagem-p img a{ padding:0; margin:0; }
#produtos .produto-content p.nome { float:left; letter-spacing:1px; font-size:1.2em; width:400px; text-align:left; margin:0 10px 10px 10px; padding:0; }
#produtos .produto-content .textinho { float:left;  width:400px; padding:0 10px 10px 10px; text-align:justify; }

#produtos .item-categoria { float: left; width: 355px; text-align: center; margin-top: 10px; padding-bottom: 20px; }
#produtos .item-categoria h3 { font-size: 1.5em; }
#produtos .item-categoria img { padding: 2px; border: 1px solid #368963; }

/* RODAPE */
#footer { clear:both; background: url('../i/rodape.gif') no-repeat; width:750px; height:81px; margin:0; text-indent: -9999em; overflow: hidden; }

/* ATALHOS */
.clear { clear:both; }
.left  { float:left; }
.right { float:left; }
.relative { position:relative; }
.block { display:block; } 

/*  ESTILO  PADRÃO   */


.msg_err, .msg_ok, .msg { border-style: solid; border-width: 1px; padding: 10px; margin: 10px 0; text-align: center; }
.msg_err { background: #EFC2C2; border-color: #CF7474; }
.msg_ok { background: #D1EFD8; border-color: #5F7F6C; }
.msg { background: #DFDFDF; border-color: #8F8F8F; }
.msg_err p, .msg_ok p, .msg p, .msg_err li, .msg_ok li, .msg li { margin: 5px 0; }
.msg_err ul, .msg_ok ul, .msg ul, .msg_err ol, .msg_ok ol, .msg ol { list-style-position: inside; padding-left: 10px; }

/* Mensagem de erro */
.err { margin: 10px 0; border: 1px solid #8C1A10; }
.err h5 { font-size: 1.1em; color: #fff; padding: 3px; background-color: #8C1A10; font-weight: bold; }
.err ul { list-style: square; list-style-position: inside; margin: 5px 5px 0 10px; }
.err li { font-size: .9em; margin-bottom: 5px; color: #333; }
/********************/

.expandedform input.text, 
.expandedform textarea, 
.expandedform select { 
	padding: .2em; 
	margin-top: .1em;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em; 
	border: 1px solid #95936A; 
	border-right: 1px solid #DBDDC5; 
	border-bottom: 1px solid #DBDDC5;
	margin-right: 1em;
}
.expandedform option { float: none; clear: both; margin-right: 2em; }
.expandedform optgroup { 
	font-family: Arial, Verdana, sans-serif; 
	font-size: 1em; 
	font-style: italic; 
	font-weight: bold; 
}
.expandedform optgroup option { margin-left: 10px; }
.expandedform input.radio,
.expandedform input.checkbox { 
	margin-right: .1em;
}
.expandedform input.radio { margin-bottom: -.2em; }
.expandedform input.text,
.expandedform textarea,
.expandedform select {
	padding: .2em;
}
.expandedform .readonly {	color: #999; background: #e7e7e7; }


	
/* Formulario: PADRAO */
.expandedform .row em { display: block; color: #999; font-style: italic; font-weight: normal; font-size: .9em; }

.expandedform .row div {
	padding-top: .5em;
}


.expandedform { overflow: hidden; } 

.expandedform .row {
	padding: .8em 0;
	white-space: nowrap;
	overflow: hidden;
	clear: both;
}

.expandedform label, 
.expandedform .row p, 
.expandedform .row div, 
.expandedform input, 
.expandedform select, 
.expandedform textarea {
	float: left;
}

.expandedform label, .expandedform .row p {
	width: 25%; 
	margin: .5em 1em .5em 0;
	text-align: left !important;
	white-space: normal;
	overflow: hidden;
	font-weight: bold;
}
.expandedform .row div {
	white-space: nowrap;
	overflow: hidden;
	clear: none;
}

.expandedform .row div label {
	font-weight: normal;
}

.expandedform .row div * {
	float: none;
	clear: none;
}

.required { color: #c00; }

p.buttons { margin: 20px 0; }


p.buttons input { 
	border: 1px solid #95936A; 
	background-color: #DBDDC5; 
	color: #333; 
	text-decoration: none; 
	font-weight: bold; 
	font-size: 1.2em; 
	margin-right: 1em;
	margin-top: -.5em; padding: .4em;
	cursor: pointer;
	clear: both;
}
p.buttons input.enviar { background: #E7F1C7 url('../i/icon-submit.gif ') no-repeat 5px center; padding-left: 25px; width: 6em; }
p.buttons input.atualizar { background: #DBDDC5 url('../i/icon-atualizar.gif ') no-repeat 5px center; padding-left: 25px; width: 6em; }


/**********************/


.lista-produtos { list-style: none; }
.lista-produtos li { clear: both; }
.lista-produtos li a { position: relative; }


#menu-revendas {  margin-bottom:50px; text-align:center;  }
#menu-revendas p{ background:#F1F7DF; width:200px; margin:0 auto; margin-bottom:10px; font-size:1.1em; font-weight:bold; color:#44916C; }
#menu-revendas ul{  list-style:none; }
#menu-revendas ul li{ display:inline; }
#menu-revendas li a{ font-weight:bold; padding:2px; background:#44916C; color:#FFF; text-decoration:none;  }
#menu-revendas li a:hover{ background:#DA251D; }
#revendas .mostrando-revendas { font-size:1.1em; }


/* trabalhe conosco */


#content h2 { position:relative; margin:5px 0 10px 0; }

#content #trabalhe-conosco { background: #F3F3F3; width: 49%; float:left; margin-bottom:15px; border: solid 2px #44916c; }

#content .trabalhe-conosco-dir { background: #F3F3F3; width: 45%; float:left; margin-bottom:10px; margin-left:10px; border: solid 2px #44916c;}

#content #trabalhe-conosco-fim { background: #F3F3F3; width: 95.5%; clear:both; border: solid 2px #44916c; float:left; }

#content #cad{ background: #FBE2D0; width: 99.5%; clear:both; border: solid 2px #44916c;}

.campos {  margin-bottom: 4px !important; margin-bottom: 46px; }

.botoes {  float:left; margin: 10px 0 10px 25px; width:100%; }

.clear { clear:both; display:block; }

#content #trabalhe-conosco .campos,#content .trabalhe-conosco-dir .campos,#content #trabalhe-conosco-fim .campos,#content #cad .campos { padding:10px; }

#content #trabalhe-conosco label ,#content .trabalhe-conosco-dir label ,#content #trabalhe-conosco-fim  label ,#content #cad  label { display: block; margin-bottom: 2px; margin-top:10px; clear:both; width:80%; }

#content #trabalhe-conosco h3,#content .trabalhe-conosco-dir h3,#content #trabalhe-conosco-fim h3,#content #cad h3 { text-transform: uppercase; margin:0; padding: 0; background: #44916c; color: #FFF; text-align:center; }
	
#content #trabalhe-conosco-fim div.sem-borda-esq { border-left: none;  }

.campos-esq { border-left: solid 2px #44916c; width: 49.82%; float:left; }

.campos-esq h4 { border: solid 2px #44916c; border-bottom: none; border-left: none; border-right: none; text-transform: uppercase; margin:0; padding: 0; font-size: 17px; color: #858585; text-align:center; }

.campos-esq h4.s { border-right: none; }