*{
    margin:0;
    padding:0;
    text-decoration:none;
    border:none;
    font-size:12px;
    font-family: Verdana, Arial;
}

body{
    text-align:center;
    background:#CCC;
}

#site{
    margin:10px auto;
    text-align:left;
    width:900px;
    background:url(img/lateral-sombra.jpg)  repeat-y #FFF;
}

#topo{
    background:url(img/topo-fundo.jpg) repeat-x #7DE51F;
}


#topo img{
    margin-top:-1px;
    float:left;
}

#topo h1{
    background:url(img/nossa-senhora.jpg) no-repeat;
    width: 670px;
    height:74px;
    text-indent:-900000px;
    margin-right:20px;
    margin-left:180px;
}

#imagens{
    float:right;
    border:8px solid #FFF;
    margin:10px;
    margin-top:60px;
    width:567px;
    height:285px;
    background:#FFF;
}

#menu{
    width:295px;
    _width:280px;
    clear:left;
}


#menu ul{
  padding-left:10px;
}


#menu ul li{
    list-style:none ;

}
#menu ul li a{
    display:block;
    height: 23px;
    text-indent:-900000px;
    margin-bottom:3px;
}


.menu_home{
    background:url(img/menu/home.gif) no-repeat;
}

.menu_historico{
    background:url(img/menu/historico.gif) no-repeat;
}

.menu_matriculas{
    background:url(img/menu/matriculas2012.gif) no-repeat;
}

.menu_calendario{
    background:url(img/menu/calendario.gif) no-repeat;
}

.menu_fundacao{
    background:url(img/menu/fundacao.gif) no-repeat;
}

.menu_missao{
    background:url(img/menu/missao.gif) no-repeat;
}

.menu_filosofia{
    background:url(img/menu/filosofia.gif) no-repeat;
}

.menu_diretoras{
    background:url(img/menu/diretoras.gif) no-repeat;
}

.menu_galeria{
    background:url(img/menu/galeria.gif) no-repeat;
}

.menu_faleconosco{
    background:url(img/menu/faleconosco.gif) no-repeat;
}

.menu_informativo{
    background:url(img/menu/informativo.gif) no-repeat;
}

.menu_projetoescola{
    background:url(img/menu/projetoescola.gif) no-repeat;
}

.menu_esporte{
  background:url(img/menu/esporte.gif) no-repeat;
}

.menu_informativos{
  background:url(img/menu/informativos.gif) no-repeat;
}

.menu_horario{
  background:url(img/menu/horarios.gif) no-repeat;
}

.menu_unimestre{
  background:url(img/menu/unimestre.gif) no-repeat;
}

#topo h5{
    background:url(img/frase-fundo.jpg) repeat-x;
    text-align:center;
    padding:11px;
    color:#FFF;
    font-size:16px;
    clear:both
}

#popup{

    text-align:center;

}

/*
Conteúdo
*/
#conteudo{
    background:url(img/lateral-sombra.jpg) repeat-y
}


#conteudo ul,#conteudo ol  {
    padding:10px;
    padding-left:30px;
}

#conteudo ul li,#conteudo ol li{
    margin-bottom:5px;
}


/*ultimas fotos*/

 .ultimas-fotos{
  text-align:center;
  padding:10px;
  width:280px;
  float:left;
}


 .ultimas-fotos h4{
    background:url(img/ultimas-fotos.gif) no-repeat;
    text-indent:-90000px;
    padding:10px;
    margin:0 30px
}

 .ultimas-fotos a{
    color:#009;
    font-weight:bold;
    padding-bottom:8px;
    display:block
}


.ultimas-fotos a img{
    border:5px solid #43BFE8;
}

.ultimas-fotos a:hover img{
    border:5px solid #FD8E00;
}


/*INDEX*/

.index h2{
    font-size:18px;
    color:#000099;
    border-bottom:3px solid #000099;
    margin-bottom:10px;
}

.index h3{
    font-size:16px;
    color:#000099;
    margin-bottom:5px;
}

.index h4{
    font-size:14px;
    color:#000099;
    margin-bottom:5px;
}

