@charset "utf-8";
/* CSS Document */

/**************************************/
/*	INFORMACOES	*/
/**************************************
	ASF- Desenvolvimento Web
--------------------------------------
	Projeto: loja web
	Inicio: 06/04/2013
	ultima Atualizacao:11/06/2013
	Montador: Alcione da silva fernandes
	
/**************************************/
body {  text-align:justify; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*CLASSES*/
.bg_debug   { background:red;}
.bg_debug_2 { background:blue;}
.clear { clear:both;}

/***************FORMATACAO SUBMENU SERVICOS*******************************************************************/
box_3 {  z-index:1001;              }
.image {  padding-top:6px; position:absolute; z-index:5; top:-50px; left:-145px; }
.box_3 ul{ margin:80px; 0px; 0px; 0px; padding:0px;  z-index:1001;}                                                             /* posi&ccedil;&atilde;o do menu */
.box_3 ul li { margin:0; padding:0; list-style:none; float:left; margin-right:41px;  z-index:1001;}
.box_3 ul li a{ color:#006; font-size:16px; font-family: Arial,Helvetica, bold; text-decoration:none;  z-index:1001;}
.box_3 ul li a:hover {color:#FF0;  z-index:1001;}
.box_3 li .sub:hover a { color:#FF0;  z-index:1001;}
.box_3 .sub { position:relative; display:block;  z-index:1001;}
.box_3 .sub ul { display:none;  z-index:1001;}
.box_3 .sub:hover ul { display:block; padding-top:4px; position:absolute; z-index:5; top:-25px; left:-80px;  z-index:1001;}
.box_3 .sub:hover ul .top { background:url(../pg/bg_submenu_top.png); height:20px; width:170px;  z-index:1001;}
.box_3 .sub:hover ul .mid { background:url(../pg/bg_submenu_mid.png); repeat-y; width:170px;  z-index:1001;}
.box_3 .sub:hover ul .mid li { margin-left:4px;  z-index:1001;}
.box_3 .sub:hover ul .mid li a { display:block; padding:8px 10px; width:144px; color:#000; z-index:1001; }
.box_3 .sub:hover ul .mid li a:hover { background:#969; color:#FF0;  z-index:1001;}
.box_3 .sub:hover ul .bot { background:url(../pg/bg_submenu_bot.png); height:25px; width:170px; z-index:1001;}

/******************************************************************************************************************************************/
.image2 {  padding-top:6px; position:absolute;  z-index:1001; top:-72px; left:0px; }
.box_4 ul{ margin:180px; 0px; 0px; 0px; padding:0px;  z-index:1001;}                                                             /* posi&ccedil;&atilde;o do menu */
.box_4 ul li { margin:0; padding:0; list-style:none; float:left; margin-right:41px; }
.box_4 ul li a{ color:#006; font-size:16px; font-family: Arial,Helvetica, bold; text-decoration:none;}
.box_4 ul li a:hover {color:#FF0; }
.box_4 li .sub:hover a { color:#FF0; }
.box_4 .sub { position:relative; display:block;}
.box_4 .sub ul { display:none; }
.box_4 .sub:hover ul { display:block; padding-top:4px; position:absolute; z-index:5; top:-120px; left:-165px; }
.box_4 .sub:hover ul .top { background:url(../pg/bg_submenu_top.png); height:20px; width:170px;}
.box_4 .sub:hover ul .mid { background:url(../pg/bg_submenu_mid.png); repeat-y; width:170px;}
.box_4 .sub:hover ul .mid li { margin-left:4px; }
.box_4 .sub:hover ul .mid li a { display:block; padding:8px 10px; width:144px; color:#000; }
.box_4 .sub:hover ul .mid li a:hover { background:#969; color:#FF0; }
.box_4 .sub:hover ul .bot { background:url(../pg/bg_submenu_bot.png); height:25px; width:170px;}