*{
	margin:0;
	}


/*** TRATAMENTO PNG IE5 +****/



* html img/**/ {   
  
filter:
expression(this.alphaxLoaded ? "" : (this.src.substr(this.src.length-4)==".png" ? 
((!this.complete) ? "" : this.runtimeStyle.filter=   
("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+   
(this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+   
String(this.alphaxLoaded=true).substr(0,0)+
(this.src="Imagem/branco.gif").substr(0,0)) :  this.runtimeStyle.filter=""));   

}   


/* CSS Estrutura da Pagina */
body {
	margin: 0;
	padding: 0;
    background-image:url('/websist/egresso/portalegresso/Imagem/bg_portal.jpg');
    background-repeat:repeat-x;
	height:100%;
}

#pagina {   width:800px;
			margin:0 auto;
			position:relative;
			}	 
			
#cabecalho {
		/*	background-color:#EFEFEF; 
			width:100%; 
			border-bottom: 1px solid #CC9B4F;*/
			position: relative;

			}
		
/*CSS Objetos da Pagina
Definição da camada do Logo*/
#pagina #logo{
		  width: 305px;
		  height:162px;
		  left:4px;
		  Top: 0;
		  position:absolute;
/*		  background-image:url('Imagem/LogoEgresso.png');
		  background-repeat: no-repeat;*/
		  padding: 0 0 0 -50px;
		  z-index:2;
		  }

/*Definição da camada do Banner Topo */
#cabecalho	#banner{
             position:relative;
	    	 background-color:black;
	    	 height: 75px;
	    	 width: 65%;
	    	 margin-left:35%;
	    	 text-align:center;
			 padding-top: 15px;
}
	    	 
#cabecalho	#banner ul{margin:0 0px 0px 100px;}

#cabecalho	#banner li{
		    	 display:inline;
		    	 padding: 20px 20px 0px 0px;}
		    	 
#cabecalho	#banner a{
	font-family:"Georgia", Times New Roman, Times, serif;
	color:white;
	margin: 20px 20px 0px 0px;
	font-size: 12px;
			 }
			 
/*Definição da camada de Publicidade*/		
#cabecalho	#publicidade{
 position:relative;

		    width:546px;
		    height:330px;
			background-image:url('/websist/egresso/portalegresso/Imagem/publicidade.jpg'); 
			background-repeat:no-repeat;
			position:relative;
			float:right;
}


/*Definição da camada de Login*/
#pagina #login{
		width:305px;
		height:222px;   
        position:absolute;
		margin:171px 0px 0px 0px;
 		z-index:2;
 		padding:20px 0 0 0; }
		
#pagina #login img {		
	   position: absolute;
	   z-index: 30;
	   margin-left:240px;
	   margin-top:0px;
}
		
#pagina #login #divquadrologin{
	width:312px;
	height:235px;
	bottom:0px;
	position:absolute;
	background-image: url('../Imagem/quadrologin1.PNG');
	background-repeat:no-repeat;
		}
		
* html #pagina #login #divquadrologin {
	/*background-image: none;*/
	background-image: url('../Imagem/quadrologin1.jpg');
	top:15px !important;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Imagem/quadrologin1.PNG');*/
}
		
	
#pagina #login #divquadrologin img.foto {		
	   position: absolute;
	   z-index: 25;
	   margin-left:111px;
	   margin-top:0px;
}		
	  
#pagina #login #divquadrologin #novologin {
		margin:15px 0 0 15px;
		background-color:#424242;
		height:70px;
		width:285px;
		position: relative;
		}

#pagina  #login #divquadrologin  #novologin a {
         top:15px;
         left:20px;
		font-family: Georgia,Arial, Helvetica, sans-serif;
		text-decoration:none;
		font-size: 9px;
		color:#E1DEDE;
		text-transform:uppercase;  
		position: relative;
		
		}
		
		
#pagina  #login #divquadrologin  #novologin h3{
        top:11px;
        left:20px;
		font-family:Georgia,Verdana, Arial, Helvetica, sans-serif;
		color:#E1AE08;	  
		text-transform:uppercase;	
		position:relative	
		}
#pagina  #login #divquadrologin  #formlogin {
	 margin:10px 0 0 0;
    width:280px;
	padding-left:15px;
}

