@import url("reset.css");

body{
	background: url(../img/fundo_pagina.jpg) top left repeat-x #f1f1f1;
}

div{
	width: 980px;
/*	margin: 0 10px;*/
}

h3{
	font-size: 13px;
	color: #000;
	margin-bottom: 10px;
	text-align: left;
}

p{
	font-size: 11px;
	line-height: 15px;
}

a{
	color: #08c;
	font-size: 12px;
}

#container{
	width: 1000px;
	margin: auto;
	margin-bottom: 30px;
	padding: 15px 0 30px 0;
}

	#container .ocultar{
		visibility: hidden;
	}
	
	#container .ocultarImagem{
		display: none;
	}
	
	#container .exibirImagem{
		display: block;
	}
	
	#container .last_child{
		border: 0;
		margin: 0;
	}

p.centralizado{
	text-align: center;
}

/* ------------------------ */
/* MENU 					*/
#menu{
	width: 984px;
	height: 40px;
	margin: 0 10px 25px 10px;
	background: url(../img/fundo_menu.png) top left no-repeat;
}

	#menu ul{
		width: 984px;
		height: 40px;
	}
	
		#menu ul li{
			float:left;
		}
		
			#menu ul li a{
				float: left;
				width: 122px;
				height: 38px;
			}

.selecionado_home{
	background: url(../img/fundo_opt_home_over.png) bottom right no-repeat;
}

.selecionado{
	background: url(../img/fundo_opt_menu_over.png) bottom left no-repeat;
}

.selecionado_contato{
	background: url(../img/fundo_opt_contato_over.png) bottom left no-repeat;
}

.opt_pix{
	background: url(../img/logo_pix_menu.png) center no-repeat;
	border-right: 1px solid #999;
}

.opt_wintility{
	background: url(../img/logo_wintility_menu.png) center no-repeat;
	border-right: 1px solid #999;
}

.opt_vivaz{
	background: url(../img/logo_vivaz_menu.png) center no-repeat;
	border-right: 1px solid #999;
}

.opt_saphira{
	background: url(../img/logo_saphira_menu.png) center no-repeat;
	border-right: 1px solid #999;
}

.opt_sol{
	background: url(../img/logo_sol_menu.png) center no-repeat;
	border-right: 1px solid #999;
}

.opt_pharos{
	background: url(../img/logo_pharos_menu.png) center -5px no-repeat;
	border-right: 1px solid #999;
}

.opt_projetos{
	background: url(../img/logo_projetos_menu.png) center no-repeat;
	border-right: 1px solid #999;
}

.opt_contato{
	border: 0;
	background: url(../img/contato_menu.png) center no-repeat;
}

/* ------------------------ */
/* SUBMENU 					*/
#submenu{
	height: 40px;
	margin: 0 10px 5px 10px;
}

	#submenu img{
		float: left;
		margin: 5px 0 0 15px;
	}
	
	#submenu ul{
		float: right;
		height: 15px;
		margin: 0 10px 0 0;
	}
	
		#submenu ul li{
			float: left;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			margin-left: 20px;
		}
		
			#submenu ul li a{
				color: #000;
			}
	
		#submenu ul li.link_hotsite{
			margin-top: -2px;
		}
		
			#submenu ul li.link_hotsite a{
				color: #F63;
				font-size: 16px;
			}
			
			#submenu ul li a:hover, #submenu ul li.link_hotsite a:hover{
				color: #08c;
			}
	
	#submenu .submenu_selecionado{
		color: #999;
		font-size: 12px;
		cursor: arrow;
		margin-top: -1px;
	}

/* ------------------------ */
/* DESTAQUE HOME			*/

#destaque_home_topo{
	background: url(../img/fundo_topo_cases.png) top left no-repeat;
	height: 28px;
	margin: 0 10px;
	width: 984px;
}

#destaque_home{
	background: url(../img/fundo_meio_cases.png) top left repeat-y;
	width: 984px;
	height: auto;
	margin: 0 10px;
	text-align: center;
}

	.img_lancamento{
		float: left;
		margin: -41px 0 -57px -10px;
	}
	
	.logo_vivaz20{
		float: left;
	}
	
	#destaque_home h1{
		float: left;
		background: url(../img/home_titulo.png) top right no-repeat;
		width: 335px;
		height: 75px;
		margin: 20px 0 0 70px;
	}

	.img_destaque_home{
		width: 880px;
		height: 520px;
	}
	
	#group-box_home{
		position: relative;
		top: -130px;
		margin-bottom: -130px;
		top/*\**/: -120px\9;				/*** hack para o IE8 ***/
		margin-bottom/*\**/: -60px\9;		/*** hack para o IE8 ***/
		left: 98px;
		float: left;
		width: 800px;
		height: 80px;
	}
	
		#group-box_home img{
			float: left;
			margin-right: 10px;
			cursor: pointer;
			border: 0;
		}
		
		#group-box_home img:hover{
			background-color: #fff;
		}
		
