@charset "utf-8";
@import url('reset.css');

/* Tag's ------------------------------------------------------- */

body {
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666666;
	/*text-align:center;*/
}

h2 {
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
}
h2 a {
	color:#840C70;
	text-decoration:none;
}

p {
	margin-bottom:20px;
}

a {
	color:#666666;
	text-decoration:none;
}
	a:hover {
		color:#BE0C70;
		text-decoration:underline;
	}

/* Ordem hierárquica ------------------------------------------- */

/* GERAL */
div#geral {
	width:995px;
	height:auto;
	position:relative;
	text-align:left;
}
	div#geral:after {
		clear: both;
		content: ".";
		display: block;
		height: 0px;
		visibility: hidden;
	}

/* PRINCIPAL */
div#principal {
	width:720px;
	height:auto;
	float:right;
	text-align:right;
}

/* TOPO */
div#topo {
	height:90px;
	margin-bottom:20px;
	padding:20px 0px;
	background:url(../imagens/layout/bg_topo.jpg) no-repeat bottom right;
}

/* CONTEUDO */
div#conteudo { }
	
	div#conteudo p {
		font-size:14px;
	}
	
	div#conteudo div.box_40 {
		width:216px;
		margin-left:20px;
		float:right;
	}
	
	div#conteudo div.box_50 {
		width:45%;
		margin-left:20px;
		float:right;
	}
	
	div#conteudo div.box_60 {
		width:277px;
		margin-left:20px;
		float:right;
	}
	
	/* Configura Paginação */
	div#conteudo div.paginacao {
		display:block;
		clear:both;
		font-size:14px;
	}
		div#conteudo div.paginacao a {
			text-decoration:none;
			color:#B2B2B2;
			margin-left:10px;
		}
		div#conteudo div.paginacao strong {
			margin-left:10px;
			color:#BE0C70;
		}
		div#conteudo div.paginacao a.link_ant_ativo {
			padding-left:20px;
			background:url(../imagens/layout/seta_ant_on.gif) no-repeat left center;
			color:#BE0C70;
		}
		div#conteudo div.paginacao span.link_ant_inativo {
			padding-left:20px;
			background:url(../imagens/layout/seta_ant_off.gif) no-repeat left center;
			color:#B2B2B2;
		}
		div#conteudo div.paginacao a.link_prox_ativo {
			padding-right:20px;
			background:url(../imagens/layout/seta_av_on.gif) no-repeat right center;
			color:#BE0C70;
		}
		div#conteudo div.paginacao span.link_prox_inativo {
			margin-left:10px;
			padding-right:20px;
			background:url(../imagens/layout/seta_av_off.gif) no-repeat right center;
			color:#B2B2B2;
		}

	/* Configura conteúdo portifolio */
	div#conteudo.portifolio h2 {
		margin-bottom:5px;
		font-size:1.6em;
		font-weight:bold;
		color:#840C70;
		text-transform:uppercase;
	}
		div#conteudo.portifolio h2 span {
			font-size:.9em;
			font-style:italic;
			font-weight:normal;
			text-transform:none;
		}
		
	div#conteudo.portifolio h3 {
		margin-bottom:5px;
		font-size:1.4em;
		font-style:italic;
		color:#BE0C70;
	}
		div#conteudo.portifolio h3 a {color:#BE0C70;}
		div#conteudo.portifolio h3.pequeno {font-size:1.2em;}
	
	/* Configura Box de jobs do portifolio */
	div#conteudo div.box_job {
		width:auto;
		height:auto;
		margin:60px 0px;
		padding-bottom:60px;
		border-bottom:dotted 1px #E6CEE2;
	}
		div#conteudo div.box_job:after {
		clear: both;
		content: ".";
		display: block;
		height: 0px;
		visibility: hidden;
	}
		
		div#conteudo div.box_job div.texto {
			width:230px;
			height:auto;
			display:block;
			margin:0px 20px 0px 0px;
			float:right;
			vertical-align:middle;
		}
			div#conteudo div.box_job div.texto p {
				font-size:12px;
				margin:0px;
			}
			div#conteudo div.box_job div.texto div.mais_imagens {
				margin-top:20px;
			}
			div#conteudo div.box_job div.texto div.mais_imagens p {
				font-style:italic;
				font-weight:bold;
				color:#840C70;
				text-transform:uppercase;
			}
			div#conteudo div.box_job div.texto div.mais_imagens a {
				width:12px;
				height:12px;
				display:block;
				float:right;
				margin-left:3px;
				background:url(../imagens/layout/bt_img_off.gif) no-repeat center center;
				font-size:12px;
				line-height:12px;
			}
			div#conteudo div.box_job div.texto div.mais_imagens a.ativo, 
			div#conteudo div.box_job div.texto div.mais_imagens a:hover {
				background:url(../imagens/layout/bt_img_on.gif) no-repeat center center;
			}
		
		div#conteudo div.box_job div.imagem {
			width:460px;
			height:auto;
			float:right;
		}
		
	/* Configura conteúdo institucional */
	div#conteudo.istrata {
		min-height:350px;
		padding-left:220px;
		background:url(../imagens/layout/a-istrata-tematica.jpg) no-repeat top left;
		font-size:14px;
	}
		div#conteudo.istrata h2,
		div#conteudo.istrata h2 a {
			color:#BE0C70;
		}
		
		div#conteudo.istrata div.box_servicos {
			float:right;
			margin-left:40px;
		}
				
		div#conteudo.istrata .trocaExplic {
			font-weight:bold;
			text-transform:uppercase;
			text-decoration:underline;
		}
		div#conteudo.istrata .trocaExplic:hover,
		div#conteudo.istrata .trocaExplic.ativo {
			color:#840C70;
		}
		
		div#conteudo.istrata #simbolo,
		div#conteudo.istrata #cores {
			display:none;
		}
		div#conteudo.istrata span.cor_roxo {
			font-weight:bold;
			color:#840C70;
		}
		div#conteudo.istrata span.cor_amarelo {
			font-weight:bold;
			color:#FBAF33;
		}
		div#conteudo.istrata div.principios {
			width:300px;
			height:95px;
			padding:5px;
			display:none;
			position:absolute;
			top:0px;
			left:0px;
			background:#840C70;
			overflow:hidden;
		}
			div#conteudo.istrata div.principios p {font-size:12px; color:#FFF;}
			div#conteudo.istrata div.principios p strong {font-weight:bold; font-size:14px;}
			div#conteudo.istrata div#missao {top:377px;left:494px;}
			div#conteudo.istrata div#visao {top:377px;left:680px;}
			div#conteudo.istrata div#valores {height:130px;top:342px;left:359px;}
		
		div#conteudo a.portifolio {font-weight:bold; color:#840C70;}
		div#conteudo a.institucional, a.missao, a.visao, a.valores {font-weight:bold; color:#BE0C70;}
		div#conteudo a.fale {font-weight:bold; color:#FBAF33;}
		
	/* Configura conteúdo de Fale conosco */
	div#conteudo.faleconosco {
		min-height:350px;
		padding-left:180px;
		background:url(../imagens/layout/fale-conosco-tematica.jpg) no-repeat top left;
		font-size:14px;
	}
		div#conteudo.faleconosco h3 {
			font-size:16px;
			color:#FBAF33;
			text-transform:uppercase;
		}

