﻿
/* SETUP ********************************************************/

* {
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: top;
	/*position:relative;
	float:left;*/
	}

hr { display:none;}


body {
	height: 100%;
	width: 100%;
	background: #DFE9F0 url(../imagens/fundo_geral.jpg) repeat-x;
	font: normal 75% Arial, Helvetica, sans-serif;
	color: #3161A0;
	}

input, select { font:10px/16px Verdana, Arial, Helvetica, sans-serif; color:#999999; height:17px; border:1px solid #CCCCCC; }
textarea { font:10px/16px Verdana, Arial, Helvetica, sans-serif; color:#999999; height:110px; border:1px solid #CCCCCC; }

/* Fontes de texto **********************************************/

.fontAzul_15px {
	font:17px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#2F609F;
	padding-right:25px;
}
	.fontAzul_15px a {
	text-decoration:none;
	}
	.fontAzul_15px a:hover {
		text-decoration:underline;
	}


.fontAzul_10px {
	font:10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#2F609F;
}
	.fontAzul_10px a {
		font:10px/12px Verdana, Arial, Helvetica, sans-serif;
		color:#2F609F;
		text-decoration:none;
	}
	.fontAzul_10px a:hover {
		text-decoration:underline;
	}

.fontCinza_10px {
	font:10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}
	.fontCinza_10px a {
		font:10px/12px Verdana, Arial, Helvetica, sans-serif;
		color:#666666;
		text-decoration:none;
	}
	.fontCinza_10px a:hover {
		text-decoration:underline;
	}

/* Estrutura *****************/

#geral {
position:absolute;
width:778px; 
margin-left:50%;
left:-389px;
background:#FFFFFF url(../imagens/fundo_content.gif) repeat-y;
}
	#barranav {
	position:relative;
	float:left;
	width:778px; height:103px;
	background:url(../imagens/fundo_barratopo.jpg) no-repeat;	
	}
	
	.logoPIC { position:relative;
		float:left;
		background: url(../imagens/logoPIC.gif) no-repeat;
		width:200px;
		height:89px;
		_width:204px;
		_height:89px;
		text-indent:-9000px;
		overflow:hidden;
		margin:12px 0 0 10px;
		_margin:12px 0 0 6px;
		}
				.logoPIC a {display:block; height:80px;	}
	.ulmenuTopo {
		position:relative;
		float:right;
		width:525px;
		height:101px;
		padding-top:1px;
	}
		.menufloat { position:relative; float:left; }

		.limenuHome {  width:85px; height:101px; text-indent:-9000px; overflow:hidden; }
			.limenuHome a { background:url(../imagens/menu/home.gif) no-repeat; display:block; }
			.limenuHome a:hover { background:url(../imagens/menu/home2.gif) no-repeat; }					
		
		.limenuEmpresa { background:url(../imagens/menu/empresa.gif) no-repeat; width:85px; height:101px; text-indent:-9000px; overflow:hidden; }
			.limenuEmpresa a { display:block; }
			.limenuEmpresa a:hover { background:url(../imagens/menu/empresa2.gif) no-repeat; }					
		
		.limenuSoftwares { background:url(../imagens/menu/softwares.gif) no-repeat; width:85px; height:101px; text-indent:-9000px; overflow:hidden; }
			.limenuSoftwares a { display:block; }
			.limenuSoftwares a:hover { background:url(../imagens/menu/softwares2.gif) no-repeat;}
			
/*		.limenuSuporteOnline { background:url(../imagens/menu/suporte-online.gif) no-repeat; width:117px; height:101px; text-indent:-9000px; overflow:hidden; }
			.limenuSuporteOnline a { display:block; }
			.limenuSuporteOnline a:hover { background:url(../imagens/menu/suporte-online2.gif) no-repeat;}*/
		
		.limenuParceiros { background:url(../imagens/menu/parceiros.gif) no-repeat; width:85px; height:101px; text-indent:-9000px; overflow:hidden; }
			.limenuParceiros a { display:block; }
			.limenuParceiros a:hover { background:url(../imagens/menu/parceiros2.gif) no-repeat;}
		
		.limenuFaleConosco { background:url(../imagens/menu/faleconosco.gif) no-repeat; width:101px; height:101px; text-indent:-9000px; overflow:hidden; }
			.limenuFaleConosco a { display:block; }
			.limenuFaleConosco a:hover { background:url(../imagens/menu/faleconosco2.gif) no-repeat;}
			
