@charset "utf-8";
    
a:link, a:active, a:visited {
         color: #EF4231;
    }

    a:hover {
         color: #FFFFCC;
    }
	
.wrap {
	margin-top:0px;
	margin-bottom:6px;
	padding-top: 0px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3f3e37;
	margin-left: -5px; margin-right: -5px;
}

.bottomMargin {
	padding-bottom: 10px;
}
	
/*tooltip*/

div.tooltip {
	width: 200px;
	color: #fff;
	text-align: center;
}

div.tooltip h4 {
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	background: url("../images/balloon.png"/*tpa=http://www.humbertoperaza.com/images/balloon.png*/) top left no-repeat !important;
	background: url("../images/balloon.gif"/*tpa=http://www.humbertoperaza.com/images/balloon.gif*/) top left no-repeat;
	font-size: 11px;
}

div.tooltip p {
	margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url("../images/balloon.png"/*tpa=http://www.humbertoperaza.com/images/balloon.png*/) bottom left no-repeat !important;
	background: url("../images/balloon.gif"/*tpa=http://www.humbertoperaza.com/images/balloon.gif*/) bottom left no-repeat;
	font-size: 10px;
}


/* accordion togglers */
.toggler {
	font-weight: bold;
	color: #ffffff;
	display:block;
	float:left;
	width:25%;
	cursor:pointer;
	height:35px;
	vertical-align: middle;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}
/* Just for the link */
.toggler2 {
	font-weight: bold;
	color: #ffffff;
	display:block;
	float:left;
	width:25%;
	cursor:pointer;
	height:35px;
	vertical-align: middle;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}
.toggler div{
	margin-left: 10px;
	position: relative;
	padding:0px;
	padding-left:5px;
	margin:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.toggler div img{
	position: absolute;
	margin-top: 0px !important;
	margin-top: 0px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.toggler div span{
	font-size:26px;
	padding-bottom:0px;
	margin-bottom:0px;
}


/* toggler hover */

.togglerHover {
	font-weight: bold;
	color: maroon;
	display:block;
	width:25%;
	float:left;
	cursor:pointer;
	height:35px;
	vertical-align: middle;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}
.togglerHover div{
	margin-left: 10px;
	position: relative;
	padding:0px;
	padding-left:5px;
	margin:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.togglerHover div img{
	position: absolute;
	margin-top: 0px !important;
	margin-top: 0px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.togglerHover div span{
	font-size:26px;
	padding-bottom:0px;
	margin-bottom:0px;
}

/* accordion elements */

.accordion {
	font-family: Tahoma, Verdana, Arial;
	color: #6591E2;
	font-size:14px;
	text-align:left;
	float:left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top:0px;
	margin-top:0px;
	width:100%;
}
.accordion_contents {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	padding-top:0px;
	padding-bottom:20px;
	width:100%;
	float:left;
	margin-top:0px;
	line-height:13px;
}