@charset "utf-8";


/*>>>>>>>> CSS LHP Solucoes */
/*>>>>>>>> wwww.lhpsolucoes.com.br */

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

* 	{ 
	padding:	        0; 		
	margin: 			0; 
}


/*>>>>>>>> TUDO */
div#tudo {
	font-family:	Tahoma, Sans-serif;
	width: 			900px;
	margin: 		0px auto 0px auto;
}


/*>>>>>>>> CABECALHO */
div#cabecalho {
	width:			900px;
	height:			162px;
	background: 	url(../img/lhp_cabecalho.jpg);
}
	div#cabecalho img {
		border:		0;
	}


/*>>>>>>>> MENU */
div#menu {
	width: 			900px;
	height: 		177px;
	background: 	url(../img/lhp_fundo_menu.jpg);
}
	div#menu ul {
		padding-top: 	16px;
		padding-left: 	75px;
	}
	div#menu ul li {
		list-style: 	none;
		float: 			left;
		display: 		block;
		width: 			142px;
		height: 		142px;
		margin-right: 	8px;
	}
	div#menu .nulo {
		display: 		none;
	}

	#agencia a {
		display: 		block;
		width: 			142px;
		height: 		142px;
		background: 	url(../img/lhp_menu_agencia.jpg);
		
		opacity: 		0.9;
		filter: 		alpha(opacity = 90);
		width: 			100%; /* IE */
	}
	#agencia a:hover {
		opacity: 		1;
		filter: 		alpha(opacity = 100);
		width: 			100%; /* IE */
	}

	#solucoes a {
		display: 		block;
		width: 			142px;
		height: 		142px;
		background: 	url(../img/lhp_menu_solucoes.jpg);
		
		opacity: 		0.9;
		filter: 		alpha(opacity = 90);
		width: 			100%; /* IE */
	}
	#solucoes a:hover {
		opacity: 		1;
		filter: 		alpha(opacity = 100);
		width: 			100%; /* IE */
	}


	#orcamento a {
		display: 		block;
		width: 			142px;
		height: 		142px;
		background: 	url(../img/lhp_menu_orcamento.jpg);
		
		opacity: 		0.9;
		filter: 		alpha(opacity = 90);
		width: 			100%; /* IE */
	}
	#orcamento a:hover {
		opacity: 		1;
		filter: 		alpha(opacity = 100);
		width: 			100%; /* IE */
	}

	
	#portfolio a {
		display: 		block;
		width: 			142px;
		height: 		142px;
		background: 	url(../img/lhp_menu_portfolio.jpg);
		
		opacity: 		0.9;
		filter: 		alpha(opacity = 90);
		width: 			100%; /* IE */
	}
	#portfolio a:hover {
		opacity: 		1;
		filter: 		alpha(opacity = 100);
		width: 			100%; /* IE */
	}

	
	#fale a {
		display: 		block;
		width: 			142px;
		height: 		142px;
		background: 	url(../img/lhp_menu_fale.jpg);
		
		opacity: 		0.9;
		filter: 		alpha(opacity = 90);
		width: 			100%; /* IE */
	}
	#fale a:hover {
		opacity: 		1;
		filter: 		alpha(opacity = 100);
		width: 			100%; /* IE */
	}


/*>>>>>>>> NAVEGACAO */
div#navegacao {
	width: 			900px;
	height:  		39px;
	text-align: 	right;
	background:     url(../img/lhp_navega.jpg);
}
	div#navegacao p {
		font-family: 	Tahoma, Geneva, sans-serif;
		font-size: 		11px;
		font-weight: 	bold;
		color:			#666;
		padding-top: 	13px;
		padding-right: 	90px;
	}

/*>>>>>>>> WRAPPER */
div#wrapper {
	background:         url(../img/lhp_conteudo_pagina.jpg);
	overflow:  			hidden;
}

/*>>>>>>>> CONTEUDO PAGINA */
div#conteudo_pagina {
	margin-left: 		15px;
	width: 				548px;
	min-height:         350px;
	font-size: 			13px;
}
div#conteudo_pagina ul {
	margin-left: 		30px;
}

div#conteudo_pagina h1 {
	font-size: 			18px;
	font-weight: 		bold;
	padding-bottom:  	6px;
	margin-bottom: 		5px;
	border-bottom: 		1px dotted #CCC;
	color: 				#036;
}
div#conteudo_pagina h3 {
	color: 				#476BA7;
	margin-bottom: 		10px;
}
div#conteudo_pagina h4 {
	margin-bottom: 		3px;
}

div#conteudo_pagina p {
	line-height: 		18px;
	padding-bottom:     15px;
}

/*>>>>>>>> CONTEUDO ESQUERDA */
div#conteudo_esq {
	width:			252px;
	height: 		309px;
	float:  		left;
}
	div#conteudo_esq .corpo {
		background: 	url(../img/lhp_conteudo_esq.jpg);
		height: 		309px;
	}
	div#conteudo_esq ul {
		padding-top: 	32px;
	}
	div#conteudo_esq ul ul {
		list-style: 	url(../img/seta.jpg);
		font-size: 		10px;
		margin: 		0px;
		padding-top:   	10px;
		padding-left: 	35px;
		margin-right: 	8px;
		color: 		 	#999;
	}
	div#conteudo_esq ul ul li {
		font-size: 		13px;
		color: 			#666;
		margin-left: 	4px;
	}
	div#conteudo_esq ul ul li a {
		color: 				#333;
	 	text-decoration: 	none;
	}
	div#conteudo_esq ul ul li a:hover {
		color: 				#069;
		background:     	#DFEFFF;
	}

	
	div#conteudo_esq .rodape {
		background: 		url(../img/lhp_conteudo_esq_rodape.jpg);
		height: 			95px;
	}
	
