@import url(estilos_popups.css);


/* ==== HTML ==== */
*{margin:0;padding:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
strong{font-weight:bold;}
img{border:none;}
ul{list-style-type:none;}



/* ==== ESTRUTURA ==== */
.bodyGeral{background:#e1dddd url(../imagens/bg_header_geral.gif) 0 0 repeat-x;}
.bodyTecidos{background:#bab7ae url(../imagens/bg_header_rosa.gif) 0 0 repeat-x;}
.homeSejaAgua{background-color:#5282b2 !important;}
.bodyBeneficiamento{background:#e1e1e1 url(../imagens/bg_header_azul.gif) 0 0 repeat-x;}
	#general{width:100%;}
		#header{margin:0 auto;width:960px;position:relative;z-index:90;}
			.bodyGeral #bannerMarca{position:absolute;left:365px;}
			.bodyTecidos #bannerMarca{position:absolute;left:-4px;}
			.bodyBeneficiamento #bannerMarca{position:absolute;left:-4px;}
		.colecao #content{background:#bab7ae;}	
		/* tem mais este estilo para a home do site que tem que ser w:100%*/
		.colecao #content .sejaAgua{background:#5282b2 url(../imagens/conteudo/SejaAgua2011/bg_ColecaoSejaAgua.jpg) 0 0 repeat-x;}
		.colecao{background-color:#bab7ae;}
		/*.colecao{background-color:#000;}*/
		#content{clear:both;}
		#interna #content{padding-bottom:60px;}
		.homeSejaAgua #contentGroup{margin:0 auto;width:100% !important;background-color:#5282b2 !important;}
			#contentGroup{margin:0 auto;width:960px;}
			#home #contentGroup{background:none;}
			#interna #contentGroup{background-repeat:repeat-y;}
			.bodyTecidos #contentGroup{background-image:url(../imagens/bg_content_tecidos.jpg);}
			.bodyBeneficiamento #contentGroup{background-image:url(../imagens/bg_content_beneficiamento.jpg);}
			
			.bodyBeneficiamento #bannerFoto{background-color:#E1E1E1;border-bottom:10px solid #E1E1E1;height:185px;}
			.bodyTecidos #bannerFoto{background-color:#BAB7AE;border-bottom:10px solid #BAB7AE;height:185px;}
			
			.bannerFlashLinhas{background-color:#BAB7AE;width:960px;height:548px;}
			
			#colInfo{float:left;position:relative;width:205px;}
			#colContent{float:left;padding:35px;position:relative;width:445px;}
				.mapaRepresentantes{padding:0 0 0 45px !important;width:470px !important;}
			#colDtls{float:left;position:relative;width:240px;}		
		
			
		#navigation{margin:0 auto;position:relative;width:960px;height:40px;}
			.bodyTecidos #navigation ul.listNav{position:absolute;left:250px;top:2px;}
			.bodyBeneficiamento #navigation ul.listNav{position:absolute;left:360px;top:2px;}
			#navigation .listNav li{background:transparent url(../imagens/div_menu.gif) right bottom no-repeat;display:block;float:left;height:35px;position:relative;display:block;}
			#navigation .listNav a{display:block;float:left;padding:10px 15px 0 15px;height:25px;}
			#btnavHome{background:none !important;}
			#btnavHome a{background:transparent url(../imagens/bg_hover_menu.gif) 0 -36px repeat-x;}
			.lastli{background:none!important;}
			
			.submenu{background-color:#676662;clear:both;display:none;width:130px;padding:5px 0;position:absolute;top:35px;left:0;z-index:80;}
			.submenu ul{top:0;left:0;}
			.submenu ul li{background:transparent url(../imagens/bts/div_submenu.gif) center top no-repeat !important;display:block;width:130px;height:35px;float:none;}
			.submenu ul a{float:none;background:none !important;}
			
			#navigationLinear{position:absolute;margin-top:-26px;}
			#navigationLinear ul li{float:left;}
			#navigationLinear ul li a{display:block;font:bold 12px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#737171;float:left;padding:5px 0 0 0;text-align:center;text-decoration:none;width:102px;height:21px;}
			.bodyTecidos #navigationLinear ul li a{background-color:#c1bcb9;}
			.bodyTecidos #navigationLinear ul li a:hover{background-color:#ccc6c4;}
			.bodyBeneficiamento #navigationLinear ul li a{background-color:#d0d0d0;}
			.bodyBeneficiamento #navigationLinear ul li a:hover{background-color:#dedede;}
			#btBack{background:transparent url(../imagens/bts/bt_voltar.gif) 0 0 no-repeat;}
			#btBack:hover{background:transparent url(../imagens/bts/bt_voltar_ov.gif) 0 0 no-repeat;}
			
	.colecao #footer{background-color:#9f9c96;}
	.colecao #footer .endereco, .colecao #footer .credits{color:#ddd6d6;}
	#footer{background-color:#9f9c96;border-bottom:2px solid #676662;padding:0 0 10px 0;height:13px;width:100%;}
	.homeColecao2011{background-color:#1a2e4c !important;border-bottom:2px solid #030810 !important;}	
		
		#arabescosBase{}
		#logoFooter{position:absolute;top:5px;left:0;}
		.colecao #footer .marca_footer{display:none;}
		.colecao #footer .marca_footer_black{display:block;}
		#footer .marca_footer_black{display:none;}
		#footerGroup{margin:0 auto;width:950px;position:relative;}
		#footer .endereco{color:#ddd6d6;font-size:11px;position:absolute;top:5px;left:160px;}
		#footer #marcaP, #footer #marcaP_black{position:absolute;top:3px;left:0;}
		#footer #btProxLinha{position:absolute;top:0px;right:0px;}
		#footer .credits{color:#ddd6d6;font-size:11px;position:absolute;top:5px;right:1px;}
		#footer a{text-decoration:none;color:#ddd6d6;}
		#footer a:hover{text-decoration:underline;}
		.logo60anos{position:relative;float:right;width:42px;height:38px;margin:-40px 10px 0 0;}
		
		.homeSejaAgua .logo60anos{display:none;}


/* ==== BLOCOS ==== */
/* - divs - */

div{}
/* boxes home */
	.bannerArea{float:left;margin:0 10px 0px 0px;width:475px;}
	.bannerAreaLast{float:left;margin:0 0 0px 0px;width:475px;}
	.boxHome{float:left;margin:15px 10px 10px 0px;position:relative;}
	.boxLast{margin-right:0 !important;}
		.boxHome h3{margin:0 0 2px 0;}
		.boxHome div{background-color:#ece9e9;padding:15px 20px 15px 20px;}	
			.txtHome{margin-bottom:10px;color:#666;font-size:11px;}
			.txtHome a{margin-bottom:15px;color:#666}	
		.boxNoticias{width:475px;}
			.boxNoticias div{width:435px;height:70px;}
			.boxNoticias .btLeiaMais{position:absolute;bottom:10px;right:25px;}					
					#ultimasNoticias li{border-bottom:1px solid #cfb5bf;display:block;float:left;margin-bottom:7px;width:435px;height:17px;}
					.dataNoticia{background-color:#cfb5bf;color:#fff;float:left;font-size:11px;font-weight:bold;padding:1px 5px 1px 0;text-align:right;width:65px;}
					.titNoticia{color:#737171;float:left;padding:0px 0px 0px 15px;}
					.titNoticia a{text-decoration:none;font-size:12px;color:#666;padding-bottom:5px;}
					.titNoticia a:hover{text-decoration:underline;}	
		.boxInstitucional{width:475px}
		.boxInstitucional img{margin-right:10px;}
			.boxInstitucional div{width:435px;}
			.boxInstitucional .btLeiaMais{}
		.boxQualidade{width:280px;}	
			.boxQualidade div{padding:15px 20px 15px 10px;width:250px;}
			.boxQualidade .btLeiaMais{position:absolute;bottom:10px;right:10px;}
		.boxVideo{width:185px;}
			.boxVideo div{padding:10px 10px 20px 0;width:170px;}
			.boxVideo .btLeiaMais{position:absolute;bottom:10px;right:15px;}	

		
		#imgInstitucional{position:absolute;top:0;right:0;}	
			
		.boxQualidade img{margin-right:10px;}		
		
		.bodyGeral .boxHome div{height:80px;}
		
		.bodyBeneficiamento .boxHome div{background-color:#d5dbdf;height:90px;}
		.bodyBeneficiamento #ultimasNoticias li{border-bottom:1px solid #b8c2cb;}
		.bodyBeneficiamento .dataNoticia{background-color:#b8c2cb;}
			
		.btLeiaMais{background-position:right 2px;background-repeat:no-repeat;color:#944664;font-size:11px;font-weight:bold;padding:0 10px 0 0;text-decoration:none;text-transform:uppercase;}
		.btLeiaMais:hover{background-position:right -14px;color:#ae0b5e;}
		.bodyGeral .btLeiaMais{background-image:url(../imagens/seta_rosa.gif);}
		.bodyTecidos .btLeiaMais{background-image:url(../imagens/seta_rosa.gif);}
		.bodyBeneficiamento .btLeiaMais{color:#30495e;background-image:url(../imagens/seta_azul.gif);}
		.bodyBeneficiamento .btLeiaMais:hover{color:#4778a0;}
		
		/* arabescos internos */
		.homeSejaAgua #arabescosBase{display:block !important;}
		#home #arabescosBase{display:none;}
		#arabescosBase{position:absolute;top:-40px;left:375px;}
		

/* produtos */	
.boxProd{
	position:relative;
	margin:10px 0;
	width:445px;
	height:220px;
}
.boxProd h3{margin:0px 10px;padding:15px 0 5px 7px;}
.boxProd p{margin:0px 15px;}
.boxProd a{text-decoration:none;}
.boxProd a:hover{text-decoration:underline;}
.txtBoxProd{font-size:12px;line-height:14px;}	

ul.linha_caracteristicas {float:left;width:100px;margin:0 10px 0 20px;}
.linha_caracteristicas_right li, .linha_caracteristicas li{color:#fff;font-size:14px;margin-top:3px;}

.linha_caracteristicas_right{float:right !important;list-style-type:none;margin:0 20px 0 10px;width:100px;text-align:right;}

#boxProdJovem{background:transparent url(../imagens/bg_boxProd_LinhaJovem.jpg) 0 0 no-repeat;}
	#boxProdJovem h3{}
	#boxProdJovem .txtBoxProd{color:#ffffff;text-align:left;width:250px;}
	#boxProdJovem .txtBoxProd a{color:#ffffff;}
#boxProdCasual{background:transparent url(../imagens/bg_boxProd_LinhaCasual.jpg) 0 0 no-repeat;}
	#boxProdCasual h3{text-align:right;padding-right:7px;}
	#boxProdCasual .txtBoxProd{color:#ffffff;text-align:right;width:260px;position:absolute;right:0px;}
	#boxProdCasual .txtBoxProd a{color:#ffffff;}
#boxProdHomewear{background:transparent url(../imagens/bg_boxProd_LinhaHomewear.jpg) 0 0 no-repeat;}
	#boxProdHomewear h3{}
	#boxProdHomewear .txtBoxProd{color:#ffffff;text-align:left;width:250px;}
	#boxProdHomewear .txtBoxProd a{color:#ffffff;}	
#boxProdSensual{background:transparent url(../imagens/bg_boxProd_LinhaSensual.jpg) 0 0 no-repeat;}
	#boxProdSensual h3{text-align:right;padding-right:7px;}
	#boxProdSensual .txtBoxProd{color:#ffffff;text-align:right;width:260px;position:absolute;right:0px;}
	#boxProdSensual .txtBoxProd a{color:#ffffff;}	

/* lista de noticias */		
.bodyTecidos #listNews{background-color:#d4cdce;padding:10px;margin:0 10px;}
.bodyBeneficiamento #listNews{background-color:#D8DCDF;padding:10px;margin:0 10px;}
#listNews{}
#listNews li{border-bottom:1px solid #999999;margin-bottom:10px;padding-bottom:10px;}
#listNews .dataNoticia{float:none !important;margin-bottom:5px;width:55px;}
#listNews li a{text-decoration:none;font-size:13px;color:#666;line-height:11px;margin:0;padding:0;}
#listNews li a:hover{text-decoration:underline;}

/* endereco contato */
.vcardContato{padding-left:18px;font:normal normal 12px "Trebuchet MS",Arial, Helvetica, sans-serif;}
.bodyTecidos .vcardContato span{color:#411014;}
.bodyBeneficiamento .vcardContato span{color:#102e41;}
.bodyTecidos .vcardContato a{color:#411014;}
.bodyBeneficiamento .vcardContato a{color:#102e41;}

/* box representantes */
#lstLoading{position:absolute;background-color:#993300;font:normal 11px Arial, Helvetica, sans-serif;color:#fff;display:none;padding:2px;}
#boxLoadRepresentantes{padding-top:20px;}
#boxLoadRepresentantes .vcard{padding:0 16px 20px 16px;}

.bodyBeneficiamento #boxLoadRepresentantes h5{font:italic bold 18px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#102e41;padding:10px;}
.bodyBeneficiamento #boxLoadRepresentantes .org span{color:#0c5e91;font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.bodyBeneficiamento #boxLoadRepresentantes .location{color:#102e41;font:italic bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;border-bottom:1px solid #6d8996;margin-bottom:5px;padding-bottom:5px;}
.bodyBeneficiamento #boxLoadRepresentantes .tel{background:transparent url(../imagens/icon_fone_beneficiamento.gif) 0 5px no-repeat;color:#15526b;font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;padding:0 0 0 20px;}
.bodyBeneficiamento #boxLoadRepresentantes .email{background:transparent url(../imagens/icon_email_beneficiamento.gif) 0 5px no-repeat;color:#15526b;font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;padding:0 0 0 20px;}
.bodyBeneficiamento #boxLoadRepresentantes .email a{color:#102e41;text-decoration:none;}
.bodyBeneficiamento #boxLoadRepresentantes .email a:hover{text-decoration:underline;}

.bodyTecidos #boxLoadRepresentantes h5{font:italic bold 18px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#411014;padding:10px;}
.bodyTecidos #boxLoadRepresentantes .org span{color:#92236f;font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.bodyTecidos #boxLoadRepresentantes .location{color:#411014;font:italic bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;border-bottom:1px solid #7d3071;margin-bottom:5px;padding-bottom:5px;}
.bodyTecidos #boxLoadRepresentantes .tel{background:transparent url(../imagens/icon_fone_tecidos.gif) 0 5px no-repeat;color:#701261;font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;padding-left:20px;}
.bodyTecidos #boxLoadRepresentantes .email{background:transparent url(../imagens/icon_email_tecidos.gif) 0 5px no-repeat;color:#701261;font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;padding-left:20px;}
.bodyTecidos #boxLoadRepresentantes .email a{color:#411014;text-decoration:none;}
.bodyTecidos #boxLoadRepresentantes .email a:hover{text-decoration:underline;}

/* zoom layer */
.boxFade{width:100%;height:100%;position:absolute;top:0;left:0;filter: alpha(opacity=50); -moz-opacity: 0.5;opacity: 0.5;cursor:pointer;background-color:#000;}
.boxZoom{border:1px solid #000;position:absolute;}
#layerVideo{position:absolute;display:none;width:320px;height:295px;overflow:auto;top:10px;left:0;z-index:95}
	#infoLayerVideo{margin:0px auto;width:320px;height:285px;background-color:#000;}
	#infoLayerNav{background-color:#000;margin:0px auto;width:320px;}
		#btLayerClose{position:absolute;margin:5px 0 0 290px;}


/* - table - */
table{}
th{}

/* ==== TEXTO ==== */

/* - titulos - */
h1{}
.titContent{padding-left:10px;margin:40px 0 0 10px;}
.bodyTecidos .titContent{border-bottom:1px solid #6d535f;}
.bodyBeneficiamento .titContent{border-bottom:1px solid #919faa;}
.bodyTecidos .titNews{font:italic bold 18px / 15px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#411014;padding:10px 0;}
.bodyBeneficiamento .titNews{font:italic bold 18px / 15px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#102e41;padding:10px 0;}
.bodyTecidos h2{font:italic bold 17px / 15px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#411014;padding:10px 0;}
.bodyBeneficiamento h2{font:italic bold 17px / 15px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#102e41;padding:10px 0;}
h3{}
.h3FormUnderline{border-bottom:1px solid #411014;font:bold 14px / 15px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#411014;margin:25px 0 10px 0;padding-bottom:5px;}
h4{}
h5{}
.bodyTecidos h5{font:bold 14px / 15px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#411014;padding:10px;}
.bodyBeneficiamento h5{font:bold 14px / 15px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#102e41;padding:10px;}
.bodyTecidos .h5underline{border-bottom:1px solid #411014;padding:5px 0;margin:15px !important;}
.bodyBeneficiamento .h5underline{border-bottom:1px solid #102e41;padding:5px 0;margin:15px !important;}


/* txt geral */
.txtMain{font:normal 13px / 16px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#676464;padding:10px;}
	.bgAgua{background:#d6cecc url(../imagens/bgP_sejaAgua.jpg) 0 0 no-repeat;}
.listMarcasProd{font-size:12px;margin-left:10px;}
	.listMarcasProd li{color:#676464;list-style-type:none;}
.bodyTecidos .txtMain a{color:#411014;}
.bodyBeneficiamento .txtMain a{color:#102e41;}
.bodyTecidos .txtFeat{font:italic bold 13px / 15px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#411014;padding:30px;}
.bodyBeneficiamento .txtFeat{font:italic bold 13px / 15px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#102e41;padding:30px;}
.bodyTecidos .txtFeatEsp{font:italic bold 13px / 15px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#411014;padding:30px 5px;}
.bodyBeneficiamento .txtFeatEsp{font:italic bold 13px / 15px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#102e41;padding:30px 5px;}

.destaque{font:italic bold 13px / 16px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#6d535f;}

/* txt noticias */
.txtNewsData{font:normal 10px / 16px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#666;}
.bodyTecidos .txtNewsChamada{font:italic bold 13px / 16px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#411014;}
.bodyBeneficiamento .txtNewsChamada{font:italic bold 13px / 16px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#102e41;}
.txtNewFonte{font:italic normal 12px / 16px "Trebuchet MS",Arial, Helvetica, sans-serif;color:#666;padding:10px;}



/* - links - */
#btTecid{margin:10px 0 0 0px;position:absolute;}
#btBenef{margin:10px 0 0 795px;position:absolute;}
#btBenef:hover{}
a:link{}
a:visited{}
a:hover{}
.btContato{display:block;margin:10px 0 0 15px;}

/*list general*/
ul.list{padding:0 0 0 30px;list-style-type:disc;}
ul.list li{font-size:12px;color:#676464;}