/*-------------------------------------------------------------------------------------------*/
/* RESET */
/*-------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */

body, html  { height: 100%; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, li, #navigation ol,#navigation ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
#navigation ol,#navigation ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

/*-------------------------------------------------------------------------------------------*/
/* GENERAL STYLES */
/*-------------------------------------------------------------------------------------------*/

/* Floating & Alignment */
.fl{float: left;}
.fr{float: right;}
.ac{text-align: center;}
.ar{text-align: right;}
.aleft {	text-align: left !important;	}
.acenter {	text-align: center !important;	}
.aright {	text-align: right !important;	}


/* Margin & Padding */
.margen_s {	margin: 5px;	}
.margen_m {	margin: 10px;	}
.margen     {	margin: 15px;	}
.margen_l {	margin: 20px;	}
.padd_s {	padding: 5px;	}
.padd_m {	padding: 10px;	}
.padd   {	padding: 15px;	}
.padd_l {	padding: 20px;	}




/* Clear Floats */
.col-full:after{content: "."; display: block;height: 0;clear: both; visibility: hidden;}

.fix{clear: both;height: 1px;margin: -1px 0 0;overflow: hidden;}

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clear {	clear: both;	}
.no-bg {     background: none !important;		}

/*span*/
.span10{width:10px !important;}
.span30{width:30px !important;}
.span50{width:50px !important;}
.span60{width:60px !important;}
.span70{width:70px !important;}
.span80{width:80px !important;}
.span90{width:90px !important;}
.span100{width:100px !important;}
.span120{width:120px !important;}
.span130{width:130px !important;}
.span150{width:150px !important;}
.span180{width:180px !important;}
.span200{width:200px !important;}
.span235{width:235px !important;}
.span250{width:250px !important;}
.span270{width:270px !important;}
.span278{width:278px !important;}
.span290{width:290px !important;}
.span300{width:300px !important;}
.span305{width:305px !important;}
.span325{width:325px !important;}
.span350{width:350px !important;}
.span355{width:355px !important;}
.span360{width:360px !important;}
.span400{width:400px !important;}
.span405{width:405px !important;}
.span450{width:450px !important;}
.span455{width:455px !important;}
.span460{width:460px !important;}
.span470{width:470px !important;}
.span500{width:500px !important;}
.span550{width:550px !important;}
.span580{width:580px !important;}
.span600{width:600px !important;}
.span660{width:660px !important;}
.span910{width:910px !important;}
/*end span*/

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