/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: normal;
}
ol, ul {
  list-style: none;
}
blockquote {
  quotes: none;
}
blockquote:before, blockquote:after {
  content: '';
  content: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a img {
  border: none;
}

/* =Layout
-------------------------------------------------------------- */
.container {
  width: 940px;
  margin: 0 auto;
  position: relative; }

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12, .grid13, .grid14,
.grid15, .grid16, .grid17, .grid18, .grid19, .grid20, .grid21, .grid22, .grid23, .grid24 {
  float: left;
  margin-left: 20px; }

.grid1 {  width: 60px; }
.grid2 {  width: 140px; }
.grid3 {  width: 220px; }
.grid4 {  width: 300px; }
.grid5 {  width: 380px; }
.grid6 {  width: 460px; }
.grid7 {  width: 540px; }
.grid8 {  width: 620px; }
.grid9 {  width: 700px; }
.grid10 {  width: 780px; }
.grid11 {  width: 860px; }
.grid12 {  width: 940px; }

.offset1 {  margin-left: 80px; }
.offset2 {  margin-left: 160px; }
.offset3 {  margin-left: 240px; }
.offset4 {  margin-left: 320px; }
.offset5 {  margin-left: 400px; }
.offset6 {  margin-left: 480px; }
.offset7 {  margin-left: 560px; }
.offset8 {  margin-left: 640px; }
.offset9 {  margin-left: 720px; }
.offset10 {  margin-left: 800px; }
.offset11 {  margin-left: 880px; }
.offset12 {  margin-left: 960px; }

.row {
  margin-left: -20px;
  *zoom: 1; }
  .row:before, .row:after {
    display: table;
    content: ""; }
  .row:after {
    clear: both; }

.clear {  clear: both; }

.right {  float: right;  text-align: right; }

.left {  float: left;  text-align: left; }

.inline {  display: inline-block; }

.center {  text-align: center; }

/*
	Genera la proporcion de los Headline
*/
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin-bottom: 1em;
}
h1 {
  font-size: 2.5em; }

h2 {
  font-size: 2.2em; }

h3 {
  font-size: 1.9em; }

h4 {
  font-size: 1.6em; }

h5 {
  font-size: 1.3em; }

h6 {
  font-size: 1em; }