@charset "iso-8859-1";
/* CSS Document */


/* tooltip styling. uses a background image (a black box with an arrow) */ 
div.tooltip {
	font-size:11px;
	height:240px;
	padding: 10px 10px 10px 28px;
	width:200px;
	font-size:11px;
	
	color:#fff;
	
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/tt_hor.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	line-height:normal;
	display:none;
	z-index:999;
}
* html div.tooltip{margin-top:10px;}
#ttsmall.tooltip{background-image: url(../images/tt_hor2.gif);
height:200px;
	width:280px;
	padding-right:20px;
	padding-left:40px;
	font-size:14px;
	color:#060;
	}
	#ttsmall.tooltip h3, #ttsmall.tooltip p, #ttsmall.tooltip a{color:#2f5a6d; font-size:14px; line-height:18px; margin:0; padding:0;}
	#ttsmall.tooltip h3{ font-size:18px; margin-bottom:12px;}
	
#donacenter .tooltip{background-image: url(../images/tt_vert.gif);
height:162px;
	width:280px;
	padding-right:20px;
	padding-left:10px;
	font-size:14px;
	
	
	color:#060;color:#036;
	text-align:left;
	}
	#donacenter .tooltip p{ margin-right:10px;line-height:16px;}
 
/* tooltip title element (h3) */ 
div.tooltip h3 {
	margin:0;
	font-size:14px;
	color:#3e6577;
	font-weight:bold;
	margin:0;
	padding:0;
	line-height:normal;
}
div.tooltip p{ font-size:11px; margin:2px 0; padding:3px 5px; line-height:12px;}
p.yellow{ background-color:#faa41d;}
p.cyan{ background-color:#229cdd;}
p.green{ background-color:#48a131;}
p.red{ background-color:#dd161e;}
p.violet{ background-color:#c20e7a;}
div.tooltip b{ text-transform:uppercase; color:#fff;}



.step1{display:block; float:left; margin:0;}
.step1 fieldset { padding-right:0;  display:inline;}
.step2{ 
background-color:#125e93;
	background-image: url(../images/backform.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	width:320px;
display:block; float:left;
padding:35px 0 0 25px;
margin-top:20px;}

.arrow{ float:left; display:inline; margin:180px 4px;}
.step2 div.tooltip{
	display:block;
	background-image: url(../images/ilustracion_destino3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:260px;
	height:320px;
	padding-top:60px;
	padding-bottom:0px;
	
}
.step2 div.tooltip p{ margin-right:30px; display:block; float:left; width:200px;}
.check_left{ display:block; float:left; clear:left;}
#content input#btn_dona{
	background:none;
	clear:both;
	display:block;
	margin-left:144px;
	width:88px;
	height:21px;
	background-image: url(../images/btn_small_wt2.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	border:none;
	cursor:pointer;
}
#content input#btn_dona:hover{background-position:center -21px;}