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

body { margin:0; background-image: url(../images/fundo_topo.jpg); background-repeat: repeat-x;}

#tudo{ position:relative; float:left; }
#topo{ position:relative; float:left; }

#logo{ position:relative; float:left; text-align: center;}
#login{ position:relative; float:left; text-align:right;}
#pull{ position:relative; float:left; text-align: center; color:#445E1B; cursor:pointer;}
#menu{ position:relative; float:left;}

#banners{ position:relative; float:left; }

#topo_anima{ position:relative; float:left; width:100%; height:180px; margin:0 auto; }

#conteudo{ position:relative; float:left; width:100%; margin:0% auto 0% auto;  }

#rodape{ position:relative; float:left; background-color:#7CA53D; border-top:2px solid #445E1B; }
#rodape_logo{ position:relative; float:left;}
#rodape_midias{ position:relative; float:left;}
#rodape_fone{ position: relative; float: left;}


#header_agenda, #header_proposta, #header_comunicado, #header_objetivo, #header_escola, #header_localizacao, #header_galeria, #header_contato, #header_comunicados, #header_restrito{ position: relative; float: left; width: 100%; margin: 0% auto; border-top:1px solid #CCC;  border-bottom:1px solid #CCC; -webkit-box-shadow: 0px 5px 9px -1px rgba(194,194,194,0.5); -moz-box-shadow: 0px 5px 9px -1px rgba(194,194,194,0.6); box-shadow: 0px 5px 9px -1px rgba(194,194,194,0.5); background-color: #edf7dd; padding-top: 2%;}
#lapis{ position: relative; float: left; }
#agenda{ position: relative; float: left; background-color:#b6d691; padding: 2% auto; }

#salas_aulas{ position: relative; float: left; }
#comunicados{ position: relative; float: left; background-color:#b6d691; padding: 2% auto;}
/*background-color:#BECFC2;*/
#positivo{ position:relative; float:left; text-align:center;}
#positivo_texto{ position:relative; float:left; text-align:center;}

#popup{ position:absolute; width:80%; z-index:999; padding:5%; margin:5%; border-radius: 5px; -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; background-color:#F5F5F5; }

/*-- MEDIA QUERY --*/
@media screen and (max-width: 640px) { 
	#tudo{ width:100%; margin:0 auto; }
	#topo{ width:100%; margin:0 auto; }
	
	#logo{ width:80%; margin-left: 10%; text-align: center;}
	#login{ width:80%; margin:2% 10%; text-align:center; display:none; }
	#menu{ width:70%; margin:0 15%; display: none; text-align:center; background-color:#C2F5C6;}
	#pull{ width:10%; text-align: center; display: block;}
	
	#banners{ width:100%; margin:0% auto; height:auto; }
	
	#menu ul { list-style-type: none; margin:0%; padding:2% 0%; overflow: hidden; }
	#menu li { float: left; text-align: center; width:100%; margin:0% auto; padding:2% 0% }
	#menu li a { display: block; text-align: center; text-decoration: none; }
	#menu li a:hover:not(.active) { background-color: #E8FF00; }
	#menu li a.active { color: white; background-color: #0F8A0A; }
	
	#lapis{ width:96%; margin:5% 2%; text-align:center;}
	#agenda{ width:96%; margin:2%;}
	
	#salas_aulas{ width: 96%; margin:2%; }
	#comunicados{ width: 96%; margin:2%; }
	
	#positivo{ width:96%; margin:0% 2%; }
	#positivo_texto{ width:96%; margin:0% 2%; clear:both; }
	
	#rodape{ width:100%; margin:0% auto; }
	#rodape_logo{ width: 96%; margin:2%;}
	#rodape_midias{ width: 96%; margin:2%;}
	#rodape_fone{ width: 96%; margin:2%;}
	
}
@media screen and (min-width: 640px) { 
	#tudo{ width:100%; margin:0 auto; }
	#topo{ width:100%; margin:0 auto; }
	
	#logo{ width:18%; margin:1%; text-align: center;}
	#login{ width:65%; margin-top:10px; text-align:right;}
	#menu{ width:78%; margin:0% 1%; text-align: center;}
	#pull{ display: none;}
	
	#banners{ width:100%; margin:0% auto; height:280px; }
	
	#menu ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
	#menu li { float: left; text-align: center; margin: 1% 2%; }
	#menu li a { display: block; text-align: center; text-decoration: none; }
	#menu li a:hover:not(.active) { background-color: #4CAF50; }
	#menu li a.active { color: white; background-color: #597337; }
	
	#lapis{ width:42%; margin:2% 4%;}
	#agenda{ width:42%; margin:2% 4%;}
	
	#salas_aulas{ width: 50%; margin:2% auto; }
	#comunicados{ width: 42%; margin:2% 4%; }
	
	#positivo_texto{ width:40%; margin:0% 5%; text-align:center;}
	#positivo{ width:40%;  margin:0% 5%; text-align:center;}
	
	#rodape{ width:100%; margin:0% auto;}
	#rodape_logo{ width: 30%;}
	#rodape_midias{ width: 40%;}
	#rodape_fone{ width: 30%;}
	
}

