//* 
/   Version 1.1
*/

/* IMPORTS ------------------------------------------------------------*/

@import url('reset.css');

@import url('styled-elements.css');

/* HACKS ------------------------------------------------------------*/

.clear{
	clear:both;
	height:1px;
}
.inv{ display:none; }

.alignleft{
	float: left;
	margin: 5px 10px 5px 0px;
}
/* GENERAL ------------------------------------------------------------*/

html, body{ height:  600px; width: 100%;
   margin-top: auto;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 0px;} 

body {
    /* border: 1px solid;
    border-color: #000000;*/
	line-height: 1;
	color: #7a7e83;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  100%;
	font-size: 12px;  /* tamanho letra geral*/
	line-height: 1.5em;
}
 .tudo {
    width: 600px;
}
.tudo img {
    float: left;
}
.tudo p {
    padding-left: 140px;
}
 
 body2 {
    height:  571px; width: 960px;/* posição cetral geral */
	 
    /*background: #E5E5E5;
	border: 1px solid;
    border-color: #CCFF00;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	

}

#fundo-externo {
    overflow: hidden; /* para que não tenha rolagem se a imagem de fundo for maior que a tela */
    width: 100%;
    height: 100%;
    position: relative; /* criamos um contexto para posicionamento */
	 background:  #97DDFF; 
}
 
#fundo {
    position: fixed; /* posição fixa para que a possível rolagem da tela não revele espaços em branco */
    width: 100%;
    height: 100%;
	 
}
 
#fundo img {
	width: 100%; /* com isso imagem ocupará toda a largura da tela. Se colocarmos height: 100% também, a imagem irá distorcer */
	position: absolute;
	left: 36px;
}
 
#site {
    position: absolute;
    top:   -20px;
    left: 50%;
    width: 760px;
    padding: 20px;
    margin-left: -300px; /* por causa do posicionamento absoluto temos que usar margem negativa para centralizar o site */
   /* background: #FFF ;  fundo branco para navegadores que não suportam rgba */
    /*background: rgba(255,255,255,0.8) ; ultima parte que muda fundo branco com um pouco de transparência */
}
 
p {
    margin-bottom: 1.5em;
}
#foldertempohora{
	position: absolute;
	/*border: 1px solid;  
    border-color: #0000FF;
	 background: url(../img/azulpeq.png) repeat;
	*/
	height: 30px;
	width: 900px; 
	margin-top:     -36px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:  100px;
  
   	 background:#000000;
    border-radius:  10px  0px    0px  10px; 
}
#hora{
	position: absolute;
	/*border: 1px solid;  
    border-color: #0000FF;
	 background: url(../img/azulpeq.png) repeat;
	*/
	height: 30px;
	width: 190px;
	margin-top:     0px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:  850px;
	background: #0000FF;
	border-radius:  10px  60px    0px  10px;
	left: 42px;
	top: 0px;
}
#barra{
	width:  190px; 
	height: 20px;
    /*background: #034079;
    border: 1px solid;
    border-color: #0000CC;
	margin-top:  0px;
	margin-left: 5px;
	border-radius: 10px 10px 10px 10px;*/
}
#login2{    /*------------------------------------ login */
	width: 245px;
	height: 310px;
    position: relative;
 	background: #666666;/*overflow: visible;
     border: 1px solid;
    border-color: #006633;*/
	
	margin-top:  -700px;
	margin-right: 60px;
	margin-bottom:4px;
	margin-left:  80px;
	border-radius: 10px 10px 10px 10px; 
} 
.logo{
	position: absolute;
	/*border: 1px solid;   background: #0000FF;
    border-color: #0000FF;
	 background: url(../img/Logo.png) repeat; border-radius:  10px  60px    0px  10px;
	*/
	height: 70px;
	width: 200px; 
	margin-top:     540px;
	margin-right:     0px;
	margin-bottom: auto;
	margin-left:   840px;
      
   	
    
	filter:opacity(alpha=30);
        -moz-opacity:0.1;
        opacity:0.3;
}
#aviso{
	position: absolute;
	/*border: 1px solid;  
    border-color: #0000FF;*/
	 
	height: 20px;
	width: 720px; 
	margin-top:     px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:  0px;
    background: #FFFFFF;
    border-radius:    5px   5px      5px   5px; 
}
#minebarra{
	position: absolute;
	/*border: 1px solid;  
    border-color: #0000FF;*/
	 
	height: 7px;
	width: 75px; 
	margin-top:     -88px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:  340px;
    background : #FF0000;
   
    border-radius:   10px   60px      0px   10px; 
}
 #atencao{
	position: absolute;
	/*border: 1px solid;  
    border-color: #0000FF;*/
	 
	height: 25px;
	width: 305px; 
	margin-top:     -107px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:  80px;
    background : #FF0000;
   
    border-radius:   20px   60px      0px   20px; 
}
.atencao{   /* --------------------------------------------- atecao*/
	
	display: block; 
   /* float: left ; 
	
	border: 1px solid;  
    border-color: #FFFFFF;*/
	height:20px;
	width: 300px; 
	margin-top:  1px;
	margin-right:auto;
	margin-bottom: auto;
	margin-left:  6px;
	text-decoration: none;
	  
}