#destaque_home_bottom{
	background: url(../img/fundo_bottom_cases.png) top left no-repeat;
	height: 31px;
	margin: 0 10px 18px;
	width: 984px;
}

#imagem_destaque{
	margin: 0 10px 18px 10px;
}

/* ------------------------ */
/* FEATURES 				*/
#destaque_features{
	margin: 0 10px 18px 10px;
	width: 984px;
	overflow: hidden;
}

#img_top_features{
	background: url(../img/top_features.png) top left no-repeat;
	width: 984px;
	height: 18px;
	margin: 0;
}

#img_meio_features{
	background: url(../img/meio_features.png) repeat-y;
	margin: 0;
	width: 984px;
	height: auto;
	display: inline-block;
}

#img_bottom_features{
	background: url(../img/bottom_features.png) left bottom no-repeat;
	margin: 0;
	width: 984px;
	height: 18px;
}

/* ------------------------ */
/* NAVEGAÇÃO LATERAL		*/
#nav_lateral{
	float: left;
	width: 191px;
	margin-top: -17px;
}

	#nav_lateral li{
		height: 37px;
	}
	
		#nav_lateral li a{
			height: auto;
			color: #999;
			display: block;
			padding: 10px 0 10px 48px;
			background: url(../img/setas_nav_lateral.gif) repeat-y;
			background-position: 95% 0;
		}
	
		#nav_lateral li img{
			float: left;
			margin: -5px 0 0 -35px;
		}
		
		#nav_lateral a.multilinhas{
			padding: 4px 0 10px 48px;
		}
		
		#nav_lateral .imagem_multilinhas{
			margin: 0 0 0 -35px;
		}
	
		#nav_lateral li a:hover{
			height: auto;
			color: #999;
			display: block;
			padding: 10px 0 10px 48px;
			background: url(../img/setas_nav_lateral.gif) repeat-y;
			background-position: 95% 56%;
		}
	
		#nav_lateral a.multilinhas:hover{
			padding: 4px 0 10px 48px;
			background: url(../img/setas_nav_lateral.gif) repeat-y;
			background-position: 95% 59%;
		}

.feature_selecionada{
	background: url(../img/fundo_topo_menu_features.png) top left no-repeat;
}

	#container .feature_selecionada a, #container .feature_selecionada a:hover{
		background: url(../img/setas_nav_lateral.gif) no-repeat;
		background-position: 95% 105%;
	}
	
	#container .feature_selecionada a.multilinhas, #container .feature_selecionada a.multilinhas:hover{
		background: url(../img/setas_nav_lateral.gif) no-repeat;
		background-position: 95% 110%;
	}

	#nav_lateral .nav_subTitulo{
		height: 26px;
		font-size: 11px;
		line-height: 26px;
		padding-left: 15px;
		vertical-align: middle;
		color: #949494;
}

/* ------------------------ */
/* CONTEÚDO FEATURES		*/
#main_features{
	width: 740px;
/*	margin-left: 192px;
	padding-left: 50px;*/
	float: left;
	margin: 0 0 0 51px;
}

#header_features{
	width: 688px;
}

.titulo{
	width: 688px;
	font-size: 38px;
	padding-top: 25px;
	font-weight: lighter;
}

.subtitulo{
	margin-top: 10px;
	height: 46px;
	width: 688px;
	font-size: 20px;
	line-height: 28px;
	color: #888;
	border-bottom: 1px solid #c9c9c9;
}

/* ------------------------ */
/* CASES					*/
#destaque_cases_topo{
	background: url(../img/fundo_topo_cases.png) top left no-repeat;
	height: 28px;
	margin: 0 10px;
	width: 984px;
}

#destaque_cases{
	background: url(../img/fundo_meio_cases.png) top left repeat-y;
	height: 4550px;
	margin: 0 10px;
	width: 984px;
	text-align: center;
}

	#destaque_cases h1{
		background: url(../img/cases_titulo_crm.png) top left no-repeat;
		width: 984px;
		height: 144px;
	}
	#destaque_cases h3{
		background: url(../img/cases_subtitulo2.png) top center no-repeat;
		width: 930px;
		height: 30px;
		margin: 70px 0 -30px 0;
	}
	#destaque_cases h5{
		font-size: 16px;
		font-weight: bold;
		line-height: 23px;
		padding-bottom: 10px;
	}
	.cases_img_dir{
		width: 880px;
		padding: 70px 50px 0 50px;
		text-align: left;
	}

		.cases_img_dir div{
			float: left;
			width: 350px;
			margin-right: 55px;
		}
		.cases_img_dir p{
 			font-size: 15px;
			line-height: 22px;
			color: #333;
		}
		
	.cases_img_esq{
		width: 880px;
		padding: 70px 50px 0 50px;
		text-align: left;
	}
	
		.cases_img_esq div{
			float: right;
			width: 350px;
			margin-left: 55px;
		}
		.cases_img_esq p{
			font-size: 15px;
			line-height: 22px;
			color: #333;
		}

	#destaque_cases h2{
		background: url(../img/cases_subtitulo.png) top center no-repeat;
		width: 984px;
		height: 62px;
		margin-top: 50px;
	}
	#destaque_cases .contato_cases{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #666666;
		text-decoration: underline;
	}

