body {
    font: normal 12px "Open Sans", sans-serif;
    color: #7e7e7e;

    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
    float: none;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.clicable {
  cursor: pointer;
}

.tachado{
  text-decoration:line-through;
}

.sin-margen-lateral {
    margin-right: 0;
    margin-left: 0;
}

.no-radius {
  border-radius: 0;
}

.h100 {
    height: 100%;
}

.breadcrumb {
  padding: 0;
  margin: 0;
  font-size: 0.9em;
  background-color: #fff;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #7d7979;
  content: "·\00a0";
}

.breadcrumb > .active {
    color: #7ea78d;
}

.breadcrumb a {
    text-decoration: none;
    color: #7d7979;
}

.camino-volver a {
    text-decoration: none;
    color: #7d7979;
}

.top1 { margin-top:1%; }
.top2 { margin-top:2%; }
.top3 { margin-top:3%; }
.top4 { margin-top:4%; }
.top5 { margin-top:5%; }
.top6 { margin-top:6%; }
.top7 { margin-top:7%; }
.top10 { margin-top:10%; }
.bottom1 { margin-bottom:1%; }
.bottom2 { margin-bottom:2%; }
.bottom3 { margin-bottom:3%; }
.bottom4 { margin-bottom:4%; }
.bottom5 { margin-bottom:5%; }
.bottom6 { margin-bottom:6%; }
.bottom10 { margin-bottom:10%; }

.row-no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.row-no-padding-right {
    padding-right: 0 !important;
}

.row-no-padding-left {
    padding-left: 0 !important;
}

.row-no-padding-top {
    padding-top: 0 !important;
}

.row-padding-default {
    padding: 0 25px !important;
}

.row-padding-left-default {
    padding-left: 25px !important;
}

.fondo-verde {
    background-color: #c6f0e3;
    height: 50px;
    padding-top: 15px;
}

.color-verde {
    color: #44a08b;
}

.color-verde a {
    color: #44a08b;
    text-decoration: none;
}

.t14 {
    font-size: 1.2em;
}

.txt-cesta {
    padding-right: 50px;
}

.img-cesta {
    position: absolute;
    right: 0;
    top: -10px;
}

.img-cesta-xs {
    position: absolute;
    right: 0;
    top: -10px;
}

.input-buscador {
    width: 163px;
    height: 23px;
    padding-left: 10px;
    border: solid 1px #44a08b;
    outline: 0;
}

.img-buscar {
    position: absolute;
    right: 10px;
    top: 25px;
}

.img-border {
    border: 1px solid #dcdcdc;
    position: relative;
}


.img-border:before {
    content: url('../../imagenes/interface/borde-imagen-listado.png');
    position: absolute;
    top: -7px;
    width: 100%;
    height: 6px;
    /*text-align: center;
    line-height: 6px;*/
}

/*
.menu-cabecera-1 {
    height: 47px;
    background: url('../../imagenes/interface/fondo-encabezado-1.png') no-repeat;
}

.menu-cabecera-2 {
    height: 47px;
    background: url('../../imagenes/interface/fondo-encabezado-2.png') no-repeat;
}*/

.h1-home {
    margin: 0;
    color: #44a08b;
    font-size: 1.25em;
    font-weight: bold;
}

.col-mdc-1, .col-lgc-1 {
    padding: 0;
    float: left;
    /*width: 80px;*/
    width: 8%;
    height: 47px;
    background: url('../../imagenes/interface/fondo-encabezado-1.png') no-repeat;
}

.col-mdc-9, .col-lgc-9 {
    padding: 0;
    float: left;
    /*width: 665px;*/
    width: 69%;
    height: 47px;
    background-color: #a8e8d4;
}

.col-mdc-2, .col-lgc-2 {
    padding: 0;
    float: left;
    /*width: 220px;*/
    width: 23%;
    height: 47px;
    background: url('../../imagenes/interface/fondo-encabezado-2.png') no-repeat;
}

.img-go-home {
    margin-top: 6px;
    margin-left: 17px;
}

.txt-envio-gratis {
   font-family: 'Rokkitt', serif;
   color: #44a08b;
   margin-left: 60px;
   margin-top: 8px;
   text-align: center;
}

.txt-envio-gratis span {
    font-size: 1.3em
}

.menu-cabecera {
    font: bold 15px "Rokkitt", serif;
    text-align: left;
    width: 76px;
    height:47px;
    letter-spacing: -0.95px;
}

.menu-cabecera:hover {
    color: #fff;
    background-color: #44a08b;
}

.col-xs-menu-cabecera {
    width: 110px;
    height: 47px;
    float: left;
    position: relative;
    color: #44a08b;
}

.col-xs-menu-cabecera:hover {
    color: #fff;
    background-color: #44a08b;
}

.col-menu-cabecera {
    width: 80px;
    height: 100%;
    padding: 0;
}

.separador-cabecera {
    margin-top: 19px;
    margin-right: 10px;
    margin-left: 10px;
}

.separador-submenu {
    margin-top: 6px;
    margin-right: 10px;
    margin-left: 0px;
}

.col-menu-cabecera-una-linea {
    padding-top: 15px;
}

.col-menu-cabecera-dos-lineas {
    padding-top: 6px;
}


.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  /*min-width: 160px;*/
  width: 190px;
  padding: 5px 0;
  /*margin: 2px 0 0;*/
  margin-top: 0;
  text-align: left;
  list-style: none;
  background-color: #fff;
  border: 1px solid #efefef;
  border-radius: none;
  box-shadow: none;
  /*-webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);*/
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 10px;
  clear: both;
  font: bold 16px "Rokkitt", serif;
  line-height: 1.42857143;
  color: #44a08b;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #44a08b;
}

