/*
#################################

Este arquivo contem todas as definicoes de dimensoes de caixa,
de posicionamento e exibicao (display) dos elementos da página

PROPRIEDADES COMUNS: width, height, padding, margin, border,
position, display, top, left, right, bottom...

#################################
############ INDICE ###############

	1.  REGRAS GERAIS
		1.1 FORMULARIOS
	2. TOPO
		2.1 MENU
	3. DESTAQUE
	4. CONTEUDO
		4.1 PAGINA DE CONTATO
	5. COLUNAS
	6. RODAPE

##################################
*/

/*
##################################
	1. REGRAS GERAIS
##################################
*/

table {
	width: 400px;
	margin: 20px auto;
}

table td, table th {
	padding: 5px;
}

#container {
	width: 775px;
	margin: auto;
	position: relative;
}
#topo, #rodape, #conteudo , #blocosSecundarios, .bloco {
	position: relative;
}

.bloco {
	margin: 5px 0;
	padding: 5px;
}
.bloco h2, .bloco h3 {
	margin: 0;
}
.bloco .conteudo {
	padding: 5px;
}

ul li {
	margin: 5px 0;
}

.bloco .conteudo img {
	padding: 2px;
}

p.marcador {
	text-indent: 10px;
}

table tr th, table tr td
{
	padding: 4px;
}
table tr td 
{
	border-bottom: 1px solid #005E9B;
}
table tr.zebra td 
{
	background: #BFE5FF;
}

/*
##################################
	1.1 FORMULARIOS
##################################
*/

.form-matricula 
{
	width: 425px;
	margin: auto;
}

.form-matricula .input-text 
{
	width: 350px;
}
fieldset 
{
	border: 1px solid #4091C9;
	padding: 5px;
	margin: 20px 0;
}
fieldset legend 
{
	font-weight: bold;
	font-size: 14px;
	margin: 0 10px;
}
/*
##################################
	2. TOPO
##################################
*/

#topo {

}

#topo h1 {
	margin: 0;
	top: 5px;
	left: -5px;

}
#topo h1 a {

}

/*
##################################
	2.1 MENU
##################################
*/


#menuPrincipal ul li a {
	margin-right: 0;
	margin-left: 0;
	padding-top: 33px;
}
#menuPrincipal ul li {
	position: relative;
}
#menuPrincipal {
	position: absolute;
	left: 230px;
	top: 5px;
}

.menuDropDown .menu {
	position: absolute;
	left: 0;
	top: 37px;
	width: 200px;
	z-index: 60 !important;
	display: none;
}
.menuDropDown .menu ul li a {
	margin: 10px 0 0 0 !important;
	padding-top: 0;
	display: block;
}
.menuDropDown .menu ul li {
	display: block;
	padding: 0 6px;
	height: auto !important;
	float: none;
}
.menuDropDown .menu ul li.ultimo {
	padding-right: 0;
}
.menuDropDown .menu ul li.itemPai .menu {
	width: 200px;
	top: 31px;
}

.menuDropDown  .menu ul li.ultimo {
	padding-right: 0;
}

.menuDropDown  .menu ul li.itemPai .menu ul li {
	padding: 0;
}
.menuDropDown  .menu ul li.itemPai .menu ul li a {
	margin-top: 0 !important;
	padding: 0 5px 5px 10px !important;
}

#menuPrincipal ul li.itemPai:hover > .menu {
	display: block;
}

#menuPrincipal ul li.itemHome a {
	width: 98px;
}
#menuPrincipal  ul li.itemInstitucional a {
	width: 110px;
}
#menuPrincipal  ul li.itemCursos a {
	width: 90px;
}
#menuPrincipal  ul li.itemGalerias a {
	width: 107px;
}
#menuPrincipal ul li.itemFaleConosco a {
	width: 139px;
}
.menuDropDown  .menu ul li a {
	height: auto !important;
	margin-top: 0 !important;
	width: auto !important;
	padding: 5px 3px !important;
}

#menuInstitucional {
	margin-top: 70px;
	padding-top: 22px;
	position: relative;
}

#menuInstitucional h2 {
	position: absolute;
	top: -5px;
	left: 15px;
	padding-left: 17px;
}

