body {
	position:relative; 
	background-color: #FFFFFF;
	margin:auto auto auto auto; 
	font:  76% Verdana, Helvetica, Arial, sans-serif;                                     
	max-width:1000px;  
	min-width:770px; 
	}
	
/* ESTRUTURA */
#vai {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 20px;
  }

#header {
	background-color:#ffffff;
	height:128px;	

	}
#header-top {
	position:relative;
	color: #000000;
	background-color:#CCCC99;
	height:20px;
	line-height: 18px;
	}

#menu-top-1 { 
    position: absolute;
    left: 30px;
    margin-top: 2px;
}
#menu-top-2 { 
     position: absolute;
     right: 5px;
     margin-top: 2px;
}
#pagebody {
      float:left;
      background-color:#ffffff;
      }
#lateral {
    	width:20%; 
    	height:100%;
    	font-size:1.1em;
    	background-color:#ffffff;
    	float:left;
	}
#content {
      margin-left: 185px;
      margin-right: 0px;
      background-color:#ffffff;
      }
      
/* Menu Navegacao */    

#top-menu-navegacao{
    width: 580px;
    margin-left: 10px;
    border-bottom:1px solid #007B3E; 
    height: 20px;   
}	
#menu-navegacao{
    width: 548px;
    margin-top: 5px;
    margin-left: 10px;
    padding-top: 0.2em;
    padding-left: 33px;
    background-color: #eeeeee;
    height: 1.9em;
}
/* Conteúdo */   

#areaconteudo {
    margin-top:10px;
}
      
#dica {
    width: 695px;
}

/* informativo */
#informa ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#informa li {
    margin: 0px;
    display: inline;
    padding: 2px;
}
#informa li a {
    font-size: 1em;
    color: #ffffff;
    text-decoration: none;
    padding-left: 30px;
    color: #3C93D2; /* define a cor da fonte */ 
    text-decoration: none;
} 
#informa li a:hover {
    text-decoration: underline;
}

/* agenda da semana */
#agenda ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#agenda li {
    list-style: none;
    margin: 0px;
    padding: 2px;
}
#agenda li a {
    list-style: none;
    font-size: 1em;
    color: #ffffff;
    text-decoration: none;
    padding-left: 30px;
    color: #3C93D2; /* define a cor da fonte */ 
    text-decoration: none;
} 
#agenda li a:hover {
    list-style: none;
    text-decoration: underline;
}

/* Legenda Figura */
div.figura {
  float: left;
  margin-left: 20px;
  margin: 0.5em;
  padding: 0.5em;
}
div.figura p {
  display: block;
  text-align: center;
  font-style: normal;
  text-indent: 0;
}
/* Voltar */
#voltar {
	color:#CCCCCC; 
	background:#eeeeee ;
		height: 20px;
	font-size:1.0em;
	padding:0.3em 0 0.5em 0;
	text-align:right;
	clear:both;
	padding-right: 60%
}
/* Rodape*/ 

#footer {
	color:#ffffff;
	background:#2d5d9d ;
	font-size:1.0em;
	padding:0.3em 0 0.5em 0;
	text-align:center;
	clear: both;
	height:50px;
	width: 790px;

}

/* ------- FORMATOS ----------- */


.separador-materia {
    border-bottom:1px dashed #eeeeee; 
    margin: 10px;
    }
.separador-menu {
    border-bottom:1px solid #007B3E; 
    margin: 1px;
    }
.separador-acesse {
    border-bottom:1px solid #eeeeee; 
    margin: 10px;
    }
/* Para cada matéria, criar uma classe como as abaixo */
.materia1 {

}
.materia2 {
    margin-top: 40px;
}
.materia3 {
    margin-top: 15px;
}

/* Padrões*/

h2 {
      font-size: 1.3em;
			background-image: url(../img/texto.gif)  ; 
			background-repeat:no-repeat;
			margin-left: 30px;
			padding-right: 20px;
			padding-left: 15px;
			color: #336699;
			text-align:left;   
			font-weight: bold;
}
p {
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
}
img {
  border:  none;
}
th {
      vertical-align: top;
      padding-bottom: 8px;
      padding-left: 8px;
      padding-right:8px;
      display: block;
      font-size: 1.1em;
      border-width: 1px;
			text-align:left;   
}
/* Menu topo Previdencia*/

.logoescola{
 position: absolute;
 left: 15px;
 width: 580px;
 height: 79px;
}

.logoaula {
 position: absolute;
 right: 15px;
 width: 117px;
 height: 79px;
}

a:link, a:visited {  
      color: #01619B;
			text-decoration: none;
			}
			
a:hover {  
			text-decoration: underline;
      }

/* Menu topo superior*/
.item-menu-top-1 {
    color:#000000;
    font-size: 1em;
    font-weight: bold;
        }
        
