@charset "utf-8";
/* CSS Document */

* {margin:0;}
body { margin-left: 0px; margin-top: 0px; }
#tudo{ position: relative; float: left; width: 100%; margin: 0% auto; }
	
#topo{ position: relative; float: left; text-align: center; }
#selo{ position: relative; float: left; text-align: center; }
#logo{ position: relative; float: left; text-align: center; }
#midias{ position: relative; float: left; text-align: center; }	

#tarja_dir{ position: relative; float: right; text-align: right; background-image: url(../images/tarja_dir.png); background-position: top right; background-repeat: no-repeat; min-height: 140px;}	
#pull{ position: relative; float: left; text-align: center; cursor: pointer;}

#menu{ position: relative; float: left; text-align: center; background-color: #002E45; clear: both; }

#banners{ position: relative; float: left;  }
	
#projeto{ position: relative; float: left;background-color: #F1F1F1; clear: both; border-top: 2px solid #002E45;
-webkit-box-shadow: 0px -3px 9px -1px rgba(194,194,194,0.6); -moz-box-shadow: 0px -3px 9px -1px rgba(194,194,194,0.6); box-shadow: 0px -3px 9px -1px rgba(194,194,194,0.6); }
	#projeto-selo{ position: relative; float: left; }		
	#projeto-texto{ position: relative; float: left; }
	#projeto-texto-fundo{ position: absolute; width: 100%; z-index: 0; }
	#projeto-texto-info{ position: relative; float: left; z-index: 1; background-image: url(../images/projeto-texto-fundo.png); background-position: top center; background-repeat: repeat; }
	#projeto-texto-foto{ position: relative; float: right; z-index: 1; vertical-align: bottom;}

#consultorias{ position: relative; float: left; background-color: #EDEDED; clear: both; border-top: 2px solid #002E45;
-webkit-box-shadow: 0px -3px 9px -1px rgba(194,194,194,0.6); -moz-box-shadow: 0px -3px 9px -1px rgba(194,194,194,0.6); box-shadow: 0px -3px 9px -1px rgba(194,194,194,0.6); }
	#consultorias-itens{ position: relative; float: left; text-align: center; }
	#consultorias-selo img{ cursor: pointer; }

#cursos{ position: relative; float: left; background-color: #E0E0E0; clear: both; border-top: 2px solid #002E45;
-webkit-box-shadow: 0px -3px 9px -1px rgba(194,194,194,0.6); -moz-box-shadow: 0px -3px 9px -1px rgba(194,194,194,0.6); box-shadow: 0px -3px 9px -1px rgba(194,194,194,0.6); }
	#cursos-itens{ position: relative; float: left; text-align: center; }
	#cursos-selo img{ cursor: pointer; }

#descontos{ position: relative; float: left; background-color: #F1F1F1; clear: both; border-top: 2px solid #002E45;
-webkit-box-shadow: 0px -3px 9px -1px rgba(194,194,194,0.6); -moz-box-shadow: 0px -3px 9px -1px rgba(194,194,194,0.6); box-shadow: 0px -3px 9px -1px rgba(194,194,194,0.6); }
	#descontos-selo{ position: relative; float: left; }		
	#descontos-tabela{ position: relative; float: left; }
	
#rodape{ position: relative; float: left; width: 100%; margin: 0% auto; text-align: center; border-top: 2px solid #002E45; -webkit-box-shadow: 0px -3px 9px -1px rgba(194,194,194,0.6); -moz-box-shadow: 0px -3px 9px -1px rgba(194,194,194,0.6); box-shadow: 0px -3px 9px -1px rgba(194,194,194,0.6); background-color: #229b88; clear: both;} 

#rodapeLogo{position: relative; float: left; text-align: center; width: 100%; margin: 0 auto; padding: 1% 0%; background-color: #e0e0e0; border-bottom: 2px solid #066355;}

#rodapeAssinatura{ position: relative; float: left; text-align: center; width: 100%; margin: 0 auto; padding: 1% 0%; }
#rodapeMidias{ position: relative; float: left; text-align: center; width: 100%; margin: 0 auto; padding: 2% 0%; background-color: #213041; border-top: 2px solid #002e45; -webkit-box-shadow: 0 -3px 9px -1px rgba(194,194,194,.6); -moz-box-shadow: 0 -3px 9px -1px rgba(194,194,194,.6); box-shadow: 0 -3px 9px -1px rgba(194,194,194,.6); }

#up{ position:fixed; float:right; width:40px; height:40px; line-height:40px; background-color:#325b2f; font-size:1.275em; text-align:center; font-weight:bold; margin-bottom:10px; bottom:0; right:0; margin-right:10px; z-index:999; border-radius:5px; border:1px solid #FFFFFF; color:#FFF; }

