body {
	font: 1em/150% Arial, Helvetica, sans-serif;
	
	
	
	/* DEPOIS */
	/*background-image: url(../imgs/bg_topo_site.jpg);*/
    background-repeat: no-repeat; 
    background-attachment: scroll;
    background-position: top center;
	
	
	background: url(../imgs/bg_topo_site.jpg) top center no-repeat;/*, url(../imgs/bg_site.jpg) top center repeat;*/

	
	
}
a {
	color: #669;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font: bold 36px/100% Arial, Helvetica, sans-serif;
}

img {
	width: 100%;  /* FAZ COM QUE A IMAGEM SE ADAPTE A LARGURA TOTAL DA DIV  */
	height: auto;
}

h3 {
	padding:0;
	margin:0 0 5px 0px;
	line-height:15px;
	/*text-transform:uppercase;*/
	color:#313131;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
}

h4 {
	padding:0px 0px 3px 0px;
	margin:5px 108px -20px 0px;
	
	line-height:12px;
	/*text-transform:uppercase;*/
	color:#313131;
	font-family: 'Open Sans', sans-serif;
	
	font: 0.9em/150% Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/


/*MENU PARA MOBILE  */

/* FIM DO CSS MOBILE */







#pagewrap {
	padding: 5px;
	width: 960px;
	margin: 20px auto;
	margin-top : 50px; /* DEPOIS  */
	margin-bottom : 0px; /* DEPOIS  */
	
	
}
#header {
	/*height: 180px;*/
vertical-align: middle;
}

#topo {
	width: 100%; /*600px;*/
	/*height: 180px;*/
	float: left;
	/*background-color:#ffffff;*/
}



#top1 
{ 
  float: left; 
  width: 30%; 
  height : 160px;
  /*background-color: #cccddd;*/
  border-width: 0px;
  /*margin-top : 10px;
  margin-bottom : 10px;*/
  /*text-align: center;		
  margin:0 auto;*/
  text-align: left;

  

  
  
  
  
 }
 
 #top1 img {
    width: 85%;
	height: auto;
	/*width: 65%;*/
	/*height: 150px;*/  /* FAZ COM QUE A IMAGEM SE ADAPTE 80% DA LARGURA TOTAL DA DIV  */
	/*margin-top: 5px;*/

	text-align: left;
	vertical-align: middle;
	margin-top: 25px;
	/*margin-bottom : 10px;*/
}
 
 #top2 
{ float: left; 
  width: 55%; 
  height : 160px;
  /*background-color: #000fff;*/
 /* background-image:url(imgs/logo_topo.png);*/
  background-repeat: no-repeat;
  border-width: 0px;
  /*margin-top : 10px;
  margin-bottom : 10px;*/
  text-align: center;		
  margin:0 auto;
  
 }
 
 #top2 img {
    width: auto;
	/*height: 100%;*/
	/*height: 150px;*/  /* FAZ COM QUE A IMAGEM SE ADAPTE 80% DA LARGURA TOTAL DA DIV  */
	/*margin-top: 5px;*/
	vertical-align: top;

	
	
}

 #top3
{ float: left; 
  width: 15%; 
  /*background-color: #dddddd;*/
  border-width: 0px;
  /*margin-top : 10px;
  margin-bottom : 10px;*/
  text-align: center;		
  margin:0 auto;
  margin-top: 130px;
 }

#top3 img {
    width: 30px;
	height: auto;
	padding: 4px;
	vertical-align: bottom;
	/*height: 150px;*/  /* FAZ COM QUE A IMAGEM SE ADAPTE 80% DA LARGURA TOTAL DA DIV  */
	/*margin-top: 5px;*/
	/*vertical-align: middle;*/

	
	
}



 

#menu {
	width: 100%; /*600px;*/
	float: left;
	background-color:#ffffff;
	height: 50px; /* APAGAR DEPOIS */
	
 
  /*opacity:0.6;
  filter:alpha(opacity=60);*/ /* For IE8 and earlier */
  
  border-radius: 6px;
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;

}

#menumobile {
	width: 100%; /*600px;*/
	float: left;
	background-color:#ffffff;
	height: auto; /* APAGAR DEPOIS */
    padding: 7px 0px 10px 0px;	
 
  /*opacity:0.6;
	filter:alpha(opacity=60);*/ /* For IE8 and earlier */
    border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

}


#mob_menumobile {
	display: none;
}

#menumobile {
	display: none;
}


/* CONFIGURAÇÃO DO MENU */

