html,* { margin:0px;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background:url(imagem/background-1px.jpg) repeat-x top;
}

h1{
	margin-bottom: 20px;
	font-size: 24px;
	color:#007ec5;
}

h2{
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 16px;
	font-weight:normal;
	color:#007ec5;
}

h3{
	color: #003366;
	text-transform:uppercase;
	font-size: 15px;
	padding-top: 10px;
	font-weight:normal
	
}	

h4{
	text-transform:uppercase;
	color:#333333;
	font-size:13px;
}
	
	h4 a{ }

h5{
	font-size: 11px;
	color:#666666;
}

	h5 a{ }

h6{
	color:#FFFFFF;
	text-transform:uppercase;
	font-size: 18px;
	font-weight:normal;
}

dl{}

dt { margin-bottom: 5px; width: 450px; background-color: #007ec5;}
	
dd{ margin: 30px;}



#corpoindex {
	margin: 0 auto;
	margin-top: 7px;
	background-image: url(imagem/sitto-background.jpg);
	background-position: top center;
	background-repeat: no-repeat; 
	width: 990px;
	height: auto;
}

#corpo {
	margin: 0 auto;
	margin-top: 7px;
	background-image: url(imagem/sitto-background-interno.jpg);
	background-position: top center;
	background-repeat: no-repeat; 
	width: 990px;
	height: auto;
	min-height: 760px;
}

#logo {
	padding-top: 30px;
	padding-left: 90px;
	float:left;
	width:233px;
	height: 92px;
}

#ans{
	padding-left: 52px;
	padding-top: 0px;
	float:left;}
	
#contato{
	float:right;
	padding-right: 60px;
	padding-top: 45px;
	text-transform:uppercase;
}
	#contato li{
		list-style:none;
	}
	
		#contato li a{
			display:block;
			text-decoration:none;
			color: #007ec5;
			width:138px;
			height:21px;
			padding-top: 6px;
			padding-left: 35px;
		}
		
	.tele{
		background-image:url(imagem/teleatendimento.png);
		background-repeat: no-repeat;
		background-position:left top;
			}
			
	.contato{ margin-top: 10px;
			background-image:url(imagem/contato.png);
			background-repeat: no-repeat;
			background-position:left top;}

/*-- MENU --*/

#menu {
padding-top: 40px;
padding-left: 36px;
clear:both;}

	#menu li{
		float: left;
		padding-left: 16px;
		padding-right: 27px;
		padding-top: 26px;
		padding-bottom: 20px;
		list-style-position:outside;
		list-style-type:none;
	}
		#menu li a {text-decoration:none;}

		.divsao{
			background-image:url(imagem/divisao.jpg);
			background-repeat:no-repeat;
			background-position: right;
		}
		
#flash {
	clear:both;
	padding-left: 20px;
	padding-top: 22px;
	width:950px;
	height:215px;
}

/*--- corpo pp principal --*/

#quadro {
clear:both;
width: 970px;
margin:auto;
padding-left: 20px;}

	.quadro{
		float:left;
		padding-left: 40px;
		padding-right: 20px;
		padding-top: 15px;
		padding-bottom: 20px;
		height: 152px;
		width: 263px;
	}
		
		.quadro h6{
		margin-bottom: 11px;}
			
			.quadro p{
			float:right;
			width:150px;
			color:#FFFFFF;}
			
				.quadro a{ color:#FFFFFF; text-decoration:none;}
				
				.quadro img{ float:left;}
			
	.quadro2{
	float:left;
	width: 192px;
	height: 241px;
	padding-left: 15px;
	padding-right: 35px;
	padding-top: 8px;
	background-image:url(imagem/square.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;}
	
		.quadro2 a{ color:#333; text-decoration:none;}
		
		.quadro2 img{
		border: #016699 1px solid;
		margin-top: 7px;
		margin-bottom: 7px;}

.saiba{
color: #003366; font-weight:bold; background-image:url(imagem/subtitulo.png); background-position:left top; background-repeat:no-repeat; padding-left: 15px;}
		
/* -- Internas -- */
.buttom {
	border:1px solid #0066FF;
	background-color:#FFFFFF;
	color:#0066FF;
	padding-left:20px;
	padding-right:20px;
}

#manual {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	margin-top:20px;
}

#texto {
clear:both;
padding-top: 30px;
width:800px;
margin:auto;
min-height: 500px;
}
	#texto h1{
		background-image:url(imagem/titulo.png);
		background-position: left;
		background-repeat:no-repeat;
		padding-left: 15px;
		padding-bottom: 8px;
		border-bottom: #999999 1px solid;
		}
	#texto a{ color: #007ec5; text-decoration:none;}
		#texto a:hover{ text-decoration:underline;}
		
		#texto img{ margin-right: 15px; margin-left: 15px; margin-top: 20px; margin-bottom:20px; border: #EEEEEE 10px solid;}
		
		#texto li{ margin-bottom: 8px; list-style-position:outside; list-style-type: disc;}
		
			#texto dt a{ font-size:14px; color:#FFFFFF; display:block; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}

#btnlateral {
	float:right;
	width: 150px;
	height:auto;
	padding-left: 100px;
	margin-right: 70px;
}

	#btnlateral li {
		background-image:url(imagem/botao-lateral.png);
		background-repeat:no-repeat;
		list-style:none;		
		width: 180px;
		height: 17px;
		padding-left: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
		#btnlateral li a{color:#FFFFFF; display:block;}


/* Forms
---------------------------------- */

form {
	margin: 0;
	padding: 0;
	text-align: left;
	border: 0px solid #e9e9e9;
	clear: left;
}

#frmlogin {
	padding: 10px 0 10px 30px;
	background-color: #fff;
	border: 1px solid #e9e9e9;
}