/*>>>>>>>> CONTEUDO DIREITA */
div#conteudo_dir {
	width: 			648px;
	float: 			left;
}
	div#conteudo_dir .topo {
		width:			648px;
		height:			13px;
		background:		url(../img/lhp_conteudo_dir_topo.jpg) no-repeat;
	}
	div#conteudo_dir .corpo {
		width:			648px;
		height:			177px;
		background:		url(../img/lhp_conteudo_dir_corpo.jpg);
	}
	div#conteudo_dir .rodape {
		width:			648px;
		height:			13px;
		background:		url(../img/lhp_conteudo_dir_rodape.jpg);
	}
	div#conteudo_dir .espaco {
		width:			648px;
		height:			24px;
		background:		url(../img/lhp_conteudo_dir_espaco.jpg);
	}
	div#conteudo_dir .ultimo {
		width:			648px;
		height:			177px;
		background:		url(../img/lhp_conteudo_dir_ult.jpg);
	}

/*>>>>>>>> CONTEUDO DIREITA (BAIXO) */
div#conteudo_dir .ultimo ul {
	padding-top: 	11px;
	padding-left: 	13px;
}
div#conteudo_dir .ultimo ul li {
	list-style: 	none;
	float: 			left;
	display: 		block;
	width: 			169px;
	height: 		140px;
	margin-right: 	20px;
}
div#conteudo_dir .nulo {
	display: 		none;
}

#em_desenv {
	display: 		block;
	width: 			169px;
	height: 		147px;
	border: 		1px solid #E4E4E4;
}
#em_desenv img {
	border: 		1px solid #E4E4E4;
}

#ult_trab {
	display: 		block;
	width: 			169px;
	height: 		147px;
	border: 		1px solid #E4E4E4;	
}
#ult_trab img {
	border: 		1px solid #E4E4E4;
}

#localizacao a {
	background: 	url(../img/lhp_localizacao.jpg);
	display: 		block;
	width: 			169px;
	height: 		140px;
	border: 		1px solid #E4E4E4;
}


	

	

/*>>>>>>>> CONTEUDO RODAPE */
div#rodape {
	width: 			900px;
	height: 		118px;
	background: 	url(../img/lhp_rodape.jpg);
	margin-bottom:	5px;
	float: 			left;
}




/*>>>>>>>> OUTROS */

/* -------> Aviso */
div#aviso .ok {
	background: 	#096;
	border: 		1px solid #066;
	color: 			#FFF;
	font-weight: 	bold;
	display: 		block;
	padding:        2px;
	margin-left: 	10px;
	margin-right: 	10px;
}

div#aviso .warn {
	background: 	#C00;
	border: 		1px solid #900;
	color: 			#FFF;
	font-weight: 	bold;
	display: 		block;
	padding:        2px;
	margin-left: 	10px;
	margin-right: 	10px;
}

label.error {
	display:		block;
	color:			#F00;
	text-transform: uppercase;
	font-variant: 	small-caps;
}

form input[type=text], form input[type=password], form input[type=file], select, textarea{
	border-top: 		1px solid #CCC;
	border-left: 		5px solid #A9C4FA;
	border-right: 		1px solid #CCC;
	border-bottom: 		1px solid #CCC;
	margin-bottom: 		3px;
	padding-left:    	3px;
}



/* --------> Botoes e campos dos formularios */
form input[type=button], 
form input[type=submit]{ 
	font-size:		11px; 
	background: 	url(../iconteudo/img/botao_m.jpg) no-repeat left #FFF; 
	width:			142px; 
	height:			31px; 
	margin:			5px 8px 0 5px; 
	border:			0; 
}

/*>>>>>>>> SLIDE */

	#slider ul, #slider li{
		margin:			0;
		padding:		0;
		list-style: 	none;
	}
	#slider {
		color:			#666;
		font-size: 		12px;
		margin-left: 	17px;
	}
	#slider h1 {
		font-size: 		16px;
		font-weight: 	bold;
		color: 	 		#000;
		margin-bottom: 	4px;
	}
	#slider .link_slide {
		font-size: 		11px;
		color: 			#069;
	}

	#slider img {
		border: 		1px solid #E4E4E4;
		padding:        2px;
		float: 			left;
	}
	#slider .desc_slide {
		display: 		block;
		width: 			282px;
		height: 		158px;
		float: 			left;
		margin-left: 	5px;
		border-bottom: 	1px solid #E4E4E4;
	}

	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:			545px;
		height:			160px;
		overflow:		hidden; 
	}
	span#prevBtn a { display:block; color:#FFF; width:68px; height: 16px; float: left; background:url(../img/anterior.jpg); font-size:0px; margin-left: 10px; margin-top: 0px; }
	span#nextBtn a { display:block; color:#FFF; width:68px; height: 16px; float: left; background:url(../img/proximo.jpg); font-size:0px; margin-left: 10px; margin-top: 0px; }
	
	
	
/* EOF */