/********************** RESET **********************/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	background: none;
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	outline: 0;
	overflow:inherit !important;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
:focus {outline:none;}
/*******************************************************/
/********************** Columnas **********************/
/*.showgrid { background: url(interface//blueprint_grid_60+20x18.png) 10px; }*/
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {
	float:left;
	margin-right: 10px;
	margin-left: 10px;
}
.span-1 {
	width: 60px;
}
.span-2 {
	width: 140px;
}
.span-3 {
	width: 220px;
}
.span-4 {
	width: 300px;
}
.span-5 {
	width: 380px;
}
.span-6 {
	width: 460px;
}
.span-7 {
	width: 540px;
}
.span-8 {
	width: 620px;
}
.span-9 {
	width: 700px;
}
.span-10 {
	width: 780px;
}
.span-11 {
	width: 860px;
}
.span-12, div.span-12 {
	width: 940px;
	margin: 0;
}
div.last {
	margin-right:0;
}
div.first {
}
/*******************************************************/
/********************** Clearfix **********************/
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* Para IE 6/7 */
.clearfix {
    zoom:1;
}
/*--------------*/
.clear {
	clear:both;
}
.division {
	margin-right:10px;
	padding-right:9px;
	border-right:dotted 1px #ccc;
}
.bigcontent {
	overflow:auto;
}
/*******************************************************/
/******************** Typografia (Modulor) **********************/
html, body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:1.5em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	line-height:normal;
}
h1 {
	font-size:2.61538em;
	padding:1.54413em 0;
}
h2 {
	font-size:2.11538em; 
	padding:1.73183em 0;
}
h3, h4, h5, h6 {
	font-size:1.61538em; 
	padding:1.57145em 0;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin:0;
}
p {
	padding:0 0 10px;
}
blockquote {
	margin:10px;
	color:#999;
	font-style:italic;
}
strong {
	font-weight:bold;
}
em, dfn {
	font-style:italic;
}
dfn {
	font-weight:bold;
}
sup, sub {
	line-height:0;
}
abbr, acronym {
	border-bottom:1px dotted #666;
}
address {
	margin:0 0 10px;
	font-style:italic;
}
del {
	color:#666;
	text-decoration:line-through
}
pre {
	padding:10px 0;
	white-space:pre;
	background-color:#9CC;
	color:#033
}
pre, code, tt {
	font:1em 'andale mono', 'lucida console', monospace;
	line-height:1.5;
}
li ul, li ol {
	margin:0 10px;
}
ul, ol {
	margin:0 10px 10px 20px;
}
ul {
	list-style-type:disc;
}
ol {
	list-style-type:decimal;
}
table {
	overflow:visible !important;
	width:100%;
}
th, td, caption {
	padding:2px;
	border-bottom:solid 1px #ddd;
}
tfoot {
	font-style:italic;
	font-size:10px;
}
caption {
	font-size: 110%;
	font-style: italic;
	text-align: center;
	font-weight: bolder;
}
/********************************************************/