/*
 Css Documento
 Desenvolvedor: David Paula Silva
 Data de Criação: 09/05/2008
 Tipo: CSS criado para estilizar a página principal do Site www.startware.com.br
 
*/


body {
	background:url(../img/background.jpg) #FFFFFF repeat-x;		
	margin:0 0;			    
}		


#principal{
margin:0 auto;
width:768px;
background:#FFFFFF;


}



/*TOPO
######################################################################################################################################
*/

#topo{
background: url(../img/topo_back.jpg);	
}

	#topo_logo{ /*padding ajusta a altura do topo*/
		padding:10px 6px;			
	}
	
	
	#topo_logo img{
		float:left;
		border:none;
	}

	#topo_logo h1{
		font:bold 20px 'Trebuchet MS',Arial, Helvetica, sans-serif  ;
		color:#0078A8;
		text-align:center;
	}

#topo_menu{
	border-top-style:solid;
	border-top-width:3px;
	border-top-color:#F5F5F5;	
	/*margin-top:10px; Ajusta automaticamente o menu- Se tirar o comentário vai ficar um espaço de 10px*/
	background:url(../img/menu_back.jpg) repeat-x;
	height:38px;/* Altera o tamanho do menu*/
	padding:0px;
}

	#topo_menu ul{
		margin:0px;
		padding:0px;
		font:11px Arial, Helvetica, sans-serif;		
	}
	
	#topo_menu li{
		display:inline;
		float:left;	
		padding:5px 5px;	
		margin-top:8px;			
	}
	
	#topo_menu li a{
		text-decoration:none;
		display:block;
		margin-left:0px;
		padding:0px 10px;
		text-transform:uppercase;
		color:#4F4F4F;		
	}
	
	#topo_menu li a:hover{
		color:#B5B5B5;
	}
	
	
		#topo_menu li a:focus , #topo_menu li a:active {
			color:#999;
		}
/*TOPO FIM
######################################################################################################################################
*/




/*CONTEÚDO EM DESTAQUE - Conteudo l1
######################################################################################################################################
*/


#conteudo_l1{
	width:755px;
	margin:0px;	
	padding:7px 7px;
}

	#conteudo_materia{
		float:left;
		width:373px;	
	}

	#conteudo_materia_txt1, #conteudo_materia_txt2, #conteudo_materia_txt3 {
		float:left;
		margin-left:7px;
		width:360px;
		height:230px;/*Foi alterado para 230 tava 240 */
		border:solid #E2E2E2 7px;	
	}
	
		#conteudo_materia_txt1 h1, #conteudo_materia_txt2 h1, #conteudo_materia_txt3 h1{ /*Titulo da matéria da página principal */
			font:15px 'Trebuchet MS',Arial, Helvetica, sans-serif ; 
			color:#006699;
			padding:5px;
			margin:0px;			
		}
		
		#conteudo_materia_txt1 p, #conteudo_materia_txt2 p, #conteudo_materia_txt3 p {
			font:12px Arial, Helvetica, sans-serif ;
			color:#999999;
			padding:5px;
			margin:0px;	
		}
		
		#conteudo_materia_txt1 a, #conteudo_materia_txt2 a, #conteudo_materia_txt3 a{
			font:10px Arial, Helvetica, sans-serif ;
			color:#333333;
			text-decoration:none;	
			padding:5px;			
		}
		
			#conteudo_materia_txt1 a:hover, #conteudo_materia_txt2 a:hover, #conteudo_materia_txt3 a:hover{
				color:#999;
			}
			
		#conteudo_materia_txt1 a:link, #conteudo_materia_txt2 a:link, #conteudo_materia_txt3 a:link{
			padding-bottom:29px;
		}


	#conteudo_botao ul{	/*  Ajusta a distância do botão [EMPRESA, PROCESS, DIGIDOC, NETJUR] para com a imagem da página pricipal. */
		position:relative; 		
		margin-top:4px;
		margin-left:0px;
		text-align:left;		
	}
	
	#conteudo_botao li{
		display:inline;		
						
		
	}
	
	#conteudo_botao li a{	
			
		background:url(../img/botao_back.jpg) repeat-x;		
		padding:15px 20px 10px 24px;
		text-transform:uppercase;
		text-decoration:none;
		font:11px  bold Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#3399CC;				
	}
	
	
	#conteudo_botao li a:hover{
		
		background:url(../img/botao_roll_back.jpg) repeat-x;
	}
	
		
	/*Não utilizamos quando queremos que o botão já carregue ativo!
	#conteudo_botao li a:active, #conteudo_botao li a:focus{
		background:url(../img/botao_roll_back.jpg) repeat-x;

	}
	*/
	
	
	.conteudo_imagem1 img{		
		margin-bottom:5px;
		margin:0px 0px 0px 0px;
		
	}
	
	
	#conteudo_imagem3 img{		
		margin-bottom:5px;
	
		
	}