#destaque_cases_bottom{
	background: url(../img/fundo_bottom_cases.png) top left no-repeat;
	height: 31px;
	margin: 0 10px 18px;
	width: 984px;
}
			
/* ------------------------ */
/* IMAGEM À DIREITA			*/
.sessao_img_dir{
	width: 690px;
	padding-top: 40px;
}

	.sessao_img_dir p{
		float: left;
		width: 240px;
		font-size: 13px;
		line-height: 20px;
		margin-right: 27px;
		color: #333;
	}

p.topMargin{
	margin-top: 20px;
}

	.sessao_img_dir img{
		margin: 0 0 10px 0;
	}
	
	.sessao_img_dir ul{
		width: 705px;
		height: 230px;
	}
	
		.sessao_img_dir ul li{
			float: left;
			display: block;
			width: 235px;
			text-align: center;
		}
		
		.sessao_img_dir ul img{
			margin: 0;
		}
	
			.sessao_img_dir ul li p.legenda{
				width: 100%;
				font-size: 11px;
				font-weight: bold;
			}

	#workflow #tela1, #workflow #tela2, #webwintility #tela1, #pharos_acesso img, #pharos_construindo img, #cadastros img, #requisicao img, #estoque_movimentacao img, #estoque_relatorios img, #estoque_configuracao img, #sol_agenda img, #sol_ambiente img, #sol_relatorios img, #my_wintility img{
		margin: 0 -48px 10px 0;
	}
	
/* ------------------------ */
/* IMAGEM À ESQUERDA		*/
.sessao_img_esq{
	width: 688px;
	padding-top: 40px;
}

	.sessao_img_esq p{
		float: right;
		width: 240px;
		font-size: 13px;
		line-height: 20px;
		color: #333;
	}
	
	.sessao_img_esq img{
		margin: 0 27px 10px 0;
	}

#container img.imagem_colada_esq{
	margin: 0 0 10px -50px;
}

/* ------------------------ */
/* IMAGEM EMBAIXO			*/
.sessao_img_bottom{
	width: 688px;
	padding-top: 30px;
}

	.sessao_img_bottom p{
		margin-top: 15px;
		width: 670px;
		font-size: 13px;
		line-height: 20px;
		color: #333;
	}
	
	.sessao_img_bottom img{
		margin: 27px 0 10px 0;
	}

/* ------------------------ */
/* GALERIAS					*/
#galeria{
	height: 75px;
	width: auto;
}

	#galeria li{
		height: 75px;
		width: 81px;
		margin-right: 15px;
	}
	#galeria a{
		height: 72px;
		width: 87px;
		display: block;
		background: url(../img/galeria_thumb.png) bottom center no-repeat;
	}
	#galeria a:hover{
		background: url(../img/galeria_thumb_hover.png) left top no-repeat;
	}
	#galeria a.thumb_ativo{
		background: url(../img/galeria_thumb_active.png) left top no-repeat;
	}
	#galeria img{
		margin: 0;
		padding-top: 10px;
	}

/* ------------------------ */
/* GALERIAS	DESTAQUES		*/
#galeria_destaque{
	height: 149px;
	width: auto;
}
	#galeria_destaque li{
		width: 233px;
		height: 149px;
		margin-left: 45px;
	}
	#galeria_destaque a{
		width: 233px;
		height: 149px;
		display: block;
		background: url(../img/galeria_destaque_thumb.png) bottom center no-repeat;
	}
	#galeria_destaque a:hover{
		background: url(../img/galeria_destaque_tb_hover.png) left top no-repeat;
	}
	#galeria_destaque a.thumb_ativo{
		background: url(../img/galeria_destaque_tb_active.png) left top no-repeat;
	}
	#galeria_destaque img{
		margin: 0;
		padding-top: 20px;
	}
	
/* ---------------------------------------- */
/* GALERIAS HOME e DESTAQUE_CASES			*/
.galeria_home, .galeria_destaque_cases{
	padding: 50px 0 0 50px;
}

.galeria_destaque_cases{
	margin-bottom: 20px;
}
	.galeria_home li, .galeria_destaque_cases li{
		float: left;
	}

/* ------------------------------------ */
/* GALERIAS CASOS DE USO				*/
.galeria_cadastra{
	margin: 30px 0 0 520px;
}

.galeria_encontrar, .galeria_benchmark{
	margin: 30px 0 0 570px;
}

.galeria_oportunidade{
	margin: 30px 0 0 150px;
}

.galeria_acelere{
	margin: 30px 0 0 55px;
}

.galeria_indicadores{
	margin: 30px 0 0 100px;
}

	.galeria_cadastra li, .galeria_encontrar li, .galeria_benchmark li, .galeria_oportunidade li, .galeria_acelere li, .galeria_indicadores li{
		float: left;
		text-align: center;
	}
		
