@charset "utf-8";

/* CSS Document */
.geral {
		width:100%;
		position:relative;  /*Contexto de posicionamento */
		margin:0 auto;
		min-height:100%;
}

.topo {
		width:777px;
		height:70px;
		margin:auto
}

.topoLogo {
		float:left;
		margin:7px 0
}

.topoSenha {
		width:205px;
		float:right;
		margin:15px 0 0 0;
}

.topoSenha strong {
		margin:0 0 0 -3px;
		color:#2970b0;
		font-size:12px
}

.topoSenha label {
		font-size:10px;
		font-weight:bold;
		margin:-5px 0;
}

.menuTopo * {
		text-decoration: none
}

.menuTopo {
		width:100%;
		height:40px;
		background:url(img/menuBg.jpg) repeat-x;
		clear:both;
}

.menuTopo ul {
		width:777px;
		height:40px;
		margin:auto;
}

.menuTopo ul li {
		height:30px;
		padding:10px 10px 0 10px;
		float:left;
		cursor:pointer;
		background:url(img/menuDiv.jpg) no-repeat left top
}

.menuTopo ul li a span {
		font-size:13px;
		font-weight:bold;
		color:#fff;
}

#menuTopoSel {
		background:url(img/menuAbaLeft.jpg) no-repeat top left;
		color:#000;
		float:left;
		padding:5px 0 12px 0;
		margin:-3px 0;
		text-decoration: none
}

#menuTopoSel span {
		background:url(img/menuAbaRight.jpg) no-repeat top right #fff;
		margin:0 0 0 5px;
		padding:5px 13px 15px 5px;
		color:#000;
}

.menuSub {
		width:170px;
		margin:2px 5px 30px 0;
		float:right;
		overflow:hidden;
}

.menuSub li {
		width:100%;
		padding:0 0 10px 15px;
		background:url(img/ico002.jpg) no-repeat left top;
		font-size:11px;
		color:#0c487f;
		cursor:pointer;
}

#menuSubSel {
		background:url(img/ico001.jpg) no-repeat left top
}

.conteudo {
		width:737px;
		min-height:100%;
		position:relative;
		margin:-1px auto;
		position:relative;
		padding:25px 20px 150px 20px;
		overflow:hidden;
		background:#fff;
		clear:both;
}

.canais {
		width:520px;
}

.fale {
		width:740px;
}

.faleMapa {
		margin:-23px 0 0 -17px;
		clear:both;
}

.faleForm {
		width:400px;
		height:300px;
		float:left
}

.faleEnd {
		width:300px;
		height:300px;
		float: right
}

#rodapeGeral {
		background:#858585;
		width:100%;
		height:130px;
		position: absolute;
		bottom: 0;
		clear:both;
}

.rodape {
		width:777px;
		clear:both;
		margin:auto;
}

.rodapeEnd {
		width:300px;
		padding:20px 0 0 50px;
		background:url(img/logoRodape.jpg) no-repeat top left;
		color:#c5c5c5;
		font-size:11px;
		float:left;
}

.rodapeEnd h3 {
		color:#c5c5c5;
}

.rodapeMen {
		width:300px;
		padding:20px 0 0 0;
		color:#c5c5c5;
		font-size:11px;
		float:left;
		margin-left: 40px;
}

.rodapeMen h3 {
		color:#c5c5c5;
}

.rodapeMen span {
		color:#c5c5c5;
		clear:both;
}

.links {
		clear:both;
		width:550px;
		margin:0 0 0 -10px;
}

.links div {
		float:left;
		margin:0 10px 0 10px;
}

.links div img {
		cursor:pointer;
}

.links div p {
		width:145px;
		padding:0 0 0 15px;
		margin:5px 0;
		background:url(img/ico002.jpg) no-repeat left top;
}

.grupo {
		width:500px;
		border:1px solid #ddd;
		margin:-7px 0 6px 0;
		overflow:hidden;
}

.grupo h4 {
		width:494px;
		color:#555;
		font-size:11px;
		float:left;
		letter-spacing:0;
		padding:3px;
		font-weight:bold;
		background:#f9f9f9;
		border-bottom:1px solid #ddd;
		cursor:pointer;
}

.grupo ul li {
		width:470px;
		background:#fff;
		padding:15px;
		border-bottom:1px solid #ddd;
		clear:both;
		overflow:hidden;
}


.listasm, .listafe {
		float:right;
		text-decoration:none;
		font: bold 10px "Arial";
		color:#777;
		margin:3px 0;
}

.listafe {
		display:none;
		margin:3px 0;
}

.form {
		
}

.form label {
		float:left;
		padding:10px 11px 0 0;
		font-size:10px;
		font-family:Arial;
		font-weight:bold;
		color:#444;
}

.form label span {
		font-size:10px;
		font-family:Arial;
		font-weight:bold;
		margin:0 0 0 298px;
}

.form p {
		width:420px;
		padding:40px 0 0 0;
		clear:both;
		font-size:12px;
		font-weight:bold;
		border-bottom: 2px solid #51B6D7;
}

.form p span {
		font-size:10px;
		font-family:Arial;
		font-weight:bold;
}

.thumb {
		width:535px;
		height:auto;
		clear:both;
		padding:5px 0 10px 0
}

.thumb div {
		width:118px;
		height:110px;
		float:left;
		font-family:Arial;
		font-size:10px;
        font-weight:normal;
		overflow:hidden;
		margin:10px 10px 0 0
}


.thumb div div {
		width:110px;
		height:75px;
		top:0;
		margin:0 0 3px 0;
     	border:1px solid #ddd;
}

.upLoad { width:520px; height:auto; margin:10px 0 10px 0}
.upLoad li {width:510px; height: auto; float:left; padding:0px 0 2px 17px; margin:10px 0 0 0; border-bottom:1px solid #ddd; background:url(img/icoUp.jpg) no-repeat top left; cursor:pointer}