.aviso{   /* --------------------------------------------- aviso*/
	
	display: block; 
   /* float: left ; 
	*/
	border: 1px solid;  
    border-color: #FFFFFF;
	height:35px;
	width: 730px; 
	margin-top:  7px;
	margin-right:auto;
	margin-bottom: auto;
	margin-left:  235px;
	text-decoration: none;
	  
}





#folder7{
	position: absolute;
	/*border: 1px solid;  
    border-color: #FFFFFF;*/
	height: 46px;
	width: 100px; 
	margin-top:     - 6px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:  233px;
   background:url(../img/logo3.png) no-repeat;
     
}
#tampa{
	position: absolute;
	/*border: 1px solid;  
    border-color: #FFFFFF;*/
	height: 46px;
	width: 100px; 
	margin-top:     0px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:  740px;
  background: url(../img/azulpeq.png) repeat;
     
}
#foldertempo{
	position: absolute;
	/*border: 1px solid;  
    border-color: #0000FF;*/
	height: 46px;
	width: 415px; 
	margin-top:     3px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left: 5px;
 
}
#barrageral{
	position: absolute;
	/*border: 1px solid;  
    border-color: #0000FF;*/
	height: 28px;
	width: 100%; 
	margin-top:     -28px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:   0px;
   background: url(../img/azulpeq.png) repeat;
    border-radius:  0px  0px    0px  0px; 
}
#folderhora{
	position: absolute;
	/*border: 1px solid;  
    border-color: #0000FF;*/
	height: 40px;
	width: 155px;
	margin-top:       -4px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:   16px;
	border-radius:  60px  0px   60px  0px;
	left: 17px;
	top: -1px;
}
#folderdata{
	position: absolute;
	/*border: 1px solid;  
    border-color: #0000FF;*/
	height: 20px;
	width: 420px; 
	margin-top:     0px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:   20px;
 
}
.style1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #FFFFFF; }
 .style12 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; }
input {
   border:none transparent;
     background:none transparent;  
}
.blink { text-decoration: blink; }
input[type=text] {
      
    padding: 2px 6px;
    margin: 1px 0;
    box-sizing: border-box;
	border-radius:5px;
	background: #FFFFFF;
}

input[type=password] {
     
    padding: 2px 6px;
    margin: 1px 0;
    box-sizing: border-box;
	border-radius:5px;
	background: #FFFFFF;
}
 
 
#menup{ /* posição menu horizontal */
	width:  200px;
	height: 20px;
    /*background: #E5E5E5;
	  border: 1px solid;
    border-color: #0000CC;*/
	margin-top:  -28px;
	margin-right:0px;
	margin-bottom: 0px;
	margin-left: 800px;
	position: absolute;
}
 
