span.highlight {
	background-color: #FFF49B;
	color: #A5651A;
	padding: 2px 5px;
	font-style: italic;
} 

.blanca-button {
  background: #262626;
	font-size: 16px;
  line-height: 16px;
	padding: 12px 14px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin: 0px 5px 5px 0;  
	text-align: center;
	text-decoration: none;
}

.blanca-button.small {
	font-size: 14px;
	padding: 10px 13px;
}
.blanca-button.large {
	font-size: 18px;
	font-weight: bold;
	padding: 16px 20px;
}	

.blanca-button.round {
	border-radius: 200px;
}

.blanca-button:hover,
.blanca-button:focus
{
	color: #fff;
}
.blanca-button:active {
	position: relative;
	top: 1px;
}

.blanca-button.black { background: #333; border-color: #2C2C2C; }
.blanca-button.black:hover { background-color: #3C3C3C; border-color: #3C3C3C; }	 

.blanca-button.grey { background: #888; border-color: #818181; }
.blanca-button.grey:hover { background: #919191; border-color: #919191; }

.blanca-button.green { background: #7fc33c; border-color: #69963b; }
.blanca-button.green:hover { background: #8dd242; border-color: #69963b; }

.blanca-button.blue { background: #2caada; border-color: #2681a2; }
.blanca-button.blue:hover { background: #32bcef; border-color: #2681a2; }

.blanca-button.yellow { background: #FCC71F; border-color: #F5C017;  }
.blanca-button.yellow:hover { background: #FFCF38; border-color: #FFCF38;  } 

.blanca-button.red { background: #e3514a; border-color: #ab4b44; }
.blanca-button.red:hover { background: #ff5e56; border-color: #ab4b44; }

.blanca-button.purple { background: #d17ac6; border-color: #996192; }
.blanca-button.purple:hover { background: #eb90e0; border-color: #996192; }

.blanca-button.orange { background: #FF7654; border-color: #FF6A45; }
.blanca-button.orange:hover { background: #FF8262; border-color: #FF8262; }

.blanca-button.pink { background: #FFADCB; border-color: #FDA5C5; }
.blanca-button.pink:hover { background: #FFB5D0; border-color: #FFB5D0; }

.blanca-alert {
	background-color: #888;
	border-radius: 2px;
	color: #FFF;
	margin: 0 0 30px 0;
	padding: 23px;
	position: relative;
	line-height: 25px;  
}

.blanca-alert.note 	{ background: #fdf8e4; color: #846f44; border: 1px solid #f7e4bc; }	
.blanca-alert.info 	{ background: #d9edf6; color: #2e6d8e; border: 1px solid #bce8f1; }
.blanca-alert.success { background: #def0d8; color: #417044; border: 1px solid #d4eac4; }	
.blanca-alert.error   { background: #f2dedf; color: #ac4641; border: 1px solid #ebccd2; }	


a.tooltips {
  position: relative;
  display: inline;
}

a.tooltips span {
  position: absolute;
  width:140px;
  color: #FFFFFF;
  background: #000000;
  height: auto;
  text-align: center;
  visibility: hidden;
	-webkit-box-shadow:2px 2px 5px #aaa;
	   -moz-box-shadow:2px 2px 5px #aaa;
	        box-shadow:2px 2px 5px #aaa;
	-webkit-transition:opacity 250ms ease-out;
	   -moz-transition:opacity 250ms ease-out;
	    -ms-transition:opacity 250ms ease-out;
	     -o-transition:opacity 250ms ease-out;
	        transition:opacity 250ms ease-out;
}

a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}