@charset "utf-8";
/* CSS Document */
*{
border:0;
margin:0;
padding:0;
list-style-type:none;
font:11px Tahoma,Verdana,Sans-serif;
color:#444;
}
#fundobranco {
	margin:0px auto;
	width:745px;
	max-width:745;
	height:808px;
	min-height:808px;
	background-color:#fff;/*#f2f2f2;*/
	padding-left:1px;
	padding-top:01px;
}

#layout {
	margin:0 auto;
	width:719px;
	max-width:719;
	height:727px;
	min-height:727px;
	background-color:#EFEFEF;
	padding-left:1px;	/*padding-top:9px;	border-left:5px solid #fff;
	border-bottom:5px solid #fff;*/
	}
	
#transparencia {
	background-image:url(../imgs/alpha.png);
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
	}
	
/* ============ Menu topo ================== */	


#menu {
	background-color:#00468C;
	height:37px;
	width:713px;
	}

#img-home {
	background-image:url(../imgs/home-iespar.jpg);
	width:345px;
	height:200px;
	float:left;
	
}
#img-home1 {
	background-image:url(../imgs/home-iespar01.jpg);
	width:184px;
	background-color:#FFFFFF;
	height:200px;
	float:left;
	
}
#img-home2 {
	background-image:url(../imgs/home-iespar02.jpg);
	width:188px;
	background-color:#FFFFFF;
	height:200px;
	float:left;
	}


#publicidade {
	background-color:#7a9ac7;
	background-image:url(../imgs/publicidade.jpg);
	width:200px;
	height:158px;
	float:left;
	padding-left:5px;
}

#plu-banner {
	
	background-color:#fff;
	margin-top:2px;
	width:195px;
	height:60px;
	float:left;
	margin-bottom:3px;
	
}
#plu-banner2 {
	
	background-color:#fff;
	margin-top:2px;
	width:195px;
	height:60px;
	float:left;
}

#loginsenha {
	background-color:#fff;
    width:345px;
	height:43px;
	float:left;
}

#final-topo {
	background-color:#FFFf;
	background-image:url(../imgs/final-home.jpg);
    width:168px;
	height:43px;
	float:left;
}

#final-banner {
	background-image:url(../imgs/publicidade1.jpg);
    width:205px;
	color:#fff; 
	font:11px Tahoma,Verdana,Sans-serif;
	height:43px;
	float:left;
}


.data   {
	padding-left:15px;
	color:#7C7C7C;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 10px;
	padding-top:2px;
	padding-bottom:3px;
	padding-right:4px;
	float:left;
}
.data1   {
	padding-left:15px;
	color:#999999;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 10px;
	padding-top:2px;
	padding-bottom:3px;	
	
}


/*============================Texto Padrão ==============================*/

#texto-padrao {
	margin-top:2px;
	background-color:#fff;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 12px;
	line-height:19px;
	color:#000000;
	text-align: justify;
	padding-left:3px;
	padding-right:3px;
	}
	
	
	
/* ============ Formulario ================== */

.form1 {
	font-family: Tahoma,Verdana,Sans-serif;
	font-size: 12px;
	width:95px;
	color: #999;
	text-decoration: none;
	border: 1px solid #999999;
}
.form2 {
	margin-left:5px;	
	font-family: Tahoma,Verdana,Sans-serif;
	font-size: 15px;
	width:95px;;
	color: #999;
	text-decoration: none;
	border: 1px solid #999999;
}
.formulario1 {
	text-decoration: none;
	background-color: #CCCCCC;
	border: 0px solid #333333;
	color: #fff;
	width:65px;
	height:16px;
	font-family: Tahoma,Verdana,Sans-serif;
	font-size: 11px;
	}
	
#contato {
	padding-left:1px;
	padding-top:2px;
	width:327px;
	height:80px;
	float:left;
}

.newsletter {
	padding-left:1px;
	padding-top:5px;
	color:#999999;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 13px;
	margin-bottom:6PX;
	font-weight: bolder;
	}
		
.newsletter-cont {
	padding-left:2px;
	color:#000;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 12px;
	line-height:18px;
	
	}	

form#busca #sbi:focus {background:#eee;}
input#sbi {width:255px;}


/* final form */

#linha-centro {
	background-image:url(../imgs/linha-centro2.jpg);
	width:718px;
	height:14px;
	float:left;
	}

/*=============== quadro-destaque =====================*/

#quadro-1 {
	padding-left:4px;
	margin-top:19px;
	background-color:#fff;
	width:340px;
	height:85px;
	margin-top:17px;
	border-bottom-width: 1px;
	border-bottom-heigt: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;	
	}
	