.img-banner-top {
  margin-right: 0px;
}

.titulo-banner {
    font-family: 'Rokkitt', serif;
    font-size: 2em;
    letter-spacing: -0.95px;
}

.texto-banner1 {
    font-family: 'Rokkitt', serif;
    font-size: 1.5em;
    color: #fff;
    position: absolute;
    top: 31px;
    left: 35px;
    width: 170px;
    line-height: 14px;
}

.color1 {
    color: #f7f6e4;
    font-weight: 700;
    position: absolute;
    top: 5px;
    left: 35px;
}

.texto-banner2 {
    font-family: 'Rokkitt', serif;
    font-size: 1.5em;
    color: #fff;
    position: absolute;
    top: 31px;
    left: 305px;
    width: 170px;
    line-height: 14px;
}

.color2 {
    color: #f5dadb;
    font-weight: 700;
    position: absolute;
    top: 5px;
    left: 305px;
}

.texto-banner3 {
    font-family: 'Rokkitt', serif;
    font-size: 1.4em;
    color: #fff;
    position: absolute;
    top: 31px;
    left: 530px;
    width: 170px;
    line-height: 14px;
}

.color3 {
    color: #e7f1f4;
    font-weight: 700;
    position: absolute;
    top: 5px;
    left: 530px;
}

.texto-banner4 {
    font-family: 'Rokkitt', serif;
    font-size: 1.3em;
    color: #fff;
    position: absolute;
    top: 31px;
    right: 66px;
    width: 150px;
    line-height: 14px;
}

.texto-banner4 span{
    font-size: 15px;

}

.color4 {
    color: #ecd4ef;
    font-weight: 700;
    position: absolute;
    top: 5px;
    right: 115px;
}

.txt-marquesina {
    position: absolute;
    width: 235px;
    color: #fff;
    text-align: center;
    top: 20px;
    right: 0;
}

.txt-marquesina-titulo {
    font: normal 72px "Rokkitt", serif;
}

.txt-marquesina-contenido {
    font-size: 23px;
    font-weight: 300;
    line-height: 26px;
    width: 193px;
    position: absolute;
    right: 13px;
    top: 62px;
}

.enlace-menu {
  color: #44a08b;
}

.enlace-menu:hover {
    color: #fff;
    text-decoration: none;
}

/* Menú atributos */
.menu_head {

  font-weight: 400;
  color: #7ea78d;
  padding: 0;
  float: left;
  cursor: auto;

  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.menu_head h2 {
  margin: 0;
  font-weight: 400;
  color: #7ea78d;
  font-size: 1em;
}
/*.menu_head a {  color:#ffffff; text-decoration:none; }*/

a.menulink, a.menulink:link, a.menulink:visited, a.menulink:active
{
  color:#000;
  text-decoration:none;
}
a.menulink:hover {color:#666666;}
.menu_body {

  color:#707172;
  font-size:12px;
  font-weight:normal;
  line-height:18px;
  width:218px;
  margin: 0px;
  padding: 10px 0px;
  height: auto;

}
.menu_body_tematica {
  /*font-family: Helvetica, Arial, sans-serif;*/
  font-family: 'Roboto Condensed', sans-serif;
  color:#707172;
  font-size:12px;
  font-weight:normal;
  line-height:16px;
  width:218px;
  margin: 0px;
  padding: 0px;
  height: auto;
}
.menu_body div {
  padding-left: 15px;
  background-image: url(http://www.cumplemania.com/imagenes/interface/imagenesCambiar/fondo-submenu-ProdCat.gif);
  background-repeat: no-repeat;
  background-position: left top;
  color:#707172;
  text-decoration:none;
  height: 25px;
  width: 205px;
  padding-top: 6px;
  float: left;
}

.menu_body_tematica div {
  padding-left: 15px;
  /*background-image: url(http://www.cumplemania.com/imagenes/interface/imagenesCambiar/fondo-submenu-ProdCat.gif);*/
  background-repeat: no-repeat;
  background-position: left top;
  color:#707172;
  text-decoration:none;
  height: 25px;
  width: 205px;
  padding-top: 6px;
  float: left;
}

.menu_body a {
  color:#686a69;
  text-decoration:none;
  height: 20px;
  padding-bottom: 0px;
  /*padding-left:15px;*/
  padding-top: 2px;
  float: left;
  background-color:#FFF;
  width: 100%;
}

.menu_body a.seleccionatributo {
  color:#FFF;
  text-decoration:none;
  height: 20px;
  width: 180px;
  padding-bottom: 0px;
  padding-left:15px;
  padding-right:15px;
  float: left;
  background:url(http://www.cumplemania.com/imagenes/interface/patron-menu-vertical-naranja-4.gif) repeat-x;
  background-color:
  /*background-color:#bcbec0;*/
}
.menu_body a.seleccionatributo:hover {
  color:#FFF;
  text-decoration:none;
  height: 20px;
  width: 190px;
  padding-bottom: 0px;
  padding-left:15px;
  padding-right:15px;
  float: left;
  background-color:#bcbec0;
  cursor:default;
}


.menu_body_tematica a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#58585a;
  text-decoration:none;
  /*height: 27px;*/
  /*height: 34px;*/
  width: 195px;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left:15px;
  float: left;
  /*background-color:#f2f2f2;*/
  background:url(http://www.cumplemania.com/imagenes/interface/patron-menu-vertical-gris.png) repeat-y;
}

.menu_body_tematica a:hover {
  font-weight:bold;
  color:#FFF;
  background:url(http://www.cumplemania.com/imagenes/interface/patron-menu-vertical-naranja-3.png) repeat-x;
  width: 195px;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left:15px;
  float: left;
}

.menu_body_tematica > a:hover span{
  font-weight:bold;
  color:#FFF;
}

.menuverde{
  color:#bed730;
  font-size:15px;
}
.menunaranja{
  color:#f99b26;
  font-size:15px;
}

.menugris {
  color: #58585a;
  font-size: 12px;
  font-weight:bold;
}

.menu_body a:hover {
  color:#000000;
}

/* Slide Menu */
#myslidemenu li ul{
  padding:0px;
  margin:0px;
  width:162px;
  overflow:hidden;
}
#myslidemenu li ul li{
  width:100%;

}
#myslidemenu li ul a{
  padding:3px 0px 3px 8px;
  background-image:none;
}
#myslidemenu li ul li a:hover{
  background-color:#FFFFFF;
}

.jqueryslidemenu{
  font-size:1.33em;

}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
cursor:pointer;
/*
float:left;
margin-bottom:-4px;*/
}