#menup22{ /* posição menu horizontal */
	width:  200px;
	height: 30px;
    /*background: #E5E5E5;
	  border: 1px solid;
    border-color: #0000CC;*/
	margin-top:  2px;
	margin-right:820px;
	margin-bottom: 0px;
	margin-left:  0px;
	position:  absolute;
}
#menupadm{ /* posição menu horizontal */
	width:  200px;
	height: 20px;
    /*background: #E5E5E5;*/
	  border: 1px solid;
    border-color: #0000CC;
	margin-top:  2px;
	margin-right:0px;
	margin-bottom: 0px;
	margin-left:   -720px;
	position: absolute;
}
 
 
#menupbarra{ /* posição menu horizontal */
	width:  10 px;
	height: 12px;
    /*background: #FFFFFF ;*/
	  border: 1px solid;
    border-color: #CCCCCC;
	margin-top:  -24px;
	margin-right:0px;
	margin-bottom: 0px;
	margin-left:  57px;
	position: absolute;
}
 #loginimgtop{   /* --------------------------------------------- dimenção barra topo*/
	
	width: 100%;
	display: block;  
	height: 33px;
	/*border: 1px solid;
    border-color: #0000CC;*/
	margin-top: auto
	margin-right:50px;
	margin-bottom: auto;
	margin-left: 150px;
	 
	/*background: url(../img/base_login.png) no-repeat;*/
}
.logoetica{   /* --------------------------------------------- logo etica*/
	
	display: block; 
    float: left ; 
	/*
	border: 1px solid;  
    border-color: #FFFFFF;*/
	height:120px;
	width: 600px; 
	margin-top:  -140px;
	margin-right:auto;
	margin-bottom: auto;
	margin-left: -10px;
	text-decoration: none;
	 
}
 
.folderetica{   /* --------------------------------------------- logo nome*/
	
	display: block; 
    float: left ; 
	/*
	border: 1px solid;  
    border-color: #FFFFFF;*/
	height:100px;
	width: 143px; 
	margin-top:  -138px;
	margin-right:auto;
	margin-bottom: auto;
	margin-left:  10px;
	background: url(../img/barracima.png) top; 
	 
}
.logoadm{   /* --------------------------------------------- logo nome*/
	
	display: block; 
    float: left ; 
	/*
	border: 1px solid;  
    border-color: #000000;*/
	height:550px;
	width: 710px; 
	margin-top:   0px;
	margin-right:auto;
	margin-bottom: auto;
	margin-left:   0px;
	background: url(../img/logo3.png) no-repeat center; 
	 
}
.logotexto{   /* --------------------------------------------- logo nome*/
	
	display: block; 
    float: left ; 
	/*
	border: 1px solid;  
    border-color: #FFFFFF;*/
	height:110px;
	width: 700px; 
	margin-top:  -186px;
	margin-right:auto;
	margin-bottom: auto;
	margin-left:  160px;
	text-decoration: none;
	 
}
#logoimg{   /* --------------------------------------------- dimenção topo*/
	
	width: 100%;
	 
	height: 170px;
	/*border: 1px solid;
    border-color: #096218;*/
	margin-top: 0px;
	margin-right:0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background: #77787C;}

#texto2{    /*-------- dimenção lateral esq texto */
	width: 150px;
	height: 290px;
    /*position: relative;
  	overflow: visible;
    border: 1px solid;
    border-color: #0000CC;*/
	position: absolute;
	margin-top:  0px;
	margin-right:5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background: #E5E5E5;  
} 
#login2{    /*------------------------------------ login */
	width: 190px;
	height: 130px;
    position: relative;
 	background: #E5E5E5;/*overflow: visible;*/
     border: 1px solid;
    border-color: #006633;
	
	margin-top:   5px;
	margin-right:180px;
	margin-bottom:4px;
	margin-left: 270px;
	border-radius: 10px 10px 10px 10px; 
} 
#loginlapbf{    /*------------------------------------ login */
	width: 145px;
	height: 110px;
    position: relative;
 	background: #E5E5E5;/*overflow: visible;*/
     border: 1px solid;
    border-color:#043F78;
	
	margin-top:  176px;
	margin-right:0px;
	margin-bottom: 0px;
	margin-left: 6px;
	border-radius: 10px 10px 10px 10px; 
}  
#alterarsenha2{    /*------------------------------------ alterarsenha */
	width: 190px;
	height: 220px;
    position: relative;
 	background: #666666; 
    margin-top:   20px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:  280px;
	border-radius: 10px 10px 10px 10px; 
	
} 
 
