@charset "utf-8";
/* Escola Esperança */

* {
	margin:0px;
	padding:0px;
           
             
	
	
}

body{
              width:900px;
	height:auto;
	margin:0 auto;
	color:#000000;
	font:15px bold Verdana, Geneva, sans-serif;
	margin:0 auto;
              BACKGROUND: #CCEAF8
            
}

#site {
	width: 900px;
	height: auto;
    background: #FFF;

}
#site2 {
	width: 900px;
	height: 1500px;
              background: #fff;
}
#sitecalendario {
	width: 900px;
	height: 1000px;
              background: #fff;
}
#siteproposta {
	width: 900px;
	height: 3850px;
              background: #FFF;

}
#topogeral{
	
	width:900px;
	height: 500px;
	background-image:url(../imagens/topogeral.jpg);
	background-repeat: no-repeat;
}
#topogeral2{
	
	width:900px;
	height: 300px;
	background-image:url(../imagens/topogeral.jpg);
	background-repeat: no-repeat;
}
#topo{
	width:900px;
	height: 225px;
	
}

.topo2{
	width: 900px;
	height: 34px;
	background-image:url(../imagens/barramenu.gif);
	background-repeat: no-repeat;
	font-family: bold Verdana, Geneva, sans-serif
	
}

.topo3{
	width: 900px;
	height: 183px;
	
}


/* aqui inicia-se o conteudo do site dividido em  6 <div>*/


#meio{
	width: 890px;
	height: 580px;
	padding-left: 10px;


}
#meio2{
	width: 890px;
	height: 560px;
	padding-left: 10px;
              background: #fff;

}
#meio3{
	width: 890px;
	height: 1500px;
	padding-left: 10px;
              background: #fff;

}
#meio4{
	width: 890px;
	height: 2550px;
	padding-left: 10px;
     background: #fff;

}
#meiocalendario{
	width: 890px;
	height: 830px;
	padding-left: 10px;
              background: #FFF;


}
.destaques {
	width: 328px;
	height:200px;
	float:left;
	background-image: url(../imagens/botaodestaque.jpg);
	background-repeat: no-repeat;
	padding: 5px;
	
	
}

.pastoral{
	width: 293px;
	height: 200px;
	float:left;
	background-image: url(../imagens/pastoral.jpg);
	background-repeat: no-repeat;
	padding: 5px;
	
}

.agenda{
	width: 238px;
	height: auto;
	float: left;
	background-image: url(../imagens/agenda.jpg);
	background-repeat: no-repeat;
	padding:5px;
}

.redefranciscana{
    width: 328px;
	height:240px;
	float:left;
	background-image: url(../imagens/rede.jpg);
	background-repeat: no-repeat;
	padding: 5px;
	
	
	
}

.ultimas{
	width: 293px;
	height: 200px;
	float:left;
	background-image: url(../imagens/ultima.jpg);
	background-repeat: no-repeat;
	padding: 5px;
	
	
}

.saiba{
	width: 238px;
	height: 280px;
	float: left;
	background-image: url(../imagens/saibamais.jpg);
	background-repeat: no-repeat;
	padding:5px;
	
}
.pastoraltexto{
	width: 440px;
	height: 500px;
	font:  14px Verdana, Geneva, sans-serif;
	color: #000;
	float: left;
	border: 10px;
	
	
	
}
.irmasfranciscanastexto{
	width: 440px;
	height: 2500px;
	font:  14px Verdana, Geneva, sans-serif;
	color: #000;
	float: left;
	border: 10px;
	
	
	
}
.matriculas{
	width: 860px;
	height: 500px;
	font:  14px Verdana, Geneva, sans-serif;
	color: #000;
	float: left;
	border: 10px;
	
	
	
}
.pastoralimagem{
	width: 420px;
	height: 300px;
	font:  14px Verdana, Geneva, sans-serif;
	color: #000;
	float: left;
	
	
}
.historiatexto{
	width: 440px;
	height: 1430px;
	font:  14px Verdana, Geneva, sans-serif;
	color: #000;
	float: left;
	border: 10px;
	
	
	
}

.historiaimagem{
	width: 420px;
	height: 300px;
	font:  14px Verdana, Geneva, sans-serif;
	color: #000;
	float: left;
	
	
}
.proposta{
	width: 440px;
	height: auto;
	font:  14px Verdana, Geneva, sans-serif;
	color: #000;
	float: left;
	border: 10px;
	
	
	
}
.calendario{
	width: 860px;
	height: 800px;
	font:  14px Verdana, Geneva, sans-serif;
	color: #000;
	float: left;
	border: 10px;
	
	
	
}
.listademateriais{
	width: 880px;
	height: 500px;
	
	
	
}
.localizacao{
	width: 400px;
	height: 400px;
	float: left;

	
	
	
}
.localizacao2{
	width: 450px;
	height: 400px;
	float: right;

	
	
	
}
/*link sem a barra azul e sublinhado*/
#link{
	text-align:center;
	margin:5px 10px 0 0;
	color:#323232;
	
	
	
}
#link a {
	text-decoration:none;
	
}

#link a:hover{
	
	text-decoration:underline;
	color:#ff0000;
}
#link visited {
	text-decoration:none;

}


#link active {
	text-decoration:none;
}