@charset "utf-8";
/*
Gabinete de Iniciativa Jóven (GIJ)
http://www.iniciativajoven.org
LMMS @ Pulso 2009

Versión: 1.0

 - CSS Base: Propiedades base, normalización, clases auxiliares, etc.
 
*/


/* ESTILOS GENERALES - Normalización y varios 
--------------------------------------------- */
html, body {
	height:100%;
}
html {
	font-size:125%;
}
body {
	background:#FFF;
	color:#000;
	text-align:center;
	font:normal 50%/140% Arial, Helvetica, sans-serif; 
}

a:link, 
a:visited {
	color:#00F;
}
a:hover,
a:active {
	color:#999;
}
a:active {
}

hr {
	display:none;
	visibility:hidden;
}
	hr.separator {
		display:block;
		visibility:inherit;
		border:0pt none;
		width:100%;
		margin:0;
		padding:0;
		height:1px;
		color:#dedede;
		background:#dedede;
	}
	html>/**/body hr.separator {
		margin:1em 0;
	}
acronym {
	border-bottom:1px dotted;
	cursor:help;
}
blockquote {
	padding-left:3em;
}	


/* ESTILOS/CLASES AUXILIARES
--------------------------------------------- */
/* Varios */
.center { margin-left:auto; margin-right:auto; }
.smallText { font-size:smaller !important; }
.upperCase { text-transform:uppercase; }

/* Display */
.noDisplay { display:none; visibility:hidden; }
.block { display:block; }
.inline { display:inline; }
.inlineBlock { display:inline-block; }

/* Align */
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.alignCenter { text-align:center; }
.alignJustify { text-align:justify; }

/* Float */
.floatLeft { float:left; }
.floatRight { float:right; }

/* Margin */
.margin { margin:1em; }
.marginTop { margin-top:1em; }
.marginRight { margin-right:1em; }
.marginBottom { margin-bottom:1em; }
.marginLeft { margin-left:1em; }

.marginDouble { margin:0 2em; }

/* Padding */
.padding { padding:1em; }
.paddingTop { padding-top:1em; }
.paddingRight { padding-right:1em; }
.paddingBottom { padding-bottom:1em; }
.paddingLeft { padding-left:1em; }

.paddingDouble { padding:0 2em; }

/* Columns: Sobre una retícula de 960px (96em) incluyendos los espacios entre columnas */
.col22em { width:22em; } /* 1/4 */
.col46em { width:46em; } /* 2/4 */
.col70em { width:70em; } /* 3/4 */

.col30em { width:30em; } /* 1/3 */
.col62em { width:62em; } /* 2/3 */

/* Clear */
.clearAll {
	clear:both;
}
/* "Easy Clearing Hack" */
.clearFix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearFix {
	display:inline-block;
}
.clearFix {
	display:block;
}
* html .clearFix {
	height:1px;
}