#senha2{    /*------------------------------------ alterarsenha */
	width: 180px;
	height: 211px;
    position: relative;
 	margin-top:  0px;
	margin-right:11px;
	margin-bottom: 2px;
	margin-left: 11px;
	border-radius: 10px 10px 10px 10px; 
} 
#menu5{
	width:  150px;
	height: 310px;
   /* background: #E5E5E5;
	  border: 1px solid;
    border-color: #0000CC;*/
	margin-top:  0px;
	margin-right:5px;
	margin-bottom: 0px;
	margin-left: 5px;
	
}

#menu5adm{
	width:  190px;
	height: 70px;
    background: #E5E5E5;
	/*  border: 1px solid;
    border-color: #0000CC;*/
	margin-top:  10px;
	margin-right:5px;
	margin-bottom: 0px;
	margin-left: 5px;
	
}
#barracal{
	width: 740px; 
	height: 3px;
    background: #999999;
	 /* border: 1px solid;
    border-color: #0000CC;
	margin-top:  0px;
	margin-left: 5px;
	border-radius:  10px 10px  10px 10px;*/
}
#barralink{
	width: 950px; 
	height: 3px;
    background: #00420C;
	 /* border: 1px solid;
    border-color: #0000CC;
	
	margin-left: 5px;*/margin-top:  0px;
	border-radius:  10px 10px  10px 10px;
}
#barraportal{
	width: 790px; 
	position: relative;
	height: 3px;
    background: #666666;
	margin-top:  2px;
	margin-right: auto;
	margin-bottom: auto;   
	margin-left:  5px;
	 /* border: 1px solid;
    border-color: #0000CC;
	 */
	border-radius:  10px 10px  10px 10px;
}
#barraportal2{
	width: 100%; 
	height: 1px;
    background:  #00420C;
	  /*border: 1px solid;
    border-color: #0000CC;*/
	margin-top: -60px;
	margin-right: auto;
	margin-bottom: auto;   
	margin-left: auto;
	 
}
#barrareuniao{
	width:  150px; 
	height: 4px;
    background: #666666;;
	/*  border: 1px solid;
    border-color: #0000CC;
	margin-top:  0px;
	margin-left: 5px;*/
	border-radius: 10px 10px 10px 10px;
}
  #barraprof{
 
	width:  200px; 
	height: 4px;
    background: #00420C;
	/*  border: 1px solid;
    border-color: #0000CC;
	margin-top:  0px;
	margin-left: 5px;*/
	border-radius: 10px 10px 10px 10px;
}
  
#barracont{
	width:  190px; 
	height: 9px;
    
}
#barra{
	width:  190px; 
	height: 4px;
    /*background: #034079;
    border: 1px solid;
    border-color: #0000CC;
	margin-top:  0px;
	margin-left: 5px;
	border-radius: 10px 10px 10px 10px;*/
}
#barra2{
	width:  190px; 
	height: 4px;
    background: #E5E5E5;
    /*border: 1px solid;
    border-color: #0000CC;
	margin-top:  0px;
	margin-left: 5px;
	border-radius: 10px 10px 10px 10px;*/
}

#lateralesqAdm{    /* ------------------------------------------- dimenção lateral menu Adm*/
	width: 200px;
	position: relative;
	height: 340px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	background: #FFFFFF;;
	border-radius: 10px 10px 10px 10px; 
	border: 1px solid;
    border-color: #043F78  
    
}
#lateralesq{    /* ------------------------------------------- dimenção lateral menu*/
	width: 150px;
	position: relative;
	height: 340px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	background: #FFFFFF;;
	/* border: 1px solid;
    border-color: #CC0033; */
    
}
 

.areaImagem{
    float:left;
    margin-top:10px;
}

.areaImagem img{
    width:400px;
}