#quadro-0 {
	padding-left:4px;
	margin-top:15px;
	background-color:#fff;
	width:340px;
	height:85px;
	line-height:20px;
	margin-bottom:41px;

	}
#quadro-1home {
	padding-left:4px;
	margin-top:25px;
	background-color:#fff;
	width:340px;
	height:85px;
	margin-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-heigt: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;	
	}


#quadro-2 {
	padding-left:4px;
	background-color:#fff;
	width:330px;
	height:82px;
	
	}

#foto1-dest {
	background-color:#fff;
	width:120px;
	height:100px;
	float:left;
	}

.form1 {
	font-family: Tahoma,Verdana,Sans-serif;
	font-size: 12px;
	width:80px;
	color: #999;
	text-decoration: none;
	border: 1px solid #999999;
	margin-top:11PX;
}
.form2 {
	margin-left:5px;	
	font-family: Tahoma,Verdana,Sans-serif;
	font-size: 15px;
	width:80px;;
	color: #999;
	text-decoration: none;
	border: 1px solid #999999;
}
.formulario1 {
	text-decoration: none;
	background-color: #CCCCCC;
	border: 0px solid #333333;
	color: #fff;
	width:65px;
	height:16px;
	font-family: Tahoma,Verdana,Sans-serif;
	font-size: 11px;
	}
		
/* ============================== Quadrados Destaques e Conheça APRAS ===========================*/

#quadro-destaque {
	background-color:#fff;
	width:346px;
	height:500px;
	float:left;
	display:block;
}	

#conheca-apras {
	background-color:#fff;
	width:371px;
	height:500px;
	display:block;
	float:left;
	
}

/*=============== titulos =====================*/	

#titulo-dest {
	margin-left:5px;
	margin-bottom:5px;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 16px;
	color: #000;	/*border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E6E6E6;
	*/
	}

#quadro-titulo {
	margin-left:122px;
	background-color:#F2F2F2;
	width:212px;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 13px;
	}

#tit-dest {
	background-color:#fff;
	width:212px;
	height:17px;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 12px;
}
	
#conteudo-dest {
	margin-top:2px;
	background-color:#fff;
	width:212px;
	height:68px;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 11px;
	}
	
#veja {
	background-color:#fff;
	width:212px;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 11px;
	}
	
#veja2 {
	background-color:#000;
	width:212px;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 11px;
	}
	
/*================ imgs rodape ====================*/

#img-rodape1 {
	background-image:url(../imgs/img-rodape1.jpg);
	width:346px;
	height:45px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #efefef;	
 
	}
	
#img-rodape2 {
	background-image:url(../imgs/img-rodape2.jpg);
	background-position:left;
	margin-top:13px;	
	height:45px;

	}
	
.texto-rodape2 {
	padding-top:5px;
	color:#fff;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-align:center;
	}
	
	
/*================ ESPAÇO DIV ====================*/

#espaco-divhome1 {
	height:17px;	
	width:300px;
	}
#espaco-divhome {
	height:5px;	
	width:300px;
	}
#espaco-div {
	height:18px;	
	width:340px;
	}
#espaco-div1 {
	height:7px;	
	width:300px;
	}
	
#text-conteudo-conheca-apras {
	width:332px;
	height:47px;
	margin-bottom:10px;
	margin-left:32px;
	color:#000;
	text-align:justify;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 11px;
	}
#espaco-div-home-iespar {
	height:7px;	
	width:340px;
	}
#espaco-div-home-sup {
	height:4px;	
	width:340px;
	}


#espaco-divhonme666 {
	height:13px;	
	width:340px;
	}
	
	
/*================ HOME IESPAR ====================*/

#titulo {
	padding-top:2px;
	padding-bottom:3px;
	color:#000;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 12px;
	font-weight:bold;
	}
	
#tit_cont {
	padding-top:2px;
	padding-bottom:3px;
	color:#000;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 11px;
	line-height:17px;	
	}
#texto-home {
	padding-top:2px;
	padding-bottom:3px;
	color:#000;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 12px;
	line-height:20px;	
	}


.texto-home {
	padding-top:2px;
	padding-bottom:3px;
	color:#000;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 12px;
	line-height:20px;	
	}



/*================ Conheça APRAS ====================*/

#seta-conheca-apras {
	background-image:url(../imgs/seta-conheca-apras.jpg);
	background-color:#FFF;
	margin-left:5px;
	width:19px;
	height:19px;
	float:left;
}
#titulo-conheca-apras {
	width:225px;
	padding-bottom:3px;
	margin-left:30px;
	color:#999999;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle;
	}

#text-conteudo-conheca-apras {
	width:335px;
	height:43px;
	margin-left:32px;
	color:#000;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 11px;
	}