#pagina  #login #divquadrologin  #formlogin  form a{
      margin: 0 0 0 20px;
	  text-transform:uppercase;
	  text-decoration:none;
	  font:bold  11px Tahoma,Verdana,Arial,Sans-serif;
	  color:#BA302A;

}


#pagina  #login #divquadrologin  #formlogin  form img{
		position:relative;
		margin: 3px 0 0 5px;}


#pagina  #login #divquadrologin  #formlogin  form input.corbotao {
		font:bold  9px Tahoma,Verdana,Arial,Sans-serif;
		background: #BA302A;
		color:white;
		width:90px;
		height:20px;
		margin: 0 0 0 5px;}

		
#pagina  #login #divquadrologin  #formlogin  form fieldset {
	border: 0px;
	display:block;
}

#pagina  #login #divquadrologin  #formlogin  form fieldset legend {
	font: bold 11px Tahoma,Verdana,Arial, Sans-serif;
	color:#424242;	
	text-transform:uppercase;
}

#pagina  #login #divquadrologin  #formlogin  form fieldset label {
	font: bold 11px Tahoma,Verdana,Arial, Sans-serif;
	color: #424242;	
	text-transform:uppercase;
	float:right;
	padding:3px 0 0 0; 
}

#pagina  #login #divquadrologin  #formlogin  form label input {
   width: 100px;
   border: 1px solid;
}



#pagina #conteudo  #DivVideo{
	clear:both;
	position:relative;
	margin:20px 0 0 0;}

/*Fonte do titulo do video*/
#pagina #conteudo  #DivVideo h4{
     color:#BB0E24;
    font:bold 14px Georgia,Verdana,Arial, Sans-serif;  
    padding:30px 0 0 0; 
    text-transform:uppercase;}
    
/*largura das colunas da tabela do video*/
#pagina #conteudo  #DivVideo table tr td {
 width:21%; }
/* largura da imagens e borda do video*/
#pagina #conteudo  #DivVideo table tr td img{
	width:122px;
	height:92px;
	border:0px;}

#pagina #conteudo  #DivVideo #validado{
   float:right;}
   
#pagina #conteudo  #DivVideo #validado img{  
	border:0px;
} 


/*Definição da camada da Barra Menu*/
#pagina #cabecalho	#barramenu{
		  clear:  both;
		  background-image:url('../Imagem/BarraMenu.gif');
		  background-repeat:repeat-x;
		  height:48px;
		  padding:20px 0px 0px 0px;
		   position: relative;
		  }
  	    
#pagina #cabecalho	#barramenu  ul {	
  	    margin: 0 0 0 0;
	}
		  
#pagina #cabecalho	#barramenu  ul li{	
		display:inline;	  		  
  	    padding: 0 10px 0 5px;
	}

#pagina #cabecalho	#barramenu  ul li img{	
  	    padding: 0 10px 0 5px;
	}
		  
#pagina #cabecalho	#barramenu ul li a{	
  	    text-decoration:none;
  	    font: bold 11px Trebuchet MS,Verdana,Arial, Sans-serif;
  	    color:white;
}	

#pagina #cabecalho	#barramenu ul li a:hover{	
  	    text-decoration:none;
  	     background-color:black;

}		  
	  
		  
/*** Definicao da Camada Conteudo ***/		  
#pagina #conteudo{
			  clear:  both;
			  width:100%;
			  background:#FFFFFF;
			  z-index: 3;
			  
			  }		  		  
			  
/*** Itens Vertical do Conteudo ***/
p.menuvertical{
    clear:both;
	color:#555555;
	font: 11px Georgia,Verdana,Arial, Sans-serif;
	vertical-align:middle;
	padding:3px 0 0 0;
	}
		  		  
img.bordazero{border:0px;}
	
a.veja{	
	color:#2295CB;
	font:11px Tahoma,Verdana,Arial, Sans-serif;	}

#pagina #conteudo #menuvertical{

	float :left;
	width:40%;}
	
#pagina #conteudo #menuvertical #MenuAluno{
		background-color:#F2F2F2;
		padding: 10px 10px 10px 10px;
		width:317px;
		height:136px;
		}
