@charset "utf-8";
body {
	background-color:#b7e6ff;
	margin:0;
	overflow:auto;
	margin-top: 0px;
}

/* ====== header ======== */

#header {
margin:0;
padding:0;
position:relative;
background: url(../imagenes/headerbg.png) repeat;
width:100%;
height:140px;
z-index:0;
}

.logo {
top:0%;
margin-top:15px;
position:absolute;
z-index:1;
left:0%;
margin-left:50px;
}

/*======== fin del header ==========*/

/*========== comienzo del body ==============*/

#arealogin {
top:50%;
margin-top:-250px;
left:50%;
margin-left:-360px;
width:760px;
height:360px;
background:url(../imagenes/login_bg.png) no-repeat center top;
position:relative;
z-index:1;
}

.tabla {
margin:0;
left:50%;
margin-left:-240px;
top:50%;
margin-top:70px;
position:relative;
z-index:2;
}


h3 {
padding:0;
margin:0;
color:white;
font-size:28px;
font-family:century gothic, arial, verdana, serif;
width:280px;
height:40px;
top:15%;
left:50%;
margin-left:-143px;
margin-top:-158px;
text-align:center;
letter-spacing:2px;
font-weight:normal;
position:relative;
z-index:3;
}

/*============ fin del body =================*/

/* ========== comienzo del form =========== */


label {
 float:left;
 width:10em;
 font-family:century gothic, arial, verdana;
 font-size:40px;
 color:white;
 text-align:right;
 margin-right:1em;
}

input {
 padding:3px;
 width:150px;
 border:1px solid #ddd;
 background:#fafafa;
 font-family: century gothic, arial, sans-serif;
 font-size:10px;
 font-weight:bold;
 color:black;
 -moz-border-radius:0.4em;
 -khtml-border-radius:0.4em;
}

input:hover, input:focus {
 border-color:#c5c5c5;
 background:#f6f6f6;
} 

.autenticacion {
margin:0;
float:right;
position:relative;
z-index:3;
}

/* ============= fin del form ============== */

div,td,input,.comb{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}

a{
	color:#000;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
img{
	border-style:none;
}
.Estilo19 {
	color: #FF0000;
	font-size:12px;
	  }

.titulo{
	font-size:12px;
	color:#000000;
	height:20px;
}

.titulo1{
	font-family:Century Gothic, Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#000000;
	height:20px;
}

.titulo2{
	font-family:Century Gothic, Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#000;
	height:30px
}
.texto{	font-size:10px;
	color:#000;
}

.texto2{	font-size:11px;
	color:#000;
}

.error{
	color:#ff0000;
	background-color:#fff;
}
.b_gris_tabla {
	border: 1px solid #999999;
}

a.info{
    position:relative; /*this is the key*/
    color:red;
    text-decoration:none;
    font-size:10px;
}
a.info:hover{
    text-decoration:none
}
a.info span{
	display:none;
}
a.info:hover span{
    display:block;
    position:absolute;
    top:1px; left:-11px; width:75px; height:25px;
    border:1px dashed #ccc;
    background-color:#fff; 
	color:red;
    text-align: center;
	padding:5px;
 -moz-opacity:0.8; 
 filter:alpha(opacity=80); 
 khtml-opacity:0.8; 
 opacity:0.7; 
 -moz-border-radius:5px;
}
a.info2{
    position:relative; /*this is the key*/
    color:orange;
    text-decoration:none
}
a.info2:hover{
    text-decoration:none
}
a.info2 span{
	display:none;
}
a.info2:hover span{
    display:block;
    position:absolute;
    top:1px; left:-10px; width:65px; height:80px;
    border:1px dashed #ccc;
    background-color:#fff; 
	color:red;
    text-align: center;
	padding:5px;
 -moz-opacity:0.8; 
 filter:alpha(opacity=80); 
 khtml-opacity:0.8; 
 opacity:0.7; 
 -moz-border-radius:5px;
}
#error{
	color:#ff0000;
	background-color:#fff;
}