/*Top level list items*/
.jqueryslidemenu > ul > li{
  position: relative;
  display: inline;
  float: left;
  height:42px;
  margin:0px;
  text-align:center;
  /*border-left: solid 1px #9EC104;*/
  /*background: url(http://www.cumplemania.com/imagenes/interface/patron-menu-horizontal.png) repeat-x;*/

}

/*Top level menu link items style*/
.jqueryslidemenu > ul > li > a, .jqueryslidemenu > ul > li > a:link, .jqueryslidemenu > ul > li > a:visited{
  display: block;
  /*font-family: 'Roboto Condensed', sans-serif;*/
  font-family:Verdana, Arial, Helvetica, sans-serif;
  /*font-weight:bold;*/
  font-size:12px;
  color:#ffffff;
  text-decoration: none;
  /*margin:7px 18px 5px 19px;*/
  margin:7px 0px 5px 0px;
  line-height:14px;
  /*background-color:#00F;*/
  letter-spacing:0px;
  /*width:90px;*/
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
text-decoration: none;
}

.jqueryslidemenu > ul > li:hover {
  background: url(http://www.cumplemania.com/imagenes/interface/patron-menu-horizontal-naranja.png) repeat-x;

}

#lislidemenu-izq:hover {
  background: url(http://www.cumplemania.com/imagenes/interface/patron-menu-horizontal-naranja.png) repeat-x;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

#lislidemenu-der:hover {
  background: url(http://www.cumplemania.com/imagenes/interface/patron-menu-horizontal-naranja.png) repeat-x;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}


.jqueryslidemenu > ul > li > a:hover{
  /*font-weight:bold;
  font-size:15px; */
}
.jqueryslidemenu > ul > li > a:hover span{
  /*font-weight:bold;
  font-size:14px;*/
}
.jqueryslidemenu > ul > li > a > span{
color:#58585A;font-weight: bold; font-size:10px;
}

/*1st sub level menu*/
.jqueryslidemenu > ul > li > ul{
border:solid 1px #d6d6d6;
border-top:0px;
padding-top:20px;
padding-bottom:5px;

margin-top:0px;
margin-left: -1px;
display: block;

position: absolute;
z-index:99;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu > ul > li > ul > li{
display: list-item;
text-align:left;
float: none;
width: 155px; /*width of sub menus*/
padding:4px 6px 0px 6px;
background-color:#FFFFFF;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu > ul > li > ul > li > ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
line-height:19px;

margin: 0;
border-top-width: 0;
}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
/*background: #eff9ff;
color: black;*/
color:#000000;
/*background: #3a6898 url(http://www.cumplemania.com/estilos/imagenes/interfaz/fondoMenuHHover.gif) repeat-x;*/

}


/*
    these are just the default styles used in the Cycle2 demo pages.
    you can use these styles or any others that you wish.
*/

/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow { width: 100%; min-width: 200px; margin: 0px auto; padding: 0; position: relative;
    background: url(../../images/spinner.gif) 50% 50% no-repeat;

 }

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img {
    /*
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.cycle-pager {
    text-align: right; /*width: 100%;*/ z-index: 500; position: absolute; top: 50%; right:22%; padding-right:15px; overflow: hidden; line-height:60px;
}
.cycle-pager span {
    font-family: arial; font-size: 50px; width: 17px; height: 18px;
    /*display: inline-block;*/ /*color: #f2f2f2;*/ cursor: pointer; color: transparent;
    background: url('../../imagenes/interface/marcador-marquesina.png') no-repeat;
}
/*.cycle-pager span.cycle-pager-active { color: #d5216a;}
.cycle-pager > * { cursor: pointer;}*/

.cycle-pager span.cycle-pager-active { background: url('../../imagenes/interface/marcador-marquesina-activo.png') no-repeat;}
.cycle-pager > * { cursor: pointer;}*/


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay {
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;

}

.txt-banner-izq {
  position: absolute;
  bottom: 45px;
  left: 50px;
  font-size: 2.2em;
  color: #fff;

}

.txt-banner-der {
  position: absolute;
  bottom: 45px;
  right: 45px;
  font-size: 2.2em;
  color: #fff;
}

.titulo-destacados {
  font: normal 2em "Rokkitt", serif;
  color: #bdbdbd;
  margin-bottom: 5px;
}

.separador-h2 {
  height:4px;
  margin:0 0 35px 0;
}

.contenedor-foto {
  position: absolute;
  top: 11px;
  left: 0;
}

.clean {
  color: #7d7979;
  font-size: 1.2em;
  text-align: center;
  margin-top: 0;
}

.clean a {
    color: #7d7979;
    text-decoration: none;
}

.precio-producto {
  font-size: 1.4em;
  text-align:center;
  position:absolute;
  width: 210px;
  bottom:0;
}

.precio-producto h4 {
  font-weight: 600 !important;
  margin-top: 0 !important;
}

.precio-producto a {
    color: #7d7979;
    text-decoration: none;
}

.titulo-texto-categoria {
    font: 700 2em "Rokkitt", serif;
    line-height: 20px;
    color: #44a08b;
}

.descripcion-texto-categoria {
    color: #44a08b;
}

.separador-descripcion {
  height:4px;
  margin:0 0 0 0;
  background-color: #44a08b;
}

.fondo-pie {
  background-color: #c6f0e3;
  padding-top: 25px;
}

#txt-redes-sociales {
    font: 700 2em "Rokkitt", serif;
    color: #fff;
    top: 20px;
    left: 30px;
    width: 180px;
    position: absolute;
    line-height: 20px;
}

#ico-facebook {
    position: absolute;
    top:85px;
    left: 50px;
}

#ico-twitter {
    position: absolute;
    top:85px;
    left: 95px;
}