#menu ul {
	padding: 1px;
	margin: 11px 0;
	list-style: none;
	background-color: #fff;
	/*border-bottom: 1px solid #e7e7e7;*/
	float: left;
	clear: left;
	font: 2em/150% Arial, Helvetica, sans-serif;
	
	
}

#menu ul li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0 0 0 15px ;
	
	
}

#menu ul li a {
	text-decoration: none;
	float:left;
	color: #1f3f4a;
	cursor: pointer;
	font: 200 12px/18px "Arial", Helvetica, sans-serif;
	
	
}

#menu ul li a span {
	margin: 0 5px 0 -10px;
	padding: 4px 8px 5px 12px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
	
	
}

#menu ul.blue li a.current, ul.blue li a:hover {
	background: url(../imgs/blue.png) no-repeat top center;
 	color: #FFFFFF;
}

#menu ul.blue li a.current span, ul.blue li a:hover span {
	background: url(../imgs/blue.png) no-repeat top center;
	color: #FFFFFF;
	
}




/* FIM DA CONF DO MENU */



/* CONFIGURAÇÃO DO MENUMOBILE */

#menumobile ul {
 padding: 0px;
	margin:5px 0 0 0;
	
	list-style:none;
	text-align: center; 
	font-size:80%;
	font-weight: bold;
		vertical-align: middle;
	}

#menumobile ul li { display: inline; 
text-align: center; 
margin:2px 1px 0 1px;


} 

#menumobile ul li a {
	padding: 5px 2px 5px 2px;
	display: inline-block;
 
	/* visual do link */
	/*background-color: #1f3f4a;*/
	color: #333;
	text-decoration: none;
	/*width: 19%;*/

	
}

#menumobile ul.blue1 li a.current, ul.blue1 li a:hover {
	background: url(../imgs/bluem.png) no-repeat top center;
 	color: #FFFFFF;
}

#menumobile ul.blue1 li a.current span, ul.blue1 li a:hover span {
	background: url(../imgs/bluem.png) no-repeat top center;
	color: #FFFFFF;
	
}

/* FIM DA CONF DO MENUMOBILE */




















#menuesq 
{ float: left; 
  width: 67%; 
  /*background-color: #eeesss;*/
  border-width: 0px;
  margin-top : 10px;
  margin-bottom : 10px;
  text-align: left;		
  margin:0 auto;
  
  
 }
 
#menutaq
{ float: left; 
  width: 8.5%; 
  /*background-color: #eeesss;*/
  border-width: 0px;
  margin-top : 10px;
  margin-bottom : 10px;
  text-align: left;		
  margin:0 auto;
 }
 
 #menutaq img
{ 
  width: 100%; 
  height: auto;
  margin-top: 10px;
  
 }
 
#menudir 
{ float: right; 
  width: 24%; 
  /*background-color: #eeeccc;*/
  border-width: 0px;
  margin-top : 10px;
  margin-bottom : 10px;
  
  text-align: right;		
  margin:0 auto;
  
  
 }  
 
 input, select, textarea {
background-color: #1f3f4a;
border: 1px solid #781351;
color: #FFFFFF;

}

#content {
	width: 69%; /*600px;*/
	float: left;
	padding: 17px;
	text-align: justify;
	
	/* border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	*/
	background-color:#cccccc;
	border-radius: 7px 7px 7px 7px;  /* TOPOESQUERDO  X X  BAIXOESQUERDO */
	-moz-border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	border: solid 2px #2a4c68;
	padding: 18px;
}

#content2 {
	width: 69%; /*600px;*/
	
	float: left;
	padding: 17px;
	text-align: justify;
	/*background-color: #283255;

	 border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	*/
	
	
	background-color:#ffffff;
	border-radius: 7px 7px 7px 7px;  /* TOPOESQUERDO  X X  BAIXOESQUERDO */
	-moz-border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	border: solid 2px #2a4c68;
	padding: 6px;
	
	
	
}

#sidebar {
	width: 25%;
	float: right;
	/*padding: 4px 4px 0px 4px;*/
	
	 border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#sidebar img {
	width: 100%;
	height: auto;
	border: solid 2px #f0efef;
	 border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}

#content1 {
	width: 100%; /*600px;*/
	float: left;
	display: none;
	
	
}


#cursos {
	width: 100%; /*600px;*/
	float: left;
	/*background-color:#ffffff;
   opacity:0.6;
  filter:alpha(opacity=60);*/ /* For IE8 and earlier */
  

}