a.item-menu-top-1 {
    color:#000000;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
        }
.item-menu-top-2 {
    color:#666666;
    font-size: 1.2em;
    font-family: Arial, Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold; 
        }
a.item-menu-top-2 {
    color:#666666;
    font-size: 1.2em;
    font-family: Arial, Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold; 
    text-decoration: none;
        }
.item-submenu {
    font-family: Verdana;
    color:#666666;
    font-size: 1em;
    font-weight: bold;
        }
.h2 {
      font-size: 1.3em;
			background-image: url(../img/texto.gif)  ; 
			background-repeat:no-repeat;
			margin-left: 30px;
			padding-right: 20px;
			padding-left: 15px;
			color: #336699;
			text-align:left;   
			font-weight: bold;
}
.image a {
      border: none;
}
/* Menu Escola da Previdencia 1*/

#menu-previdencia-1{
    width: 170px;
    padding: 0px;
    top: 6px;
    margin: 0px;
    font-size: 0.8em;
    font-weight: bold;
}
#menu-previdencia-1 ul {
    width: 170px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#menu-previdencia-1 li {
    border-bottom:2px solid #eeeeee;
    padding-left: 10px;
    margin: 0px;
}
#menu-previdencia-1 li a {
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    background-color: #ffffff;
    color: #3C93D2; /* define a cor da fonte */ 
    text-decoration: none;
}
#menu-previdencia-1 li a.subitem {
    display: block;
    padding-left: 10px;
    background-color: #ffffff;
    color: #3C93D2; /* define a cor da fonte */ 
    text-decoration: none;
    font-weight: normal;
}
#menu-previdencia-1 li a.moodle {
    display: block;
    padding-left: 5px;
    background-color: #ffffff;
    color: #6B57CC; /* define a cor da fonte */ 
    text-decoration: none;
}    
#menu-previdencia-1 li a.moodle:hover {
    display: block;
    padding-left: 5px;
    background-color: #CFC9EF;
    color: #6B57CC; /* define a cor da fonte */ 
    text-decoration: none;
}
#menu-previdencia-1 li a:hover {
    background-color: #eeeeee; /* cor do fundo */
}

/* Fix IE. Hide from IE Mac \*/
* html #menu-previdencia-1 ul li { float: left; height: 1%; }
* html #menu-previdencia-1 ul li a { height: 1%; }
/* End */

/* Menu Escola da Previdencia 2*/

#menu-previdencia-2 {
    font-size: 0.7em;
    color: #999999;
    width: 170px;
    padding: 0px;
    margin-top: 5px;
    font-size: 0.9em;
    font-weight: normal;
    float: none;
}

/* Fix IE. Hide from IE Mac \*/
* html #menu-previdencia-2 ul li { float: left; height: 1%; }
* html #menu-previdencia-2 ul li a { height: 1%; }
/* End */

/* menu Navegação */
#menu-ferramenta {
    top: 135px;
    padding: 3px;
}
#menu-ferramenta ul {
    list-style: none;
    padding: 3px;
    height: 30px;
    margin: 1px;
    height:1%;
}
#menu-ferramenta li {
    background-color: #E9eff3;
    display: inline;
    margin: 0px;
}
#menu-ferramenta li a {
    border:1px solid #E0EEF8; 
    font-size: 1em;
    text-decoration: none;
    padding: 5px;  
    color: #3C93D2; /* define a cor da fonte */ 
    text-decoration: none;
}
#menu-ferramenta li a:hover {
    border:1px solid #007B3E; 
    background-color: #d8d8d8;  
}
/* fim menu ferramenta */
.navegacao {
	font-size: 1em;
	color: #60A1CC;
	font-weight: bold;
}
.data {
  padding-left: 200px;
	font-family: verdana;
	font-size: 1.0em;
	color: #007B3E;
}

.folha {
  margin-left: -4px;
}

a.linkdois:link, a.linkdois:visited{
	color: #3C93D2;
	text-decoration: none;
	font-size: 1.1em;
}
a.linkdois:hover {
	color: #3C93D2;
	text-decoration: underline;
	font-size: 1.1em;
}
a.linkdois:active {
	color: #3C93D2;
	text-decoration: underline;
	font-size: 1.1em;
}
.materia {
  padding-bottom: 10px;
  border-bottom:1px solid #007B3E; 
    }
/* Content */
.destaque {
	color: #007B3E;
}
.fotoalign {
  float: left; 
  padding: 8px;
}

/* menu Acesse Também */
.acessetb {
    display: block;
    padding-left: 15px;
    height: 18px;
    background-color: #236698;
    color: #FFFFFF; /* define a cor da fonte */ 
    text-decoration: none;
    font-weight: bold;
}
/* fim */