#ico-gplus {
    position: absolute;
    top:85px;
    left: 140px;
}

.tituloEnlaces{
  font: 700 1.5em "Rokkitt", serif;
  color:#44a08b;
  margin-bottom:25px;
}

.tituloEnlaces a{
  color: #44a08b;
  padding-top:0px;
  text-decoration: none;
}

.subenlace-pie {
   font: 400 0.7em "Open Sans", sans-serif;
}

.separador-blanco {
  height: 3px;
  background-color: #fff;
}

.copyright {
    color: #44a08b;
}

.titulo-categoria {
  font: 700 2em "Rokkitt", serif;
  display:inline;
}

.paginacion a {
  color: #a09d9d;
  text-decoration: none;
}

.seleccion {
  color: #58ae9a !important;
}

.titulo-producto {
    font: 700 2em "Rokkitt", serif;
    color: #ed9ea0;
    margin-top: 0;
}

.color-producto {
    color: #ed9ea0;
}

.separador-producto {
  height: 3px;
  background-color: #ed9ea0;
}

.descripcion-producto {
  font-size: 1.1em;
  color: #7e7e7e;
}

.txt-datos-producto {
    font-size: 1.5em;
    font-weight: 700;
}

.txt-cantidad {
  width:26px;
  text-align:center;
  border: solid 2px #ed9ea0;
  outline: 0;
}


.fichasProdBasico{
  margin-top: 20px;
  padding-top: 0px;

  padding-left: 10px;
  float: left;


  color:#939598;
}

.fichasProdBasico li{

  list-style: none;

}
.fichasProdBasico ul{
  height:26px;
  margin:0px;
  color:#919396;
}
.celdaFicha{
  border: 2px solid #eff0f0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding:30px 20px;
  float:left;
  width:100%;
  background-color: #d3f3e9;
}
.fichasProdBasico ul a {
  font: 700 1.5em "Rokkitt", serif;
  text-decoration: none!important;
  list-style: none;
  float: left;
  border-top:2px solid #eff0f0;
  border-left:2px solid #eff0f0;
  border-right:2px solid #eff0f0;
  padding:6px 20px;
  margin-right:20px;
  color:#7ea78d;
  line-height: 1;

}
.fichasProdBasico ul a.selected {
  color: #FFFFFF;
  background-color: #44a08b;
  border-bottom: 1px solid snow;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: default;
}
.fichasProdBasico ul a:hover {

  color: #FFFFFF;
  background-color:#a8aaad;
  border-bottom: 1px solid snow;
  cursor: pointer;
}

