@charset "utf-8";
/* CSS Document */
@import url("reset.css");

/*--- ESTILO HOME ---*/
body { background:url(../../imagens/fundo.jpg) top center no-repeat #FFF; }
#base { position:absolute; width:900px; left:50%; margin-left:-450px; height:auto; }

/*--------------------------------------------	BANNER -------------------------------------------------*/
#banner { width:900px; height:400px; }
#banner_mascara { position:absolute; width:900px; height:126px; top:340px; background:url(../../imagens/banner_mascara.png) top left no-repeat; z-index:2; }
#banner img { z-index:1; _margin-top:-4px; }
#banner_combo { position:absolute; top:66px; _top:70px; width:225px; height:220px; background:url(../../imagens/banner_combo.png) 0 0 no-repeat; z-index:4; }
#banner_combo h1 { margin-top:65px; _top:0px; margin-left:23px; z-index:4; width:180px; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#FFF; font-weight:bold; _position:absolute; }
#banner_conteudo { position:absolute; top:220px; width:195px; height:111px; background:url(../../imagens/banner_combo2.png) top left no-repeat; padding:15px; z-index:2; display:none; }
#banner_combo p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#Fff; line-height:14px; }
#banner_combo p a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-decoration:none; }
#banner_combo p a:hover { text-decoration:underline; }
#banner_amplia { position:absolute; margin-left:150px; margin-top:30px; _top:200px; cursor:pointer; display:none; }
#banner_reduz { position:absolute; margin-top:230px; _top:365px; *margin-top:206px; cursor:pointer; z-index:9; display:none; }
#banner_mais { position:absolute; width:36px; height:36px; top:321px; left:853px; cursor:pointer; z-index:4; display:none; }
/*--------------------------------------------	BANNER -------------------------------------------------*/

/*--------------------------------------------	PRODUTOS -------------------------------------------------*/
#produtos { position:absolute; top:66px; _top:70px; left:225px; }
#produtos ul { list-style:none; z-index:999; }
#produtos ul li { display:inline; width:111px; height:20px; text-align:center; padding-top:10px; cursor:pointer;
	margin-left: 1px;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF;
	background:url(../../imagens/produtos.png) 0 0 no-repeat;
	text-transform:uppercase;
}


#produtos_topo { width:671px; _height:0px; height:11px; display:block; background:#89B603; }
#produtos_imagem { clear:left; float:left; background:#89B603; width:111px; height:177px; _margin-top:-8px; }
#produtos_imagem img { margin-left:3px; }
#produtos_lista { float:left; width:185px; height:177px; background:#89B603; margin-left:1px; _margin-top:-7px; }
#produtos_lista ul { list-style:none; }
#produtos_lista ul li { width:185px; display:block; _margin-bottom:-5px; *margin-bottom:-5px; }
#produtos_lista ul li:hover { background:#9ED103; }
#produtos_lista ul li ul { list-style:none; margin-left:10px; margin-top:0px; margin-bottom:0px; _margin-top:-2px; *margin-top:-2px; }
#produtos_lista ul li ul li { width:165px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; _margin-bottom:2px; *margin-bottom:2px; }
#produtos_lista ul li a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-decoration:none; padding-left:10px; display:block; }
#produtos_lista ul li ul li a { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; text-decoration:none; padding-left:10px; display:inline; }
#produtos_lista ul li ul li a:hover { text-decoration:underline; }

#produtos1, #produtos2, #produtos3, #produtos4, #produtos5, #produtos6 { width:671px; position:absolute; top:96px; _top:100px; left:226px; }
#produtos1, #produtos2, #produtos3, #produtos4, #produtos5, #produtos6 { display:none; }
/*--------------------------------------------	PRODUTOS -------------------------------------------------*/

/*--------------------------------------------	MENU -------------------------------------------------*/
#logo { margin-top:7px; margin-bottom:4px; z-index:9; width:225px; height:55px; float:left; }
#menu { margin-top:35px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999; }
#menu a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999; text-decoration:none; }
#menu a:hover { text-decoration:underline; }
/*--------------------------------------------	MENU -------------------------------------------------*/