.areaTexto{
    float:left;
    max-width:360px;
    margin-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #00420C; 
}
.areaTexto2{
    float:left;
    max-width:720px;
    margin-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #00420C;  
}
#lateraldirapre{    /* -------------------------------------                             ------ dimenção lateral direita*/
	width: 795px;
	 
	height: 313px;
	margin-top: 5px;
	margin-right: 0px;  
	margin-bottom: 0px;
	margin-left:  5px;
	 /*  border-radius: 10px 10px 10px 10px; 
	 border: 1px solid;
    border-color: #003300 ;*/
    Overflow: auto; 
}
#lateraldirapre2{    /* -------------------------------------                             ------ dimenção lateral direita*/
	width: 730px;
	   
	height: 330px;
	margin-top: 5px;
	margin-right: 0px;  
	margin-bottom: 0px;
	margin-left:  5px;
	background:#CCCCCC;
	 /*  border-radius: 10px 10px 10px 10px; 
	 border: 1px solid;
    border-color: #003300 ;*/
       
}
#lateraldir{    /* ------------------------------------ -- dimenção lateral direita*/
	width: 785px;
	 
	height: 340px;
	margin-top: 5px;
	margin-right: 0px;  
	margin-bottom: 0px;
	margin-left:  5px;
	  border-radius: 10px 10px 10px 10px; 
	 border: 1px solid;
    /*border-color: #666666 ; */
     
}
 

 
#lateraldirtexto{    /* ------------------------------------------- dimenção lateral direita*/
	width: 735px;
	 
	height: 340px;
	margin-top: 5px;
	margin-right: 15px;  
	margin-bottom: 0px;
	margin-left: 15px;
	border-radius: 10px 10px 10px 10px; 
	border: 1px solid;
    border-color: #043F78  ;/* */
    background: url(../img/lab2.png) no-repeat; 
}
#lateraldirtextoadm{    /* ------------------------------------------- dimenção lateral direita*/
	width: 735px;
	 
	height: 340px;
	margin-top: 5px;
	margin-right: 15px;  
	margin-bottom: 0px;
	margin-left: 15px;
	/*border-radius: 10px 10px 10px 10px; 
	border: 1px solid;
    border-color: #043F78  ; */
    
}
#lateraldiriniciar{    /* ------------------------------------------- dimenção lateral direita*/
	width: 790px;
	 
	height: 590px;
	margin-top: 10px;
	margin-right: 0px;  
	margin-bottom: 0px;
	margin-left: 5px;
	border-radius: 10px 10px 10px 10px; 
	 border: 1px solid;
    border-color: #999999; /*  */
     
}




.div_lateralesq{ 

display: block; 
float: none; 
width: 150px; 
margin-top: 5px;
margin-right:0px;
margin-bottom: 0px;
margin-left: 0px;
} 
 
.div_aviso{ 
 
display: block; 
float: right; 
width: 125px;
height: 45px; 
/*border: 1px solid;
border-color: #0000CC;  */
margin-top: -190px;
margin-right:610px;
margin-bottom: 0px;
margin-left: auto;
} 			

	   
.div_lateraldir{ 
 
display: block; 
float: right; 
width: 785px;
height: 340px;
/*border: 1px solid;
border-color: #0000CC;  */
margin-top: -3px;
margin-right:15px;
margin-bottom: 0px;
margin-left: auto;
} 			
.div_coord{ 
 
display: block; 
float: right; 
width: 240px;
height: 60px;
/*border: 1px solid;
border-color: #0000CC;  */
margin-top: 13px;
margin-right:495px;
margin-bottom: 0px;
margin-left: auto;
}
.div_secret{ 
 
display: block; 
float: right; 
width: 340px;
height: 80px; 
/* border: 1px solid;
border-color: #0000CC; */
margin-top:  -63px;
margin-right: 140px;
margin-bottom: 0px;
margin-left: auto;
} 			 			
#wrapper2{    /*----------------------------------------------- dimel*/
	width: 720px;
	position: relative;
	height: 560px;
	margin-top: 0px;
	margin-right:auto;
	margin-bottom: 0px;
	margin-left: auto;
	/* border: 1px solid;
    border-color: #0000CC;*/
}
.wrapper p{
	margin-bottom: 20px;
}

 

#logo{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 170px;
	width: 960px;
}


/* HEADERS --------------------------------------------------------*/