/* ------------------------------------ */
/* GALERIA AUTODOCS e AMBIENTE			*/
.galeria_autodocs, .galeria_ambiente{
	margin-left: 400px;
}

/* ------------------------ */
/* GALERIA FICHAS			*/
.galeria_fichas{
	margin-left: 65px;
}

	.galeria_fichas li{
		float: left;
	}
	
	.galeria_fichas img{
		padding-left: 10px;
	}

/* ------------------------ */
/* GALERIA WORKFLOW			*/
.galeria_workflow, .galeria_webwintility{
	margin-left: 430px;
}

/* ------------------------------------ */
/* GALERIA PERFIS, NEGOCIAÇÃO e REUNIÃO	*/
.galeria_perfis{
	margin-left: 200px;
}

.galeria_negociacao{
	margin-left: 250px;
}

.galeria_reuniao{
	margin-left: 60px;
}

.galeria_cotacao1{
	margin-left: 120px;
}

.galeria_cotacao2{
	margin-left: 150px;
}

.galeria_perfis li, .galeria_negociacao li, .galeria_reuniao li, .galeria_cotacao1 li, .galeria_cotacao2 li{
	float: left;
}

.galeria_perfis img, .galeria_negociacao img, .galeria_reuniao img, .galeria_cotacao1 img, .galeria_cotacao2 img{
	padding-left: 10px;
}

/* ------------------------ */
/* GALERIA BUSCA			*/
.galeria_busca{
	margin-left: 250px;
}

	.galeria_busca li{
		float: left;
	}
	
	.galeria_busca img{
		padding-left: 10px;
	}

/* ------------------------ */
/* GALERIA ACOMPANHAMENTO	*/
.galeria_acompanhamento{
	margin-left: 350px;
}

/* ------------------------ */
/* DIV's ESPECÍFICAS		*/
#workflow p{
	width: 263px;
}

#webwintility p{
	width: 253px;
}

#caixa_forte p{
	width: 250px;
}

#sol_solicitacao p{
	width: 300px;
}

#ambiente p{
	width: 265px;
}

#cadastros p{
	width: 246px;
	margin-top: 30px;
}

#requisicao p{
	width: 243px;
}

#estoque_notas p, #estoque_busca p{
	margin-top: 70px;
}

#estoque_movimentacao p, #estoque_relatorios p, #estoque_configuracao p{
	width: 243px;
	margin-top: 120px;
}

#estoque_integracao p{
	width: 235px;
	margin-top: 120px;
}

#estoque_inventario p, #sol_configuracao p{
	margin-top: 100px;
}

#sol_login img{
	margin-left: -49px;
}

#sol_atendimento p{
	width: 220px;
}

#sol_atendimento img{
	margin-right: -40px;
}

#sol_agenda p, #sol_relatorios p{
	width: 239px;
	margin-top: 50px;
}

#sol_ambiente p{
	width: 237px;
}

#pharos_construindo p, #pharos_acesso p{
	width: 241px;
}

#pharos_links img{
	margin-left: -30px;
}

#pharos_excecoes p{
	width: 215px;
}

/* ------------------------ */
/* SESSÃO NAV				*/
#sessao_nav{
	width: 688px;
	height: 20px;
	margin-top: 50px;
	border-top: 1px solid #c9c9c9;
	padding-top: 20px;
}

#anterior{
	height: 18px;
	float: left;
	width: 300px;
	margin: 0;
}

	#anterior .seta_nav{
		padding-left: 20px;
		background: url(../img/seta_anterior.png) center left no-repeat;
	}

#proximo{
	height: 18px;
	float: right;
	width: 300px;
	margin: 0;
	text-align: right;
}

	#proximo .seta_nav{
		padding-right: 20px;
		background: url(../img/seta_proximo.png) center right no-repeat;
	}

#sessao_nav a:hover{
	text-decoration: underline;
}

/* ----------------------------------------------------- */
/* IMAGENS DE FUNDO DA ÁREA DE DESTAQUE DAS DEMAIS TELAS */
#img_top{
	background:url(../img/top_destaque.png) top left no-repeat;
	width:984px;
	height:18px;
	margin:0;
}

#img_meio{
	background:url(../img/meio_destaque.png) repeat-y;
	margin:0;
	width:984px;
}

#img_bottom{
	background:url(../img/bottom_destaque.png) left bottom no-repeat;
	margin: 0 0 0 0;
	width:984px;
	height:18px;
}

/* ------------------------ */
/* CONTEÚDO REQUISITOS		*/
#header_requisitos{
	width: 688px;
}

	#header_requisitos h1{
		height: 46px;
	}

h5.subtitulo_requisitos{
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 18px;
}

img.logo_wintility_req, img.logo_saphira_req, img.logo_sol_req{
	float: right;
}

sup{
	color: #999;
	font-size: 10px;
	vertical-align: top;
}

p.obs{
	float: none;
	color: #999;
	font-size: 10px;
	width: 880px;
}