fieldset {
	margin: 0;
	padding: 10px;
	border: 0;
}

form br {
	clear: left;
}

legend {
	line-height: 2em;
}

legend,
label {
	color: #696969;
}

fieldset fieldset {
	padding: 0;
}

fieldset fieldset legend {
	margin: 0;
	padding: 0;	
}

fieldset fieldset input {
	margin: 0;	
}

label { /* IE 6 fix */
	display: block;
	margin: 0 10px 0 0;
	padding: 0 0 12px 0;
	line-height: 1.2em;
	float: left;
}

label.full {
	width: 600px;
}

label.x-large {
	width: 450px;
}

label.large { /* IE 6 fix */
	width: 295px;
}

label.small { /* IE 6 fix */
	width: 142px;
}
label.medium { /* IE 6 fix */
	width: 220px;
}
label.x-small { /* IE 6 fix */
	width: 66px;
}

#frmlogin .textfield,
.largefield {
	padding: 5px;
	font-size: 1.4em;
}

.textfield,
.select,
.text,
.file {
	padding: 2px;
	border: 1px solid #d8d8d8;
	background-color: #f9f9f9;
	display: block;
	width: 100%;
}

.lblbutton {
	margin: 0;
	padding: 0 0 0 8px;
	background: #fff url(../pics/bg-button.gif) no-repeat 0 0;
}

.lblbutton .button {
	border: 0;
	padding: 0 8px 0 0;
	background: #fff url(../pics/bg-button.gif) no-repeat top right;
	height: 24px;
}

.button {
	width: 100%;
	color: #363636;
}

button {
	font-size: 1.4em;
	font-weight: bold;
}

.frmbusca {
	float: right;
	margin-bottom: -30px;
	border: 0;
}

.frmbusca fieldset {
	padding: 0;
}

.frmbusca .textfield {
	padding-left: 25px;
	width: 95%;
	background: #f9f9f9 url(../pics/icons/zoom.png) no-repeat 5px 5px;
}




/* -- Rodapé --*/

#rodape { 
	width:990px;
	background: url(imagem/sitto-background-rodape.jpg);
	min-height: 100px;
	text-align:center;
	padding-top: 30px;
}

	#rodape img{
		margin-top: 20px;
	}
	
		#rodape p{
			color:#007DC6;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			margin-bottom: 10px;
		}

	#rodape a{
		color:#007DC6; 
		text-decoration:none;
		}
		
		
a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 30px;
	height: 30px;
	text-indent: -9999em;
	background: url(icons/fancy_closebox.png) no-repeat;
	outline: 0;
}		

/*--- banner flutuante --*/

#bannerflutuante {
	top: 200px;
	margin-left: -150px;
	position: absolute;
	z-index: 9999;
	left: 300px;
}

#bannerflutuante2 {
	top: 200px;
	margin-left: 350px;
	position: absolute;
	z-index: 9999;
	left: 300px;
}

.fecha {
	position:absolute;
	right:0;
	top:0;
	width: 30px;
	height:30px;
	text-indent:-9999px;
}
#div_busca{
	width:180px;
	background:#FFF;
	border:1px solid #CCC;
	position:absolute;
	padding:10px;
	display:none;
	margin-left:190px;
	margin-top:-20px;
}