@media screen and (max-width: 320px) {}
@media screen and (min-width: 321px) and (max-width: 640px) {}
@media screen and (min-width: 641px) and (max-width: 820px) {}
@media screen and (min-width: 820px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}


.textoTitulo, .textoTitulo a:active, .textoTitulo a:link, .textoTitulo a:visited{
	font-family: 'Handlee', cursive;
	font-weight:bold;
	font-size:1.375em;
	color:#030;
	text-decoration:none;
	text-align:left;
}
.textoTitulo a:hover{color:#33CC66;}

.textoSubTitulo, .textoSubTitulo a, .textoSubTitulo a:active, .textoSubTitulo a:visited{
	font-family: 'Handlee', cursive;
	font-weight:bold;
	font-size:1.125em;
	color:#030;
	text-decoration:none;
	text-align:center;
}
.textoSubTitulo a:hover{color:#FFFF00;}

.textoConteudo, .textoConteudo a, .textoConteudo a:active, .textoConteudo a:visited{
	font-family: 'Handlee', cursive;
	font-size:1.125em;
	color:#030;
	text-decoration:none;
	text-align:left;
}
.textoConteudo a:hover{color:#33CC66;}

.textoSubConteudo, .textoSubConteudo a, .textoSubConteudo a:active, .textoSubConteudo a:link, a:visited{
	font-family: 'Handlee', cursive;
	font-size:1em;
	text-align:left;
	color:#030;
	text-decoration:none;
	line-height:150%;
}
.textoSubConteudo a:hover{color:#FFFF00; text-decoration:none;}

.textoRodape{
	text-align:center;
	font-family: 'Handlee', cursive;
	font-size:0.875em;
	color:#030;
}
.textoMenu, .textoMenu a:active, .textoMenu a:link, .textoMenu a:visited{
	font-family: 'Handlee', cursive;
	font-size:1em;
	font-weight:bold;
	padding-bottom:3px;
	color:#597337;
	text-decoration:none;
}
.textoMenu a:hover{
	color:#F1FF8E;
	background-color:#597337;
}
.textoRestricao{
	font-family: 'Handlee', cursive;
	font-size:0.825em;
	color:#666;
	text-decoration:none;
}
.textoRestricao a:hover{
	text-decoration:none;
}
.textoRestricao a:active{
	text-decoration:none;
}

.input{
	font-family: 'Handlee', cursive;
	font-size:0.825em;
	color:#666;
	background-color:#EEE;
	border:1px #999 solid;
	padding:2px;
}
.inputContato{
	background-color:#FFF;
	border:1px #CCC solid;
	padding:3px;
	margin:5px;
}

.textoData{
	font-family: 'Raleway', sans-serif;
	font-size:1.25em;
	color:#042104;
	text-decoration:none;
}

.textoIconTitulo, .textoIconTitulo a:link, .textoIconTitulo a:active, .textoIconTitulo a:visited{
	font-family: 'Alex Brush', cursive;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
}
.textoIconTitulo a:hover{
	color:#FF0;
}

.ativo{ background-color:#BECFC2; padding:2%; }
/*
input[type=text], input[type=password], input[type=password], select {
    width: auto;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=submit] {
    width: auto;
    color: white;
	background-color: #8ca38d;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}
*/
.alerta{ 
	font-family: 'Handlee', cursive;
	font-size:1em;	
	text-decoration:none;
	line-height:150%;
	color:#B00C0F;
}