h1, h3,h4,h5{ 
	line-height: 1.3em;
	font-family: 'Yanone Kaffeesatz', arial, serif;
	color: #b0c4e1;
	font-weight: lighter;
}

h1{ font-size: 12px; }

h2{ font-size: 11px; line-height: 1.3em;
	font-family: 'Yanone Kaffeesatz', arial, serif;
	color: #F8A519;
	font-weight: lighter;}

h3{ font-size: 14px; }

h4{ font-size: 24px; }

h5{ font-size: 22px; }



#nav>li>ul ul{
	margin-top: 0px;
	border-radius: 0px 10px 10px 10px;
	-moz-border-radius: 0px 10px 10px 10px;
	-webkit-border-radius: 0px 10px 10px 10px;
}

#nav>li ul li a{
	display: block;
	padding: 10px 13px;
	display: block;
	font-size: 12px; /*tamanho letra dentro sub menu -----------------*/
	color:  #F8A519;
	text-decoration: none;
	border-radius: 0px 10px 10px 10px;
}

#nav>li ul li a span{
	display: block;
}




/*-----------------novo----------
       
		  hack para o IE não criar margens\*/
         
        * html ul li { float: left; height: 1%; }
        
        * html ul li a { height: 1%; }
       	
 

ul {/* Removendo Bullets e Identação                                        das Listas*/
    margin: 0;
    padding: 0;
    list-style: none;
    width: 150px;
	margin-right:0;
	
    }

ul li { /*Posicionando Itens da Lista*/
    position: relative;
	
    }
	

li ul {/* Posicionando itens do                                            sub-menu*/
    position: absolute;
	
    left: 150px;
    top: 0;
    display: none;
	width:  150px;
	height: 25px;
    } 
	
ul li a {/* Melhorando aparência dos links*/
    display: block;
    text-decoration: none;
    color:  #00420C;/* cor letra menu  site UFPB CCS*/
	background: #E5E5E5;
    border-top: 1px solid #F8A519;
    border-bottom: 1px solid #F8A519;
    padding: 9px;

	/*Exibindo o Submenu
    border: 1px solid  #CACACA; */
}
li:hover ul { /*Exibindo o Submenu*/
display: block;

/*border: 1px solid #ccc;*/ 

}
ul li a:hover{/* dentro menu Estilizando a Classe Hover
    text-decoration:underline;*/
    font-weight: bold;
    background:  #F8A519;/*cor botão UFPB.CCS*/
	
	
	}


	
	#menu4{
	/*border: 1px solid;
    border-color: #0000CC;*/
	width: 960px;
	 
	height: 29px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
}
	#menuba{/* barra menu
	border: 1px solid;
    border-color: #013F78;*/
	width: 100%;
	 
	height: 29px;
	margin-top: -5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background: #F8A519;
} 
 
#hora{ /* */
	width:  200px;
	height: 20px;
    background: #E5E5E5;
	  border: 1px solid;
    border-color: #0000CC;
	margin-top:  -20px;
	margin-right:0px;
	margin-bottom: 0px;
	margin-left: 830px;
	position: absolute;
}
#central{/* 
	border: 1px solid;
    border-color: #0000FF;*/
	width: 960px;
	  
	height: 350px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
}
#folderend{
	
	
    border: 1px solid;
    border-color: #0000FF; 
	height: 100px;
	width: 600px;
	margin-top:  60px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	 
     
}
	 
 #folderfim{
	
	
	/*border: 1px solid;
    border-color: #0000FF;*/
	height: 50px;
	width: 100%;
	margin-top:    -20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-decoration: none;
    background: #00420C ;
}
#folder{
	
	
	/*border: 1px solid;
    border-color: #0000FF;*/
	height: 70px;
	width: 100%;
	margin-top:  10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-decoration: none;
    background: #77787C;
}
.folder2{
	display: block; 
    float: left; 
	
	/*border: 1px solid;
    border-color: #0000FF;*/
	height: 40px;
	width: 100px; 
	margin-top:   105px;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left:  -820px;
 
     
}
.folder3{
	display: block  ; 
    float:left; 
	/*
		border: 1px solid;
    border-color: #0000FF;*/
	 
	height: 55px;
	width: 750px; 
	margin-top:  5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 80px;
	text-decoration: none;
     
}
.folder4{
	display: block; 
    float: right ; 
	
	/*border: 1px solid; portal brasil
    border-color: #0000FF;*/
	height: 40px;
	width: 100px; 
	margin-top:    108px;
	margin-right: 20px;
	margin-bottom: auto;
	margin-left:  0px;
 
     
}
.voltartopo{
	display: block; 
    float: right ; 
	/*border: 1px solid;  
    border-color: #0000FF;*/ 
	height: 25px;
	width: 144px; 
	margin-top:       00px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:   0px;
 
     
}