#wintility_requisito1, #wintility_requisito2, #wintility_requisito3, #wintility_requisito4, #wintility_requisito5, #wintility_requisito6, #wintility_requisito7, #wintility_requisito8, #wintility_requisito9, #wintility_requisito10, #wintility_requisito11,
#vivaz_requisito1, #vivaz_requisito2, #vivaz_requisito3, #vivaz_requisito4,
#saphira_requisito1, #saphira_requisito2,
#sol_requisito1, #sol_requisito2, #sol_requisito3, #sol_requisito4, #sol_requisito5,
#pharos_requisito1, #pharos_requisito2, #pharos_requisito3, #pharos_requisito4{
	border-top: 1px solid #c9c9c9;
	margin-top: 25px;
	padding-top: 10px;
}

/* ------------------------ */
/* REQUISITOS WINTILITY		*/
#wintility_requisitos{
	width: 880px;
	height: 1040px;
	margin: 0;
	padding-left: 50px;
}

#wintility_requisito1, #wintility_requisito2{
	width: 544px;
}

#wintility_requisito1 p, #wintility_requisito2 p{
	margin-bottom: 10px;
}

#wintility_requisito3, #wintility_requisito4, #wintility_requisito5, #wintility_requisito7, #wintility_requisito8, #wintility_requisito9{
	float: left;
	margin-right: 35px;
	width: 260px;
}

#wintility_requisito3{
	margin-top: 43px;
}

#wintility_requisito5, #wintility_requisito9{
	margin-right: 0;
}

#wintility_requisito6{
	float: left;
	width: 870px;
	margin-top: 50px;
}

#wintility_requisito10, #wintility_requisito11{
	float: left;
	width: 420px;
	margin-top: 30px;
}

#wintility_requisito3 ul, #wintility_requisito4 ul, #wintility_requisito5 ul, #wintility_requisito7 ul, #wintility_requisito8 ul, #wintility_requisito9 ul{
	width: 260px;
	height: 80px;
	list-style-type: square;
	list-style-position: inside;
}

#wintility_requisito10 ul, #wintility_requisito11 ul{
	width: 388px;
	list-style-type: square;
	list-style-position: inside;
}

#wintility_requisito3 li, #wintility_requisito4 li, #wintility_requisito5 li, #wintility_requisito7 li, #wintility_requisito8 li, #wintility_requisito9 li, #wintility_requisito10 li, #wintility_requisito11 li{
	font-size: 12px;
	margin-bottom: 10px;
}

/* ------------------------ */
/* REQUISITOS VIVAZ		*/
#vivaz_requisitos{
	width: 880px;
	height: 680px;
	margin: 0;
	padding-left: 50px;
}

img.logo_vivaz_req{
	float: right;
	margin-right: 40px;
	margin-top: -40px;
}

#vivaz_requisito1{
	width: 880px;
}

#vivaz_requisito2, #vivaz_requisito3, #vivaz_requisito4{
	float: left;
	width: 395px;
	height: 180px;	
	margin-right: 35px;
}

#vivaz_requisito2 ul, #vivaz_requisito3 ul, #vivaz_requisito4 ul{
	width: 392px;
	height: 80px;
	list-style-type: square;
	list-style-position: inside;
}

#vivaz_requisito2 li, #vivaz_requisito3 li, #vivaz_requisito4 li{
	font-size: 12px;
	margin-bottom: 10px;
}

#vivaz_requisito5{
	float: left;
}

/* ------------------------ */
/* REQUISITOS SAPHIRA		*/
#saphira_requisitos{
	width: 880px;
	height: 500px;
	margin: 0;
	padding-left: 50px;
}

#saphira_requisito1, #saphira_requisito2{
	width: 602px;
}

#saphira_requisito2{
	margin-top: 30px;
}

#saphira_requisito1 ul, #saphira_requisito2 ul{
	width: 392px;
	list-style-type: square;
	list-style-position: inside;
}

#saphira_requisito1 li, #saphira_requisito2 li{
	font-size: 12px;
	margin-bottom: 10px;
}

#saphira_requisito1 p, #saphira_requisito2 p{
	margin-bottom: 10px;
}

/* ------------------------ */
/* REQUISITOS SOL			*/
#sol_requisitos{
	width: 880px;
	height: 850px;
	margin: 0;
	padding-left: 50px;
}

#sol_requisito1{
	width: 540px;
}

#sol_requisito1 p{
	margin-bottom: 10px;
}

#sol_requisito2, #sol_requisito3{
	width: 388px;
	margin-top: 30px;
}

#sol_requisito4{
	width: 388px;
	float: left;
	margin-right: 35px;
}

#sol_requisito5{
	float: left;
	width: 388px;
}

#sol_requisito2 ul, #sol_requisito3 ul, #sol_requisito4 ul, #sol_requisito5 ul{
	width: 388px;
	list-style-type: square;
	list-style-position: inside;
}

#sol_requisito2 li, #sol_requisito3 li, #sol_requisito4 li, #sol_requisito5 li{
	font-size: 12px;
	margin-bottom: 10px;
}

