* {
        margin: 0;
    }
    body {
        text-align: center;   
        margin-left:0;    
        align: center; 
        width: 1003px;
    }
	 textarea{
    
    	font-family: Verdana, Geneva, Arial, sans-serif;
		font-size:12px;
	}
    html{
		font-family: Verdana, Geneva, Arial, sans-serif;
		text-decoration:none;
		color: #BF1F2E;     
		font-size: small; 
		width: 1003px;		
    }
    .caixaerror{
    	background-color: #FF0000;
    }
    .caixaok{
    	background-color: #FFFFFF;
    }
  	.hand{
		  cursor:hand;
		  cursor:pointer;
	}
    #tudo {
        text-align: center;
        width: 1003px;
        margin-top:0;
        heigth: 100%;
        left:50%; 
        margin-left: -501px; 
        top: 0px;
        margin-top: 0px; 
        position:absolute;    
        background-color: #FFFFFF;            
    }
    
    .div_todo{
    
        left:1%;
        #margin-left:-500px;
        width: 500px;
        margin-top:10px;
        position:relative;  
   
    }
    
    #tudo_popup {
        text-align: center;
        width: 1003px;
        margin-top:0;  
        background-color: #FFFFFF;            
    }    
    #topo {
        height: 80px;
        width: 1003px;
        text-align: center;   
        background: url(../imagens/img_topo_ceu.jpg);
        background-repeat: repeat;
    }    
    
     #topo_evento {
        height: 128px;
        width: 1003px;
        text-align: center;   
        background: url(../imagens/topo_evento.jpg);
        
    }    
    
    #topo_mae {
        width: 1003px;
        text-align: left;           
        background-repeat: repeat;
    }

    .login{
		position:absolute;
		left:50%;
		top:50%;
		margin-left:-250px;
		margin-top:-170px;
		background: url(../imagens/img_login.gif);
    } 
    
    .login_evento{
		position:absolute;
		left:50%;
		top:50%;
		height: 290px;
		width: 490px;
		margin-left:-250px;
		margin-top:-170px;
		background: url(../imagens/login_evento.jpg);
    } 
    
    .login_matric{
		position:absolute;
		left:50%;
		top:50%;
		margin-left:-250px;
		margin-top:-170px;
		background: url(../imagens/img_login_matric.jpg);
    }     
    
    #manut{
		position:absolute;
		left:50%;
		top:50%;
		margin-left:-250px;
		margin-top:-170px;
		background: url(../imagens/img_manut.jpg);
    }     
    
    .manut{
		position:absolute;
		left:50%;
		top:50%;
		margin-left:-250px;
		margin-top:-170px;
		background: url(../imagens/img_manut.jpg);
    }     
        
<!-- ****************************************************** -->    
<!-- MENU 1 -->   
    
	#nav{
	    font-family: Verdana, Geneva, Arial, sans-serif;
		text-decoration:none;
		color: #FFFFFF;    
	}
 
	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
		background-color: #BF1F2E;
		height: 17px;
	}

	#nav a {
		display: block;
		width: 12em;
		text-decoration:none;
		color: #FFFFFF;
	}
	 
	#nav li { /* all list items */
		float: left;
		width: 12em; /* width needed or else Opera goes nuts */
		height: 20px;
		background-color: #BF1F2E;
		background: url(../imagens/ul_menu.gif) repeat-x;
	}
	 
	#nav li ul { /* second-level lists */
		position: absolute;
		background-color: #BF1F2E;
		width: 12em;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
	
	#nav ul li ul li { /* all list items */
		float: left;
		width: 12em; /* width needed or else Opera goes nuts */
		height: 17px;
	}

	#nav ul li a:hover {
	        width: 12em;
			font-family: Verdana, Geneva, Arial, sans-serif;
			text-decoration:none;
			color: #BF1F2E; 
			background-color: #FFFFFF;	
			background: url(../imagens/ul_select.gif) repeat-x;
		
	}
	
	#nav ul li ul li a:hover {
	    font-color: #BF1F2E;
			font-family: Verdana, Geneva, Arial, sans-serif;
			text-decoration:none;
			color: #BF1F2E; 
			background-color: #FFFFFF;	
			background: url(../imagens/ul_select.gif) repeat-x;
	}
	 
	#nav li ul ul { /* third-and-above-level lists */
		margin: -1em 0 0 12em;
	}
	 
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	 
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
 
	#content {
		clear: left;
		color: #ccc;
	}
	
<!-- ****************************************************** -->