.psfloat {
	position:relative;
	float:left;
}
/* HOME *********************************************************/	

	.wrap_ilustra {
	position:relative;
	float:left;
	width:767px; height:250px; 
	background:url(../imagens/fundo_ilustra.jpg) no-repeat;
	margin-left:6px;
	_margin-left:3px;	
	z-index:100;
	}
		.painelhome {
		position:absolute;
		left:16px;
		width:225px; height:240px;
		z-index:300;
		}
		.painelsoftware {
		position:relative;
		width:225px; height:200px;
		z-index:300;
		margin-top:20px;
		}			
		.fundopainel {
		width:225px; height:240px;		
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagens/MenuHome.png', sizingMethod='crop');
		}
	/*	.fundopainel2 {
		width:225px; height:202px;		
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagens/MenuHome2.png', sizingMethod='crop');
		}*/
		
	.fundopainel[class] {	width:225px; height:240px; background: url(../imagens/MenuHome.png) no-repeat;}

	.bordaBpainel { position:absolute; bottom:0; background:url(../imagens/acabamentopainel.gif) no-repeat; height:36px; width:100%;}
	
	.itens_painel {
	position:relative;
	float:left;
	width:196px; height:172px;
	margin:12px 0 0 11px;
	_margin:12px 0 0 6px;
	overflow: hidden;
	list-style:none;
	padding:3px 3px 3px 3px;


	
	}	
		li.botoes {
		position:relative;
		float:left;
		width:191px;
		text-indent:-9000px;
		overflow:hidden;
		border-bottom:solid 2px #FFFFFF;	
		}
		li.botoesSuporte, li.botoesSuporteVoz {
		position:relative;
		float:left;
		width:191px;
		height:45px;
		border-bottom:solid 3px #FFFFFF;	
		}
					
			.botao1 { height:48px; background: url(../imagens/b_ligacaogratuita.gif) no-repeat;}
			.botao2 { height:22px; background: url(../imagens/b_FAQ.gif) no-repeat;}
			.botao3 { height:22px; background: url(../imagens/b_SuporteOnLine.gif) no-repeat;}
			.botao4 { height:22px; background: url(../imagens/b_Acessoex.gif) no-repeat;}
			.botao5 { height:22px; background:  url(../imagens/b_Representante.gif) no-repeat;}
			
			.botao1 a { display:block; height:49px;}
				.botao1 a:hover { background:url(../imagens/b_ligacaogratuita_H.gif) no-repeat;}
			.botao2 a { height:23px; display:block;}
				.botao2 a:hover { background: url(../imagens/b_FAQ_H.gif) no-repeat;}
			.botao3 a { height:23px; display:block;}
				.botao3 a:hover { background:url(../imagens/b_SuporteOnLine_H.gif) no-repeat;}
			.botao4 a { height:23px; display:block;}
				.botao4 a:hover { background:url(../imagens/b_Acessoex_H.gif) no-repeat;}
			.botao5 a { height:23px; display:block;}
				.botao5 a:hover { background:url(../imagens/b_Representante_H.gif) no-repeat;}
	
	.ilustrahome { position:absolute; z-index:100; top:5px; right:8px; width:547px; height:206px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagens/IlustraHome.png', sizingMethod='crop')	
	}
	.ilustrahome[class] { position:absolute; z-index:100; top:5px; right:8px;; width:547px; height:206px; background:url(../imagens/IlustraHome.png);	
	}
	
	.contenthome { 
	position:relative; 
	float:left; 
	width:710px; 
	margin-left:6px;
	_margin-left:3px; 
	padding:10px 30px 30px 30px;
	background:url(../imagens/fundo_contetprodutos.gif) repeat-y;
	}
			.titulo_destaques { position:relative; float:left; width:99%; background:url(../imagens/t_destaques.gif) no-repeat; text-indent:-9000px; overflow:hidden; height:13px;}
            .titulo_novidade { position:relative; float:left; width:99%; background:url(../imagens/t_novidade.gif) no-repeat; text-indent:-9000px; overflow:hidden; height:13px;}
			.titulo_todosprodutos {position:relative; float:left; width:99%; background:url(../imagens/t_todosprodutos.gif) no-repeat; text-indent:-9000px; overflow:hidden; height:13px;}
			
			.destaques { position:relative; float:left; width:100%; padding-bottom:14px;}
			.produtos { position:relative; float:left; width:99%;}
			
		.wrap_produtos { position:relative; float:left; width:100%; padding-top:20px; padding-left:8px; }	
	.item_todosprodutos { 
	position:relative; 
	float:left;
	width:220px;
	height:23px; 
	vertical-align:middle;
	font: normal 11px/17px Tahoma;
	color:#3161A0;
	padding-left:10px;
	background:url(../imagens/marcador.gif) no-repeat;	
	}
		.item_todosprodutos a {
		text-decoration:none;
		color:#3161A0;
		padding:3px;
		}
			.item_todosprodutos a:hover {
			
			color:#21416B;
			/*border:solid 1px #C1CFE2;*/
			/*padding:5px;*/
			background: #D9ECFF;
			}