#cursos img {
	width: 95%;  /* FAZ COM QUE A IMAGEM SE ADAPTE 80% DA LARGURA TOTAL DA DIV  */
	/*margin-top: 5px;*/
	vertical-align: middle;
	margin-bottom : 10px;
	border: solid 2px #ccc;
	
}

#cursos h3 {
	color:#ffffff;
	
}

#news {
	width: 100%; /*600px;*/
	float: left;
	background-color:#ffffff;
	border-radius: 7px 0px 0px 7px;  /* TOPOESQUERDO  X X  BAIXOESQUERDO */
	
	-moz-border-radius:7px 0px 0px 7px;
	-webkit-border-radius:7px 0px 0px 7px;

	
}
#news img {
	width: 100%;  /* FAZ COM QUE A IMAGEM SE ADAPTE 80% DA LARGURA TOTAL DA DIV  */
	/*margin-top: 5px;*/
	vertical-align: middle;
	
	
}

#servicos {
	width: 100%; /*600px;*/
	float: left;
	
}

#servicos img {
	width: 80%;  /* FAZ COM QUE A IMAGEM SE ADAPTE 80% DA LARGURA TOTAL DA DIV  */
	margin-top: 5px;
}

#videos {
	width: 100%; /*600px;*/
	float: left;
	border-radius: 7px;
	
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	
	padding: 7px 0 0 0;
}

#videos img {
	width: 95%;  /* FAZ COM QUE A IMAGEM SE ADAPTE 80% DA LARGURA TOTAL DA DIV  */
	/*margin-top: 5px;*/
	vertical-align: middle;
	margin-bottom : 10px;
}

#fanpage {
	width: 100%; /*600px;*/
	float: left;
	border-radius: 5px 5px 0px 0px;
	
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	/*padding: 10px 0 0 10px;*/
	
	padding: 7px 0 0 0;
	border-left: solid 2px #2a4c68;
	border-top: solid 2px #2a4c68;
	border-right: solid 2px #2a4c68;
	
	
}

#rodape {
	width: 100%; /*600px;*/
	float: left;
	
	border-radius: 0px 0px 7px 7px;  /* TOPOESQUERDO  X X  BAIXOESQUERDO */
    -moz-border-radius: 0px 0px 7px 7px;
	-webkit-border-radius: 0px 0px 7px 7px;
	
	border-left: solid 2px #2a4c68;
	border-right: solid 2px #2a4c68;
	border-bottom: solid 2px #2a4c68;
	
}

#rodape h3 {
	padding:0;
	margin:0 0 0px 0px;
	line-height:28px;
	/*text-transform:uppercase;*/
	color:#313131;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
}




#footer {
	clear: both;
}

#ccur 
{ float: left; 
  width: 25%; 
  /*background-color: #ffffff;*/
  border-width: 0px;
  margin-top : 10px;
  margin-bottom : 10px;
  text-align: center;		
  margin:0 auto;
  

 }


#cnews 
{ float: left; 
  width: 50%; 
  height: 100%;
  /*background-color: #ffffff;*/
  border-width: 0px;
  margin-top : 10px;
  margin-bottom : 10px;
  text-align: center;		
  margin:0 auto;
   
 }

#cnews ol {
	list-style-type: decimal;
	text-align: left;
}  
 
#cnews ol decimal {
	list-style-type: decimal;
	text-align: left;
} 

#c1a 
{ float: left; 
  width: 25%; 
  /*background-color: #aaaaaa;*/
  border-width: 0px;
  margin-top : 10px;
  margin-bottom : 10px;
  text-align: center;		
  margin:0 auto;


  
 }
 
 #cvid 
{ float: left; 
  width: 25%; 
  /*background-color: #aaaaaa;*/
  border-width: 0px;
  margin-top : 10px;
  margin-bottom : 10px;
  text-align: center;		
  margin:0 auto;
 }
 
 #cfan 
{ float: left; 
  width: 100%; 
  background-color: #ffffff;
  border-width: 0px;
  /*margin-top : 10px;
  margin-bottom : 10px;*/
  text-align: center;		
  margin:0 auto;
  
 }
 
#rodunidades 
{ float: left; 
  width: 35%; 
  /*background-color: #eeeddd;*/
  border-width: 0px;
  margin-top : 10px;
  margin-bottom : 10px;
  text-align: left;		
  margin:0 auto;
  padding: 10px;
 
 }
 