<!-- ****************************************************** -->    
<!-- MENU 2 --> 

	p{
		margin-top:5px;
		margin-bottom:10px;
	}
	
	#mainContainer{
		width:760px;
		margin:0 auto;
		text-align:left;
		background-color: #FFF;
		padding-left:16px;
		padding-right:16px;
		padding-bottom:20px;	
	}
	
	#dhtmlgoodies_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#dhtmlgoodies_menu{
		visibility:hidden;	
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
	}	
	#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		border:1px #fff;
		background-color:#BF1F2E;
		padding:1px;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px #BF1F2E;
		background-color:#BF1F2E;
		overflow:visible;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px #555;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		color: #fff;
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
	
	}
	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		padding-left:5px;
		padding-right:5px;
		color: #fff;
		/*border:1px solid #E2EBED;*/
	}
	#dhtmlgoodies_menu .currentDepth1over{
		padding-left:5px;
		padding-right:5px;
		background-color:#bde8fe;
		border:1px #000;		
		
	}

	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		color:#000;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding-right:2px;
		border:1px solid #BF1F2E;
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding-right:2px;
		background-color:#bde8fe;
		border:1px solid #000;
		color:#000;
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#000;
	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-right:2px;
		border:1px solid #BF1F2E;
	}
	#dhtmlgoodies_menu .currentDepth3over{	
		padding-right:2px;
		background-color:#bde8fe;
		border:1px solid #000;
		color:#000;
	}
	#dhtmlgoodies_menu .currentDepth3over a{	/* Text rules */
		color:#000;
	}
		
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #BF1F2E;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#bde8fe;
		border:1px solid #000;
	}	
	#dhtmlgoodies_menu .currentDepth4over a{	/* Text rules */
		color:#000;
	}	

<!-- ****************************************************** -->  
     
    
    #colEsq {
        width: 50px;
        float: left;
        min-height: 100%;
    }
    #colDir {
        width: 1003px;
        height: 465px;
        align: center;
        float: left;
        min-height: 100%;
        font: 12px Verdana;
        <!-- height: 800px; -->
        /*background: url(../imagens/cabecalhos/img_fundo.gif) repeat-y;
        background: url(../imagens/cabecalhos/img_fundo.gif) repeat-y;
        background-repeat: repeat;*/
    }
    .div_corpo{
    
    	width: 500px;
        height: 300px;
        align: left;	
    
    }
    #rodape {
        background-color: #BF1F2E;
        clear: both;
        height: 20px;
        text-align: center;        
    }
    p {
        margin-bottom: 15px;
    }
    
    #grid table{
	  border: 0;
	  cellpadding: 0;
	  cellspacing: 0;
	}
	table thead td{
		font-weight:bold;
		cursor:pointer;
	    border: 0;
	    cellpadding: 0;
	    cellspacing: 0;		
	}	
	
	table{
	    border: 0;
	    cellpadding: 0;
	    cellspacing: 0;		
	}
	
	.lcab{
	   background: url(../imagens/lcab.gif) repeat-x;
	}
	
	.lgrid{
	  background: url(../imagens/lgrid.gif) repeat-x; 
	}
	
	.lgrid1{
	  background: url(../imagens/lgrid1.gif) repeat-x; 
	}	
	
	.lgriderro{
	  background: url(../imagens/lgrid_error.gif) repeat-x; 
	}	

	.lgridalert{
	  background: url(../imagens/lgrid_alert.gif) repeat-x; 
	}		
	
	.lgridok{
	  background: url(../imagens/lgrid_ok.gif) repeat-x; 
	}			
	
	.lform{
	   background: #F0F0F0;
	    border: 0;
	    cellpadding: 0;
	    cellspacing: 0;		   
	    height: 30px;
	}	
	
	.lformx{
	    background: #F0F0F0;
	    border: 0;
	    cellpadding: 0;
	    cellspacing: 0;		   
	    height: 30px;
	    font-size: 11px; 
	}		

	.lform0{
	   background: #E4E4E4;
	    border: 0;
	    cellpadding: 0;
	    cellspacing: 0;		   
	    height: 30px;
	}	
	
	.lform1{
	    background: #ddedfb;
	    border: 0;
	    cellpadding: 0;
	    cellspacing: 0;		   
	    height: 30px;
	}	

	.lformx1{
	    background: #ddedfb;
	    border: 0;
	    cellpadding: 0;
	    cellspacing: 0;		   
	    height: 30px;
	    font-size: 11px; 
	}	
	
	.lform2{	
	   background: #D1F1DE;
	    border: 0;
	    cellpadding: 0;
	    cellspacing: 0;		   
	    height: 30px;
	}

	.lform3{	
	   background: #FFFFBB;
	    border: 0;
	    cellpadding: 0;
	    cellspacing: 0;		   
	    height: 30px;
	}	
		
	.lform4{	
	   background: #ffbf59;
	    border: 0;
	    cellpadding: 0;
	    cellspacing: 0;		   
	    height: 30px;
	}	

	.lform5{	
	   background: #FECDCD;
	    border: 0;
	    cellpadding: 0;
	    cellspacing: 0;		   
	    height: 30px;
	}	
	
	.lform6{	
	   background: #FFCF9F;
	    border: 0;
	    cellpadding: 0;
	    cellspacing: 0;		   
	    height: 30px;
	}

	
	.lform7{	
	   background: #FFCCFF;
	    border: 0;
	    cellpadding: 0;
	    cellspacing: 0;		   
	    height: 30px;
	}
	
	.lform8{
	    background: #FFFFFF;
	    border: 0;
	    cellpadding: 0;
	    cellspacing: 0;		   
	    height: 30px;
	    color: #f9c1c4;
	    font-size: 17px;
	    font-family: Times;
	    font-weight: bold; 
	    font-style: italic; 

	}	

	.tgrid{
	  border: 0;
	  cellspacing: 0;
	  cellpadding: 0;
	}
	
	.text {
		color: #CC3333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		border: 1px solid; border-color: #CC3333;
		font-size: 10px;
	}	
	
	.text1 {
		color: #000000;
		font-family: sans-serif;
		border: 1px solid; border-color: #f9c1c4;
	    font-size: 15px;
	}	

	.text2 {
		color: #000000;
		font-family: Verdana;
		border: 1px solid; border-color: #f9c1c4;
	    font-size: 10px;
	}	
	
    .txtbusca{
		background-image: url(../imagens/inputbusca.gif);
		background-repeat: no-repeat;
		padding-left: 20px;
    } 	
    
    .txtuser{
		background-image: url(../imagens/inputuser.gif);
		background-repeat: no-repeat;
		padding-left: 20px;
    } 	    
    
    .txtsenha{
		background-image: url(../imagens/inputsenha.gif);
		background-repeat: no-repeat;
		padding-left: 20px;
    }     
    
    .oculto{
        display:none;
    }
    
    .mostra{
        display:block;
    }
    
    .mostra2{
         width:500px;
         position:relative; 
         align:right; 
         display:inline;
    }
    
   
    .corpo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	height: 30px;
	width: auto;
	margin: auto;
	background-color: #E2EEFA;
}

