@charset "utf-8";
/* CSS Document */


.body{
background:#FFFFFF top no-repeat url(../images/bg-body.png);
}

.links {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.links a{
	text-decoration:underline;
}

.links a:hover{
	text-decoration:none;
}

.infor, .exito, .alerta, .error {
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px;
    border: 1px dashed;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    position:relative;
}
.infor {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info.png');
}
.exito {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../images/exito.png');
}
.alerta {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/alerta.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png');
}


h1 { 
		font-size: 2em;
		color: #004252;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold; 
		text-align: left;
	}

h2 { color: #000; font-size: 1.2em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left; 
	margin-right: 0; 
	margin-left: 0; 
	margin-top: 0; 
	margin-bottom: 0;}

h3 { color: #000; font-size: 1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-align: left;
	margin-right: 0;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	
	}

.header {
color: #ffffff;
font-size: 1em;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold; 
text-align: left;
padding: 8px;
/*background:repeat-x top url(../images/header-bg.jpg); */
background-color: #0082a2;
border-top: 3px solid #004252;

}


.step-on {
	color: #000000;
	font-size: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background-color:#CCCCCC;
	border: 1px solid #ebebeb;
	border-top: 3px solid #0099FF;
}

.step-off {
	color: #000000;
	font-size: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	background-color:#ffffff;
	border: 1px solid #ebebeb;
	border-top: 3px solid #666666;
}


.labels {
	color: #000000;
	font-size: 12px;
	font-family: "Arial", Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}


.question {
	color: #000000;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

.section-comment {
	color: #000000;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.field {
	color: #666666;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	padding: 3px;
}
.field-labels {
	color: #666666;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}


.content {
	color: #000000;
	font-size: 13px;
	font-family: "Arial", Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	padding: 10px;
	background-color:#E7FFCC;
	border: 3px solid #b1e07d;
}

.forms {
	color: #000000;
	font-size: 13px;
	font-family: "Arial", Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	padding: 10px;
	background-color:#d2fbff;
	border: 3px solid #7cd3dc;
}



a.info{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none
	}

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    color:#000000;
    text-align: left;
	padding: 10px;
	
	font-size: 12px;
	font-family: "Arial", Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	background-color:#E7FFCC;
	border: 3px solid #b1e07d;
	
	
	}