#menuInstitucional .conteudo {
	padding-bottom: 11px;
}
#menuInstitucional .conteudo ul {
	margin: 0;
}
#menuInstitucional .conteudo ul li {
	padding-bottom: 3px;
	
}
#menuInstitucional .conteudo ul li.ultimo {
	padding-bottom: 0;
}
#menuInstitucional .conteudo ul li a {
	padding: 3px 0 3px 25px;
	display: block;
}
#menuInstitucional .conteudo ul li a:hover, #menuInstitucional .conteudo ul li.ativo a {
	padding: 3px 0 3px 45px;
}

/*
##################################
	3. DESTAQUE
##################################
*/

#flashDestaque
{
	width: 538px;
	height: 176px;
}

/*
##################################
	4. COLUNA LATERAL
##################################
*/

#auxiliar {
	width: 215px;
	float: left;
	margin-top: 55px;
	z-index: 5;
	position: relative;
}

#auxiliar .bloco .conteudo {
	padding: 15px 0;
}
#auxiliar .bloco .links a {
	padding: 2px 6px 2px 25px;
}

#cursos .conteudo ul {
	
}

#auxiliar .marcador {
	padding-left: 10px;
}

.divisor {
	padding-bottom: 13px;
	background: url(../../_Imgs/blocoColAuxiliarDiv.jpg) no-repeat center bottom;
}
#auxiliar .blocoAcordeao {
	padding: 4px;
	position: relative;
}
#auxiliar .blocoAcordeao .conteudo {
	padding: 0;
	display: none;
	position: absolute;
	left:-1px;
	top: 20px;
	width: 203px;
}
#auxiliar .blocoAcordeao h3 a{
	display: block;
}

/*
##################################
	4. CONTEUDO
##################################
*/
#center {
	float: left;
	width: 100%;
	margin-left: -215px;
}
#conteudo {
	z-index: 2;
	margin-left: 215px;
	padding-bottom: 40px;
	min-height: 440px;
}
#conteudo .conteudoDetalhe {
	padding: 0 14px;
}
#flashDestaque {
	height: 170px;
	padding-top: 15px;
	margin-bottom: 60px;
	position: relative;
	z-index: 1;
}
#quemSomos .conteudo img {
	margin-right: 10px;
}
#quemSomos .conteudo p {
	margin: 0;
}
#conteudo .bloco .links li {
	padding-left: 10px;
}

#boletim .conteudo {
	padding-right: 78px;
}
#boletim .conteudo .imagemDest {
	position: absolute;
	right: 5px;
	top: 1px;
}

#indique .input-text {
	width: 100%;
}

#conteudo h2 
{
}
#conteudo h2 span 
{
	padding: 0 0 2px 10px;
	display: block;
}

.thumbs .thumb 
{
	border: 1px solid #ccc;
	padding: 4px;
	width: 200px;
	float: left;
	margin: 5px;
}
.thumbs .thumb .legenda 
{
	border: 1px solid #4496CE;
	padding:4px;
	margin-top: 5px;
}

.imagemQuemSomos 
{
	float: left;
	margin-right: 5px;
}

/*
##################################
	4.1 PAGINA DE CONTATO
##################################
*/



/*
##################################
	5. COLUNAS
##################################
*/
.colunas  {
	padding-bottom: 10px;
}
.colunas .coluna-1 {
	width: 245px;
	float: left;
	margin: 0 10px;
}
#colunasSec {
	margin-top: 20px;
	padding: 0;
}
#colunasSec .coluna .bloco {
	margin-bottom: 20px;
	min-height: 73px;
}
#acessoRapido .conteudo ul{
	margin-left: 15px;
}
#acessoRapido .conteudo ul li {
	width: 100px;
	margin-right:2px;
	float: left;
}
/*
##################################
	6. RODAPE
##################################
*/


.logoOrkut 
{
	position: absolute;
	top: -30px;
	right: 125px;
	z-index: 10;

}
.logoCFO {
	position: absolute;
	right: 70px;
	top: -30px;
	z-index: 10;

}
.logoMEC {
	position: absolute;
	right: 25px;
	top: -30px;
	z-index: 10;

}


#rodape  {
	height: 40px;
	padding-top: 15px;
	clear: both;
	position: relative;
	z-index:5;
}

#rodape p {
	margin: 0;
}

#rodape p.copyright {

}
#rodape p.desenvolvimento {
	position: absolute;
	right:0;
	top: 20px;
}

#rodape p.desenvolvimento a {
	width: 95px;
	padding-top: 25px;
}