.rightnavigation { position: absolute;
  left : 80%;
  width : 200px;
  padding-left : 5px;
  z-index : 3; color: #000000;
  padding : 3px; text-align:right;
}
#container{ 

width: 600px; 

margin: 0 auto; 

} 

.roj {
	color: #F00;
	font-size: small;
}
.rojo{ color:#F00;
	
	}


#header{ 

padding: 10px; 

background: #eee; 

} 

#content{ 

padding: 10px; 

background: #9cf; 

} 

#footer{ 

padding: 10px; 

background: #eee; 

} 


h2{ 

font: bold 1.5em Arial, Helvetica, sans-serif; 

margin: 0 0 18px 0; 

} 



p{ 

font: normal 1em Arial, Helvetica, sans-serif; 

margin: 0 0 14px 0; 

} 
body {
background-color: #E4DFFF;
margin-left:20px; padding-left:1px;
font-family:		Lucida Grande, Verdana, Sans-serif;
font-size:			13px;
color:				#000;
}
 
#content  {
border:				#999 1px solid;
background-color:	#fff;
padding:			20px 20px 12px 20px;
}

ul{ padding-top:0px;  


} 

li{
padding-top:0px;list-style-type: square;

}

table { 
border: #666666 solid 0px; 
font-size: 0.9em; 
border-collapse:collapse;
} 
td { 
border: 0px solid #666666;
margin: 0; 
padding: 1px; 
} 


.table2 { 
border: #666666 solid 0px; 
font-size: 0.8em; 
border-collapse:collapse;
} 
.td2c { 
border: 0px solid #333333;
margin: 0; 
padding: 0px; 
} 






h1 {
 color: #000;
 background-color: transparent;

 font-size: 16px;
 font-weight: bold;
 margin: 24px 0 2px 0;
 padding: 5px 100 6px 10;
 text-shadow: 0.01em 0.01em 0.01em black
 
}



.resalta {
 font-weight:bold; 
 }

code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color:  #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 10px 0 14px 0;
 padding: 6px 10px 12px 10px;
}

code2 {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 padding: 6px 10px 12px 10px;
}

.dias{ size:2; width:20px; }
.cantidades{ size:7; width:42px; }
.pagotm{ size:6; width:25px; }

.jornal{ size:2; width:25px; }
.amarillo{background-color:#FFFF66}
.verde{background-color: #C2F8CE}
.rosa{background-color: #FFC4FF}
.mate2{background-color: #F8D7C7 }

.ba1{
	background: #FFF;
	}

.ba2{
 background:#FFFF66;
 }

.celda_desta{
float:left; width:58px; height:25px; border-width:1px; border-style:solid; background-color:#FFFF66; float:right;  padding:1px; border-color:#FFFF99}

.celdah_desta{
float:left; width:58px; height:30px; border-width:1px; border-style:solid;  padding:1px;float:right; border-color: #FFFF66;background-color:#FFFF66;}


#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

border-collapse:collapse;
}
#customers td, #customers th 
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#customers th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#customers tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}







.customers2 td, #customers2 th 
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
.customers2 th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color: #F00;
color:#ffffff;
}
.customers2 tr.alt td 
{
color:#000000;
background-color: #F03;
}



.cus3 td, #cus3 th 
{
font-size:1em;
border:1px solid #98bf21;
padding:0px 0px 0px 0px;
}
.cus3 th 
{
font-size:1.1em;
text-align:left;
padding-top:1px;
padding-bottom:4px;
background-color: #F00;
color:#ffffff;
}
.cus3 tr.alt td 
{
color:#000000;
background-color: #F03;
}




#blanco  
{ background-color:#FFFFFF; padding-left:80px; padding-top:10px; width:90%; border-width:3px; border-color:#FFFFFF; 
}

.blanco2 
{ background-color:#FFFFFF;padding-top:5px; width:98%; border-width:2px; border-color:#FFFFFF; margin-left:2px 
}





.cu
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;

border-collapse:collapse; margin-left:1px;
}
.cu td, .cu th 
{
border:1px solid #98bf21; 
padding:1px 1px 1px 1px;
}
.cu th 
{

text-align:left;
padding-top:1px;
padding-bottom:1px;
background-color: #98bf21;
color:#ffffff;
}
.cu tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}








#cu
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;

border-collapse:collapse; margin-left:5px;
}
#cu td, #cu th 
{
border:1px solid #98bf21; 
padding:1px 1px 1px 1px;
}
#cu th 
{

text-align:left;
padding-top:2px;
padding-bottom:2px;
background-color: #98bf21;
color:#ffffff;
}
#cu tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}









#cu2
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;

border-collapse:collapse; margin-left:5px;
}
#cu2 td, #cu2 th 
{
border:1px solid #98bf21; 
padding:3px 7px 2px 7px;
}

#cu2 th 
{

text-align:left;
padding-top:2px;
padding-bottom:2px;
background-color: #98bf21;
color:#ffffff;
}


#cu2 tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}



.tablex { 
border: #666666 solid 1px;  border-width:2px; border-color:#FFFFFF;  
font-size: 0.9em; 
border-collapse:collapse; margin-left:10px; margin-top:10px; margin-right:20px;
}
.tablex tr, .tablex td 
{
color:#000000;
padding-left:20px;
}

.tablex td 
{
 
border:1px solid  #CCCCCC;
}

.tablex th 
{
 
border:1px solid  #CCCCCC; text-align:left; padding-left:3px;
}



.tablex2 { 
border: #666666 solid 01px; background-color:#FFFFFF; border-width:1px; border-color:#FFFFFF; 
font-size: 0.9em; 
border-collapse:collapse; margin-left:10px; margin-top:10px; margin-right:20px;
}



.tablex2 th 
{
 
border:1px solid  #CCCCCC; text-align:left; padding-left:3px;
}








.tdx { 
border: 1px solid #666666;
margin: 0; 
padding: 1px; 
} 
H3{ color:#0099CC}
.comen{
font-size:9px; color:#0000FF;}

.comen2{
font-size:11px; color: #036; clear:left}

.men{
margin-left:0px;  text-align:center;
}
.carga{

background-color:#D0EFF9;margin-left:2px; padding-left:2px; box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
}
.des{

background-color: #E6F9EB; margin-left:10px}
.error{
 color:#FF0000
 }
 
 
 roundcont {
	width: 250px;
	background-color: #f90;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

 .fila{
	margin: 0 0 2px;
	padding:2px;
	background-color: #FC9; width:100px; height:12px;
	color: #006; float:left;
	}

.fila2{
	margin: 0 0 2px;
	padding:2px;
	background-color: #DAF5F8; width:100px; height:12px;
	color: #F00; float:left;
	}

 .filat{
	
	background-color: #FEDDD8; text-align:center;
	}

.fila2t{
		background-color: #FF6;text-align:center;
	}


.shadow1 {
	margin: 40px; width:502px;
	background-color: rgb(68,68,68); /* Needed for IEs */

	-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	box-shadow: 5px 5px 5px rgba(68,68,68,0.6);

}
.shadow1 .conten {
	position: relative; /* This protects the inner element from being blurred */
	padding: 100px;
	background-color: #DDD;
}