/*CONTEÚDO EM DESTAQUE FIM
######################################################################################################################################
*/





/*CONTEÚDO MEIO - NOTICIAS - PRÊMIOS SUPORTE - Conteudo l2
######################################################################################################################################
*/

#conteudo_l2{	
	margin-left:7px;
	padding:0px;		
}


#noticia{	
	margin-top:5px;/*margin-top:18px; Foi Alterado para ficar mais próximo dos menus materias*/
	float:left;
	clear:left;
	display:inline;
	width:245px;
	
}

	#noticia h1,  #premio h1, #suporte h1{
		font:17px bold 'Trebuchet MS',Arial, Helvetica, sans-serif;
		color:#006699;
		text-align:left;
		height:27px;
		width:240px;
		padding-left:5px;
		background:url(../img/subTitulos_back.jpg);
	}
	
	#noticia ul, #premio ul, #suporte ul{
		margin:0px;
		padding:0px;
		list-style-type:disc;	    
		list-style-position:inside;
		margin-top:-2px;
				
	}
		
		#noticia li, #premio li, #suporte li{
			padding:0px;
			margin:0px;
			display:block;
			padding-bottom:10px;
			font:12px Arial, Helvetica, sans-serif ;
			color:#4482CD;
		}
		
			#noticia li a, #premio li a, #suporte li a{
				color:#999999;
				text-decoration:none;				
			}
			
				#noticia li a:hover, #premio li a:hover, #suporte li a:hover{
					color:#666666;
					text-decoration:underline;
				}
		
#premio{	
	margin-top:5px;
	margin-left:9px;
	float:left;
	width:245px;
}

#suporte{
	margin-top:5px;
	margin-right:7px;
	float:right;
	width:245px;	
}

	
	#suporte ul li img{
		list-style-position:outside;
	}

/*CONTEÚDO MEIO - NOTICIAS - PRÊMIOS SUPORTE - FIM
######################################################################################################################################
*/





/*CONTEÚDO CLIENTES-  - Conteudo l3
######################################################################################################################################
*/
#conteudo_l3{
	clear:both;
	width:755px;
	margin-left:7px;
	margin-top:0px;
}

	#conteudo_l3 h1{
		font:17px bold 'Trebuchet MS',Arial, Helvetica, sans-serif;
		color:#006699;
		margin-bottom:8px;	
		
	}

	#conteudo_l3 ul{
		
		list-style:none;
		margin:0px;
		padding:5px;		
	}
	
		#conteudo_l3 li{			
			float:left;	
		}
		
		#conteudo_l3 li a{
			font:12px 'Trebuchet MS',Arial, Helvetica, sans-serif;
			color:#3D8AB1;
			margin-left:7px;
		}
		
		#conteudo_l3 li a:hover{
			color:#66CCFF;
		}
				
		.c_link{
			position:relative;			
			display:block;	
			text-align:center;
			margin-top:3px;
				
		}
		
		.c_link_2{
			
			position:relative;
			clear:both;
			font:11px Arial, Helvetica, sans-serif;
			color:#999999;
			display:inline;
			
		}
		
		a.c_link_2{
			margin-right:8px;
			float:right;
			margin-top:120px;	
		}
		
		a.c_link_2:hover{
			color:#CCCCCC;		
		}
		
		.back_force{
			background:url(../img/clientes_back.jpg);
			height:160px;
			width:755px;
		}
	/*	
.c_link{
	border:0px;
}

.c_link span{
	display:block;
}
*/
/*CONTEÚDO CLIENTES- FIM
######################################################################################################################################
*/