/*--------------------------------------------	DESTAQUES -------------------------------------------------*/
#destaques { position:relative; margin-top:40px; *margin-top:-20px; _width:910px; z-index:4; }
#destaque1 { position:relative; float:left; background:url(../../imagens/destaque_1.png) 0 0 no-repeat; width:228px; height:170px; }
#destaque1 h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#008A00; font-weight:bold; margin-left:20px; margin-right:10px; margin-top:25px; margin-bottom:5px; }
#destaque1 #busca, #destaque1 #email { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; border:1px solid #CCC; width:115px; height:16px; margin-left:20px; }
#destaque1 #botao { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; text-transform:uppercase; text-align:left; background:url(../../imagens/seta_branca.png) 58px 5px no-repeat #89B603; border:none; width:70px; height:18px; margin-left:0px; padding-left:5px; }
#destaque1 a { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#89B603; text-decoration:none; margin-left:20px; }
#destaque1 a:hover { text-decoration:underline; }

#destaque2 { position:relative; float:left; width:221px; _width:220px; height:170px; background:url(../../imagens/destaque_2.png) 0 0 no-repeat; }
#destaque2_mais { float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#89B603; text-transform:lowercase; text-align:left; width:61px; height:22px; background:url(../../imagens/seta_verde_baixo.png) 55px 13px no-repeat; padding-top:8px; padding-left:10px; margin-top:12px; margin-right:4px; _margin-right:6px; display:block; cursor:pointer; }
#destaque2 h2 { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#008A00; font-weight:bold; margin-left:16px; _margin-left:8px; margin-right:10px; margin-top:20px; margin-bottom:15px; float:left; width:110px; }
#destaque2 label { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#89B603; font-weight:bold; display:block; margin-left:16px; clear:left; }
#destaque2 #equipamento, #destaque2 #produto, #destaque2 #prot_produtos, #destaque2 #protocolos { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; border:1px solid #CCC; width:190px; height:16px; margin-left:16px; margin-bottom:5px; display:block; z-index:1; left: 0; top:0; }
#destaque2 #botao { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; text-transform:uppercase; text-align:left; background:url(../../imagens/seta_baixo.png) 76px 6px no-repeat #89B603; border:none; width:90px; height:18px; margin-left:16px; padding-left:5px; }
#destaque_opcoes { width:196px; height:106px; background:#DCE9B4; z-index:9; position:absolute; margin-left:2px; top:40px; padding-left:20px; padding-top:20px; display:none; }
#destaque_opcoes a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#009900; text-decoration:none; }
#destaque_opcoes a:hover { text-decoration:underline; }

#destaque3 { position:relative; float:left; width:225px; _width:223px; height:170px; background:url(../../imagens/destaque_3.png) 0 0 no-repeat; }
#destaque3_mais { float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#89B603; text-transform:lowercase; text-align:left; width:35px; background:url(../../imagens/seta_verde.png) 28px 4px no-repeat; margin-top:20px; margin-right:15px; _margin-right:6px; }
#destaque3 h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#008A00; font-weight:bold; margin-left:16px; _margin-left:8px; margin-right:10px; margin-top:20px; margin-bottom:15px; float:left; width:130px;  }
#destaque3 p { clear:both; margin-left:16px; margin-right:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; }
#destaque3 a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#89B603; font-weight:bold; text-decoration:none; display:block; }
#destaque3 a:hover { text-decoration:underline; }

#destaque4 { position:relative; float:left; width:226px; _width:222px; height:170px;  background:url(../../imagens/destaque_4.png) 0 0 no-repeat; }
#destaque4_mais { float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#89B603; text-transform:lowercase; text-align:left; width:35px; background:url(../../imagens/seta_verde.png) 28px 4px no-repeat; margin-top:20px; margin-right:15px; }
#destaque4 h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#008A00; font-weight:bold; margin-left:16px; _margin-left:8px; margin-right:10px; margin-top:20px; margin-bottom:15px; float:left; width:145px; }
#destaque4 p { clear:both; margin-left:16px; margin-right:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; }
#destaque4 a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#89B603; font-weight:bold; text-decoration:none; display:block; }
#destaque4 a:hover { text-decoration:underline; }

/*--------------------------------------------	DESTAQUES -------------------------------------------------*/


/*--------------------------------------------	RODAPE -------------------------------------------------*/
#rodape { clear:both; position:absolute; top:620px; left:10px; width:880px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999; }
#rodape span { float:left; }
#rodape img { float:right; }
/*--------------------------------------------	RODAPE -------------------------------------------------*/