.form-contacto-producto {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.form-contacto-producto input {

  height: 43px;
  width: 308px;
  padding-left: 10px;
  border: solid 1px #ededed;

}

.form-contacto-producto textarea {

  height: 73px;
  width: 498px;
  resize: none;
  padding-left: 10px;
  border: solid 1px #ededed;

}


.margin-20 {

    margin-right: 20px;

}

.precio {
  font-size: 2.5em;
  color: #44a08b;
  margin-left: 15px;
  /*background-color: #d3f3e9;*/
}

.titulo-relacionados {
    font: 700 2em "Rokkitt", serif;
    color: #7ea78d;
    letter-spacing: -0.95px;
    margin: 0;
}

.separador-relacionados {
  height: 3px;
  background-color: #44a08b;
}

.precio-producto-relacionado {
  font-size: 1.4em;
  text-align:center;
  position:absolute;
  width: 175px;
  bottom:0;
}

.precio-producto-relacionado h4 {
  color: #7d7979;
  font-weight: 600 !important;
  margin-top: 0 !important;
}

.precio-producto-relacionado a {
    color: #7d7979;
    text-decoration: none;
}

.cantidad-carrito {
    position: absolute;
    right: 6px;
    top:-8px;
    color: #fff;
    font-size: 0.75em;
}

.cantidad-carrito-xs {
    position: absolute;
    right: 6px;
    top:-8px;
    color: #fff;
    font-size: 0.75em;
}

.titulo-cesta {
  font: 400 2em "Rokkitt", serif;
  color: #bdbdbd;
}

.separador-carrito {
  height: 3px;
  background-color: #f9da5d;
  margin-right: 0;
  margin-left: 0;
}

.txt-carrito-vacio {
    font-size: 1.2em;
    color: #7a7a7a;
}

.txt-cantidad-carrito {
    font-size: 1.2em;
    color: #44a08b;
}

.tabla-carrito {
    background-color: #a8e8d4;
    font-size: 0.9em;
    font-weight: 700 !important;
    color: #7ea78d;
}

.th-carrito {
  border: none !important;
}

.td-no-border {
  border: none !important;
}

.td-padding-carrito {
  padding-top: 15px !important;
}

.txt-tabla-carrito {
    font-size: 0.95em;
    color: #7d7979;
}

.txt-tabla-carrito a {

    font-size: 0.95em;
    color: #7d7979;
    text-decoration: none;

}

.input-cantidad-carrito {
  width:26px;
  font-size:1.2em;
  color: #606060;
  border: solid 2px #44a08b;
  outline: 0;
}

.encabezado-total-carrito{
    background-color: #a8e8d4;
    font-size:1.2em;
    font-weight: 700 !important;
    color: #7ea78d;
    padding: 8px;
}

.txt-orden-compra {
    font-size: 1.33em;
    color: #7d7979;
}

.txt-subtotal-carrito {
  font-size: 1.2em;
  color: #44a08b;
  font-weight: 700;
}

.txt-descuento-carrito {
  font-size: 1.2em;
  color: #ed9ea0;
  font-weight: 700;
}

.txt-portes-carrito {
  font-size: 1.2em;
  color: #c39fc7;
  font-weight: 700;
}

.encabezado-cupon-carrito{
    background-color: #c39fc7;
    font-size:1.2em;
    font-weight: 700 !important;
    color: #7a2283;
    padding: 8px;
}

.input-cupon {
    width: 163px;
    height: 38px;
    border: solid 1px #8e4395;
    padding-left: 10px;
    outline: 0;
    margin-top: 10px;
}

.txt-total-compra-carrito {
  font-size: 1.33em;
  color: #4b4b4b;
  font-weight: 700;
  padding-top: 16px;
  padding-bottom: 15px;
}

.txt-precio-compra-carrito {
  font-size: 2.25em;
  color: #44a08b;
  font-weight: 700;
}

.color1-checkout {
    color: #f7f6e4;
    font-weight: 700;
    position: absolute;
    top: 5px;
    left: 10px;
}

.texto-banner1-checkout {
    font-family: 'Rokkitt', serif;
    font-size: 1.5em;
    color: #fff;
    position: absolute;
    top: 32px;
    left: 10px;
    width: 170px;
    line-height: 14px;
}

.color2-checkout {
    color: #f5dadb;
    font-weight: 700;
    position: absolute;
    top: 5px;
    left: 40px;
}

.texto-banner2-checkout {
    font-family: 'Rokkitt', serif;
    font-size: 1.5em;
    color: #fff;
    position: absolute;
    top: 32px;
    left: 40px;
    width: 170px;
    line-height: 14px;
}

.color4-checkout {
    color: #ecd4ef;
    font-weight: 700;
    position: absolute;
    top: 5px;
    right: 90px;
}

.texto-banner4-checkout {
    font-family: 'Rokkitt', serif;
    font-size: 1.3em;
    color: #fff;
    position: absolute;
    top: 36px;
    right: 50px;
    width: 150px;
    line-height: 14px;
}

.img-paso-checkout {
    margin: 0 10px;
}

#frmCheckout label {
    font-size: 1.2em;
    font-weight: 700;
    color: #7ea78d;
}

