html, body { margin: 0 auto; padding: 0; }
html { font-size: 1.2em; background-color: #3B3B39; color: #fff; }
body { width: 970px; }
div, img, a { margin: 0; padding: 0; }
p { text-align: justify; }
.cabecera {
 width: 963px;
 /*width: 840px;*/
 height: 262px;
 background: url("../img/cabecera.jpg") top left no-repeat;
 margin-left: 24px;
}
.menuNav {
  width: 963px;
/*  width: 864px; */
 height: 33px;
 background: url("../img/menuNav.jpg") top left no-repeat;
 padding-left: 80px;
 padding-top: 9px;
 margin-left: 24px;
 font: .8em  Arial;
 color: #86A258; /* verde mate barra de menú */
}
.menuNav a:link, .menuNav a:visited { 
 color: #fff; 
 background-color: inherit; 
 text-decoration: none;
 padding: 5px 6px 6px 6px;
}
.menuNav a:hover, .menuNav a:active, .menuNav a:focus {
 color: #000; 
 background-color: #C1E1ED; 
 outline: none;
}
.menuNav2 { margin-left: 35px; }
.menuNav3 { margin-left: 35px; }
.menuNav4 { margin-left: 50px; }
.menuNav5 { margin-left: 40px; }
.menuNav6 { margin-left: 98px; }
/*
.menuNav2 { margin-left: 15px; }
.menuNav3 { margin-left: 25px; }
.menuNav4 { margin-left: 40px; }
.menuNav5 { margin-left: 30px; }
.menuNav6 { margin-left: 88px; }
*/
.contenido {
 width: 963px;
/*  width: 840px; */
 background: url("../img/fondo.jpg") top left repeat-y;
 color: #000;
 background-color: inherit;
 padding-left: 95px;
 margin-left: 24px; 
 font-family: "Century Gothic";
 float: left;
}
.contenido h2 {
 border: 4px solid #fff;
 font: 1.4em "Century Gothic";
 width: 695px;
 background-color: #44542F; /* verde oscuro */
 color: #fff;
 margin-top: .5em;
 padding: .5em;
}
h2 span {
 color: #ff0;
 background-color: inherit;
}
.contenido h3 {
 border: 4px solid #fff;
 font: .8em "Century Gothic";
 font-weight: bold;
 width: 40%;
 background-color: #95FF8F; /* verde claro */
 color: #8B0000; /* burdeos oscuro */
 margin: 5px 0 0 0;
 padding: .5em;
 clear: both;
 float: left;
}
.dim720px { width: 720px;}

.descripcion {
 width: 40%;
 background: #F1F0F0 url("../img/fondoArcoIris.jpg"); /* default grisClaro */
 background-position: -10px -30px;
 padding: 10px;
 border-top: 1px solid #fff;
 border-left: 1px solid #fff;
 border-bottom: 1px solid #B5B4B4; /* gris medio */
 border-right: 1px solid #B5B4B4; /* gris medio */
}
.marginTopDc-11a { margin: 75px 0 0 0; }
.marginTopDc-12b { margin: 80px 0 0 0; }
.marginTopDc-13c { margin: 80px 0 0 0; }
.verdeOscuro, .descripcion em {
 color: #44542F; /* verde oscuro */
 background-color: inherit;
}

.descripcion .inspiracion {
 margin-top: 5px;
 padding-top: 10px;
 border-top: 1px dotted #000;
 display: block;
}
.descripcion .primeraLetra {
 font-size: 2em;
 color: #44542F; /* verde oscuro */
 background-color: inherit;
}
.bloqueCamisetas {
 clear: both;
 padding: 0 0 30px 6px;
 margin: 0 0 25px 0;
 background: url("../img/mancha.jpg") bottom left repeat-x;
 width: 728px;
}
.bloqueCamisetas p {
 color: #8B0000; /* burdeos oscuro */
 background-color: #F1F0F0;
 width: 708px;
 padding: 10px;
 margin-top: 50px;
}
.bloqueCamisetas .primeraLetra { font-size: 2em; }

.disenoImg {
 width: 293px;
 height: 30%;
 border: 3px solid #8B0000; /* burdeos oscuro */
 background-color: #FABFFF;
 color: inherit;
 padding: 2px;
 margin: 5px;
 margin-right: 230px;
 float: right;
}
.ampliarPrototipo, .ampliarPrototipo:visited {
 margin: 0 230px 10px 0;
 padding: 3px 6px;
 text-decoration: none;
 border: 2px solid #F1F0F0; /* gris claro */
 outline: none;
 clear: right;
 float: right;
}
.ampliarPrototipo:hover, .ampliarPrototipo:active, .ampliarPrototipo:focus {
 color: #000;
 background-color: #C1E1ED;
 outline: none;
 border: 2px solid #003F7D; /* azul oscuro */
}
.azulon, .azulon:visited {
 text-decoration: none;
 border: 2px solid #F1F0F0; /* gris claro */
 outline: none;
}
.azulon:hover, .azulon:active, .azulon:focus {
 color: #000;
 background-color: #C1E1ED;
 outline: none;
 border: 2px solid #003F7D; /* azul oscuro */
}
.disenoCam {
 width: 227px;
 height: 204px;
 border: 3px solid #44542F;
 color: inherit;
 background-color: #91CF40; /* verde medio */
 padding: 2px 3px;
}
.dc-11a { height: 221px; }
.dc-12b { height: 238px; }
.dc-13c { height: 245px; }

ol { width: 700px; text-align: justify; }
ol li { margin: 10px; }

.pie {
 width: 963px;
/* width: 840px; */
 height: 88px;
 background: url("../img/pie.jpg") top left no-repeat;
 color: #fff;
 padding-left: 140px;
 font-size: .8em;
 padding-top: 5px;
 margin-left: 24px;
 float: left;
}