/* ------------------------ */
/* REQUISITOS PHAROS		*/
#pharos_requisitos{
	width: 880px;
	height: 480px;
	margin: 0;
	padding-left: 50px;
}

.logo_pharos_req{
	float: right;
	margin-top: 40px;
}

#pharos_requisito1{
	width: 627px;
}

#pharos_requisito2{
	width: 564px;
	margin-top: 30px;
}

#pharos_requisito3, #pharos_requisito4{
	width: 257px;
	float: left;
	margin-right: 35px;
}

#pharos_requisito1 ul{
	width: 627px;
	list-style-type: square;
	list-style-position: inside;
}

#pharos_requisito2 ul{
	width: 564px;
	list-style-type: square;
	list-style-position: inside;
}

#pharos_requisito3 ul, #pharos_requisito4 ul{
	width: 257px;
	list-style-type: square;
	list-style-position: inside;
}

#pharos_requisito1 li, #pharos_requisito2 li, #pharos_requisito3 li, #pharos_requisito4 li{
	font-size: 12px;
	margin-bottom: 10px;
}

#pharos_requisito5{
	float: left;
}

/* ------------------------ */
/* CONTEÚDO COMERCIALIZAÇÃO	*/
#header_comercializacao{
	width: 688px;
}

	#header_comercializacao h1{
		height: 46px;
	}

h5.subtitulo_comercializacao{
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 18px;
}

#saphira_comercializacao{
	width: 880px;
	height: 360px;
	margin: 0;
	padding-left: 50px;
}

#sol_comercializacao{
	width: 880px;
	height: 400px;
	margin: 0;
	padding-left: 50px;
}

#vivaz_comercializacao{
	width: 880px;
	height: 360px;
	margin: 0;
	padding-left: 50px;
}

#vivaz_comercializacao1, #saphira_comercializacao1, #sol_comercializacao1{
	border-top: 1px solid #c9c9c9;
	margin-top: 25px;
	padding-top: 10px;
}

#vivaz_comercializacao1, #sol_comercializacao1{
	width: 570px;
}

#saphira_comercializacao1{
	width: 602px;
}

	#vivaz_comercializacao1 p, #saphira_comercializacao1 p, #sol_comercializacao1 p{
		margin-bottom: 10px;
	}
	
img.logo_saphira_comercializacao, img.logo_sol_comercializacao{
	float: right;
	margin: 10px 20px 0 0;
}

img.logo_vivaz_comercializacao{
	float: right;
	margin: 30px -20px 0 0;
}

/* ------------------------ */
/* CONTATO					*/
#contato{
	float: left;
	width: 580px;
	margin: 0;
	padding: 20px 0 20px 50px;
}

.div_contato{
	height: 600px;
}

	#contato p{
		margin-bottom: 10px;
		line-height: 16px;
	}
	
	#contato img{
		margin: 20px 240px;
	}
	
	#contato a{
		font-size: 11px;
	}
	
	#contato a:hover{
		text-decoration: underline;
	}

.div_contato_ok, .div_contato_fail{
	height: 300px;
}

/* ------------------------ */
/* FORM DE CONTATO			*/
form{
	width: 400px;
	margin: 20px auto;
}

	form p{
		width: 400px;
		font-size: 11px;
	}
	
	form p.site{
		height: 40px;
	}
	
	form label{
		display: block;
		float: left;
		width: 90px;
		line-height: 20px;
		text-align: right;
		margin-right: 10px;
	}
	
	form input{
		width: 250px;
	}
	
	form input.ddd{
		width: 20px;
	}
	
	form input.telefone{
		width: 80px;
	}
	
	form textarea{
		width: 250px;
		height: 80px;
	}
	
	form input.checkbox{
		width: auto;
		margin: 10px 0 0 97px;
	}
	
	form input.botao{
		margin: 20px 0 0 270px;
		width: 80px;
	}

/* ------------------------ */
/* BOX CONTATOS				*/
#box_contatos{
	background: url(../img/fundo_meio_box_cinza.jpg) left top repeat-y;
	float: right;
	width: 236px;
/*	height: 240px;*/
	margin: 20px 50px auto 20px;
}

	#box_contatos h2{
		background: url(../img/fundo_topo_box.png);
		height: 31px;
		font-size: 14px;
		font-weight: lighter;
		line-height: 31px;
		padding-left: 10px;
		margin-bottom: 10px;
	}
	
	#box_contatos p{
		font-size: 11px;
		padding-left: 15px;
	}
	
	#box_contatos #box_bottom{
		background: url(../img/fundo_bottom_box_cinza.png);
		width: 236px;
		height: 6px;
		margin: 13px 0 0 0;
		padding: 0;
	}

/* ------------------------ */
/* INSTITUCIONAL			*/
#institucional{
	float: left;
	width: 580px;
	margin: 0;
	padding: 20px 0 20px 50px;
}

.div_institucional{
	height: 450px;
}

	#institucional h5{
		font-size: 16px;
		font-weight: lighter;
		margin-bottom: 25px;
	}
	
	#institucional p{
		margin-bottom: 10px;
		line-height: 16px;
	}