/* menu acesse também links */

.acesseenap, a.acesseenap:link, a.acesseenap:visited  {
      display: block;
      font-size: 0.8em;
      height: 42px;
			background-image: url(../img/enap.gif)  ; 
			background-repeat:no-repeat;
			margin-left: 15px;
      margin-top: 3px;
      padding-left: 50px;
			color: #3C93D2;
			text-align:left;
			font-weight: bold;

}
.acesseenap1, a.acesseenap1:link, a.acesseenap1:visited {
      font-size: 0.9em; 
			color: #999999;
      text-align:left;
			text-decoration: none;
}
.acesseesaf {
      display: block;
      font-size: 0.8em;
      height: 42px;
			background-image: url(../img/esaf.gif)  ; 
			background-repeat:no-repeat;
			margin-left: 15px;
			padding-left: 50px;
			color: #3C93D2;
			text-align:left;   
			font-weight: bold;
			border-bottom: #000000;
}
.acesseunb {
      display: block;
      font-size: 0.8em;
      height: 42px;
			background-image: url(../img/unb.gif)  ; 
			background-repeat:no-repeat;
			margin-left: 15px;
			padding-left: 50px;
			color: #3C93D2;
			text-align:left;   
			font-weight: bold;
			border-bottom: #000000;
}
.acessemec {
      display: block;
      font-size: 0.8em;
      height: 42px;
			background-image: url(../img/mec.gif)  ; 
			background-repeat:no-repeat;
			margin-left: 15px;
			padding-left: 50px;
			color: #3C93D2;
			text-align:left;   
			font-weight: bold;
			border-bottom: #000000;
}
.acessedominio {
      display: block;
      font-size: 0.8em;
      height: 42px;
			background-image: url(../img/dp.gif)  ; 
			background-repeat:no-repeat;
			margin-left: 15px;
			padding-left: 50px;
			color: #3C93D2;
			text-align:left;   
			font-weight: bold;
			border-bottom: #000000;
}
.tabelaagenda {
      color: #4f4f4f;
      margin-right: 20px;
      display: block;
      border-width: thin;
      border-style: solid;
      border-color: #eeeeee;
      font-weight: normal;
      background-color: #FFFFFF;
}
#th1, #th2, #th3, #th4, #th5 {
      width: 20%;
      border-right: 5px;
}
.agenda1, a.agenda1:link, a.agenda1:visited {
	    font-size: 0.8em;
	    font-weight: normal;
      color: #007B3E;
      text-align: justify;
}
a.agenda1:hover {
  color: #000088;
}
.segunda {
      display: block;
      background-color: #eeeeff;
      padding: 8px;
}
.terca {
      display: block;
      background-color: #F3F0FF;
      padding: 8px;
}
.quarta {
      display: block;
      background-color: #F0FFEA;
      padding: 8px;
}
.quinta {
      display: block;
      background-color: #F1F0FF;
      padding: 8px;
}
.sexta {
      display: block;
      background-color: #F2FAFF;
      padding: 8px;
}
.lista {
      padding-left: 30px;
}
.titcursos {
      font-size: 1.1em;
      padding-bottom: 5px;
			background-image: url(../img/arrow.png); 
			background-repeat:no-repeat;
			margin-left: 50px;
			padding-left: 15px;
			color: #000000;
			text-align: justify; 
			font-weight: bold;
} 
.titcursos1 {
      font-size: 1.1em;
			background-repeat:no-repeat;
			margin-left: 50px;
			padding-left: 15px;
			color: #000000;
			text-align: justify; 
			line-height:150%;
			padding-right: 80px;
			font-weight: bold;
			
} 

.textocursos {
      font-size: 1.0em;
			margin-left: 70px;
			padding-right: 80px;
			padding-bottom: 20px;
			line-height:150%;
			text-align: justify; 
      color: #666666;
			font-weight: normal;
} 
.textoequipe {
      font-size: 0.9em;
			margin-left: 118px;
			padding-right: 80px;
			padding-bottom: 20px;
			line-height:150%;
			text-align: justify; 
			color: #666666;
			font-weight: normal;
}
.textoresp {
      font-size: 0.9em;
			margin-left: 158px;
			padding-right: 80px;
			padding-bottom: 20px;
			line-height:150%;
			text-align: justify;
			color: #666666;
			font-weight: normal;
} 
.hcursos {
			color: #666666;
			text-align:left;
			font-weight: bold;
}
.espaco {
			line-height:150%;
			text-align: justify; 
      color: #666666;
      padding-right: 80px;
}
.espaco1 {
			line-height:150%;
			text-align: justify; 
      color: #666666;
      padding-right: 80px;
			margin-left: 30px;
}
.item-sub {
    color:#333333;
    font-size: 1em;
    font-style: italic;
        }