.folder5{
	display: block; 
    float: right ; 
	
	/*border: 1px solid; portal brasil
    border-color: #0000FF;*/
	height: 40px;
	width: 100px; 
	margin-top:   -233px;
	margin-right: 850px;
	margin-bottom: auto;
	margin-left:  0px;
 
     
}
.folder6{
	display: block; 
    float: right ; 
	/*border: 1px solid; portal brasil
    border-color: #0000FF;*/
	height: 90px;
	width: 100px; 
	margin-top:   -160px;
	margin-right: 860px;
	margin-bottom: auto;
	margin-left:  0px;
 
     
}
.folder7{
	display: block; 
    float: right ; 
	/*border: 1px solid; portal brasil
    border-color: #0000FF;*/
	height: 90px;
	width: 100px; 
	margin-top:   -168px;
	margin-right:    10px;
	margin-bottom: auto;
	margin-left:  0px;
 
     
}
.aviso{
	display: block; 
    float: right ; 
	/*border: 1px solid; portal brasil
    border-color: #0000FF;*/
	 
	margin-top:    -1px;
	margin-right:  46px;
	margin-bottom: auto;
	margin-left:  0px;
 
     
}
#link{
	position: relative;
	overflow: hidden ;
	width: 940px;
	height: 23px;
	 
	margin:  10px 0px 10px  10px;
	text-decoration: none;
	font-size:16px; color:  #F8A519; 

}