.imgBorder {
	border:0px;
	margin:15px;
	}
	.imgBorder2 {
	border:0px;
	margin:6px;
	}
	
/* Janela Ligaçõa Gratuita **************************************/

	.wrap {
	width:260px; height:128px;
	background:url(../imagens/JAnela_callfree.png) no-repeat;
	}
	.wrapCallOk 
	{
		width:260px; height:128px;
		background:url(../imagens/JAnela_callfreeOk.png) no-repeat;
		}
	
	#janelaCallFree {
	position:absolute;
	width:260px; height:128px;	
	left:400px;
	top:120px;
	z-index:1000;
	}
	.janelaCallFreeOk {
	position:absolute;
	width:260px; height:128px;	
	left:400px;
	top:120px;
	z-index:1000;
	}
	
	
	#janelaCallFree2 {
	position:absolute;
	width:260px; height:128px;	
	left:400px;
	top:590px;
	z-index:1000;
	}
	.janelaCallFreeOk2 {
	position:absolute;
	width:260px; height:128px;	
	left:400px;
	top:590px;
	z-index:1000;
	}
	.b_fecharcall {
	    position:absolute;	      
	    right:0;
	    width:20px;
	    height:20px;
	    margin: 16px 19px 0 0;
	   	text-indent:-9000px;
		background:url(../imagens/bz_fechar.gif) no-repeat;
		overflow:hidden;
	    }
	    .b_fecharcall a {
	        display:block;	       
			text-indent:-9000px;
	        }
		
	.wrapform { position:relative; float:left; margin:55px 0 0 25px; width: 210px; height:52px;}
			.linha { position:relative; float:left; width:170px; height:25px;}
			.label { position:relative; padding-right:7px; float:left; padding-top:5px; width:60px; height:23px; font:normal 11px Tahoma; text-align:right; color:#795E00;}
			.form { position:relative; float:left; width:100px; height:15px; padding-top:1px;}
			.formddd { position:relative; float:left; width:20px; height:15px; padding-top:1px;}
			.formtelefone { position:relative; float:left; width:50px; height:15px; padding-top:1px;}
			.bEnviar { position:absolute; right:10px; bottom:5px; width:23px; height:47px; }
	
/* Conteúdo *****************************************************/

.fundo_LateralInterna {
	position:relative;
	float:left;
	background:url(../imagens/fundo_LateralInterna.jpg) repeat-x;
	
	width:213px;
	height:100%;
	margin:0;
	padding:0;	
	left:6px;
}
.fundopainel2 {
	position:relative;
	float:left;
	width:207px; 
	height:240px;
	top:-6px;
	left:-3px;
	/*position:relative;
	float:left;
	width:213px;*/ height:202px;
	background:url(../imagens/MenuHome2.gif) no-repeat 5px 7px;
	}
	.fundopainel3[class] {
	position:relative;
	float:left;
	width:220px; 
	top:-6px;
	left:-3px;
	/*position:relative;
	float:left;
	width:213px;*/ height:202px;
	background:url(../imagens/MenuHome2.png) no-repeat ;
	}

.fundopainel2[class] {	width:225px; height:202px; background: url(../imagens/MenuHome2.png) no-repeat;}

	.fundim {
	position:relative;
	float:left;
	width:100%;
	height:40px;
	background:url(../imagens/fundim.jpg) repeat-x;
	}

	
	.contatoPainel {
		position:relative;
		float:left;
		font:11px/12px Tahoma, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
        margin:20px 0px 20px 27px;
	}
		.contatoInterna1 {
			position:relative;
			width:49px;
		/*	right:-80px;*/
		}
		.contatoInterna2 {
            font-size:13px;
            height:22px;
            opacity:0.9;
			position:relative;
			width:100px;
		/*	filter:alpha(Opacity=85);*/
		}
	.fundoBranco {
		position:relative;
		float:left;
		background:#FFFFFF;
		width:199px;
		height:378px;
		margin-top:15px;
		padding:5px;
		left:2px;

	}
		.fundoParceiros {
			position:relative;
			float:left;
			background:url(../imagens/t_parceiros2.gif) #E6F1F8 no-repeat 7px 7px;
			text-indent:-9000px;
			width:189px;
			height:90px;
			padding:5px;
			margin-bottom:5px;
		}
		.fundoIncentivo {
			position:relative;
			float:left;
			background:url(../imagens/t_icentivosocial2.gif) #E6F1F8 no-repeat 7px 7px;
			text-indent:-9000px;
			width:189px;
			padding:5px;
			margin-bottom:5px;
		}
		.tracosLateral {
			position:relative;
			float:left;
			background:url(../imagens/tracosLateral.gif) no-repeat;
			width:194px;
			margin-bottom:5px;
		}
	.fimFundoLateral {
		position:relative;
		float:left;
		background:url(../imagens/final_fundolareral.gif) no-repeat;
		width:211px;
		height:7px;
		/*margin-bottom:10px;*/
	}
.fundoConteudo {
	position:relative;
	float:left;
	background:url(../imagens/fundoConteudo.gif) right top no-repeat;
	width:553px;
	right:-7px;

}
	.Conteudo {
		position:relative;
		float:left;
		background:url(../imagens/fundo_conteudo.gif) repeat-y;
		width:532px;
		_height:626px;
		padding:20px 0px 10px 20px;
		min-height:624px;		
	}
	.Conteudo2 {
		position:relative;
		float:left;
		background:url(../imagens/fundo_conteudo2.gif) repeat-y;
		width:768px;
		_width:508px;
		_height:626px;
		/*padding:20px 0px 10px 20px;*/
		margin-left:5px;
		_margin-left:2px;
		
		min-height:624px;
		
	}
	
.fimFundoConteudo {
	/*position:relative;
	float:left;
	background:url(../imagens/final_fundoconteudo.gif) no-repeat;
	width:550px;
	height:10px;*/
}

/* Rodapé *******************************************************/

.rodape {
	position:relative; 
	float:left; 
	width:755px; height:110px;
	margin-left:6px;
	_margin-left:3px;
	padding:20px 0 0 13px;
	background: url(../imagens/fundo_rodape.gif) no-repeat;
	}
	
		.parceiros { 
		position:relative; float:left; 
		width:280px; height:54px;		
		background: url(../imagens/t_parceiros.gif) no-repeat 8px 8px #EEF6FA;
		margin-right:8px}
		
		.icentivo_social {
		position:relative; float:left; 
		width:320px; height:54px;
		_width:320px; _height:54px;
		background:url(../imagens/t_icentivosocial.gif) no-repeat 8px 8px #EEF6FA;	
		}		
		.text_contatos {
		position:relative; float:left; 
		width:140px; height:54px;
		background:url(../imagens/_textocontato.gif) no-repeat 6px;
		text-indent:-9000px;
		overflow:hidden;			
		}
		.rodape_assinatura
		{
			_padding-top: 20px;
			padding-top: 10px;
			padding-bottom: 8px;
			float:left;
			
			}
		.rodape_assinaturaM
		{
		    position:absolute;
		    bottom:0;
						
			}
			
		
		
/* LINKS Rodapé PArceiros
*************************************/
.iprogramas 
{
    position:relative;
    float:left;
    width:90px;
    height:42px;
    background: url(../imagens/logo_Iprogramas.gif) no-repeat;
	text-indent:-9000px;
	overflow:hidden;
	margin:6px 15px 0 90px;
	
	}
.superdownloads 
{
    position:relative;
    float:left;
    width:66px;
    height:42px;
    background: url(../imagens/logo_SuperDownloads.gif) no-repeat bottom;
	text-indent:-9000px;
	overflow:hidden;
	}
.laresperanca 
{
    position:relative;
    float:left;
    width:124px;
    height:42px;
 /*   _width:124px;
    _height:42px;*/
    background:url(../imagens/logo_LarEsperanca.gif) no-repeat center;
	text-indent:-9000px;
	overflow:hidden;
	margin:5px 0 0 80px;
	/*_margin:0px 0 0 80px;*/
	}		
		
.WrapCategoriaH 
{
position:relative;
float:left;
width:235px;
height:82px;
padding:12px 0 12px 0;
line-height:12px;
}
    .FotoCategoria 
    {
    position:relative;
    float:left;
    width:72px;
    height:66px;
	margin-top:7px;               
    }
    .BackCat1 { background: url(../imagens/icone1_Siscomerciais.gif) no-repeat;}
	.BackCat2 { background: url(../imagens/icone2_SisInd.gif) no-repeat;}
	.BackCat3 { background: url(../imagens/icone3_sisImob.gif) no-repeat;}
	.BackCat4 { background: url(../imagens/icone4_AutoPeças.gif) no-repeat;}
	.BackCat5 { background: url(../imagens/icone5_GestaoMalaDIreta.gif) no-repeat;}
	.BackCat6 { background: url(../imagens/icone6_seguranca.gif) no-repeat;}
	.BackCat7 { background: url(../imagens/icone7_Hospedagem.gif) no-repeat;}
	.BackCat8 { background: url(../imagens/icone8_condominio.gif) no-repeat;}
	.BackCat9 { background: url(../imagens/icone9.gif) no-repeat;}
	 
            .Titulos
            {
            position:relative;
            float:left;
            width:160px;
            height:16px;
			text-indent:-9000px;
			/*margin:0 0 3px 0;  */           
            }
            .BackTitulo1 { background: url(../imagens/titulo1_SisComerciais.gif) no-repeat;}
			.BackTitulo2 { background: url(../imagens/titulo2_SisIndustriais.gif) no-repeat;}
			.BackTitulo3 { background: url(../imagens/titulo3_sisImob.gif) no-repeat;}
			.BackTitulo4 { background: url(../imagens/titulo4_autopecas.gif) no-repeat;}
			.BackTitulo5 { background: url(../imagens/titulo5_GestaoMala.gif) no-repeat; height:25px;}
			.BackTitulo6 { background: url(../imagens/titulo6_Seguranca.gif) no-repeat;}
			.BackTitulo7 { background: url(../imagens/titulo7_Hospedagem.gif) no-repeat;}
			.BackTitulo8 { background: url(../imagens/titulo8_condominio.gif) no-repeat;}
			.BackTitulo9 { background: url(../imagens/titulo9.gif) no-repeat; height:25px;}
          
		    .Descricao
            {
            position:relative;
            float:left;
            width:160px;
            height:24px;
			font-size:11px;               
            }
            
            .bsaibamais {
			margin-top:4px;
            position:relative;
            float:left;
            width:130px;
            height:15px;
            background: url(../imagens/maisdetalhessolo.gif) no-repeat;
			text-indent:-9000px;
			overflow:hidden;
            }
				 .bsaibamais a {
				 display:block;
				 height:15px;
				 cursor:pointer;			 
				 }
			.bconsultenos
            {
            margin-top:4px;
            position:relative;
            float:left;
            width:85px;
            height:15px;
            background: url(../imagens/contatenos.gif) no-repeat;
			text-indent:-9000px;
			overflow:hidden;
            }	
            .bconsultenos a {
            display:block;
				 height:15px;
				 cursor:pointer;	
            } 
	.wrapdescricao { overflow:auto; height:525px; padding-right:10px; }
	
	
	