#frmCheckout input {
    width: 220px;
    height: 36px;
    border: solid 1px #4ea591;
    padding-left: 10px;
    outline: 0;
    font-size: 1.2em;
}

#frmCheckout select {
    width: 220px;
    height: 36px;
    border: solid 1px #4ea591;
    padding-left: 10px;
    outline: 0;
    font-size: 1.2em;
}

#frmCheckout input[type="checkbox"] {
    width: 15px;
}

.has-error {
    border: solid 1px #a94442 !important;
}

.txt-error {
    color: #a94442 !important;
}

.txt-checkbox {
    font-size: 1.1em;
    font-weight: 400;
}

.long {
    width: 334px !important;
}

.encabezado-modo-envio{
    background-color: #add8e6;
    font-size:1.2em;
    font-weight: 700 !important;
    color: #4baac9;
    padding: 8px;
}

#frmCheckout input[type="radio"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    width: 15px;
    height: 11px;
}

.txt-crear-cuenta {
    font-size: 1.1em;
    color: #7a2283;
}

.crear-cuenta {
    font-size: 1.2em !important;
    font-weight: 700 !important;
    color: #924c9a !important;
}

.input-crear-cuenta {
    border: solid 1px #c6a4ca !important;
}

.encabezado-modo-pago{
    background-color: #ed9ea0;
    font-size:1.2em;
    font-weight: 700 !important;
    color: #c04245;
    padding: 8px;
}

.txt-politica {
    font-size: 1.1em;
    color: #7ea78d;
}

.txt-politica a {
    text-decoration: none;
    font-size: 1.1em;
    color: #7ea78d;
    font-weight: 700;
}

.chk-acepto {
    height: 15px !important;
}