.style5 {color: #0000FF}
.style1 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; color: #FF0000;
}
.style8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.style7 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
.styleRe {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; }
.style9 {font-size: 14px}
.style10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;   color: #FBFBFB; }
.style11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #000066; }
.style31 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #00420C; }
.style33 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.style4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000066; }
.style12 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; }
.style15 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003300; }
.listar3{
	font-family:"Trebuchet MS", Arial, sans-serif; font-size:12px; color:#000033; font-weight:normal;}
	div #overflow5 {
	/* border:1px solid blue;*/
    backgroung-color:#ffffff;
	width: 700px;
	height: 300px;
	background-color: #FFFFFF;
}
.listar17{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #003300 ; font-weight: normal}
#conteudo_listar{
	width:550px; height:200px; margin-left:auto; margin-right:auto; margin-top:10px}
	 .listar1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:  #009; font-weight:normal}
	.listar5{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:  #009; font-weight: normal}
	.listar4{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #000066; font-weight: normal}
	.listar2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:  #009; font-weight:bold}
	.listar9{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:30px; color: #FFFFFF; font-weight:bold}
	.listar25{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:36px; color: #FFFFFF; font-weight:bold}
	.listar33{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color: #FFFFFF; font-weight:normal}
	
	
	.listar21{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; color: #FFFFFF; font-weight:bolder}
	.listar19{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color: #FFFFFF; font-weight: bolder}
	
	.listar15{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color: #003300 ; font-weight: normal}
	
	
/*  ------------menu horizontal-------*/
  
#menuexemplo2 {
/*border: none;*/
margin:0px;
font: 12px Arial   ;

}
#menuexemplo2 li {
/*list-style: none;*/
margin: 0;
display: inline-table;
}
#menuexemplo2 ul li { display: inline; }


#menuexemplo2 li a {
height:10px;margin:1px;
padding: 3px 2px;
/*text-decoration: none;
border-top: 1px solid #034079;
border-bottom: 1px solid #034079; */
background: #F8A519;

}
 
#menuexemplo2 li a:visited {
color: #FFFFFF; /*letra */
 
}
#menuexemplo2 li a:hover {
background:#F8A519; /* cor dentro ao clicar*/
/*color:  #CCCCCC;*/
 
 

}

	
	.data{
	
	margin-top:  -70px;
	margin-right: 3px;
	margin-bottom: 1px;
	margin-left: 3px;
	/*border: 1px solid; portal brasil
    border-color: #0000FF;*/
	height: 90px;
	width: 230px; 
	 
	
}
	
	.listar3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F8A519;
	font-weight:normal;
	margin-top: 1px;
	margin-right: 3px;
	margin-bottom: 1px;
	margin-left: 3px;
	width: 930px;
	 
	
}
.formulario3	{
    width:910px;
	margin:0  auto;
	height:330px;
	background-color: # F8A519;}
	 
#all{ width:650px;height:600px; }
#all .left, #all .right{ 
  float:left; 
  width:300px; 
  height:400px;
  border:1px solid #000;	
}
.blink { text-decoration: blink; }
input[type=text] {
     
    padding: 2px 6px;
    margin: 1px 0;
    box-sizing: border-box;
	border-radius:5px;
}

input[type=password] {
     
    padding: 2px 6px;
    margin: 1px 0;
    box-sizing: border-box;
	border-radius:5px;
}
input[type=button], input[type=submit], input[type=reset] {
    background-color:#F8A519;/*botao                                                                               login*/
    border: none;
    color: white;
    padding: 4px 5px;
    text-decoration: none;
    margin: 2px 2px;
    cursor: pointer;
}
.libras{
	display: block; 
    float: right ; 
	
	/*border: 1px solid; portal brasil
    border-color: #0000FF;*/
	height: 40px;
	width: 100px; 
	margin-top:   -237px;
	margin-right:  -54px;
	margin-bottom: auto;
	margin-left:  0px;
 
     
}
.leis{
	display: block; 
    float: right ; 
	
	/*border: 1px solid; portal brasil
    border-color: #0000FF;*/
	height: 40px;
	width: 100px; 
	margin-top:   -237px;
	margin-right:  37px;
	margin-bottom: auto;
	margin-left:  0px;
 
     
}
.nomeadm {
	display: block; 
    float: right ; 
	
	/*border: 1px solid; portal brasil
    border-color: #0000FF;*/
	height: 40px;
	width: 200px; 
	margin-top:   -235px;
	margin-right:  auto;
	margin-bottom: 37px;
	margin-left:  0px;
 
     
}
h1 {
    color: #fff;
    text-align: center;
}

/*Estilos de la galeria*/

.galeria {
    width: 90%;
    margin: auto;
    list-style: none;
    padding: 20px;
    box-sizing: border-box;
    
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.galeria li {
    margin: 5px;
}

.galeria img {
    width: 180px;
    height: 130px;
}

/*Estilos del modal*/

.modal {
    display: none;
}

.modal:target {
    
    display: block;
    position: fixed;
    background: rgba(0,0,0,0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal h3 {
    color: #fff;
    font-size: 30px;
    text-align: center;
    margin: 15px 0;
}

.imagen {
    width: 100%;
    height: 50%;
    
    display: flex;
    justify-content: center;
    align-items: center;
}

.imagen a {
    color:  #fff;
    font-size: 25px;
    text-decoration: none;
    margin: 0 10px;
}

.imagen a:nth-child(2) {
    margin: 0;
    height: 100%;
    flex-shrink: 2;
}

.imagen img {
    width: 400px;
    height: 100%;
    max-width: 100%;
    border: 7px solid #fff;
    box-sizing: border-box;
}

.cerrar {
    display: block;
    background: #fff;
    width: 25px;
    height: 25px;
    margin: 15px auto;
    text-align: center;
    text-decoration: none;
    font-size: 25px;
    color: #000;
    padding: 5px;
    border-radius: 50%;
    line-height: 25px;
}
.formulario3	{
    width:910px;
	margin:0  auto;
	height:330px;
	background-color: # 03F;}
	 
#all{ width:650px;height:600px; }
#all .left, #all .right{ 
  float:left; 
  width:300px; 
  height:400px;
  border:1px solid #000;	
}/* CSS Document */