#rodunidades ul {
	padding:0 0 0 2px;
	
	margin:0px;
	/*background-color:#EDEDED;*/
	/*list-style:disc;*/
	list-style:none;
	
}


#rodnews
{ float: left; 
  width: 30%; 
  /*background-color: #eeeddd;*/
  border-width: 0px;
  margin-top : 10px;
  margin-bottom : 10px;
  text-align: left;		
  margin:0 auto;
  padding: 10px; 
 }
 
#rodnews ul {
	padding:0 0 0 18px;
	
	margin:5px;
	background-color:#EDEDED;
	list-style:disc;
	
}

#rodmenu
{ float: left; 
  width: 27.0%; 
  /*background-color: #eeeddd;*/
  border-width: 0px;
  /*margin-top : 10px;
  margin-bottom : 10px;*/
  text-align: left;		
  margin:0 auto;
  padding: 10px;
 }
 
#rodmenu ul {
	padding:0 0 0 18px;
	
	margin:5px;
	background-color:#EDEDED;
	list-style:disc;
	
}

	
#fesq{
	display:block;
	float:left;
	width:50%;
	/* margin:0 0 0 2px; padding:0;*/
	/*background: #FF0000;*/
}

#fdir{
	display:block;
	float:right;
	text-align: right;
	width:50%;
	/*margin:0 2px 0 0px;	padding:0;*/
	/*background: #FFFFFF;*/
}

	
 
 #men 
{ float: left; 
  width: 50%; 
  background-color: #eeeddd;
  border-width: 0px;
  margin-top : 10px;
  margin-bottom : 10px;
  text-align: center;		
  margin:0 auto;
 }

 
 #clear { clear: both; }



/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 97%;
	}
	
	#topo {
		width: 100%;
	}
	
	#menu {
		width: 100%;
		display: none;  /* NAO MOSTRAR EM DISPOSITIVOS MÓVEIS  */
	}
	
	#mob_menumobile {
		display: none;
		width: 100%;
		
	}
	
	#menumobile {
		display: block;
		width: 100%;
		
	}
	
	#content {
		width: 65%;
	}
	#aprovados {
		font-size: 0.8em;
	}
	#sidebar {
		width: 30%;
	}
	
	#content1 {
		width: 100%;
		/*display: block;*/
		
	}
	
	#cursos {
		width: 100%;
	}
	#news {
		width: 100%;
		border-radius: 7px 7px 0px 0px;  /* TOPOESQUERDO  X X  BAIXOESQUERDO */
		
		-moz-border-radius: 7px 7px 0px 0px;
		-webkit-border-radius: 7px 7px 0px 0px;
	}
	
	#news h2 {
		/*padding:0;
		margin:0 0 0px 0px;
		line-height:28px;*/
		padding: 15px 0px 0px 0px;
		/*text-transform:uppercase;*/
		/*color:#313131;
		font-family: 'Open Sans', sans-serif;
		font-weight:800;*/
	}
	
	#servicos {
		width: 100%;
	}
	#videos {
		width: 100%;
	}
	#fanpage {
		width: 100%;
		display: none;  /* NAO MOSTRAR EM DISPOSITIVOS MÓVEIS  */
	}
	#rodape {
		width: 100%;
	}
	
	

}