.corpo2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#CC0000;
	text-align: left;
	height: 30px;
	width: auto;
	margin: auto;
	background-color: #EFF5FC;
}

.transparencia{
	        position: fixed !important;
	        position: absolute;        
	        top: 0px;        
	        left: 0px;        
	        z-index: 10;        
	        width: 100%;        
	        height:100%;        
	        opacity: 0.6;        
	        color: #000000;        
	        background-color: #E0E0E0;      
}

.carregando{
	        position: fixed !important;
	        position: absolute;        
	        top: 0px;        
	        left: 0px;        
	        z-index: 11;        
	        width: 300px;        
	        height:100px;             
	        background-color: #FFFFFF;  
	        vertical-align:middle; 
	        height:150px; 
	        left:50%; 
	        margin:-75px 0 0 -150px; 
	        position:absolute; 
	        top:50%; 
	        width:300px  
}

*.transparencia{
        filter: alpha(opacity = 60);
}

.botao3d	{
		display: block;
		border-color: #999 #000 #000 #999;
		border: 1px solid;
		width: 150px;
		padding: 5px;
		background: #CC3300; 
		color: #FFFFFF;
		font-family: Verdana;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		}
 
.botao3d:hover	{
		position: relative;
		top: 1px;
		left: 1px;
		border-color: #000 #999 #999 #000; 
		background: #C52205;
		}
		
.botao3d2	{
		display: block;
		border-color: #999 #000 #000 #999;
		border: 1px solid;
		width: 150px;
		padding: 5px;
		background: #009933; 
		color: #FFFFFF;
		font-family: Verdana;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		}
		
.botao3d2:hover	{
		position: relative;
		top: 1px;
		left: 1px;
		border-color: #000 #999 #999 #000; 
		background: ##009933;
		}