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,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav,
section, summary, time, mark, audio, video {
background:transparent;
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display:block;
}
body {
line-height:1; 
}
h1, h2, h3, h4, h5, h6 {
clear:both;
font-weight:normal;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
del {
text-decoration:line-through;
}
/* las tablas necesitan 'cellspacing="0"' en margen */
table {
border-collapse:collapse;
border-spacing:0;
}
a img {
border:none;
}

/* =ESTRUCTURA 
---------------------------------------------------- */
#container {
width:100%;
margin:0 auto;
}
#header{
width:100%;
clear:both;
}
#content {
width:100%;
clear:both;
overflow:hidden;
}
#primary {
width:220px;
text-align:left;
}
#footer {
width:100%;
clear:both;
}

/* =TIPOGRAFIAS
---------------------------------------------------- */
body,
input,
textarea,
p {
font-family:'Open Sans', sans-serif;
font-weight:300; 
}
h1, h2, h3, h4, h5, h6 {
font-family:'Open Sans', sans-serif;
font-weight:400; 
}
b, strong {
font-weight:600;
}
cite,
em,
i {
font-style:italic;
}

/* =ELEMENTOS GENERALES
---------------------------------------------------- */

/* Estilos generales texto y tema */
body {
background:#f1f1f1;
}
body,
p,
input,
textarea {
color:#484848;
font-size:14px;
line-height:18px;
}
hr {
background-color:#d3d6d8;
border:0;
clear:both;
height:1px;
margin:12px 0px;
}
nav ul,
nav li {
margin:0;
list-style:none;
list-style-image:none;
}

/* Elementos de texto */
p {
margin-bottom:1em;
}
h1 {
font-size:21px;
line-height:1.1em;
margin-top:0.8em;
margin-bottom:0.3em;
}
h2 {
font-size:18px;
line-height:1.2em;
margin-top:0.5em;
margin-bottom:0.5em;
}
h3 {
font-size:16px;
margin-top:0.8em;
margin-bottom:0.4em;
}
h4 {
font-size:14px;
margin-bottom:0.4em;
}
h5 {
font-size:13px;
margin-bottom:0.4em;
}
h6 {
font-size:11px;
margin-bottom:0.1em;
}
ul {
list-style:disc;
margin:0 0 18px 1.5em;
}
ol {
list-style:decimal;
margin:0 0 18px 1.5em;
}
ol ol {
list-style:upper-alpha;
}
ol ol ol {
list-style:lower-roman;
}
ol ol ol ol {
list-style:lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom:0;
}
dl {
margin:0 0 24px 0;
}
dt {
font-weight:bold;
}
dd {
margin-bottom:18px;
}
big {
font-size:131.25%;
}
ins {
background:#ffc;
text-decoration:none;
}
blockquote {
font-style:italic;
padding:0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
font-style:normal;
}
pre {
background:#f7f7f7;
color:#222;
line-height:18px;
margin-bottom:18px;
padding:1.5em;
}
abbr,
acronym {
border-bottom:1px dotted #666;
cursor:help;
}
sup,
sub {
height:0;
line-height:1;
position:relative;
vertical-align:baseline;
}
sup {
bottom:1ex;
}
sub {
top:.5ex;
}
input[type=text], textarea {
background:#f9f9f9;
border:1px solid #ccc;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
padding:2px;
}