/* ------------------------ */
/* BOX PRÊMIOS				*/
#box_premios{
	background: url(../img/fundo_meio_box.jpg) left top repeat-y;
	float: right;
	width: 236px;
	height: 330px;
	margin: 20px 50px 0 20px;
}

	#box_premios h2{
		background: url(../img/fundo_topo_box.png);
		height: 31px;
		font-size: 14px;
		font-weight: lighter;
		line-height: 31px;
		padding-left: 10px;
	}
	
	#box_premios ul{
		height: 299px;
	}
	
	#box_premios #box_bottom{
		background: url(../img/fundo_bottom_box.png);
		width: 236px;
		height: 6px;
		margin: 0;
		padding: 0;
	}

/* ------------------------ */
/* RESPONSABILIDADE SOCIAL	*/
#responsabilidade{
	background: url(../img/fundo_responsabilidade.png) right bottom no-repeat;
	width: 932px;
	margin: 0;
	padding: 50px 0 20px 50px;
}

	#responsabilidade p{
		width: 488px;
		margin-bottom: 10px;
		line-height: 16px;
	}

#projetos_apoiados{
	background: url(../img/fundo_projetos_apoiados.jpg) 2px no-repeat;
	width: 932px;
	height: 315px;
	margin: 20px 0 0 0;
	padding: 50px 0 0 50px;
}

	#projetos_apoiados h5{
		font-size: 16px;
		font-weight: lighter;
		margin: 30px 0 25px 370px;
	}
	
	#projetos_apoiados ul{
		list-style-type: square;
		list-style-position: inside;
		margin-left: 370px;
	}
	
		#projetos_apoiados li{
			font-size: 12px;
			margin-bottom: 10px;
		}

#img_bottom_cinza{
	background:url(../img/bottom_destaque_cinza.png) left bottom no-repeat;
	margin: 0;
	width: 984px;
	height: 16px;
}

/* ------------------------ */
/* POLÍTICA DE PRIVACIDADE	*/
#politica1{
	width: 900px;
	margin: 0;
	padding: 30px 50px 10px 50px;
}

#politica2, #politica3, #politica4, #politica5, #politica6, #politica7, #politica8, #politica9, #politica10, #politica11{
	width: 900px;
	margin: 0;
	padding: 10px 50px;
}

	#politica1 p, #politica2 p, #politica3 p, #politica4 p, #politica5 p, #politica6 p, #politica7 p, #politica8 p, #politica9 p, #politica10 p, #politica11 p{
		margin: 10px 0;
		line-height: 16px;
	}
	
	#politica2 h5, #politica3 h5, #politica4 h5, #politica5 h5, #politica6 h5, #politica7 h5, #politica8 h5, #politica9 h5, #politica10 h5, #politica11 h5{
		font-size: 16px;
		font-weight: lighter;
		margin: 10px 0 20px 0;
	}
	
	#politica2 ul, #politica3 ul{
		list-style-type: square;
		list-style-position: inside;
		margin: 10px 0;
	}

		#politica2 li, #politica3 li{
			font-size: 11px;
			line-height: 16px;
			margin: 10px 0;
		}

	#politica1 a, #politica11 a{
		font-size: 11px;
	}
	
	#politica1 a:hover, #politica11 a:hover{
		text-decoration: underline;
	}

/* ------------------------ */
/* MAPA DO SITE				*/
.div_mapa{
	height: 650px;
	padding-top: 10px;
}

#mapa1, #mapa2, #mapa3{
	width: 900px;
	margin: 0;
	padding: 10px 50px;
}

#mapa1 #pix_info2{
	float: left;
	width: 600px;
	margin-bottom: 20px;
}

#mapa1 #pix_info1, #mapa2 div, #mapa3 div{
	float: left;
	width: 300px;
	margin-bottom: 20px;
}

.div_mapa h2{
	font-size: 16px;
	margin: 10px 15px 20px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #d5d5d5;
}

.div_mapa img{
	margin-bottom: -3px;
}

.div_mapa h3{
	font-size: 11px;
}

.div_mapa ul{
	list-style-type: none;
	margin: 10px 0;
}

.div_mapa li{
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 5px;
}

.div_mapa a{
	color: #666;
	font-size: 11px;
}

.div_mapa a:hover{
	text-decoration: underline;
}

/* ------------------------ */
/* NEWS		 				*/
#news{
/*	width: 965px;*/
	background:url(../img/meio_destaque.png) repeat-y;
	margin: 0;
	width: 984px;
	padding-bottom: 10px;
}

#news div{
/*	width: 965px;*/
	width: 984px;
	margin-left: 30px;
}

#news ul li{
	width: 900px;
	margin-bottom: 50px;
}

#news h3{
	margin: 20px 0 0 0;
	font-size: 12px;
}

#news p.data{
	font-size: 10px;
	color: #8c8c8c;
	margin: 5px 0;
}