.index h5{
    font-size:12px;
    color:#000099;
    margin-bottom:5px;
}

.index p{
    margin:10px;
    text-indent:30px;
    text-align:justify;
}


/*
Home
*/

.home,.index{
    width:580px;
    float:right;
    padding:10px;
}


.home .recado{
    margin:10px;
    width:525px;
}

.home .recado .recado-topo{
    background:url(img/recado-topo.jpg) no-repeat;
    height:17px;
}


.home .recado .recado-rodape{
    background:url(img/recado-rodape.jpg) no-repeat;
    height:17px;
}

.home .recado .recado-meio{
    background:url(img/recado-meio.jpg) repeat-y;
    padding:0 10px;
}

.home .recado .recado-meio{

}

.home .recado .recado-meio h3{
    font-size:14px;
    padding:5px 0;
}

.oficinas{
    background:url(img/oficinas.jpg) no-repeat;
    height:157px;
    margin:10px;
    width:525px;
    text-indent:-900000px;
}

.grupos{
    background:url(img/grupos.jpg) no-repeat;
    height:157px;
    margin:10px;
    width:525px;
    text-indent:-900000px;
}



/*
Galerias
*/

.galerias{
    padding:10px;
    background:#FFF;
}
.galerias h2{
    font-size:18px;
    color:#000099;
    border-bottom:3px solid #000099;
    margin-bottom:10px;
}


.galerias .foto{
    float:left;
    width:22%;
    padding: 0 10px ;
    text-align:center;
    height:190px;
    _height:200px;
}
.galerias .foto a{
    color:#009;
    font-weight:bold;
    padding-bottom:8px;
    display:block
}


.galerias .foto a img{
    border:5px solid #21B4E0;
    width:180px;
}

.galerias .foto a:hover img{
    border:5px solid #FD8E00;
}


/*
Rodapé
*/

#rodape{
    background:url(img/rodape-fundo.jpg) repeat-x ;
    padding:5px;
    clear:both;
}

#rodape p{
      font-size:10px;
}

#rodape img{
    float:right;
}



/*Fale Conosco*/


label{
    display:block;
    font-weight:bold;
    color:#000099;
    margin-top:10px;
}

fieldset{
    border:1px solid #FE8F01;
    margin:10px;
    margin-top:30px;
    padding:30px;
}

legend{
    color:#FE8F01;
    font-weight:bold;
    font-size:16px;
    padding:10px;
}


form{
    margin:0 60px;
}


input,textarea {
    border:2px solid #FE8F01;
    padding:3px;
}


.submit{
    text-align:center;
    padding:10px;
}

.submit input{
    border-style: outset !important;
    border-color:#000;
    padding:5px 20px;
}

.projetos ul li{
	list-style:none;
}

.projetos ul li a{
	font-size:16px;
	font-weight:bold;
	color:#000099
}

.projetos ul li a:hover{
	text-decoration:underline;
}


/*Pagging*/

.paging{
    clear:both;
    text-align:center
}
.paging *{
  display: inline;
}


#flashmessage{
    margin:10px 60px;
    padding:10px;
    background:#DFF6FF;
    border:1px solid #000099;
    text-align:center;
}


.contagem{
    text-align:left;
}

.contagem h5{
    margin:10px 0;
    display:block;
    font-size:16px;
    color:#000099
}

.contagem strong{
   color:#000099
}


.contagem p{
    padding:5px 0;
    text-indent:30px;
     color:#000099
}


table{
    width:97%;
    margin:10px;
    border:1px solid #009;
}

th{
    color:#FFF;
    background:#000099;
    padding:5px
}
td{
    padding:5px;
    margin:1px;
}


.cors{
    background:#EEE;
}

.center{
    text-align:center;
}

.player{
    margin:10px 55px;
    margin-right:0;

}



.informativos ul{
	padding-left:30px;
	
}

.informativos ul li{
	margin-bottom:10px;
	list-style-image: url(img/marcador.jpg);	
}

.informativos ul li a{
	font-size:16px;
	font-weight:bold;
	color:#000099
		
}