@import "layout.css";
@import "maps.css";
@import "pagination.css";

#content #content-principal {
	width: 753px;
	}

#content h2 {
	width: auto;
	float: none;
	overflow: hidden;
	}
#content #filtros {
	padding: 8px;
	background-color: #d46917;
	overflow: hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 6px;
	_height: 100%;
	}
	#content #filtros h4 {
		text-transform: uppercase;
		font-size: 10px;
		width: 120px;
		float: left;
		color: #fff;
		padding-top: 4px;
		margin-right: 15px;
		}
	#content #filtros .field {
		float: left;
		overflow: hidden;
		margin-bottom: 0;
		margin-right: 15px;
		}
		#content #filtros .field label {
			color: #fff;
			font-size: 10px;
			padding-top: 4px;
			}
		#content #filtros .field select {
			background-color: #ab4a02;
			color: #fff;
			}
		#content #filtros .field select#cidade {
			width: 140px;
			}
		#content #filtros .field select#ano {
			width: 75px;
			}
		#content #filtros .field select#status {
			width: 150px;
			*width: 140px;
			_width: 130px;
			}
	#content #filtros .last {
		margin-right: 0;
		}

#content #mapa {
	background: url('../imagem/bg_mapa_oficinas.jpg') no-repeat;
	height: 433px;
	}
	#content #mapa #maps {
		padding: 17px 0 0 17px;
		width: 718px;
		height: 372px;
		overflow: hidden;
		}
	#content #mapa ul#legenda {
		top: 340px;
		left: 6px;
		}
	#content #mapa #rolos {
		width: 173px;
		height: 113px;
		background: url('../imagem/bg_rolos.png') no-repeat;
		position: absolute;
		top: 317px;
		right: 0;
		}

#content #legenda {
	float: right;
	padding: 10px;
	border: 1px solid #582b0a;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	width: 360px;
	*width: 370px;
	}
	#content #legenda p {
		float: left;
		margin-bottom: 0;
		padding-right: 10px;
		}
	#content #legenda ul li {
		float: left;
		padding: 0 10px;
		list-style: none;
		margin-bottom: 0;
		}

#content table#oficinas {
	clear: both;
	width: 100%;
	margin: 20px 0 30px;
	}
	#content table#oficinas tr td {
		padding: 10px 35px;
		border-top: 1px dotted #4a2d17;
		border-right: 1px dotted #4a2d17;
		width: 33%;
		}
		#content table#oficinas tr td h3 {
			font-size: 12px;
			text-transform: uppercase;
			}
		#content table#oficinas tr td h3 span {
			display: block;
			font-size: 10px;
			font-weight: normal;
			}
	#content table#oficinas tr.first td {
		border-top: none;
		}
	#content table#oficinas tr td.last {
		border-right: none;
		width: 34%;
		}
	#content table#oficinas tr td.two-cols {
		width: auto;
		}
	#content table#oficinas tr td.realizada {
		background: url('../imagem/bg_table_realizadas.gif') no-repeat 20px 11px;
		}
	#content table#oficinas tr td.em-andamento {
		background: url('../imagem/bg_table_em_andamento.gif') no-repeat 20px 11px;
		}
	#content table#oficinas tr td.proxima {
		background: url('../imagem/bg_table_proximas.gif') no-repeat 20px 11px;
		}