div#container {
	width: 500px;
	margin:0 auto
}
h1 {
	color: #F60;
	margin: 1em 0 0;
	letter-spacing: -2px;
}
p {
	margin: 0 0 1.7em;
}
/*---------- bubble tooltip -----------*/
a.tt {
	position:relative;
	z-index:24;
	color:#3CA3FF;
	font-weight:bold;
	text-decoration:none;
	float:left;
	display:block;
	width:94px;
	height:76px;
	margin-top:3px;
	margin-right:3px;
	margin-bottom:3px;
	margin-left:4px;
	border:1px solid #c2c2c2;
	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:40px;
	left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
	text-align: center;
filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top {
	display: block;
	width:171px;
	height:21px; /*padding: 30px 8px 0;*/
	background: url(../images/img-tooltip-top.gif);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
}
a.tt:hover span.middle { /* different middle bg for stretch */
	display: block;
	float:left; /*padding: 0 8px; */
	background: url(../images/img-tooltip.gif);
	background-repeat:no-repeat;
	background-position:center;
	text-decoration:none;
	width:171px;
	height:177px;
}
a.tt:hover span.bottom {
	display: block;
	float:left;
	width:171px;
	height:10px; /*padding:3px 8px 10px;*/
	background: url(../images/img-tooltip-bottom.gif);
	background-position:center;
	background-repeat:repeat-y;
	top:552px;
}
/*---------- bubble tooltip2 -----------*/
a.tt2 {
	position:relative;
	z-index:24;
	color:#3CA3FF;
	font-weight:bold;
	text-decoration:none;
}
a.tt2 span {
	display: none;
}
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt2:hover {
	z-index:25;
	color: #aaaaff;
background:;
}
a.tt2:hover span.tooltip {
	display:block;
	position:absolute;
	top:-15px;
	left:70px;
	padding: 0px;
	margin: 0px;
	width:300px;
	height:56px;
	background: url(../images/bubble4.gif) no-repeat;
}
a.tt2:hover span.middle { /* different middle bg for stretch */
	display: block;
	position:absolute;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	background-color:#008B03;
	top:0px;
	left:0px;
	padding: 10px 5px 5px 15px;
	margin: 0px 0px 0px 35px;
	height:41px;
	text-align:left;
	text-decoration:none;
}
/*----------------- end bubble tooltip2------------------*/
/*---------- bubble tooltip3 -----------*/
a.tt3 {
	position:relative;
	z-index:24;
	color:#3CA3FF;
	font-weight:bold;
	text-decoration:none;
}
a.tt3 span {
	display: none;
}
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt3:hover {
	z-index:25;
	color: #aaaaff;
background:;
}
a.tt3:hover span.tooltip {
	display:block;
	position:absolute;
	top:-10px;
	left:0px;
	padding:3px 10px 0px 40px;
	margin:0px 0px 0px 85px;
	width:150px;
	height:40px;
	color: #FFF;
	text-align: center;
filter: alpha(opacity:80);
	KHTMLOpacity: 0.80;
	MozOpacity: 0.80;
	opacity: 0.80;
	background: url(../images/bubble2.gif) no-repeat top;
	font-weight:normal;
	text-align:left;
	font-size:12px;
	text-decoration:none;
}
/*----------------- end bubble tooltip3------------------*/
/*---------- bubble tooltip4 -----------*/
a.tt4 {
	position:relative;
	z-index:24;
	color:#3CA3FF;
	font-weight:bold;
	text-decoration:none;
}
a.tt4 span {
	display: none;
}
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt4:hover {
	z-index:25;
	color: #aaaaff;
background:;
}
a.tt4:hover span.tooltip {
	display:block;
	position:absolute;
	top:-130px;
	left:-70px;
	padding:20px 10px 0px 40px;
	margin:0px;
	width:300px;
	height:115px;
	color: #000;
	text-align: center;
filter: alpha(opacity:80);
	KHTMLOpacity: 0.80;
	MozOpacity: 0.80;
	opacity: 0.80;
	background: url(../images/bubble3.gif) no-repeat top;
	font-weight:bold;
	text-align:left;
	font-size:12px;
	text-decoration:none;
}
/*----------------- end bubble tooltip4------------------*/
/*----------------- Estilos Descripciones ---------------*/
.tooltip .titulo_description {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFF;
	text-align:left;
	padding-left:10px;
}
.tooltip .img_descrption {
	border:none;
	margin-top:5px;
	margin-bottom:5px;
}
.tooltip .img_descrption img {
	border:none;
}
.tooltip .txt_description {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:left;
	padding-left:10px;
}
/*---------- Tooltipl registro ----------*/
a.bt_registro {
	position:relative;
	z-index:24;
	color:#3CA3FF;
	text-decoration:none; /*margin-top:3px; margin-right:3px; margin-bottom:3px; margin-left:4px; */
	text-decoration:none;
	background:url(../images/bt-ingresar-home.png);
	width:71px;
	height:21px;
	display:block;
	float:left;
}
a.bt_registro span {
	display: none;
}
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.bt_registro:hover {
	z-index:25;
	color: #aaaaff;
background:;
}
a.bt_registro:hover span.tooltip {
	display:block;
	position:absolute;
	top:0px;
	left:-160px;
	padding: 15px 0 0 0;
	width:245px;
	color:#FFF; /*filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90;*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
}
a.bt_registro:hover span.top {
	display: block;
	width:241px;
	height:22px; /*padding: 30px 8px 0;*/
	background: url(../images/login-top.gif);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
}
a.bt_registro:hover span.middle {
	display: block;
	float:left; /*padding: 0 8px; */
	background: url(../images/login-middle.gif) no-repeat center top #8B8B8B;
	text-decoration:none;
	width:241px;
	min-height:133px;
	padding-top:10px;
}
a.bt_registro:hover span.middle .campotxt {
	font-size:12px;
	text-transform:uppercase;
	float:left;
	width:80px;
	margin-left:15px;
	margin-right:3px;
	margin-bottom:5px;
}
a.bt_registro:hover span.middle .campoinput {
	float:left;
	width:123px;
	margin-bottom:5px;
}
a.bt_registro:hover span.middle .campoinput INPUT {
	width:122px;
	height:15px;
	border:1px solid #2483ac;
	padding-left:3px;
	padding-right:3px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
}
a.bt_registro:hover span.middle .recordarme {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFF;
	float:left;
	margin-left:100px;
	text-transform:uppercase;
}
/*a.bt_registro:hover span.middle .recordarme INPUT{border:1px solid #2483ac;}*/
a.bt_registro:hover span.middle .botones {
	float:left;
	width:158px;
	height:20px;
	margin-left:75px;
	margin-top:10px;
}
a.bt_registro:hover span.middle .botones a.bt_cancelar {
	background:url(../images/bt-cancelar.png);
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	width:74px;
	height:18px;
	float:left;
}
a.bt_registro:hover span.middle .botones a.bt_ingresar {
	background:url(../images/bt-ingresar.png);
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	width:74px;
	height:18px;
	float:left;
	margin-left:5px;
}
a.bt_registro:hover span.middle a.olvide {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	float:left;
	text-transform:uppercase;
	margin-top:10px;
	text-decoration:none;
	display:block;
}
a.bt_registro:hover span.middle a.olvide:hover {
	text-decoration:underline;
}
a.bt_registro:hover span.bottom {
	display: block;
	float:left;
	width:241px;
	height:11px; /*padding:3px 8px 10px;*/
	background: url(../images/login-bottom.gif);
	background-position:center;
	background-repeat:repeat-y;
	top:552px;
}