* {
	margin:0;
	padding:0;
}
#Geral {
	width:560px;
}
#bg_abas {
	background-color:#282724;
	overflow:hidden;
}
#abas {
	font-family:"Trebuchet MS",tahoma;
	height:36px;
	overflow:hidden;
	width:560px;
}
#abas .espacoAba {
	height:28px;
}
#abas .bordaAbas {
	background:#282724 none repeat scroll 0 0;
	height:8px;
}
#abas h3 {
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	font-size:13px;
	padding-top:5px;
	text-align:center;
}
#abas h3 img {
	margin-right:5px;
}
#abas h3.aba_1 {
	background:#282724 url(imgs/bg_abal.gif) repeat scroll 0 0;
	height:23px;
	width:183px;
}
#abas h3.mudaAba {
	background:#F3971B url(imgs/bg_mudaaba.gif) repeat scroll 0 0;
	border:1px solid #FFFFFF;
	height:21px;
	width:183px;
}
#compromisso {
	background: #444;
	color:#FFFFFF;
	font-family:"Trebuchet MS",tahoma;
	height:164px;
	width:560px;
}
#compromisso #semanas {
	background-color:#000000;
	float:left;
	height:164px;
	width:160px;
}
#compromisso #semanas h5 {
	font-size:13px;
	margin-top:3px;
	text-align:center;
}
#compromisso #semanas h2 {
	font-size:25px;
	text-align:center;
}
#compromisso #semanas .numero {
	float:left;
	height:100px;
	margin:7px 0 3px;
	width:50%;
}
#compromisso #semanas h6.semana {
	font-size:25px;
	text-align:center;
}
#compromisso #andamentoObra {
	float:left;
	height:136px;
	width:400px;
}
#compromisso #andamentoObra .tituloCompromisso {
	height:40px;
}
#compromisso #andamentoObra .tituloCompromisso .txtObra {
	float:left;
	width:50%;
}
#compromisso #andamentoObra .tituloCompromisso .txtObra h4.obra {
	color:#175313;
	font-size:18px;
	margin:10px 0 0 17px;
}
#compromisso #andamentoObra .tituloCompromisso .marca {
	float:left;
	text-align:center;
	width:49%;
	border: none;
}
#compromisso #andamentoObra .tituloCompromisso .marca img {
	margin-top:3px;
}
#compromisso #andamentoObra .infoObra {
	position:relative;
}
#compromisso #andamentoObra .infoObra table {
	font-size:11px;
	left:0;
	position:absolute;
	top:0;
}
#compromisso #andamentoObra .infoObra table tr {
	text-align:center;
}
#compromisso #andamentoObra .infoObra table tr .espacoAndamento {
	height:83px;
	width:45px;
}
#compromisso #andamentoObra .infoObra table tr .espacoAndamento img.nomeAndamento {
	bottom:0;
	float:left;
	left:0;
	margin:6px 2px 0 5px;
	position:relative;
}
#compromisso #andamentoObra .infoObra table tr .espacoAndamento .andamento {
	background-color:#C5D68C;
	float:left;
	height:83px;
	margin:6px 0 0;
        padding-top: 3px;
	width:18px;
}
#compromisso #andamentoObra .infoObra table tr .andamento .indicaAndamento {
	height:7px;
	margin:0 0 1px 0px;
	width:14px;
        overflow: hidden;
}
#compromisso #andamentoObra .infoObra table tr .andamento .ativo {
/*	background-color:#FFFFFF;*/
}

#Geral .rodape { background: #222; }
#Geral .rodape p { font-size: 10px; padding: 5px 5px 8px 5px; text-align: center; }
#Geral .rodape p a { color: #FFF; font-family: 'Trebuchet MS', Arial, Verdana, Tahoma; text-decoration: none; letter-spacing: 1px; color: #CCC; }
#Geral .rodape p a:hover { text-decoration: underline; }

.spazzio_senna #compromisso #andamentoObra {
	background:transparent url(imgs/spazzio_senna/bgAndamentoObra.gif) repeat scroll 0 0;
}
.flora_boulevard #compromisso #andamentoObra {
	background:transparent url(imgs/flora_boulevard/bgAndamentoObra.gif) repeat scroll 0 0;
}
.metropolis #compromisso #andamentoObra {
	background:transparent url(imgs/metropolis/bgAndamentoObra.gif) repeat scroll 0 0;
}
.west_side #compromisso #andamentoObra {
	background:transparent url(imgs/west_side/bgAndamentoObra.gif) repeat scroll 0 0;
}