/* Reset --------------------------------*/
html,
body,
div,
span,
h1,
h2,
strong,
article,
aside,
footer,
header,
hgroup,
menu,
nav,
section                      {
                                 margin: 0;
                                 padding: 0;
                                 border: 0;
                                 outline: 0;
                                 font-size: 100%;
                                 vertical-align: baseline;
                                 background: transparent;
                             }
body                         { line-height: 1 }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section                      { display: block }
a                            {
                                 margin: 0;
                                 padding: 0;
                                 font-size: 100%;
                                 vertical-align: baseline;
                                 background: transparent;
                                 text-decoration: none;
                                 color: #111;
                             }
.ie7 img                     { -ms-interpolation-mode: bicubic }

/* Commons --------------------------------*/
body                         {
                                 font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
                                 font-size: 75%;
                                 line-height: 2em;
                                 color: #222;
                                 background: #ebebf0;
                             }
html > body                  { font-size: 12px }
h1,
h2,
h3,
h4,
h5,
h6                           {
                                 font-weight: 400;
                                 color: #111;
                                 font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;
                             }
h1                           {
                                 font-size: 2.667em;
                                 line-height: 1.5em;
                                 margin-top: .75em;
                             }
h2                           {
                                 font-size: 2.167em;
                                 line-height: 1.846em;
                                 margin-top: .923em;
                             }
#container,
footer                       {
                                 width: 500px;
                                 margin: 0 auto;
                                 overflow: hidden;
                                 padding: 2em 4em;
                             }
header                       { margin-bottom: 2em }

/* Tags --------------------------------*/
.tags-container                        {
                                 display: inline;
                                 float: left;
                                 position: relative;
                                 margin-left: 4em;
                             }
.tags-container a                      {
                                 text-decoration: none;
                                 font-weight: 700;
                                 color: #333;
                                 -moz-text-shadow: 0 1px 0 rgba(255,255,255,0.3);
                                 -webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.3);
                                 text-shadow: 0 1px 0 rgba(255,255,255,0.3);
                             }
.tags-container a:hover      { color: #111 }

/* Tags comun --------------------------------*/
.tags                      {
                                 display: inline-block;
                                 height: 25px;
                                 margin-bottom: 8px;
                                 padding: 4px 5px;
                                 background-image: url(../images/sprite.png);
                                 position: relative;
                             }
                             
/* Tag Rojo --------------------------------*/
.t-rojo                      {
                                 background-position: 0 -630px;
                                 background-repeat: repeat-x;
                             }
.t-rojo:before               {
                                 background: url(../images/sprite.png) no-repeat 0 -700px;
                                 content: "";
                                 display: block;
                                 height: 34px;
                                 width: 30px;
                                 position: absolute;
                                 top: 0;
                                 left: -30px;
                             }
.t-rojo:after                {
                                 background: url(../images/sprite.png) no-repeat 0 -770px;
                                 content: "";
                                 display: block;
                                 position: absolute;
                                 top: 0;
                                 left: 100%;
                                 width: 8px;
                                 height: 34px;
                             }
.t-rojo:hover                { background-position: 0 -665px }
.t-rojo:hover:before         { background-position: 0 -735px }
.t-rojo:hover:after          { background-position: 0 -805px }

/* Tags Celeste --------------------------------*/
.t-celeste                   {
                                 background-position: 0 -210px;
                                 background-repeat: repeat-x;
                             }
.t-celeste:before            {
                                 background: url(../images/sprite.png) no-repeat 0 -280px;
                                 content: "";
                                 display: block;
                                 height: 34px;
                                 width: 30px;
                                 position: absolute;
                                 top: 0;
                                 left: -30px;
                             }
.t-celeste:after             {
                                 background: url(../images/sprite.png) no-repeat 0 -350px;
                                 content: "";
                                 display: block;
                                 position: absolute;
                                 top: 0;
                                 left: 100%;
                                 width: 8px;
                                 height: 34px;
                             }
.t-celeste:hover             { background-position: 0 -245px }
.t-celeste:hover:before      { background-position: 0 -315px }
.t-celeste:hover:after       { background-position: 0 -385px }

/* Tags Amarillo --------------------------------*/
.t-amarillo                  {
                                 background-position: 0 0;
                                 background-repeat: repeat-x;
                             }
.t-amarillo:before           {
                                 background: url(../images/sprite.png) no-repeat 0 -70px;
                                 content: "";
                                 display: block;
                                 height: 34px;
                                 width: 30px;
                                 position: absolute;
                                 top: 0;
                                 left: -30px;
                             }
.t-amarillo:after            {
                                 background: url(../images/sprite.png) no-repeat 0 -140px;
                                 content: "";
                                 display: block;
                                 position: absolute;
                                 top: 0;
                                 left: 100%;
                                 width: 8px;
                                 height: 34px;
                             }
.t-amarillo:hover            { background-position: 0 -35px }
.t-amarillo:hover:before     { background-position: 0 -105px }
.t-amarillo:hover:after      { background-position: 0 -175px }

/* Tags Gris --------------------------------*/
.t-gris                      {
                                 background-position: 0 -420px;
                                 background-repeat: repeat-x;
                             }
.t-gris:before               {
                                 background: url(../images/sprite.png) no-repeat 0 -490px;
                                 content: "";
                                 display: block;
                                 height: 34px;
                                 width: 30px;
                                 position: absolute;
                                 top: 0;
                                 left: -30px;
                             }
.t-gris:after                {
                                 background: url(../images/sprite.png) no-repeat 0 -560px;
                                 content: "";
                                 display: block;
                                 position: absolute;
                                 top: 0;
                                 left: 100%;
                                 width: 8px;
                                 height: 34px;
                             }
.t-gris:hover                { background-position: 0 -455px }
.t-gris:hover:before         { background-position: 0 -525px }
.t-gris:hover:after          { background-position: 0 -595px }

/* Tags apilados --------------------------------*/
#tags-apilados               {
                                 float: left;
                                 display: inline;
                                 margin-left: 4em;
                             }
#tags-apilados h2            { margin-left: -2em }
#tags-apilados p             { margin-left: -3em }
#tags-apilados .tags-container         { margin-left: 0 }
#tags-apilados .tags-container:hover { z-index: 100 }

/* Tags mal (para mostrar que pasa si te zarpas) --------------------------------*/
#tagmal                      {
                                 margin-top: 20em;
                                 float: left;
                                 display: inline;
                             }
footer p                     {
                                 text-align: center;
                                 display: block;
                             }