body,
p,
h1,
h2,
h3,
h4,
ul,
li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
body {
  font-family: Calibri, Helvetica, Arial;
  color: #cdc7b2;
  background-color: #676357;
}
a {
  color: #c0bdb5;
}
div.container {
  width: 100%;
}
div.content {
  width: 880px;
  margin: 0px auto;
  padding: 0px 25px;
}
div#header {
  background-color: #918d7e;
  background: -webkit-gradient(linear,top left,bottom left,color-stop(50%,#8e8977),color-stop(100%,#918d7e));
  background: -webkit-linear-gradient(#8e8977 50%,#918d7e 100%);
  background: -moz-linear-gradient(center bottom,#8e8977 50%,#918d7e 100%);
  background: -o-linear-gradient(center bottom,#8e8977 50%,#918d7e 100%);
  background: linear-gradient(center bottom,#8e8977 50%,#918d7e 100%);
}
div#header div.content {
  padding: 33px 0px 11px 0px;
}
div#header div.left {
  width: 710px;
  float: left;
  text-transform: uppercase;
}
div#header h1 {
  float: left;
  margin-left: -5px;
  font-size: 66px;
}
div#header h1 span {
  font-weight: bold;
}
div#header h2 {
  float: left;
  padding: 19px 0px 0px 10px;
  font-size: 16px;
  line-height: 16px;
}
div#header div.right {
  width: 170px;
  float: right;
  text-align: right;
  font-size: 14px;
  line-height: 30px;
  padding-top: 10px;
}
div#header div.right a {
  color: #ffffff;
}
div#header div.right a:hover {
  color: #6e695b;
}
div#header div.right a.idioma {
  color: #ffffff;
}
div#header div.right a.idioma:hover {
  color: #6e695b;
}
div#galeria {
  background-color: #6c675a;
  font-size: 14px;
}
div#galeria div.content {
  width: 880px;
  padding: 0px 0px 0px 0px;
  height: 126px;
  overflow: hidden;
  position: relative;
}
div#galeria a.flecha {
  display: none;
  width: 57px;
  height: 57px;
  position: absolute;
  z-index: 20;
}
div#galeria a.flechal {
  background: url('img/galeria_flechal.png') no-repeat 0px 0px;
  top: 223px;
  left: 40px;
}
div#galeria a.flechar {
  background: url('img/galeria_flechar.png') no-repeat 0px 0px;
  top: 223px;
  right: 40px;
}
div#galeria a.flecha:hover {
  background-position: 0px -93px;
}
div#galeria a.cerrar {
  display: none;
  position: absolute;
  width: 34px;
  height: 34px;
  background: url('img/x_cerrar.png') no-repeat 0px 0px;
  top: 43px;
  right: 51px;
  z-index: 20;
}
div#galeria a.cerrar:hover {
  background-position: 0px -68px;
}
div#galeria div.galeria_nav {
  display: none;
  position: absolute;
  right: 39px;
  bottom: 35px;
  z-index: 20;
}
div#galeria div.galeria_nav a {
  display: block;
  float: left;
  margin-right: 14px;
  width: 11px;
  height: 11px;
  background: url('img/galeria_punto.png') no-repeat 0px -29px;
}
div#galeria div.galeria_nav a.activo,
div#galeria div.galeria_nav a:hover {
  background-position: 0px 0px;
}
div#galeria div.imagenes {
  position: absolute;
  top: 0px;
  left: 1500px;
  z-index: 10;
}
div#galeria div.imagenes img {
  float: left;
  opacity: 1;
}
div#galeria div.imagenes img.thumb {
  opacity: 1;
}
div#galeria div.imagenes img.thumb:hover {
  cursor: pointer;
  opacity: 0.8;
}
div#config_trama {
  background-color: #807b6c;
  background: -webkit-gradient(linear,top left,bottom left,color-stop(00%,#7a7464),color-stop(100%,#807b6c));
  background: -webkit-linear-gradient(#7a7464 00%,#807b6c 100%);
  background: -moz-linear-gradient(center bottom,#7a7464 00%,#807b6c 100%);
  background: -o-linear-gradient(center bottom,#7a7464 00%,#807b6c 100%);
  background: linear-gradient(center bottom,#7a7464 00%,#807b6c 100%);
  font-size: 14px;
}
div#config_trama div.content {
  padding: 15px 20px 5px 20px;
  position: relative;
  width: 880px;
}
div#config_trama div.content div.pestanas {
  font-size: 18px;
}
div#config_trama div.content div.pestanas h4 {
  display: block;
  float: left;
  width: 178px;
  padding-top: 4px;
}
div#config_trama div.content div.pestanas ul {
  float: left;
}
div#config_trama div.content div.pestanas ul li {
  display: block;
  float: left;
}
div#config_trama div.content div.pestanas ul li a {
  display: block;
  float: left;
  padding: 2px 24px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  margin: 1px;
}
div#config_trama div.content div.pestanas ul li a:hover {
  color: #cdc7b2;
  margin: 0;
  border: 1px solid #cdc7b2;
}
div#config_trama div.content div.pestanas ul li a.activo {
  margin: 0;
  color: #cdc7b2;
  border: 1px solid #cdc7b2;
}
div#config_trama div.content span.rollover {
  background-image: url(img/trama_rollover.png);
  display: none;
  position: absolute;
  width: 143px;
  height: 143px;
  z-index: 90;
}
div#config_trama div.content span.activo {
  display: block;
  position: absolute;
  background-image: url(img/trama_activo.png);
  width: 109px;
  height: 109px;
  z-index: 95;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  left: 17px;
  top: 82px;
}
div#config_trama div.content div.tramas {
  position: relative;
  z-index: 120;
}
div#config_trama div.content div.tramas div.linea_derecha {
  width: 224px;
  height: 20px;
  border-right: 1px solid #cdc7b2;
}
div#config_trama div.content div.tramas div.introduccion_texto {
  display: none;
}
div#config_trama div.content div.tramas div.introduccion_texto label {
  width: 254px;
  float: left;
  display: block;
  text-align: left;
  font-size: 26px;
  padding: 0px 10px 8px 0px;
}
div#config_trama div.content div.tramas div.introduccion_texto label small {
  display: block;
  font-size: 12px;
}
div#config_trama div.content div.tramas div.introduccion_texto textarea {
  float: left;
  margin: 10px 0px 10px 0px;
  padding: 6px 12px 8px 12px;
  width: 584px;
  height: 44px;
  border: 0px;
  background-color: #9b978a;
  font-size: 18px;
  color: #000000;
  font-family: Calibri, Helvetica, Arial;
}
div#config_trama div.content div.tramas div.introduccion_texto textarea:focus {
  background-color: #c2beb0;
}
div#config_trama div.content div.tramas ul {
  padding: 20px 0px;
  display: none;
  border-top: 1px solid #cdc7b2;
}
div#config_trama div.content div.tramas ul li {
  display: block;
  float: left;
}
div#config_trama div.content div.tramas ul li a {
  display: block;
  float: left;
  margin-right: 41px;
  width: 90px;
  height: 90px;
  background-position: center;
  background-repeat: no-repeat;
}
div#config_trama div.content div.tramas ul li:last-child a {
  margin-right: 0px;
}
div#config_trama div.content div.tramas ul.activo {
  display: inline-block;
}
div#config_trama div.content div.tramas ul:nth-child(3) {
  margin-left: 131px;
}
div#config_trama div.content div.tramas ul:nth-child(4) {
  margin-left: 262px;
}
div#config_trama div.content div.tramas ul:nth-child(5) {
  margin-left: 524px;
}
div#config_colores {
  background-color: #807b6c;
  background: -webkit-gradient(linear,top left,bottom left,color-stop(00%,#7a7464),color-stop(100%,#807b6c));
  background: -webkit-linear-gradient(#7a7464 00%,#807b6c 100%);
  background: -moz-linear-gradient(center bottom,#7a7464 00%,#807b6c 100%);
  background: -o-linear-gradient(center bottom,#7a7464 00%,#807b6c 100%);
  background: linear-gradient(center bottom,#7a7464 00%,#807b6c 100%);
  font-size: 14px;
}
div#config_colores div.content {
  padding: 20px 20px 25px 20px;
  position: relative;
  width: 880px;
}
div#config_colores div.content span.rollover {
  background-image: url(img/color_rollover.png);
  display: none;
  position: absolute;
  width: 73px;
  height: 73px;
  z-index: 90;
}
div#config_colores div.content span.activo {
  display: block;
  position: absolute;
  background-image: url(img/color_activo.png);
  width: 49px;
  height: 49px;
  z-index: 95;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  left: 17px;
  top: 56px;
}
div#config_colores div.content h4 {
  font-size: 18px;
  padding: 4px 0px 14px;
}
div#config_colores div.content ul.colores {
  position: relative;
  z-index: 100;
}
div#config_colores div.content ul.colores li a {
  float: left;
  display: block;
  width: 30px;
  height: 28px;
  margin-right: 17px;
  background-image: url(tramas/colores.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
div#config_colores div.content ul.colores li:last-child a {
  margin-right: 0px;
}
div#config_colores div.content ul.colores li:nth-child(1) a {
  background-position: -1px 0px;
}
div#config_colores div.content ul.colores li:nth-child(2) a {
  background-position: -48px 0px;
}
div#config_colores div.content ul.colores li:nth-child(3) a {
  background-position: -96px 0px;
}
div#config_colores div.content ul.colores li:nth-child(4) a {
  background-position: -144px 0px;
}
div#config_colores div.content ul.colores li:nth-child(5) a {
  background-position: -191px 0px;
}
div#config_colores div.content ul.colores li:nth-child(6) a {
  background-position: -239px 0px;
}
div#config_colores div.content ul.colores li:nth-child(7) a {
  background-position: -287px 0px;
}
div#config_colores div.content ul.colores li:nth-child(8) a {
  background-position: -335px 0px;
}
div#config_colores div.content ul.colores li:nth-child(9) a {
  background-position: -383px 0px;
}
div#config_colores div.content ul.colores li:nth-child(10) a {
  background-position: -430px 0px;
}
div#config_colores div.content ul.colores li:nth-child(11) a {
  background-position: -478px 0px;
}
div#config_colores div.content ul.colores li:nth-child(12) a {
  background-position: -526px 0px;
}
div#config_colores div.content ul.colores li:nth-child(13) a {
  background-position: -573px 0px;
}
div#config_colores div.content ul.colores li:nth-child(14) a {
  background-position: -621px 0px;
}
div#config_colores div.content ul.colores li:nth-child(15) a {
  background-position: -668px 0px;
}
div#config_colores div.content ul.colores li:nth-child(16) a {
  background-position: -716px 0px;
}
div#config_colores div.content ul.colores li:nth-child(17) a {
  background-position: -764px 0px;
}
div#config_colores div.content ul.colores li:nth-child(18) a {
  background-position: -811px 0px;
}
div#config_colores div.content ul.colores li:nth-child(19) a {
  background-position: -858px 0px;
}
div#result {
  background-color: #827d6e;
  background: -webkit-gradient(linear,top left,bottom left,color-stop(0%,#7a7464),color-stop(100%,#807b6c));
  background: -webkit-linear-gradient(#7a7464 0%,#807b6c 100%);
  background: -moz-linear-gradient(center bottom,#7a7464 0%,#807b6c 100%);
  background: -o-linear-gradient(center bottom,#7a7464 0%,#807b6c 100%);
  background: linear-gradient(center bottom,#7a7464 0%,#807b6c 100%);
  font-size: 14px;
}
div.content {
  padding: 45px 20px 35px 20px;
  width: 880px;
}
div.content div.resultado {
  position: relative;
  float: left;
  width: 771px;
  height: 408px;
  background-color: #666;
  background-image: url('img/trama_loading.gif');
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  -o-border-radius: 26px;
  border-radius: 26px;
  overflow: hidden;
}
div.content div.resultado div.patron {
  width: 771px;
  height: 408px;
  position: absolute;
  background-color: transparent;
  background-position: 0px 0px;
  background-repeat: repeat;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  -o-border-radius: 26px;
  border-radius: 26px;
  -webkit-box-shadow: inset 6px 0px 43px rgba(0,0,0,0.7);
  -moz-box-shadow: inset 6px 0px 43px rgba(0,0,0,0.7);
  -o-box-shadow: inset 6px 0px 43px rgba(0,0,0,0.7);
  box-shadow: inset 6px 0px 43px rgba(0,0,0,0.7);
}
div.content div.resultado div.textos {
  width: 771px;
  height: 408px;
  display: none;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  -o-border-radius: 26px;
  border-radius: 26px;
  -webkit-box-shadow: inset 6px 0px 43px rgba(0,0,0,0.7);
  -moz-box-shadow: inset 6px 0px 43px rgba(0,0,0,0.7);
  -o-box-shadow: inset 6px 0px 43px rgba(0,0,0,0.7);
  box-shadow: inset 6px 0px 43px rgba(0,0,0,0.7);
  overflow: hidden;
}
div.content div.resultado div.textos div.texto_contenido {
  width: 971px;
  height: 468px;
  margin: -30px -150px -30px -50px;
  white-space: nowrap;
}
div#result div.descargar {
  float: left;
}
div#result div.descargar a {
  display: block;
  width: 99px;
  height: 188px;
  margin: 0px 0px 11px 10px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-indent: -9999px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
}
div#result div.descargar a:first-child {
  height: 208px;
  background-position: 0px -199px;
}
div#result div.descargar a:hover {
  background-color: rgba(255,255,255,0.2);
}
div#result div.descargar.lang_es a {
  background-image: url('img/descargar_es.png');
}
div#result div.descargar.lang_en a {
  background-image: url('img/descargar_en.png');
}
div#result div.descargar.lang_fr a {
  background-image: url('img/descargar_fr.png');
}
div#footer {
  background-color: #807b6c;
  background: -webkit-gradient(linear,top left,bottom left,color-stop(0%,#777263),color-stop(100%,#847e6c));
  background: -webkit-linear-gradient(#777263 0%,#847e6c 100%);
  background: -moz-linear-gradient(center bottom,#777263 0%,#847e6c 100%);
  background: -o-linear-gradient(center bottom,#777263 0%,#847e6c 100%);
  background: linear-gradient(center bottom,#777263 0%,#847e6c 100%);
  font-size: 12px;
  line-height: 18px;
}
div#footer div.content {
  padding: 20px 0px 22px 0px;
  margin-bottom: 30px;
}
div#footer div.col1 {
  float: left;
  width: 18 0px;
  padding-right: 23px;
  padding-top: 7px;
}
div#footer div.col1 a {
  display: block;
  float: left;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
}
div#footer div.col1 a.facebook {
  background: url('img/ico_facebook.png') no-repeat 0px 0px;
}
div#footer div.col1 a.twitter {
  background: url('img/ico_twitter.png') no-repeat 0px 0px;
}
div#footer div.col1 a.meneame {
  background: url('img/ico_meneame.png') no-repeat 0px 0px;
}
div#footer div.col1 a.linkedin {
  background: url('img/ico_linkedin.png') no-repeat 0px 0px;
}
div#footer div.col1 a.delicious {
  background: url('img/ico_delicious.png') no-repeat 0px 0px;
}
div#footer div.col1 a.digg {
  background: url('img/ico_digg.png') no-repeat 0px 0px;
}
div#footer div.col1 a.reddit {
  background: url('img/ico_reddit.png') no-repeat 0px 0px;
}
div#footer div.col1 a:hover {
  background-position: 0px -24px;
}
div#footer div.col2 {
  float: left;
  width: 330px;
  padding-right: 35px;
}
div#footer div.col2 a {
  text-decoration: underline;
}
div#footer div.col2 a:hover {
  color: #ffffff;
}
div#footer div.col2 a.lawebdee:hover {
  color: #00f909;
}
div#footer div.col3 {
  float: left;
  width: 280px;
}
div#print {
  display: none;
}
div#print img {
  page-break-inside: avoid;
  page-break-after: avoid;
}