/* MENU */
div#menu {
	width:240px;
	min-height:400px;
	position:fixed;
	top:0px;
	left:0px;
	padding:140px 0px 0px 20px;
	background:url(../imagens/layout/fd_menu.jpg) no-repeat right 66px;
}
	
	div#menu ul.extras {
		margin-bottom:10px;
		font-size:12px;
		font-style:italic;
		color:#999;
		line-height:16px;
	}
		div#menu ul.extras li a {color:#999;}
		div#menu ul.extras li a:hover {color:#BE0C70;}
	
	/* Configura o menu */
	div#menu ul.menu {
		font-size:25px;
		margin:0px 0px 20px;
	}
		div#menu ul.menu li a {
			text-decoration:none;
			color:#808080;
		}
			div#menu ul.menu li.portifolio.ativo a, div#menu ul li.portifolio a:hover {color:#840C70;}
			div#menu ul.menu li.istrata.ativo a, div#menu ul li.istrata a:hover {color:#BE0C70;}
			div#menu ul.menu li.fale.ativo a, div#menu ul li.fale a:hover {color:#FBAF33;}
			div#menu ul.menu li.ativo ul li a.ativo,
			div#menu ul.menu li.ativo ul li a:hover {font-weight:bold;font-style:normal;}
		
		div#menu ul.menu li ul {
			display:none;
			margin-bottom:5px;
		}
		
		div#menu ul.menu li.ativo ul {
			display:block;
		}
			div#menu ul.menu li ul li {
				font-size:16px;
				font-style:italic;
			}

/* RODAPÉ */
div#rodape {
	width:995px;
	margin:30px 0px 20px;
	color:#CCC;
	text-align:right;
}

/* GERAL */ 
.oculta {
	display:none;
}