/* vendas.css */

.nome_cidade{
	width: 174px;
	height: 26px;
	background: url(../images/vendas/fundo_cidade.png) no-repeat;
	text-align: center;
	color: #999999;
	padding-top: 7px;
	margin-bottom: 3px;
}

#cidades .foto {
    float: left;
    width: 151px;
}
#cidades .descricao-foto {
    float: left;
    width: 175px;
}

#cidades{
	min-height: 240px;
	margin-left: 0px;
}

#cidades #brusque{
	float: left;
	display: inline;
	width: 335px;
	min-height: 100px;
	padding-top: 16px;
	margin-left: 0px;
}

#cidades #sapucaia{
	float: left;
	display: inline;
	width: 199px;
	min-height: 265px;
	padding-top: 16px;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;	
}

#cidades #sapucaia p{
	margin-left: 19px;
}

#cidades #jandira{
	float: left;
	display: inline;
	width: 265px;
	min-height: 191px;
	padding-top: 16px;
}

#cidades #jandira p{
	margin-left: 28px;
}

#mapa{
	width: 670px;
	background: url(../images/commons/sombra.png) no-repeat;
	padding-top: 30px;
}

#mapa #mapa_foto{
	float: left;
	display: inline;
	width: 348px;
	height: 372px;
	margin-top: 60px;
}

#mapa #mapa_foto #mapaDinamico {
	width: 348px;
	height: 295px;
}

#representantes_dir{
	float: left;
	display: inline;
	width: 307px;
	min-height: 421px;
	margin-left: 10px;
	margin-top: 33px;
	padding-left: 5px;
}

#representantes_dir select{
	width: 216px;
	color: #999999;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#representantes_dir #rep_box{
	width: 277px;
	min-height: 376px;
	margin-top: 24px;
}

#representantes_dir #rep_box #rep_box_topo{
	float: left;
	display: inline;
	width: 277px;
	height: 10px;
	background: url(../images/vendas/rep_box_topo.gif) no-repeat;
}

#representantes_dir #rep_box #rep_box_conteudo{
	float: left;
	display: inline;
	width: 255px;
	min-height: 329px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	padding-left: 20px;
	padding-top: 15px;
}

#representantes_dir #rep_box #rep_box_conteudo #rep_sc{
	width: 243px;
	height: 39px;
	border-bottom: 1px solid #e5e5e5;
	margin-left: -4px;
	font-size: 20px;
	color: #999999;
	margin-bottom: 15px;
}

#representantes_dir #rep_box #rep_box_conteudo .rep_detalhes{
	width: 235px;
	min-height: 60px;
	margin-bottom: 27px;
}

#representantes_dir #rep_box #rep_box_conteudo .rep_detalhes li{
	list-style: disc;
	color: #40669e;
	list-style-position: inside;
	font-weight: bold;
}

#representantes_dir #rep_box #rep_box_conteudo .rep_detalhes li.filial {
    color: #FF0000;
}

#representantes_dir #rep_box #rep_box_conteudo .rep_detalhes p{
	margin-left: 14px;
}

#representantes_dir #rep_box #rep_box_rodape{
	float: left;
	display: inline;
	width: 277px;
	height: 22px;
	background: url(../images/vendas/rep_box_rodape.png) no-repeat;
}

#lateral_dir #venda_distribuicao{
	width: 281px;
}

#lateral_dir #venda_distribuicao ul{
	margin-top: 10px;
	margin-left: 22px;
}

#lateral_dir #venda_distribuicao li{
	width: 223px;
	height: 21px;
	background: url(../images/commons/list.png) no-repeat;
	color: #40679f;
	font-size: 11px;
	padding-top: 6px;
	padding-left: 8px;
	font-weight: bold;	
}

#lateral_dir #venda_distribuicao li a {
	color: #40679f;
	font-size: 11px;
}