body{}

#wraper5{
width:100%;
margin:0 auto;
background-image: url(../images/template/trasp.png) repeat-x;
}

a.textfondo{	
font-size : 13px;font-family:Helvetica, Arial, sans-serif;
color : #000000; 
font-weight: bold;
} 


.centrar
	{
		/*nos posicionamos en el centro del navegador*/
		
		 margin:0 auto 0 auto;
		/*determinamos una anchura*/
		 
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:393px;
		/*determinamos una altura*/
		height:500px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		
	}
.login-box {
	width:593px;
	height: 552px; 
	margin:0; 
	background: url(../images/template/box.png) no-repeat left top;
}	  
a.footer{	
font-family: Verdana;
font-size : 11px;
text-decoration: none;	
color : #000000;   
} 

.login-box img {
	border:none;
}

.login-box h2 {
	padding:0;
	margin:0;
	color: #F8F8F8;margin:0; 
	font: bold 32px "Calibri", Arial;
}


.login-box-name {
	float: center;
	display:inline;
	color: #FF0000;
		font: 12px Arial, Helvetica, sans-serif;
		text-align: right;
	 
}

input.login-box-field {
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 16px;
	text-align: left;
	background-color: #CCCCCC;
	color: #00577D;
}


.form-login  {
	
}

 


.login-box-options  {
	clear:both;
	padding-left:87px;
	font-size: 11px;
}

.login-box-options a {
	color: #ebebeb;
	font-size: 11px;
}	


 
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: white;	  
	
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(login/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(login/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(login/bubble.gif) no-repeat bottom;
}