.Marcador{	
	float: left;
}

.TituloMarcador{	
	float: left;
	margin: 0 0 0 10px;
	     font: 14px Georgia,Verdana,Arial, Sans-serif;
	     	
}
	
.Lkveja{	
	position: relative;
	float: right;
}
		
#pagina #conteudo #menuvertical #MenuAluno div span{	
	     color: #3C8666;
	     vertical-align: middle;  
	     padding: -10px 0 20px 0; }

#pagina #conteudo #menuvertical #MenuEmpresa{
	    clear:both;
		background-color:#F2F2F2;
		padding: 10px 10px 10px 10px;
		margin-top: 5px;
		width:317px;
		height:136px;
		}
		
#pagina #conteudo #menuvertical #MenuEmpresa Div span{	
	     color: #3B7682;
	     vertical-align:middle;  
	     padding: 0 0 20px 0;   }
     
#pagina #conteudo #menuvertical #MenuLivre{
	    clear:both;
		color:#BB0E24;
		background-color:#F2F2F2;
		padding: 10px 10px 10px 10px;
		margin-top: 5px;
		width:317px;
		height:60px;
}
	
#pagina #conteudo #menuvertical #MenuLivre h3{
		 color:#3B7682;
		 font-family:14px Georgia,Verdana,Arial, Sans-serif;
		 text-transform:uppercase;
		  margin: 0 0 0 10px;	
		 
		 }		
	
#pagina #conteudo #menuvertical #MenuLivre #validado {
   margin: 30px 0 0 0; }
   
/*** Itens do Formulario***/	
#pagina #conteudo #formulario{
	float:right;
	width:55%;
	margin: 0px 0px 0px 0px;
	padding: 7px 10px 7px 10px;
	/*border: 1px solid red;*/
}

#pagina #conteudo #formulario div{
  color:#555555;
    font: 12px Georgia,Verdana,Arial, Sans-serif;
    width: 100%;
    }
#pagina #conteudo #formulario div h4{
     color:#BB0E24;
    font:bold 14px Georgia,Verdana,Arial, Sans-serif;  
    padding:15px 0 0 0;  }


#pagina #conteudo #formulario div h5{
     color:#BB0E24;
     font:italic 14px Georgia,Verdana,Arial, Sans-serif;   
      padding:15px 0 0 0; }
    
#pagina #conteudo #formulario div h3{    
   font:bold 24px Georgia,Verdana,Arial, Sans-serif;
    padding:1p5x 0 0 0;}

#pagina #conteudo #formulario #conteudo1 p{   
    color:#107CA9;
    padding: 15px 15px 15px 15px;
    font:Georgia,Verdana,Arial, Sans-serif; 
     }

#pagina #conteudo #formulario #conteudo2 p{   
    padding: 10px 15px 5px 10px;
    font:Georgia,Verdana,Arial, Sans-serif; 
     }

#pagina #conteudo #formulario #conteudo3 #jornal{
	float:left;
	width:30%;}
	
#pagina #conteudo #formulario #conteudo3 #jornaltexto{
	float:right;
	width:70%;}

/*** Rodape da Pagina ***/
#pagina #rodape {
		clear:both;
		padding:25px 0;
		background-image:url('../Imagem/rodape.gif');
		background-repeat:repeat-x;
		/*height:105px;*/
		bottom: 0px;
}
#pagina #rodape p{
		color:#5C5C5C;
		font:11px Tahoma,Verdana,Arial, Sans-serif;
		position:relative;
		}
		
#pagina #rodape a{
		color:#148DBA;
		font:11px Tahoma,,Verdana,Arial, Sans-serif;}
		
#pagina #rodape #direito{
		float:left ;
		margin: 10px 0 0 10px;
		width: 45%;}
#pagina #rodape #centro{
		text-align:left;
		float:right;
		text-align:center;
		width: 20%;}
		
#pagina #rodape #esquerdo{
		float:right;
		width: 40%;
		text-align:right;
		margin: -15px 10px 0 0 ;}
 




/*banner rotate*/

.m_banner_hide{
	display:none;
}
.m_banner_show{
	display:block;
}

none;
}
.m_banner_show{
	display:block;
}