/* for 700px or less */
@media screen and (max-width: 700px) {

	#topo {
		width: auto;
		float: none;
	}
	
	#menu {
		display: none;
		width: auto;
		float: none;
		
	} 
	
	#mob_menumobile {
		display: none;
		width: auto;
		float: none;
		
	}
	
	#menumobile {
		width: auto;
		float: none;
		display: block;
	} 

	
	#top1 {
		width: 85%;  
		float: none;
		
	}
	/**/  /* FAZ COM QUE A DIV OCUPE A LARGURA TODA - se deixar LARGURA COMO AUTO, NÃO FICA BOM*/
	#top1 img {
		width: auto;  
		height: 75%;
		float: none;
		
	}
	
	
	#top2 {
		width: 75%;  
		float: left;
		display: none;
	}
	/**/  /* FAZ COM QUE A DIV OCUPE A LARGURA TODA - se deixar LARGURA COMO AUTO, NÃO FICA BOM*/
	
	#top3 {
		width: 25%;  
		float: left;
		text-align: right;
		display: none;
	}
	/**/  /* FAZ COM QUE A DIV OCUPE A LARGURA TODA - se deixar LARGURA COMO AUTO, NÃO FICA BOM*/
	
	#top3 img {
		width: 20%;  
		height: 20%;
	}
	
	
	#content {
		width: auto;
		float: none;
		margin-top : 10px;
		padding: 10px;
	}
	#aprovados {
		font-size: 0.8em;
	}
	#content1 {
		width: auto;
		float: none;

	}
	
	#cursos {
		width: auto;
		float: none;
	}
	#news {
		width: auto;
		float: none;
	}
	#servicos {
		width: auto;
		float: none;
	}
	#videos {
		width: auto;
		float: none;
	}
	#fanpage {
		width: auto;
		float: none;
	}
	#rodape {
		width: auto;
		float: none;
	}
	
	
	
	/*
	#c1a {
		width: auto;
		float: none;
	}
	*/  /* FAZ COM QUE A DIV OCUPE A LARGURA TODA*/
	
	
	#ccur {
		width: 50%;  
		/*float: none; */
		float : left; /* COM NONE, FICA 1 CURSO POR LINHA. COM LEFT, FICA 2 */
	}
	/**/  /* FAZ COM QUE A DIV OCUPE A LARGURA TODA - se deixar LARGURA COMO AUTO, NÃO FICA BOM*/
	
	
	#cvid {
		width: 50%;  
		/*float: none; */
		float : left; /* COM NONE, FICA 1 CURSO POR LINHA. COM LEFT, FICA 2 */
	}
	/**/  /* FAZ COM QUE A DIV OCUPE A LARGURA TODA - se deixar LARGURA COMO AUTO, NÃO FICA BOM*/
	
	
	#cnews {
		width: auto;  
		float: none;
	}
	
	#rodunidades {
		width: auto;  
		float: none;
		
	}
	#rodunidades ul{
		font-size: 0.8em;
	}
	
	
	#rodnews {
		width: auto;  
		float: none;
	}
	#rodmenu {
		width: auto;  
		float: none;
	}
	
	
	
	#sidebar {
		width: auto;
		float: none;
	}
	
	

	
	

}

/* for 480px or less */
@media screen and (max-width: 480px) {

	#header {
		height: auto;
	}
	h1 {
		font-size: 24px;
	}
	
	#menu {
		width: 100%;
		display: none;  /* NAO MOSTRAR EM DISPOSITIVOS MÓVEIS  */
	}
	
	#content {
	  margin-top : 10px;
	  padding: 10px;
	}
	
	#aprovados {
		font-size: 0.8em;
	}
	
	
	#menumobile {
		display: none;
		width: 100%;
		
	}
	
	#mob_menumobile {
		display: block;
		width: 100%;
		
	}
	
	
	
	/*#sidebar {
		display: none;
	}*/

}

/* border & guideline (you can ignore these) */

#topo {
	/*background: #ffffff;*/
}

#menu {
	/*background: #ffffff;*/
}
#menumobile {
	/*background: #ffffff;*/
}

/*
#content {
	background: #f8f8f8;
}
*/
#content1 {
	
	background: #ffffff;
	border-radius: 7px 7px 7px 7px;  /* TOPOESQUERDO  X X  BAIXOESQUERDO */
	-moz-border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	border: solid 2px #2a4c68;
	
}
#cursos {
	/*background: #ffffff;*/
}
#news {
	/*background: #f8f8f8;*/ /* NAO TERA PLANO DE FUNDO */
}
#servicos {
	/*background: #f8f8f8;*/ /* NAO TERA PLANO DE FUNDO */
}
#videos {
	background: #ffffff; /* NAO TERA PLANO DE FUNDO */
}
#fanpage {
	background: #ffffff;
}
#rodape {
	background: #ededed;
}

#content {
	background: #ffffff;
	border-radius: 7px 7px 7px 7px;  /* TOPOESQUERDO  X X  BAIXOESQUERDO */
	-moz-border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	border: solid 2px #2a4c68;
}
/*, #sidebar*/

#header, #topo, #menu, #content, #content1, #cursos, #news, #servicos, #videos, #fanpage, #rodape, #sidebar {
	margin-bottom: 15px;
}


#fanpage {
	margin-bottom: 0px;
}

#mob_menumobile {
	margin-bottom: 0px;
}

#menumobile{
	margin-bottom: 15px;
}

#pagewrap, #header, #topo, #menu, #mob_menumobile, #menumobile, #content, #content1, #cursos, #news, #servicos, #videos, #rodape, #sidebar, #footer {
	border: solid 0px #ccc; /* COLOQUEI TODAS AS BORDAS 0 PARA TESTE */
}

#fanpage {
	border: solid 0px #ffffff;
}