.ativo{ background-color: #00A651; padding: 0% 2%; }


/*-- MEDIA QUERY --*/
@media screen and (max-width: 640px) {
	#topo{ width: 100%; margin: 0% auto; }
	#selo{ width: 92%; margin: 0% 4%; padding: 2% auto; height: auto; text-align: center; background-color: #FFFFFF;  }
	#logo{ width: 80%; margin: 2% auto; margin-right: 10%; text-align: center; background-color: #FFFFFF;}
	#midias{ width: 100%; margin: 2% auto; display: none;}
	#tarja_dir{ display: none; }
	#pull{ width: 10%; margin: 2% auto; display: block; padding-top: 20px; }
	
	#menu{ width: 100%; margin: 2% auto; text-align: center; display: none;}
	#menu ul { padding:2% 0%; list-style:none; }
	#menu ul li { width: 94%; margin: 0% 3%; }
	
	#banners{ width: 100%; margin: 2% auto; text-align: center; }
	
	#projeto{ width: 100%; margin: 0% auto; height: auto;  }
	#projeto-selo{ width: 100%; margin: 0% auto; }		
	#projeto-texto{ width: 100%; margin: 0% auto; }
	#projeto-texto-info{ width: 100%; margin: 0% auto; }		
	#projeto-texto-foto{ width: 100%; margin: 0% auto; }
	
	#projeto-texto-fundo{ width: 100%; z-index: 0; }
	#projeto-texto-info{ width: 80%; margin: 5% auto; }
	#projeto-texto-foto{ width: 80%; margin: 0% 10%; text-align: center; }	
	
	#consultorias{ width: 100%; margin: 0% auto; }
	#consultorias-itens{ width: 92%; margin: 2% 4%; }
	
	#cursos{ width: 100%; margin: 0% auto;  }
	#cursos-itens{ width: 92%; margin: 2% 4%; }
	
	#descontos{ width: 100%; margin: 0% auto; height: auto;  }
	#descontos-selo{ width: 100%; margin: 0% auto; }		
	#descontos-tabela{ width: 100%; margin: 0% auto; }
	
}

@media screen and (min-width: 641px) {
	#topo{ width: 100%; margin: 0% auto; }
	
	#logo{ width: 41%; margin: 0% auto; margin-left: 4%; padding-top: 3%; }
	#selo{ width: 33%; margin: 0% auto; }
	#midias{ width: 12%; margin: 0% auto; padding-top: 3%; }
	#tarja_dir{ width: 10%; margin: 0% auto; }
	#pull{ display: none; padding-top: 20px; }
	
	#menu{ width: 100%; margin: 0% auto; }	
	#menu ul { padding:2% 0%; list-style:none; }
	#menu ul li { display: inline; margin: 0% 3%; }
	
	#banners{ width: 100%; margin: 0% auto; padding: 2% auto; text-align: center; }	
	
	#projeto{ width: 100%; margin: 0% auto; margin-top: -22px; padding-top: 1%;}
	#projeto-selo{ width: 100%; margin: 0% auto; }		
	#projeto-texto{ width: 100%; margin: 0% auto; }
	
	#projeto-texto-fundo{ width: 100%; }
	#projeto-texto-info{ width: 62%; z-index: 1; padding-left: 8%; margin: 5% auto; }
	#projeto-texto-foto{ width: 26%; margin-right: 4%; }
	
	#consultorias{ width: 100%; margin: 0% auto;  padding-top: 1%; }
	#consultorias-itens{ width: 30%; margin: 2% 1.666666666666667%; min-height: 160px;}
	
	#cursos{ width: 100%; margin: 0% auto;  padding-top: 1%;}
	#cursos-itens{ width: 30%; margin: 2% 1.666666666666667%; min-height: 320px;}
	
	#descontos{ width: 100%; margin: 0% auto;  padding-top: 1%;}
	#descontos-selo{ width: 92%; margin: 0% auto; padding: 0% 4%; }		
	#descontos-tabela{ width: 92%; margin: 0% auto; padding: 0% 4%; }
}

@media screen and (max-width: 1024px) {
	
	
}

/*
@media screen and (min-width: 321px) and (max-width: 480px) {}

@media screen and (min-width: 481px) and (max-width: 648px) {}

@media screen and (min-width: 649px) and (max-width: 768px) {}

@media screen and (min-width: 769px) and (max-width: 1024px) {}

@media screen and (min-width: 1025px) {}
*/

.button{ background-color: #002E45; color: #FFF; border: 0; font-weight: bold; cursor: pointer; width: 100%; margin: 0% auto; padding: 2% 0%; }

.texto-titulo-grande{
	font-family: 'Khand', sans-serif;
	font-size: 3em;
	color: #213041;
	font-weight: bold;
}

.texto-titulo{ 
	font-family: 'Khand', sans-serif;
	font-size: 1.5em;
	color: #00597b;
	font-weight: 700;
	text-decoration: none;
}
.texto-titulo a:link,  .texto-titulo a:active,  .texto-titulo a:visited {	
	text-decoration: none;
	color: #00597b;
}
.texto-titulo a:hover{	
	color: #229b88;
}

.texto-conteudo, .texto-conteudo a:link, .texto-conteudo a:active, .texto-conteudo a:visited {
	font-family: 'Khand', sans-serif;
	font-size: 1em;
	color: #585857;
	font-weight: 400;
	text-decoration: none;
}
.texto-conteudo a:hover{
	color: #00A651;
}

.texto-menu, .texto-menu a:link, .texto-menu a:active, .texto-menu a:visited {
	font-family: 'Khand', sans-serif;
	font-size: 1.2em;
	color: #FFF;
	font-weight: 400;
	text-decoration: none;
	font-style: oblique;
}
.texto-menu a:hover{
	color: #9FFF0F;
}

.texto-rodape{
	font-family: 'Khand', sans-serif;
	font-size: 0.8em;
	color: #A5FFF8;
}
.texto-projeto-info{
	font-family: 'Khand', sans-serif;
	font-size: 1.2em;
	color: #FFF;
	font-weight: 400;
	text-decoration: none;	
}

.input { width:95%; background-color: #F9FCFF; border:1px solid #30682c; height:30px; padding:4px; margin:5px; color:#30682c; font-size:1em; }