@charset "utf-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
}
html, body {
	width:100%;
	height:100%;
	background-image:url(../imagens/bg_rep_portal_do_sol.jpg);
}
#site_portal_do_sol {
	background-image:url(../imagens/bg_portal_do_sol.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	width:100%;
	height:100%;
	min-height:600px;
	min-width:1000px;
	display:block;
	overflow:hidden;
}
#mapa_localizacao {
	background-color:#FFFFFF;
	border:10px solid #FFFFFF;
	width:900px;
	height:560px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-460px;
	margin-top:-285px;
}
/* ACOMPANHE SUA OBRA */

#moldura-flash {
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background-image:url(../imagens/bg_portal_do_sol.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
#moldura-pagina-acompanhe {
	width:900px;
	height:520px;
	top:50%;
	left:50%;
	margin-left:-453px;
	margin-top:-275px;
	position:absolute;
	border:5px solid #6699CC;
	z-index:2;
	background-image:url(../imagens/bg-acompanhe.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}
#col-progresso {
	width:350px;
	float:left;
	height:100%;
}
#col-progresso .logo-portal {
	margin-left:30px;
	margin-top:30px;
	margin-bottom:30px;
}
#col-progresso p {
	margin-left:30px;
	font-family:Arial;
	font-size:12px;
	color:#1F1F1F;
}
#progressos {
	margin-left:30px;
	margin-top:20px;
	background-image:url(../imagens/legendas-progressos.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:200px;
	padding-left:105px;
}
#barras-progresso {
	width:200px;
	float:left;
}
#barras-progresso .barra {
	background-color:#ffffff;
	width:200px;
	height:4px;
	min-height:4px;
	padding:4px;
	border:1px solid #6699CC;
	font-size:0; /* IE6 */
	margin-bottom:4px;
	display:block;
}
#porcentagem-obras {
	float:left;
	margin-left:-10px;
}
#porcentagem-obras p {
	line-height:18px;
}
#col-fotos {
	width:420px;
	float:right;
	height:100%;
}
#col-fotos p {
	font-family:Arial;
	font-size:13px;
	color:#FFF;
	margin-top:180px;
	margin-bottom:10px;
}
#fotos {
	width:350px;
}
#fotos img {
	border:1px solid #336699;
	float:left;
	margin-left:3px;
	margin-top:3px;
}

/* PESQUISA DE SATISFAÇÃO MASB */
#moldura-pagina-pesquisa {
	width:881px;
	height:520px;
	top:50%;
	left:50%;
	margin-left:-443px;
	margin-top:-275px;
	position:absolute;
	border:5px solid #6699CC;
	z-index:2;
}

#pagina-pesquisa {
	width:880px;
	height:480px;
	background-color:#FFF;
	margin:0 auto;
	padding:10px;
}
#main-pesquisa {
	border:1px solid #6699CC;
	width:100%;
	height:100%;
}
#main-pesquisa img {
	display:block;
}

#main {
	width:810px;
	height:320px;
	padding:10px;
	background-color:#F9F9F9;
	margin:20px auto;
	margin-top:10px;
	border:1px solid #6699CC;
	overflow:auto;
}

.row {
	width:788px;
	background-color:#FFF;
	border:1px solid #E9E9E9;
	float:left;
	margin-bottom:10px;
}
.row p {
	display:block;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#369;
	margin-bottom:3px;
}
.row p span {
	font-size:13px;
	font-weight:bold;
	color:#036;
}
.row-area {
	width:768px;
	overflow:hidden;
	background-color:#FFF;
	margin:10px;
	padding-bottom:10px;
}
.row-md {
	width:370px;
	padding:10px;
	float:left;
	background-color:#F4F4F4;
	border:1px solid #E9E9E9;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:-300px;
	padding-bottom:300px;
}
.row-md-dir {
	margin-right:0px;
}
.row-pq {
	width:230px;
	padding:10px;
	float:left;
	background-color:#F4F4F4;
	border:1px solid #E9E9E9;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:-300px;
	padding-bottom:300px;
}
.row-default {
	width:745px;
	padding:10px;
	float:left;
	background-color:#F4F4F4;
	border:1px solid #E9E9E9;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:-300px;
	padding-bottom:300px;
}
.row-pq-dir {
	margin-right:0px;
}
.row-pq span, .row-default span {
	font-family:Arial;
	font-size:11px;
	color:#333;
	margin-left:3px;
	margin-bottom:10px;
}
.column-pq {
	float:left;
	margin-right:30px;
}
/* FORM PESQUISA */
#pesquisa fieldset ul li a {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#336699;
}
#pesquisa fieldset ul li a:hover {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#336699;
	text-decoration:underline;
}
#pesquisa fieldset {
	padding:10px;
	border:1px solid #C9DBE9;
}
#pesquisa fieldset legend {
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#336699;
}
#pesquisa label {
	display:inline-block;
	color:#036;
}
#pesquisa label span {
	display:block;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#369;
	margin-bottom:3px;
}
#pesquisa .input_text, .select_form, .input_textarea {
	width:240px;
	margin-left:5px;
	padding:3px;
	font-family:Arial;
	font-size:11px;
	color:#666666;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #E9E9E9;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#pesquisa .input_text_pq {
	width:60px;
}
#pesquisa .bt-enviar-pesquisa {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:360px;
}



	/*acompanhe*/
	#gallery {
		visibility:hidden;
	}
	.clear {
		clear:both;
	}
	#miniaturas {
		/*
		width:110px;
		height:90px;
		padding:10px;
		*/
		background-image:url(../imagens/bg_miniaturas.jpg);
		background-position:center;
		background-repeat:no-repeat;
		float:left;
	}
	.titulo-acompanhe {
		font-family:Arial;
		font-size:20px;
		font-weight:normal;
		color:#666;
		letter-spacing:-1px;
		float:right;
	}
	.texto-acompanhe {
		font-family:Arial;
		font-size:12px;
		text-align:left;
		margin-top:4px;
		float:left;
		color:#666;
	}
	.conteudo-fotos {
		height:330px;
		width:500px;
		overflow:auto;
		list-style-type:none;
		padding-left:5px;
		float:right;
	}
	.conteudo-fotos li {
		list-style-type:none;
		margin-right:5px;
		margin-bottom:5px;
		display:inline;
		float:left;
	}
	.conteudo-fotos li a img {
		border:5px solid #C1BEA3;
	}
	.conteudo-fotos li a:hover img {
		border:5px solid #C1BEA3;
	}
	.tabela-graficos-obras {
		padding-bottom:20px;
		margin-left:20px;
		float:left;
	}
	.tabela-graficos-obras tr td {
		padding:1px;
	}
	.tabela-graficos-obras tr td.legendas {
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#666;
		text-align:right;
		width:125px;
		padding-right:10px;
	}
	.tabela-graficos-obras tr td.graficos {
		width:150px;
	}
	.grafico-progresso {
		background-color:#C1BEA3;
		font-size:0;
		display:block;
		width:50px;
		height:4px;
	}
	
	.tabela-graficos-obras tr td.porcentagem {
		padding-left:10px;
		font-family:Arial;
		font-size:11px;
		color:#666;
	}
	.grafico-vazio {
		background-color:#E9E9E9;
		font-size:0;
		display:block;
		width:150px;
		height:8px;
		margin:0 auto;
		vertical-align:middle;
	}


/* pretty photo */
.pp_nav p {
	font-family:Arial;
	color:#666666;
	font-size:12px;
}