html,body{	width:100%;	height:100%; }
body { font: 14px/25px Arial, Verdana, sans-serif; }
li{	list-style-position:inside; }
a{ text-decoration:none; }
a:hover{ text-decoration:underline; }

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.first { margin-left: 0 !important; }
.last {	margin-right: 0 !important; }
.nm, .no-margin{margin-left:0 !important; margin-right:0 !important; }


/* `Floated Elements
----------------------------------------------------------------------------------------------------*/

.floatleft, .fl{ float:left; }
.floatright, .fr{ float:right; }

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.cl,
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clf:before,
.clf:after,
.clf2:before,
.clf2:after,
.clearfix:before,
.clearfix:after,
.clearfix2:before,
.clearfix2:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}

.clf:after,
.clf2:after,
.clearfix:after,
.clearfix2:after {
	clear: both;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/

.clf,
.clf2,
.clearfix,
.clearfix2 {
	zoom: 1;
}


/* `CLEARFIX 2 by AleBenson
----------------------------------------------------------------------------------------------------*/
.clf2 > *,
.clearfix2 > *{
	float:right;
}
.clf2 > *:first-child,
.clearfix2 > *:first-child{
	float:left;
}


/* `Messages Style
----------------------------------------------------------------------------------------------------*/
.exito, .error, .info{
	font:12px/16px arial,sans-serif;
	margin-bottom:20px;
	padding: 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.exito{ background:#66CC99; color: #CCFFCC; }
.error{ background:#CC6666;color: #FFCCCC; }
.info{ background:#FFEEEF;color: #9E0013; }
.exito, input.exito{	border-bottom: 1px solid #99FFCC; }
.error, input.error{	border-bottom: 1px solid #FF6666; }
.info{border-bottom: 1px solid #FFABAD; }


/* HOVER BACKGROUND by AleBenson
----------------------------------------------------------------------------------------------------*/
.bgh,.hbg{
	background-position:top center;
	background-repeat:no-repeat;
}

.current .bgh,.current .hbg,
.bgh:hover,.hbg:hover{
	background-position:bottom center;
}

/* `Current
----------------------------------------------------------------------------------------------------*/
.current{ text-decoration:underline; }