/*FORM CONTATO
######################################################################################################################################
*/
#form_geral{
	text-align:left;
}

#form_lDir h2{
float:left;
width:280px;
margin-left:5px;
font:12px Arial, Helvetica, sans-serif ;
color:#666666;
margin-top:20px;
}

#formulario{
margin-top:8px;
padding:5px 5px;
background-image:url(../img/back_contato.jpg);
background-repeat:repeat-x;
background-color:#F4FAFF;
float:left;
width:400px;
}



#formulario fieldset{
font-size:17px;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
}

#formulario fieldset legend{
margin-bottom:10px;
}


#formulario p{
padding:3px 3px;
margin-left:10px;
margin-top:-10px;
}


#formulario p label em{
color:#104E8B;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
}


#formulario input:focus{
background-color:#DBDBEE;
}

#formulario select:focus{
background-color:#DBDBEE;
}

#formulario input{
background-color:#FDFEFF;
border:none;
width:350px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#003366;
padding-left:2px;
border:1px solid #666699;
display:block;
}
#formulario form select {
background-color:#FDFEFF;
border:none;
width:350px;
height:35px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#003366;
padding-left:2px;
border:1px solid #666699;
display:block;
}

#formulario textarea{
background-color:#FDFEFF;
border:none;
width:350px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#003366;
padding-left:2px;
border:1px solid #666699;
display:block;
} 

#formulario .botao{
margin-left:60px;
width:80px;
height:30px;
border:1px solid #666699 ;
display:inline;
cursor:pointer;
background-image:url(../img/botao_form_back.jpg);

}




/*FORM CONTATO- FIM
######################################################################################################################################
*/






/*Página EMPRESA
######################################################################################################################################
*/

#empresa  p, #fabrica p{
font:12px 'Trebuched MS', Arial, Helvetica, sans-serif;
color:#666666;
margin-left:5px;
margin-right:5px;
text-align:justify;
margin-bottom:20px;
line-height:180%;

}

#empresa #float_empresa{
float:right;
background-image:url(../img/subTitulos_back_empresa2.jpg);
width:225px;

margin:3px 4px 4px 7px;
}

	#empresa h1{
		font:18px bold 'Trebuchet MS',Arial, Helvetica, sans-serif;
		color:#006699;
		text-align:left;
		padding-top:5px;
		padding-left:5px;
		height:27px;
		width:520px;
		margin-top:2px;
		margin-right:0px;
		background:url(../img/subTitulos_back_empresa.jpg) repeat-x;
	}
	
	 #fabrica h1{
		font:18px bold 'Trebuchet MS',Arial, Helvetica, sans-serif;
		color:#006699;
		text-align:left;
		padding-top:5px;
		padding-left:5px;
		height:27px;
		width:520px;
		margin-top:2px;
		margin-right:0px;
		background:url(../img/subTitulos_back_empresa.jpg) repeat-x;
	}
	
	#empresa #float_empresa ul{
		margin:0px;
		padding:0px;
		list-style-type:square;	    
		list-style-position:inside;
		margin-top:-2px;
		

				
	}
		
		#float_empresa li{
			padding:0px;
			margin:0px;
			display:block;
			font:12px Arial, Helvetica, sans-serif ;
			color:#4482CD;
			padding-bottom:5px;
		}
		
			#float_empresa li a{
				color:#006699;
				text-decoration:none;
								
			}
			
			 	#float_empresa li a:hover{
					color:#63B8FF;
					text-decoration:underline;
				}
		


	
	#empresa #float_empresa ul li img{
	
		list-style-position:outside;
		
	}

/*Página EMPRESA
######################################################################################################################################
*/








/*Página PRODUTOS
######################################################################################################################################
*/


#produtos{
font:12px Arial, Helvetica, sans-serif;
color:#666;
padding-left:5px;
padding-right:5px;

}

#produtos ul{
padding-left:100px;



}

#produtos  li{
list-style:none;
display:inline;
text-align:center;



}