.titulo-mini-carrito {
    font-size: 1.2em;
    color: #b1ab00;
    font-weight: 700;
    background-color: #e7e250;
    letter-spacing: -0.95px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.txt-producto-mini-carrito {
    color: #7d7979;
    font-size: 1.2em;
    text-decoration: none;
}

.txt-producto-mini-carrito a {
    color: #7d7979;
}

.txt-producto-mini-carrito :hover {
  text-decoration: none;
}

.cantidad-mini-carrito {
    color: #b0aa00;
    font-weight: bold;
    font-size: 1.05em
}

.precio-mini-carrito {
    color: #7d7979;
    font-weight: bold;
    font-size: 1.05em
}

.gastos-mini-carrito {
    background-color: #f3f0a7;
    font-size: 1.25em;
}

.cantidad-subtotal-carrito {
  font-weight: 700;
  color: #b0aa00;
}

.cantidad-descuento-carrito {
  font-weight: 700;
  color: #ed9ea0;
}

.cantidad-gastos-carrito {
  font-weight: 700;
  color: #7d7979;
}

.total-mini-carrito {
    background-color: #e7e250;
    font-size: 1.25em;
}

.cantidad-total-carrito {
    color: #b1ab00;
    font-weight: 700;
    font-size: 1.2em;
}

.txt-cantidad-total-carrito {
    font-size: 1.2em;
    color: #7d7979;
    font-weight: 700;
}

.txt-exito-pedido {
    font-size: 1.2em;
}

.txt-exito-pedido span {
    color: #e76467;
}

.detalle-pedido {
    font-size: 1.2em;
}

.detalle-pedido span {
    color: #c04245;
}

.titulo-detalle-pedido {
    font-size: 1.2em;
    font-weight: 700;
    color: #c04245;
    background-color: #ed9ea0;
    padding-top: 8px;
    padding-bottom: 8px;
}

.titulo-productos-pedido {
    font-size: 1.2em;
    font-weight: 700;
    color: #7ea78d;
    background-color: #a8e8d4;
    padding-top: 8px;
    padding-bottom: 8px;
}

.txt-detalle-pedido {
  font-size: 1.2em;
}

.total-linea-detalle-pedido {
    font-size: 1.25em;
    color: #ec8689;
    font-weight: 700;
}

a.enlace-detalle-pedido {
    color: #7d7979;
    text-decoration: none;
}

a.enlace-detalle-pedido :hover {
    color: #7d7979 !important;
    text-decoration: none !important;
}

.enlace-detalle-pedido span {
    color: #b1b1b1;
}

.txt-gastos-detalle-pedido {
    color: #fff;
    font-weight: 700;
}

.txt-descuento-detalle-pedido {
    color: #ed9ea0;
    font-weight: 700;
}

.txt-total-detalle-pedido {
    color: #4b4b4b;
    font-size: 1.3em;
    font-weight: 700;
    padding-top: 10px;
}

.txt-cantidad-detalle-pedido {
    color: #7ea78d;
    font-size: 2.25em;
    font-weight: 700;
}

.txt-menu-clientes-1 {
    font-family: 'Rokkitt', serif;
    font-size: 1.8em;
    color: #fff;
    position: absolute;
    top: 5px;
    left: 10px;
}

.txt-menu-clientes-2 {
    font-size: 1.8em;
    color: #fff;
    position: absolute;
    top: 35px;
    left: 10px;
}

.txt-menu-clientes-3 {
    font-size: 1.3em;
    color: #fff;
    position: absolute;
    top: 115px;
    left: 10px;
    line-height: 16px;
}

.telefono-menu-clientes {
    font-size: 1.8em;
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: 65px;
    left: 10px;
}

.img-telefono-menu-clientes {
    position: absolute;
    top: 44px;
    right: 10px;
}

.txt-correo-menu-clientes {
    font-size: 1.25em;
    color: #7ea78d;
}

.menu-clientes {

    font-size: 1.1em;
    background-color: #a8e8d4;
    border-top: solid 3px #44a08b;
}

.menu-clientes a {
    color: #44a08b;
    text-decoration: none;
    font-weight: 700;
}

.lista-menu-clientes{
    padding: 0;
    margin: 15px 5px;
    list-style-image: url('../../imagenes/interface/ico-menu-clientes.png');
}

.txt-acceso-clientes {
    font-family: 'Rokkitt', serif;
    font-size: 2em;
    color: #bdbdbd;
}

.inicio-sesion {
    background-color: #add8e6;
}

.registro {
    background-color: #c39fc7;
}

.titulo-login {
    font-family: 'Rokkitt', serif;
    font-size: 1.8em;
    color: #fff;
}

.form-control {
    border: none;
    border-radius: 0;
}
.input-sm {
  font-size: 1.2em;
}

.txt-olvido-password {
    font-size: 1.1em;
    color: #13abe7;
}

.txt-olvido-password span {
    color: #fff;
}

.txt-registrate {
    font-size: 1.2em;
    color: #fff;
}

.separador-registro {
  height: 3px;
  background-color: #c39fc7;
  margin:0;
}

.titulo-registro {
    background-color: #c39fc7;
    color: #7a2283;
    font-size: 1.2em;
    font-weight: 700;
    padding-top: 8px;
    padding-bottom: 8px;
}

.form-registro {
    color: #7a2283;
    font-size: 1.2em;
    font-weight: 700;
}

.input-form-registro {
    border: solid 1px #812d89;
    outline: 0;
    font-size: 1em !important;
}

.checkbox-registro {
    color: #c39fc7;
    font-size: 1.1em;
}

.checkbox-registro a {
  color: #c39fc7;
    text-decoration: none;
    font-weight: 700;
}

.separador-perfil {
  height: 3px;
  background-color: #44a08b;
  margin:0;
}

.form-perfil {
    color: #7ea78d;
    font-size: 1.2em;
    font-weight: 700;
}

.input-form-perfil {
    border: solid 1px #4ea591;
    outline: 0;
    font-size: 1em !important;
}

.nombre-usuario {

  font-size: 1.8em;
  color: #fff;
  font-weight: 700;
  position: absolute;
  top: 10px;
  left: 26px;
}

.separador-direcciones {
  height: 3px;
  background-color: #add8e6;
  margin:0;
}
.form-direcciones {
    color: #4baac9;
    font-size: 1.2em;
    font-weight: 700;
}

.input-form-direcciones {
    border: solid 1px #54aecc;
    outline: 0;
    font-size: 1em !important;
}

.titulo-direcciones {
    background-color: #add8e6;
    color: #4baac9;
    font-size: 1.2em;
    font-weight: 700;
    padding-top: 8px;
    padding-bottom: 8px;
}

.checkbox-direcciones {
    color: #4baac9;
    font-size: 1.1em;
    letter-spacing: -0.95px;
}

.titulo-historico {
    background-color: #c39fc7;
    color: #7a2283;
    font-size: 0.9em;
    font-weight: 700;
    padding-top: 8px;
    padding-bottom: 8px;
}

.table-historico > thead > tr > th {
    border-bottom: none;
}

.table-historico > tbody > tr > td {
    border-top: 1px solid #c39fc7;
}

.txt-historico {
    font-size: 0.9em;
    color: #3f3f3f;
}

.txt-historico a{
  font-weight: 700;
  color: #c39fc7;
  text-decoration: none;
}

.txt-buscador-pedidos {
    font-size: 1.2em;
    color: #727272;
    font-weight: 600;
}

.img-buscar-pedido {
    position: absolute;
    right: 208px;
    top: 8px;
}

.btn-buscar-pedido {
    color: #333;
    background-color: #812d89;
    border-color: #812d89;
}

.titulo-newsletter {
    font-size: 1.33em;
    font-weight: 700;
    color: #4baac9;
}

.checkbox-newsletter {
    color: #7a7a7a;
    font-size: 1.2em;
    letter-spacing: -0.95px;
}


/* Ventanas modales */
.modal-vertical-centered {
  transform: translate(0, 50%) !important;
  -ms-transform: translate(0, 50%) !important; /* IE 9 */
  -webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 450px;
  }
}