#news p{
	font-size: 11px;
	line-height: 16px;
	color: #666;
	margin-bottom: 10px;
}

#news #menu_noticias{
	background: url(../img/fundo_menu_noticias.png) left top no-repeat;
	height: 28px;
	margin: 0;
}

#news #menu_noticias h5{
	float: left;
	width: 110px;
	font-size: 12px;
	line-height: 28px;
	margin: 0 30px 0 30px;
}

/*#news #menu_noticias ul li{*/
.list_item_filtro_noticias{
	display: inline;
	line-height: 28px;
	padding-right: 10px;
	margin-left: 5px;
}

.list_item_filtro_noticias a{
	font-size: 11px;
	color: #666;
}

.list_item_filtro_noticias a:hover{
	color: #08c;
	text-decoration: underline;
}

#list_item_todas{
	border-right: 1px solid #999;
}

#news #menu_noticias .filtro_ativo{
	color: #999;
}

.show{
	display: block;
}

.hide{
	display: none;
}

img.pixWindow{
	cursor: pointer;
}

#trofeu_lideres p{
	width: 550px;
}

#trofeu_lideres img{
	float: right;
	margin-right: 130px;
}

/* ------------------------ */
/* CLIENTES	 				*/
#nossos_clientes{
	height: 2380px;
	margin-left: 10px;
}

#header_clientes{
	width: 688px;
	margin-left: 20px;
}

#nossos_clientes #logo_clientes{
	margin: 30px 0 0 0;
	height: auto;
	display: table;
}

#nossos_clientes #logo_clientes li{
	border: 1px solid #999;
	background: url(../img/fundo_thumb_cliente.jpg) left top repeat-x;
	width: 150px;
	height: 100px;
	float: left;
	margin: 0 20px 40px 20px;
}

#nossos_clientes h3{
	clear: both;
	margin: 0 0 20px 20px;
}

#nossos_clientes p{
	margin: 20px 0 10px 20px;
	clear: both;
}

#nossos_clientes ul.lista_clientes{
	float: left;
	margin: 0 10px 20px 40px;
	width: 270px;
	list-style-type: square;
}

#nossos_clientes li{
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 5px;
}

/* ------------------------ */
/* BENEFÍCIOS 				*/
#beneficios{
	height: 236px;
	margin: 0 10px 18px 10px;
}

#beneficios ul{
	width: 984px;
	height: 236px;
	background: url(../img/fundo_beneficios.png) top left no-repeat;
}

#beneficios ul li{
	border-right: 1px solid #c9c9c9;
	float: left;
	padding: 15px;
	width: 215px;
	height: 205px;
}

/* ------------------------ */
/* INFOS 					*/
#infos{
	height: 185px;
	margin: 0 10px 30px 10px;
}

#infos ul{
	width: 984px;
	height: 185px;
	background: url(../img/fundo_info.png) top left no-repeat;
}

#infos ul li{
	border-right: 1px solid #c9c9c9;
	float: left;
	height: 152px;
	text-align: center;
	padding: 15px;
}

#infos ul li a{
	float: left;
	width: 215px;
	height: 130px;
	color: #000;
}

#infos img.conheca_flash{
	margin-top: 12px;
}

#infos #depoimentos, #infos #noticias{
	width: 215px;
	height: 130px;
	background: none;
}

#infos #clientes{
	width: 215px;
	height: 130px;
	background: none;
	margin-top: -5px;
}

#infos #depoimentos li, #infos #clientes li, #infos #noticias li{
	padding: 0;
	border: none;
	text-align: left;
	width: 215px;
	height: 130px;
}

#infos h6.titulo_noticia{
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 5px;
	height: 40px;
	width: 215px;
}

#infos p.corpo_noticia{
	width: 215px;
	height: 60px;
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 10px;
}

#infos p.corpo_depoimento{
	width: 215px;
	height: 90px;
}

#infos p.corpo_depoimento_prod{
	width: 215px;
	height: 105px;
}

#infos p.ler_mais{
	width: 215px;
	height: 12px;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
}

#infos .todos_clientes{
	float: left;
	margin: -5px 0 0 0;
	width: 215px;
	height: 10px;
	text-align: right;
}

#infos .todos_clientes p{
	font-size: 10px;
	font-weight: bold;
}

/* ------------------------ */
/* RODAPÉ */
#rodape{
	margin: 0 10px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	height: 30px;
	font-size: 10px;
}

#rodape p{
	float: left;
	margin: 10px 8px;
}

#rodape img{
	float: left;
	margin: -6px 0 0 0;
}

#rodape ul{
	float: right;
	margin: 10px 5px 10px 10px;
}

#rodape ul li{
	float: left;
	border-right: 1px solid #666;
	padding: 0 5px;
}

#rodape ul li a{
	font-size: 11px;
}

#rodape ul li a:hover{
	text-decoration: underline;
}

/* COPYRIGHT */
#copyright{
	float: left;
	margin: 0 10px;
	font-size: 10px;
	text-align: center;
	color: #666;
}