#produtos a{
border:none;
text-decoration:none;
float:left;
padding-left:10px;
cursor:pointer;
width:225px;

}


#produtos a:active{
text-decoration:none;
}


#produtos h1{
font:18px bold 'Trebuchet MS',Arial, Helvetica, sans-serif;
color:#006699;
text-align:left;
background-image:url(../img/subTitulos_back_empresa.jpg);
background-repeat:repeat-x;

margin-top:2px;
margin-left:-5px;
text-indent:7px;
padding-top:5px;
}

#produtos span{
font:16px bold 'Trebuchet MS',Arial, Helvetica, sans-serif;
color:#006699;
text-align:left;
background:url(../img/subTitulos_back2.jpg) repeat-x;
height:23px;
display:block;
}



#produtos #hs_1,#hs_2{
text-align:justify;
margin-bottom:20px;
line-height:180%;
margin-top:0px;
border:thin dashed #F2F2F2;
padding: 2px 2px 2px 2px;
}


#produtos img{
clear:right;
border:none;
}


#hs, #hs2{
clear:left;
}
/*Página PRODUTOS - fim
######################################################################################################################################
*/





/*CLIENTES SOMBRA
######################################################################################################################################
*/



#clientes_destaques{
font:11px Arial, Helvetica, sans-serif;
color:#666;
clear:both;
line-height:180%;

}



.img_sombra img{
	position:relative;
	top:-5px;
	left:-5px;
	float:left;	
}



.img_sombra{
	margin-top:5px;
	background:url(../img/img_sombra.gif) no-repeat;	
	width:122px;
	height:67px;
	margin-left:10px;
	float:left;	
	
}


/*CLIENTES SOMBRA FIM
######################################################################################################################################
*/




/*Página FABRICA
######################################################################################################################################
*/
#fabrica{
	width:768px;
}

#fabrica p{
text-align:center;
}

#fabrica h1{
		font:18px bold 'Trebuchet MS',Arial, Helvetica, sans-serif;
		color:#006699;
		text-align:left;
		padding-top:5px;
		padding-left:5px;
		height:27px;	
		width:763px;	
		margin-top:2px;
		background:url(../img/subTitulos_back_empresa.jpg) repeat-x;
	}
/*Página FABRICA - fim
######################################################################################################################################
*/



/*RODAPÉ
######################################################################################################################################
*/

#rodape{
	
	margin-top:5px;
	color:#006699;
	background:url(../img/rodape_back.jpg);
	height:56px;
	clear:both;	
}

#rodape h2{
	margin-top:20px;
	text-align:center;
	font:11px Arial, Helvetica, sans-serif ;
}
/*RODAPÉ - FIM
######################################################################################################################################
*/




/*ir AO topo 
######################################################################################################################################
*/


#produtos #hs2 #hs_2 #ancora_produtos, #produtos #hs #hs_1 #ancora_produtos{
padding:0px;
float:right;
background-color:#F7F7F7;
}

#produtos #hs2 #hs_2 #ancora_produtos a, #produtos #hs #hs_1 #ancora_produtos a{
font:10px bold Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#999999;
width:80px
}

#produtos #hs2 #hs_2 #ancora_produtos a:hover,#produtos #hs #hs_1 #ancora_produtos a:hover {
color:#666666;
}


#ancora_produtos img{
margin:0px;	
width:10px;
height:10px;
}


/*ir AO topo - FIM
######################################################################################################################################
*/



/*
JavaScript Image Slider 1.0
(C)1999-2006 Usingit.com, All rights reserved!
http://www.usingit.com/products/webtoolkit
http://www.usingit.com/support
*/
.slidercontainer{
BORDER:#FFFF00 0px none;
background:none;

}
.sliderimages{
BORDER:#F9F9F9 4px dashed;
}








/*Página W3C
######################################################################################################################################
*/

#w3c{
float:left;
margin:0px;
padding:0px;
margin-top:0px;
}

/*Página W3C - fim
######################################################################################################################################
*/



#webMail{
float:right;
margin-right:7px;
margin-top:10px;
}



#principal #topo #topo_menu #webMail a{
border:none;
}


#principal #topo #topo_menu #webMail a:hover .webMail{
border:1px solid #ADD8E6;
}