.modal-content {
    border: 10px solid #8ed6ee;
    border-radius: 0;
}

.modal-header {
    border-bottom: none;
}

.modal-title {
    font-family: 'Rokkitt', serif;
    font-size: 1.8em;
    color: #58c1e3;
}

.modal-body {
    font-size: 1.1em;
    color: #13abe7;
}

.modal-footer {
    border-top: none;
}

.input-modal {
    border: solid 1px #61c4e4;
    font-size: 0.8em;
    color: #58c1e3;
}

.input-modal:focus {
  outline: 0;

}

#carrito-hover {
    position: absolute;
    z-index: 999;
    width: 375px;
    right: 0;
    top: -15px;
}

#margen-carrito-hover {
  margin-top: 50px;
  padding: 0 20px;
  border: solid 1px #efefef;
  background-color: #fff;
}

.titulo-carrito-hover {
    font-family: 'Rokkitt', serif;
    font-size: 1.33em;
    font-weight: 700;
    color: #44a08b;
}

.t15 {
  font-size: 0.9em;
}

#minicart {
  width: 100%;
}

.colorverde {
    color: #44a08b;
}

#total-carrito-hover {
  padding: 0 20px;
  border: solid 1px #efefef;
  background-color: #c6f0e3;
}

.fondo-contacto {
    background-color: #a8e8d4;
}

.titulo-contacto {
    font-family: 'Rokkitt', serif;
    font-size: 1.40em;
    color: #44a08b;
}

.form-group-contacto {
    margin-bottom: 10px;
}

.form-contacto {
    font-size: 1.2em;
    font-weight: 700;
}

.input-form-contacto {
    color: #7ea78d;
    border: none;
    outline: 0;
    font-size: 1em !important;
}

.input-form-contacto::-webkit-input-placeholder {
   color: #7ea78d;
}

.input-form-contacto:-moz-placeholder { /* Firefox 18- */
   color: #7ea78d;
}

.input-form-contacto::-moz-placeholder {  /* Firefox 19+ */
   color: #7ea78d;
}

.input-form-contacto:-ms-input-placeholder {
   color: #7ea78d;
}

.form-contacto textarea {
    resize: none;
    height: 7.7em;
}

.checkbox-contacto {
    color: #7ea78d;
    font-size: 1.1em;
}

.checkbox-contacto a {
    color: #7ea78d;
    text-decoration: none;
    font-weight: 700;
}

.img-contacto {
    /*max-height: 332px;*/
}

.fondo-patron-izquierda {
    background: url('../../imagenes/interface/patron-menu-izquierda.png') repeat-x;
    height: 50px;
}

.fondo-patron-atributos {
    background: url('../../imagenes/interface/patron-menu-izquierda.png') repeat-x;
    height: 62px;
}

.txt-atributos {
    font-family: 'Rokkitt', serif;
    font-size: 1.8em;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 20px;
    left: 20px;
}

.fondo-patron-izquierda-big {
    background: url('../../imagenes/interface/patron-menu-izquierda.png') repeat-x;
    height: 156px;
}

.fondo-patron-pie {
    background: url('../../imagenes/interface/patron-menu-izquierda.png') repeat-x;
    height: 130px;
}

.img-hamburguesa {
  position: absolute;
  top: -5px;
  left: 15px;
}

.txt-hamburguesa {
  position: absolute;
  top: -1px;
  left: 58px;
  font-size: 1.75em;
}

.fondo-menu-xs {
  background-color: #d9f5ed;
  border-bottom: solid 2px #c6f0e3;
}

.color-verde-xs {
    font-size: 1.30em;
    font-weight: 500;
    color: #44a08b;
    padding: 10px 57px;
}

.color-verde-xs a {
    color: #44a08b;
    text-decoration: none;
}

.fondo-submenu-xs {
  background-color: #c6f0e3;
  border-bottom: solid 2px #d9f5ed;
}

.color-verde-submenu-xs {
    font-size: 1.30em;
    color: #44a08b;
    padding: 10px 0px 10px 90px;
}

.color-verde-submenu-xs a {
    color: #44a08b;
    text-decoration: none;
}

.h1-docb {
    color: #44a08b;
    font-weight: 700;
    margin: 0;
    font-size: 2em;
}

.separador-menus-atributos {
  background-color: #44a08b;
  height: 3px;
}

.precio-sin-descuento {
    color: #ee1111;
    font-size: 0.85em;
}

.img-thumbnail {
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
  padding: 5px;
  line-height: 1.42857143;
  background-color: #f5f5f5;
  /*border: 1px solid #ddd;*/
  border: none;
  border-radius: 0px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.imagen-subcategoria-e7e250:hover {
    background-color: #e7e250;
}

.fondo-titulo-subcategoria {
  width: 116px;
  height: 28px;

  position: absolute;
  bottom: 20px;
  left: 15px;
}


h2.txt-titulo-subcategoria {
  font-size: 1.3em;
  font-weight: 600;
  color: #fff;
  margin: 0;
  position: absolute;
  bottom: 25px;
  left: 25px;
}