@charset "utf-8";
/* CSS Document */
/**** COLORES *****/
/* #da251d  ROJO */
/**** FONTS ******/
body {
  font-family : 'Dosis', Arial, helvetica, sans-serif;
  font-weight : 400;
  color       : #4A4A4A;
  font-size   : 15px;
  line-height : 24px;
}
h1, h2, h3, h4, h5 {
  font-family : 'Khand', sans-serif;
  font-weight : 500;
}
h2 {
  font-size     : 32px;
  line-height   : 40px;
  margin-bottom : 20px;
}
h3 {
  font-size     : 28px;
  margin-bottom : 20px;
}
/* fixes */
* {
  margin  : 0;
  padding : 0;
}
img {
  border : none
}
article, aside, figure, footer, header, hgroup, nav, section {
  display : block;
}
textarea {
  resize : none;
}
input[type=button],
input[type=submit],
button {
  cursor : pointer;
  border : none !important;
}
input[type=button]:hover,
input[type=submit]:hover,
button:hover {
  -webkit-filter : brightness(110%); /* Safari 6.0 - 9.0 */
  filter         : brightness(110%);
}
/* classes comunes */
.zoom {
  position   : absolute;
  left       : 0;
  right      : 0;
  margin     : 0 auto;
  top        : 25%;
  opacity    : 0;
  transition : 0.35s;
  width      : 100%;
  max-width  : 65px;
  cursor     : pointer;
}
.items:hover > a .zoom {
  transition : 0.35s;
  opacity    : 0.75;
}
.textRed {
  color : #DA251D;
}
.clear {
  width : 100%;
  clear : both;
}
.left {
  float : left !important;
}
.right {
  float : right !important;
}
.bold {
  font-weight : bolder;
}
.none {
  display : none;
}
.flotaDe {
  float  : right;
  margin : 0 0 30px 20px;
}
.textoCentrado {
  text-align : center;
}
.seccionTexto p {
  margin-bottom : 16px;
}
.btnRojo {
  background-color : #FFF;
  border           : 1px solid #DA251D;
  color            : #DA251D;
  height           : 40px;
  line-height      : 40px;
  border-radius    : 10px;
  text-align       : center;
  font-family      : 'Khand', sans-serif;
  font-weight      : 500;
  font-size        : 20px;
  text-decoration  : none;
  padding          : 0 20px;
  display          : block;
  transition       : all 0.3s;
}
.btnRojo:hover, a:hover .btnRojo {
  background-color : #DA251D;
  color            : #FFF;
}
#estiloParrafoForm {
  display       : block;
  margin-top    : 15px;
  margin-bottom : 20px;
}
/* firma kábala */
#logoKabala {
  display : block;
  width   : 50px;
  height  : 13px;
  float   : right;
  opacity : 0.5;
}
#logoKabala:hover {
  opacity : 1;
}
.wrapper {
  display : block;
  width   : 1000px;
  margin  : 0 auto;
}
.notificacionCarrito {
  display                : none;
  position               : fixed;
  bottom                 : 0;
  right                  : 0;
  padding                : 20px;
  line-height            : 20px;
  height                 : 20px;
  color                  : #FFF;
  background-color       : #385AE2;
  border-top-left-radius : 3px;
  font-size              : 20px;
  z-index                : 9999;
}
/*******Form carrito *******/
.col35 {
  display : block;
  float   : left;
  width   : 35%;
}
.col65 {
  display      : block;
  float        : left;
  width        : 60%;
  margin-right : 5%;
}
.formContacto.formConfirmarCarrito label {
  width   : 190px;
  padding : 0;
}
.formContacto.formConfirmarCarrito .contacto_field {
  margin : 15px 0;
  width  : 100%;
}
.formContacto.formConfirmarCarrito select {
  width : 56.5%;
}
#talon_abitab, #deposito_brou, #tarjetas_otras {
  display : none;
}
.formContacto.formConfirmarCarrito input, .formContacto.formConfirmarCarrito textarea {
  width : 52%;
}
/******** HEAD **********/
header {
  width   : 100%;
  display : block;
  padding : 0;
  margin  : 0px;
}
header #navTop {
  display          : block;
  background-color : #575656;
  width            : 100%;
  padding          : 0;
  height           : 30px;
}
header #navTop ul {
  list-style : none;
  text-align : left;
}
header #navTop ul li {
  display : inline-block;
}
header #navTop ul li a {
  color           : #B7B7B7;
  text-decoration : none;
  font-size       : 12px;
  line-height     : 30px;
  height          : 30px;
  padding         : 0 10px;
  display         : block;
}
header #navTop ul li a:hover {
  color : #FFF;
}
#contHeader {
  height : 150px;
}
#contHeader #logo {
  display    : block;
  float      : left;
  margin-top : 30px;
}
/*nav#navProductos {*/
/*  display          : block;*/
/*  width            : 100%;*/
/*  height           : 36px;*/
/*  background-color : #E0E0E0;*/
/*  padding          : 0;*/
/*  margin           : 0;*/
/*  border-bottom    : 4px solid #FFF;*/
/*}*/
nav#navProductos ul {
  list-style : none;
  text-align : center;
}
nav#navProductos ul li {
  display  : inline-block;
  position : relative;
}
header #navProductos ul li a {
  color           : #333;
  font-weight     : 300;
  text-decoration : none;
  font-size       : 18px;
  line-height     : 36px;
  height          : 36px;
  padding         : 0 36px;
  margin          : 0 10px;
  display         : block;
  border-bottom   : 4px solid #FFF;
}
header #navProductos ul li a:hover {
  color         : #DA251D;
  border-bottom : 4px solid #DA251D;
}
header #navProductos ul li:hover ul {
  display : block;
}
header #navProductos ul li ul {
  display          : none;
  position         : absolute;
  z-index          : 9999;
  top              : 40px;
  left             : 0;
  text-align       : left;
  min-width        : 88%;
  left             : 10px;
  background-color : #FFF;
  padding          : 4px;
  box-shadow       : 0px 4px 4px #000;
}
header #navProductos ul li ul li {
  display : block;
  margin  : 0;
  padding : 0;
  width   : 100%;
}
header #navProductos ul li ul li a {
  display          : block;
  height           : 30px;
  line-height      : 30px;
  padding          : 0 10px;
  font-size        : 14px;
  margin           : 0;
  background-color : #FFF;
  color            : #333;
  border-top       : 1px solid #F9AFAC;
}
header #navProductos ul li ul li:first-child a {
  border-top : none;
}
header #navProductos ul li ul li a:hover {
  color            : #FFF;
  background-color : #666;
}
#buscadorPortada {
  float  : right;
  margin : 50px 0 0 0;
}
#buscadorPortada input#buscar {
  display          : block;
  border           : none;
  color            : #999;
  background-color : #DDD;
  line-height      : 40px;
  height           : 40px;
  padding          : 0 10px 0 10px;
  border-radius    : 10px 0 0 10px;
  width            : 200px;
  float            : left;
  font-size        : 15px;
  font-family      : 'Dosis', Arial, helvetica, sans-serif;
  font-weight      : 400;
}
#buscadorPortada input#buscar:focus {
  color : #4A4A4A;
}
#buscadorPortada input#btnBuscar {
  display       : block;
  border        : none;
  float         : left;
  cursor        : pointer;
  background    : url(imagenes/icoBuscar.png) center center no-repeat #CCC;
  line-height   : 40px;
  height        : 40px;
  padding       : 0;
  width         : 60px;
  border-radius : 0 10px 10px 0;
}
#buscadorPortada input#btnBuscar:hover {
  background-color : #DDD;
}
#carritoPortada {
  margin           : 50px 0 0 20px;
  display          : block;
  float            : right;
  height           : 40px;
  line-height      : 40px;
  text-decoration  : none;
  font-size        : 15px;
  padding          : 0 0 0 20px;
  border-radius    : 10px;
  background-color : #DDD;
  color            : #4A4A4A;
}
#carritoPortada span {
  display          : block;
  float            : right;
  font-size        : 24px;
  color            : #DA251D;
  line-height      : 40px;
  height           : 40px;
  padding          : 0 10px 0 20px;
  border-radius    : 10px;
  margin           : 0 0 0 20px;
  background-color : #CBCBCB;
}
#carritoPortada span img {
  display : block;
  float   : right;
  margin  : 0 0 0 20px;
}
/******** HEAD **********/

/********** header fixed ***********/

.headerFixed {
  padding-top : 236px;
}
.headerFixed header {
  position         : fixed;
  background-color : #FFF;
  z-index          : 900;
  top              : 0;
}
.headerFixed header #navTop {
  display : none;
}
.headerFixed header #contHeader {
  height : 50px;
}
.headerFixed header #contHeader #logo {
  margin : 2px 0 0 0;
  height : 48px;
}
.headerFixed header #contHeader #logo img {
  height : 48px;
}
.headerFixed header #contHeader #buscadorPortada {
  margin-top : 5px;
}
.headerFixed header #contHeader #carritoPortada {
  margin-top : 5px;
}

/****** Footer *********/
footer {
  display          : block;
  width            : 100%;
  background-color : #B8B8B8;
  padding-top      : 40px;
  margin           : 20px 0 0 0;
}
.colPieDatos {
  width : 340px;
  float : left;
}
.colPieDatos p {
  font-size   : 15px;
  color       : #343434;
  margin      : 0 0 20px 0;
  line-height : 26px;
}
.colPieDatos p img {
  float  : left;
  margin : 0 20px 10px 0;
}
.colPieDatos a {
  font-size   : 15px;
  color       : #343434;
  line-height : 26px;
}
.colPieDatos a:hover {
  text-decoration : none;
}
.pieFirmas {
  background-color : #545454;
  height           : 40px;
  line-height      : 40px;
  position         : relative;
  padding          : 0;
  margin           : 20px 0 0 0;
  color            : #CCC;
}
.pieFirmas a {
  color : #CCC;
}
/****** Footer *********/

/******** Portada *******/

#contSliderPortada2 .slider-wrapper,
#contSliderPortada .slider-wrapper {
  display : block;
  width   : 100%;
  /* height: 430px; */
  padding : 0;
  margin  : 0 auto;
}
#contSliderPortada2,
#contSliderPortada {
  display  : block;
  width    : 100%;
  margin   : 0 auto;
  /* height: 430px; */
  overflow : hidden;
}
/******* Estilo Slider ********/
.nivo-directionNav a {
  width         : 100px;
  height        : 100px;
  overflow      : hidden;
  text-indent   : 999px;
  border-radius : 18px;
  opacity       : 0.4;
}
.nivo-directionNav a:hover {
  opacity : 1;
}
#sliderPortada {
  overflow : inherit;
  z-index  : 0;
  width    : 100%;
  margin   : 0 auto;
}
.nivo-prevNav {
  background : url(imagenes/left.png) 5px 7px no-repeat;
  left       : 10%;
}
.nivo-nextNav {
  background : url(imagenes/right.png) 9px 7px no-repeat;
  right      : 10%;
}
.nivo-controlNav {
  position   : relative;
  z-index    : 9;
  padding    : 0;
  margin-top : 0px;
}
.nivo-controlNav a {
  width            : 11px;
  height           : 11px;
  margin           : 0 5px;
  background-color : #6F6F6F;
  border           : 1px solid #FFF;
  overflow         : hidden;
  text-indent      : 999px;
  border-radius    : 10px;
  display          : inline-block;
}
.nivo-controlNav a:hover, .nivo-controlNav a.active {
  background-color : #DA251D;
}
/******* Estilo Slider ********/

.breadcrumbsListado {
  display  : block;
  position : relative;
}
.breadcrumbsListado a.breadcrumbLink {
  text-decoration : none;
  color           : #D92727;
}
.breadcrumbsListado a.breadcrumbLink:hover {
  text-decoration : underline;
}
.breadcrumbsListado a.breadcrumbLink, .breadcrumbsListado span {
  margin    : 0 10px 0 0;
  font-size : 16px;
}
.breadcrumbsListado span.titulo {
  font-size : 24px;
}
.breadcrumbsListado .contFiltro {
  display  : block;
  position : absolute;
  right    : 0;
  top      : 0;
}
.listadoProductos .items {
  position      : relative;
  display       : block;
  float         : left;
  width         : 228px;
  padding       : 10px;
  border-right  : 1px dashed #C8C8C8;
  margin-bottom : 40px;
}
.listadoProductos .items > a {
  color           : #4A4A4A;
  text-decoration : none;
}
.listadoProductos .items > a:last-child {
}
.listadoProductos .items > a:first-child {

}
.listadoProductos .items:nth-child(4n) {
  border-right : none;
}
.listadoProductos a .btnRojo {
  display : block;
  margin  : 20px auto;
  width   : 120px;
}
.listadoProductos a .contImgProductoListado {
  display             : block;
  margin              : 0 auto 10px;
  width               : 228px;
  height              : 160px;
  padding             : 0;
  background-size     : cover;
  background-position : center center;
  transition          : all 0.3s;
}
.listadoProductos a:hover .contImgProductoListado {
  transform  : scale(1.05, 1.05);
  transition : all 0.5s;
}
.listadoProductos a .nombreProducto {
  height   : 22px;
  overflow : hidden;
  display  : block;
  padding  : 0 10px;
}
.listadoProductos a .precio {
  height     : 34px;
  font-size  : 24px;
  overflow   : hidden;
  display    : block;
  padding    : 0 10px;
  margin-top : 6px;
}
.listadoProductos .contNombreColegio {
  display       : block;
  height        : 62px;
  margin-bottom : 10px;
}
.listadoProductos .contNombreColegio .btnRojo {
  line-height : 20px;
  padding     : 10px 20px;
  font-family : 'Khand', sans-serif;
  font-weight : normal;
  font-size   : 14px;
  height      : auto;
}
.listadoProductos .contArchivoColegio {
  display     : block;
  line-height : 20px;
  height      : 20px;
  text-align  : center;
}
.listadoProductos .contArchivoColegio a {
  text-decoration : underline;
  color           : #4A4A4A;
}
section#empresaPortada {
  margin        : 15px 0;
  padding       : 60px 0;
  border-top    : 1px dashed #C8C8C8;
  border-bottom : 1px dashed #C8C8C8;
}
section#empresaPortada p {
  margin-bottom : 10px;
}
section#empresaPortada img {
  margin : 0 0 30px 30px;
}
section#productosPropios {
  margin        : 60px 0;
  padding       : 60px 0;
  border-bottom : 1px dashed #C8C8C8;
}
section#productosPropios p {
  margin-bottom : 10px;
}
section#productosPropios img {
  margin : 0 0 30px 30px;
}
section#noticiasPortada, section#suscribitePortada {
  display   : block;
  float     : left;
  font-size : 14px;
  color     : #4A4A4A;
}
section#noticiasPortada {
  width : 700px;
}
section#noticiasPortada .btnRojo {
  display     : block;
  margin      : 40px auto;
  float       : none;
  height      : 40px;
  line-height : 40px;
}
section#suscribitePortada {
  width : 300px;
}
section.listadoNoticias a {
  width           : 300px;
  display         : block;
  float           : left;
  text-decoration : none;
  margin-right    : 50px;
  margin-bottom   : 0px;
  height          : 306px;
  overflow        : hidden;
}
section.listadoNoticias a .imgNoticiaListado {
  display             : block;
  margin              : 0 0 10px 0;
  width               : 300px;
  height              : 200px;
  padding             : 0;
  background-size     : cover;
  background-position : center center;
  background-repeat   : no-repeat;
  transition          : all 0.3s;
}
section.listadoNoticias a .tituloNoticia {
  color     : #DA251D;
  font-size : 18px;
  display   : block;
}
section.listadoNoticias a .fechaNoticia {
  color     : #7A7A7A;
  font-size : 14px;
}
section.listadoNoticias a .textoNoticia {
  color : #4A4A4A;
}
section.listadoNoticias a:hover .tituloNoticia {
  color : #000;
}
section.listadoNoticias a:hover .imgNoticiaListado {
  transform  : scale(1.05, 1.05);
  transition : all 0.5s;
}
section.listadoNoticias div a:nth-child(3n) {
  margin-right : 0;
}
section#suscribitePortada #nlemail {
  display       : block;
  height        : 40px;
  line-height   : 40px;
  font-family   : 'Dosis', Arial, helvetica, sans-serif;
  font-size     : 12px;
  background    : #DDD;
  border        : none;
  width         : 240px;
  padding       : 0 10px;
  border-radius : 10px 0 0 10px;
  color         : #4A4A4A;
  margin        : 10px 0 20px 0;
  float         : left;
}
section#suscribitePortada #btnSuscribe {
  background    : url("imagenes/icoPieMail.png") no-repeat scroll 10px 8px #DDD;
  border        : medium none;
  border-radius : 0 10px 10px 0;
  color         : #4A4A4A;
  display       : block;
  float         : left;
  text-indent   : 9999px;
  overflow      : hidden;
  height        : 40px;
  line-height   : 40px;
  padding       : 0 10px;
  width         : 40px;
  margin-top    : 10px;
  cursor        : pointer;
}
section#suscribitePortada #btnSuscribe:hover {
  background-color : #EEE;
}
section#suscribitePortada a.btnLargo {
  display         : block;
  margin          : 0 0 20px 0;
  width           : 280px;
  text-align      : center;
  padding         : 0 10px;
  height          : 40px;
  line-height     : 40px;
  color           : #FFF;
  border-radius   : 10px;
  text-decoration : none;
  font-family     : 'Khand', sans-serif;
  font-size       : 30px;
  font-size       : 25px;
}
#btnSeguinosFacebook {
  background-color : #3B5997;
  font-size        : 26px;
}
#btnSeguinosFacebook:hover {
  box-shadow : 0px 0px 10px #3B5997;
}

#btnSeguinosInstagram {
  background-color : #D92727;
  font-size        : 26px;
}

#btnSeguinosInstagram img {
  vertical-align : sub;
}
#btnSeguinosInstagram:hover {
  box-shadow : 0px 0px 10px #D92727;
}

#btnEducadoresColegios {
  background-color : #5C9358;
  font-size        : 36px;
}
#btnEducadoresColegios:hover {
  box-shadow : 0px 0px 10px #5C9358;
}
section#suscribitePortada a.btnCuadrado {
  display         : block;
  margin          : 10px 0 20px 0;
  width           : 140px;
  text-align      : center;
  padding         : 0;
  height          : 140px;
  color           : #FFF;
  border-radius   : 10px;
  text-decoration : none;
  font-family     : 'Khand', sans-serif;
  overflow        : hidden;
  float           : left;
}
section#suscribitePortada a#btnCursosPortada {
  background   : url(imagenes/imgCursos.jpg) center center no-repeat;
  text-indent  : 999px;
  margin-right : 20px;
}
section#suscribitePortada a#btnMasVendidos {
  background-color : #D92727;
  font-size        : 48px;
  line-height      : 48px;
  padding-top      : 20px;
  height           : 120px;
}
section#suscribitePortada a#btnProdInfantozzi {
  background-color : #D92727;
  font-size        : 30px;
  line-height      : 50px;
  padding-top      : 20px;
  height           : 120px;
}
/********* Producto Ampliado **********/

#productoAmpliado {
  margin : 0 0 40px 0;
}
.breadcrumbs a {
  text-decoration : none;
  color           : #D92727;
}
.breadcrumbs a:hover {
  text-decoration : underline;
}
.breadcrumbs a, .breadcrumbs span {
  margin    : 0 10px 0 0;
  font-size : 12px;
}
.colSliderProdAmpliado, .colInfoProductoAmpliado {
  display  : block;
  float    : left;
  position : relative;
}
.colSliderProdAmpliado {
  width        : 460px;
  margin-right : 40px;
}
.colInfoProductoAmpliado {
  width : 500px;
}
#sliderProdAmpliado {
  overflow : inherit;
  z-index  : 0;
  width    : 460px;
  height   : 345px;
  margin   : 0 auto;
}
#colSliderProdAmpliado .slider-wrapper {
  display : block;
  width   : 460px;
  height  : 345px;
  padding : 0;
  margin  : 0 auto;
}
#colSliderProdAmpliado {
  display  : block;
  width    : 500px;
  margin   : 0 auto 0 -20px;
  height   : 360px;
  overflow : hidden;
}
.colInfoProductoAmpliado h2 {
  color : #D92727;
}
.colInfoProductoAmpliado h3 {
  margin-top : 20px;
}
.renglonCampos {
  display : block;
  margin  : 10px 0;
}
#agregarAlCarrito {
  display     : none;
  height      : 40px;
  line-height : 40px;
  padding     : 0;
  margin      : 20px 0 20px -9px;
}
.camposProdAmpliado label {
  display     : block;
  float       : left;
  width       : 160px;
  font-family : 'Khand', sans-serif;
  font-size   : 20px;
  line-height : 30px;
}
.camposProdAmpliado .sc {
  width   : 300px;
  float   : left;
  display : block;
}
.camposProdAmpliado label img {
  display      : block;
  float        : left;
  margin-right : 10px;
}
.contFiltro {
  display : block;
  float   : right;
  width   : 380px;
}
.contFiltro label {
  display     : block;
  float       : left;
  width       : 100px;
  font-family : 'Khand', sans-serif;
  font-size   : 20px;
  line-height : 30px;
}
.contFiltro .sc {
  width   : 260px;
  float   : right;
  display : block;
}
#agregarAlCarrito .contCantidad .titulo, #agregarAlCarrito .contCantidad .cantidad {
  display     : block;
  float       : left;
  height      : 40px;
  line-height : 40px;
}
#agregarAlCarrito .contCantidad a {
  display          : block;
  float            : left;
  width            : 20px;
  height           : 20px;
  border-radius    : 10px;
  background-color : #7F7F7F;
  color            : #FFF;
  text-decoration  : none;
  margin           : 8px 4px;
  line-height      : 14px;
  text-align       : center;
  border           : 1px solid #FFF;
  font-size        : 20px;
}
#agregarAlCarrito .contCantidad a:hover {
  background-color : #D92727;
}
#agregarAlCarrito .contCantidad .cantidad {
  font-size  : 20px;
  max-width  : 45px;
  padding    : 0px 5px;
  height     : 33px;
  text-align : center;
}
#agregarAlCarrito .contCantidad {
  background-color          : #DDD;
  border                    : 1px solid #DDD;
  color                     : #313131;
  float                     : left;
  padding                   : 0 0px 0 13px;
  border-top-left-radius    : 10px;
  border-bottom-left-radius : 10px;
}
#agregarAlCarrito .contCantidad .titulo {
  font-family : 'Khand', sans-serif;
  font-weight : 500;
  font-size   : 24px;
}
#agregarAlCarrito .precio {
  background-color : #7F7F7F;
  border           : 1px solid #7F7F7F;
  color            : #FFF;
  float            : left;
  padding          : 0 10px 0 10px;
  font-size        : 20px;
}
#agregarAlCarrito .btnRojo {
  float                     : left;
  border-top-left-radius    : 0;
  border-bottom-left-radius : 0;
}

/* Producto ampliado segundo form*/

#campoPresentacion,
#campoColores {
  background         : url("imagenes/arrow-down.png") no-repeat scroll right center #DDD;
  border             : 0px;
  width              : 100%;
  max-width          : 300px;
  height             : 30px;
  border-radius      : 5px;
  padding            : 0px 10px;
  font-family        : 'Dosis', Arial, helvetica, sans-serif;
  font-size          : 16px;
  -webkit-appearance : none;
}

/********* Carrito de compras **********/

.tablaCarrito {
  width           : 100%;
  margin          : 10px 0;
  border-spacing  : 0;
  border-collapse : separate;
  font-family     : 'Dosis', Arial, helvetica, sans-serif;
}
.tablaCarrito td.filaProducto {
  text-align : left;
}
.tablaCarrito td.filaProducto a {
  color       : #DA251D;
  margin-left : 10px;
}
.tablaCarrito td.filaProducto span {
  border-left  : 1px dotted #AAA;
  margin-left  : 10px;
  padding-left : 10px;
}
.tablaCarrito th {
  background     : #DA251D;
  color          : #FFF;
  font-family    : 'Khand', sans-serif;
  font-weight    : 500;
  text-align     : center;
  font-size      : 30px;
  font-weight    : normal;
  text-transform : uppercase;
  height         : 50px;
  line-height    : 50px;
  padding        : 2px;
}
.tablaCarrito td {
  text-align : center;
}
.tdCantidad input {
  border      : 1px dashed #4A4A4A;
  width       : 45px;
  height      : 35px;
  line-height : 35px;
  margin      : 0px;
  text-align  : center;
  color       : #4A4A4A;
  font-size   : 15px;
  font-family : 'Dosis', Arial, helvetica, sans-serif;
}
.tdCantidad a {
  display          : inline-block;
  width            : 20px;
  height           : 20px;
  border-radius    : 10px;
  background-color : #7F7F7F;
  color            : #FFF;
  text-decoration  : none;
  margin           : 0px;
  line-height      : 14px;
  text-align       : center;
  border           : 1px solid #FFF;
  font-size        : 20px;
}
.tdCantidad a:hover {
  background-color : #D92727;
}
.tablaCarrito td {
  height        : 40px;
  line-height   : 40px;
  border-bottom : 1px dashed #AAA;
  padding       : 2px;
}
.tablaCarrito tr:nth-child(2n) {
  background : #EEE;
}
.tablaCarrito tr.pieTabla {
  background  : #F0F0F0;
  font-family : 'Dosis', Arial, helvetica, sans-serif;
}
.alignRight {
  text-align : right;
}
.btnConfirmarPedido {
  float : right;
  width : auto;
}
#btn_vaciar {
  color           : #4A4A4A;
  font-size       : 15px;
  font-weight     : bold;
  text-decoration : none;
  margin-top      : 10px;
  transition      : 0.25s;
}
#btn_vaciar:hover {
  text-decoration : underline;
}
/******** FAQ *********/

.boxFAQ {
  display          : block;
  padding          : 10px;
  margin           : 0 0 20px 0;
  background-color : #DA251E;
  display          : none;
  color            : #FFF;
}
#seccionFAQ h4, #seccionFAQ h5 {
  font-family : 'Dosis', Arial, helvetica, sans-serif;
}
#seccionFAQ h4 {
  font-size     : 24px;
  font-weight   : normal;
  margin-bottom : 10px;
  margin-top    : 30px;
  cursor        : pointer;
}
#seccionFAQ h5 {
  font-size   : 20px;
  font-weight : normal;
  margin      : 10px 0;
}
/**** Filosofia ****/

#seccionFilosofia .flotaDe {
  margin-top : 30px;
}
/*------- FORMULARIO DE CONTACTO -------*/

#contacto_form_cont {
  display : block;
  width   : 480px;
  float   : left;
}
.contacto_field {
  width   : 90%;
  margin  : 15px 5%;
  display : block;
  clear   : both;
}
.formContacto label {
  vertical-align : top;
  width          : 28%;
  padding        : 0;
}
.formContacto input,
.formContacto label,
.formContacto textarea {
  display     : inline-block;
  height      : 30px;
  line-height : 30px;
  max-width   : 300px;
  padding     : 0 2%;
}
.formContacto input,
.formContacto textarea,
.formContacto select {
  width       : 60%;
  border      : 1px solid #AAA;
  font-family : "Dosis", Arial, helvetica, sans-serif;
  font-size   : 15px;
  font-weight : 400;
}
.formContacto select:focus,
.formContacto input:focus,
.formContacto textarea:focus {
  border-color : #C4161C;
}
.formContacto textarea {
  height    : 150px;
  font-size : 1em;
}
#btn_enviar_contacto {
  height       : 40px;
  line-height  : 40px;
  color        : #FFF;
  background   : #DA251D;
  font-family  : 'Khand', sans-serif;
  font-weight  : 500;
  font-size    : 24px;
  padding      : 0 20px;
  display      : block;
  cursor       : pointer;
  width        : 284px;
  float        : right;
  margin-right : 10px;
}
#btn_enviar_contacto:hover {
  background : #EC554E;
}
#contacto_ok {
  width      : 98%;
  text-align : center;
  padding    : 20px 0;
  margin     : 10px auto;
  border     : 1px solid #AAA;
  background : #D0D0D0;
}
.colDatosContacto {
  display : block;
  width   : 450px;
  float   : right;
}
.colDatosContacto p {
  font-size   : 15px;
  color       : #343434;
  margin      : 0 0 20px 0;
  line-height : 26px;
}
.colDatosContacto p img {
  float  : left;
  margin : 0 20px 10px 0;
}
.colDatosContacto a {
  font-size   : 15px;
  color       : #343434;
  line-height : 26px;
}
.colDatosContacto a:hover {
  text-decoration : none;
}
#carritoActualizado {
  display : none;
}
#cont_presentacion, #cont_color {
  display : none;
}
.compartirNoticia {
  display     : block;
  margin-top  : 20px;
  border-top  : 1px dotted #CCC;
  padding-top : 20px;
}
.lista_cont {
  display : none;
}
ul.listas {
  list-style : none;
  position   : relative;
}
.lista_cont {
  display          : none;
  float            : left;
  padding          : 10px 20px 20px 20px;
  width            : 580px;
  background-color : #FFF;
  border-left      : 1px solid #DA251D;
}
.lista_cont ul {
  /*list-style : inside;*/
}
.lista_cont_p {
  margin-bottom : 20px;
}
.lista_cont .btnRojo {
  float : left;
}
.lista_margin {
  margin-bottom : 35px;
}
.btnVerLista, .btnVerLista2 {
  display         : block;
  height          : 40px;
  line-height     : 40px;
  font-size       : 16px;
  padding         : 0 0 0 40px;
  float           : left;
  border-radius   : 6px;
  width           : 300px;
  text-decoration : none;
  color           : #DA251D;
  background      : url(imagenes/fondoListas.png) top left no-repeat;
  transition      : all .3s;
}
.btnVerLista:hover, .btnVerLista2:hover {
  color               : #FFF;
  background-color    : #DA251D;
  background-position : 10px bottom;
}
.btnVerLista.verActivo, .btnVerLista.verActivo {
  color                      : #FFF;
  background-color           : #DA251D;
  background-position        : -80px -80px;
  padding                    : 0 30px 0 10px;
  border-top-right-radius    : 0;
  border-bottom-right-radius : 0;
}
.contImgColegioAmpliado {
  display             : block;
  float               : right;
  margin              : 0 0 10px 20px;
  width               : 228px;
  height              : 160px;
  padding             : 0;
  background-size     : cover;
  background-position : center center;
}
/****** Como realizar su pedido ********/
.contPasos {
  margin : 40px 0;
}
.contPasos div {
  display          : block;
  float            : left;
  width            : 280px;
  padding          : 20px;
  margin-left      : 20px;
  background-color : #FFBEBE;
  position         : relative;
  color            : #3C3C3C;
  font-size        : 18px;
  line-height      : 24px;
  border-radius    : 20px;
  height           : 170px;
}
.contPasos div:first-child {
  margin-left : 0;
}
.contPasos div span {
  display          : block;
  position         : absolute;
  width            : 50px;
  height           : 50px;
  line-height      : 50px;
  border-radius    : 25px;
  color            : #FFF;
  background-color : #DA251E;
  text-align       : center;
  font-family      : 'Khand', sans-serif;
  font-weight      : 500;
  font-size        : 40px;
  top              : -30px;
  left             : 50%;
  margin-left      : -25px;
}
.contPasos div p {
  margin : 0;
}
#nlsuscribeok {
  display : none;
}
.sc_li.nohay {
  text-decoration : line-through;
  display         : none;
}
.fondogris {
  background-color : #888;
  padding          : 4px;
  color            : white;
}
.precio small {
  font-size : small;
}
.cont_lista {
  margin           : 40px 0;
  padding          : 10px;
  background-color : #F0F0F0;
  border-radius    : 4px
}
.cont_lista.lista0 h3 {
  display : none;
}
.lista_cont > ul > li {
  position      : relative;
  margin-bottom : 33px;
}
.listas_mark, .listas_cont_items {
  float : left;
}
.listas_mark {
  width : 5%;
}
.listas_cont_items {
  width : 75%;
}
.delLista {
  float : right;
}
.Zebra_DatePicker_Icon_Wrapper {
  width : 57%;
}
.Zebra_DatePicker_Icon_Wrapper > input[type=Text] {
  width : 80%
}
#formReset {
  display : none;
}
.with-updated-prices .items.priceUpdated1 a .precio {
  font-size : 30px;
}
.with-updated-prices .items.priceUpdated1 a .precio small {
  font-weight : bold;
}
/* Login header clientes */
.login_header {
  background-color : #ED2D3C;
  padding          : 10px 0;
  color            : #FFF;
  text-align       : center;
  margin-top       : -50px;
  transition       : .5s;
}
.login_header.opened {
  margin-top : 0;
  transition : .5s;
}
.login_header a {
  color           : #FFF;
  text-decoration : none;
  cursor          : pointer;
  z-index         : 999;
  position        : relative;
}
.login_header > a,
.login_header #formlogin > a {
  color           : #FFF;
  text-decoration : none;
  font-weight     : normal;
  transition      : 0.35s;
  margin-left     : 5px;
}
.login_header > a:hover,
.login_header #formlogin > a:hover {
  color : #505050;
}
#formlogin input {
  width         : 100%;
  max-width     : 200px;
  border-radius : 5px;
  border        : 0px;
  margin        : 0px 5px;
}
#formlogin #btnLogin {
  width     : 100%;
  max-width : 100px;
  margin    : 0px 10px 0px 5px;
}
#formlogin #btnLogin:hover {
  background-color : #575656;
  transition       : 0.35s;
  color            : #FFF;
}
#btnShowLoginClientes {
  display          : inline-block;
  background-color : #ED2D3C;
  width            : 100%;
  max-width        : 170px;
  font-size        : 18px;
  color            : #FFF;
  text-decoration  : none;
  text-align       : center;
  padding          : 0px 0px 10px 0px;
  border-radius    : 0px 0px 10px 10px;
  border-top       : 1px solid #ED2D3C;
  transition       : 0.35s;
}
#btnShowLoginClientes:hover {
  padding-left : 10px;
}

/* ---- CAROUSEL ------ */

.owl-nav {
  text-align : center;
  font-size  : 70px;
  position   : absolute;
  top        : 90px;
  width      : 100%;
}
.owl-next {
  position   : absolute;
  right      : -55px;
  transition : 0.25s;
  padding    : 10px !important;
}
.owl-prev {
  left       : -55px;
  position   : absolute;
  transition : 0.25s;
  padding    : 10px !important;
}
.owl-prev:hover,
.owl-next:hover {
  color : #ED2D39 !important;
}
.owl-dots {
  display : none !important;
}
select {
  background-color : #FFF;
}
option {
  background-color : #FFF;
  margin-bottom    : 3px;
  display          : block;
  font-family      : 'Dosis', Arial, helvetica, sans-serif;
  font-size        : 14px;
  color            : #333;

}
option.odd {
  background-color : #EEE;
}
#formColegiosPortada {
}
#formColegiosPortada label.cont_grados,
#btnPortadaAddCart, #formColegiosPortada label.cont_listas {
  display : none;
}

.cont_btn {
  margin-top : 25px;
  display    : block;
}
.chosen-container {
  text-align : left;
  padding    : 0 !important;
}
.chosen-container-multi .chosen-choices li.search-choice {
  float            : none;
  display          : block;
  border           : 0;
  background-color : #F0F0F0;
  background-image : none;
  box-shadow       : none;
  line-height      : 18px;
  overflow         : hidden;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before {
  content     : "x";
  color       : white;
  position    : absolute;
  bottom      : 0;
  right       : 0;
  height      : 24px;
  width       : 24px;
  line-height : 21px;
  font-size   : 16px;
  display     : block;
  text-align  : center;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  background : #ED2D3C;
  width      : 24px;
  height     : 100%;
  top        : 0;
  right      : 0;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-color : #C41F2A;
}
@charset "utf-8";
/* CSS Document */
/**** COLORES *****/
/* #da251d  ROJO */
/**** FONTS ******/
body {
  font-family : 'Dosis', Arial, helvetica, sans-serif;
  font-weight : 400;
  color       : #4A4A4A;
  font-size   : 15px;
  line-height : 24px;
}
h1, h2, h3, h4, h5 {
  font-family : 'Khand', sans-serif;
  font-weight : 500;
}
h2 {
  font-size     : 32px;
  line-height   : 40px;
  margin-bottom : 20px;
}
h3 {
  font-size     : 28px;
  margin-bottom : 20px;
}
/* fixes */
* {
  margin  : 0;
  padding : 0;
}
img {
  border : none
}
article, aside, figure, footer, header, hgroup, nav, section {
  display : block;
}
textarea {
  resize : none;
}
input[type=button],
input[type=submit],
button {
  cursor : pointer;
  border : none !important;
}
input[type=button]:hover,
input[type=submit]:hover,
button:hover {
  -webkit-filter : brightness(110%); /* Safari 6.0 - 9.0 */
  filter         : brightness(110%);
}
/* classes comunes */
.zoom {
  position   : absolute;
  left       : 0;
  right      : 0;
  margin     : 0 auto;
  top        : 25%;
  opacity    : 0;
  transition : 0.35s;
  width      : 100%;
  max-width  : 65px;
  cursor     : pointer;
}
.items:hover > a .zoom {
  transition : 0.35s;
  opacity    : 0.75;
}
.textRed {
  color : #DA251D;
}
.clear {
  width : 100%;
  clear : both;
}
.left {
  float : left !important;
}
.right {
  float : right !important;
}
.bold {
  font-weight : bolder;
}
.none {
  display : none;
}
.flotaDe {
  float  : right;
  margin : 0 0 30px 20px;
}
.textoCentrado {
  text-align : center;
}
.seccionTexto p {
  margin-bottom : 16px;
}
.btnRojo {
  background-color : #FFF;
  border           : 1px solid #DA251D;
  color            : #DA251D;
  height           : 40px;
  line-height      : 40px;
  border-radius    : 10px;
  text-align       : center;
  font-family      : 'Khand', sans-serif;
  font-weight      : 500;
  font-size        : 20px;
  text-decoration  : none;
  padding          : 0 20px;
  display          : block;
  transition       : all 0.3s;
}
.btnRojo:hover, a:hover .btnRojo {
  background-color : #DA251D;
  color            : #FFF;
}
#estiloParrafoForm {
  display       : block;
  margin-top    : 15px;
  margin-bottom : 20px;
}
/* firma kábala */
#logoKabala {
  display : block;
  width   : 50px;
  height  : 13px;
  float   : right;
  opacity : 0.5;
}
#logoKabala:hover {
  opacity : 1;
}
.wrapper {
  display : block;
  width   : 1000px;
  margin  : 0 auto;
}
.notificacionCarrito {
  display                : none;
  position               : fixed;
  bottom                 : 0;
  right                  : 0;
  padding                : 20px;
  line-height            : 20px;
  height                 : 20px;
  color                  : #FFF;
  background-color       : #385AE2;
  border-top-left-radius : 3px;
  font-size              : 20px;
  z-index                : 9999;
}
/*******Form carrito *******/
.col35 {
  display : block;
  float   : left;
  width   : 35%;
}
.col65 {
  display      : block;
  float        : left;
  width        : 60%;
  margin-right : 5%;
}
.formContacto.formConfirmarCarrito label {
  width   : 190px;
  padding : 0;
}
.formContacto.formConfirmarCarrito .contacto_field {
  margin : 15px 0;
  width  : 100%;
}
.formContacto.formConfirmarCarrito select {
  width: 56.5%;
  padding: 0 2%;
  height: 30px;
}
#talon_abitab, #deposito_brou, #tarjetas_otras {
  display : none;
}
.formContacto.formConfirmarCarrito input, .formContacto.formConfirmarCarrito textarea {
  width : 52%;
}
/******** HEAD **********/
header {
  width   : 100%;
  display : block;
  padding : 0;
  margin  : 0px;
}
header #navTop {
  display          : block;
  background-color : #575656;
  width            : 100%;
  padding          : 0;
  height           : 30px;
}
header #navTop ul {
  list-style : none;
  text-align : left;
}
header #navTop ul li {
  display : inline-block;
}
header #navTop ul li a {
  color           : #B7B7B7;
  text-decoration : none;
  font-size       : 12px;
  line-height     : 30px;
  height          : 30px;
  padding         : 0 10px;
  display         : block;
}
header #navTop ul li a:hover {
  color : #FFF;
}
#contHeader {
  height : 150px;
}
#contHeader #logo {
  display    : block;
  float      : left;
  margin-top : 30px;
}
nav#navProductos {
  display          : block;
  width            : 100%;
  height           : 36px;
  background-color : #E0E0E0;
  padding          : 0;
  margin           : 0;
  /*border-bottom    : 4px solid #FFF;*/
}
nav#navProductos ul {
  list-style : none;
  text-align : center;
}
nav#navProductos ul li {
  display  : inline-block;
  position : relative;
}
header #navProductos ul li a {
  color           : #333;
  font-weight     : 300;
  text-decoration : none;
  font-size       : 18px;
  line-height     : 36px;
  height          : 36px;
  padding         : 0 36px;
  margin          : 0 10px;
  display         : block;
  border-bottom   : 4px solid transparent;
  box-sizing:border-box;
}
header #navProductos ul li a:hover {
  color         : #DA251D;
  border-bottom : 4px solid #DA251D;
}
header #navProductos ul li:hover ul {
  display : block;
}
header #navProductos ul li ul {
  display          : none;
  position         : absolute;
  z-index          : 9999;
  top              : 36px;
  text-align       : left;
  min-width        : 88%;
  left             : 10px;
  background-color : #FFF;
  padding          : 4px;
  box-shadow       : 0px 4px 4px #000;
}
header #navProductos ul li ul li {
  display : block;
  margin  : 0;
  padding : 0;
  width   : 100%;
}
header #navProductos ul li ul li a {
  display          : block;
  height           : 30px;
  line-height      : 30px;
  padding          : 0 10px;
  font-size        : 14px;
  margin           : 0;
  background-color : #FFF;
  color            : #333;
  border-top       : 1px solid #F9AFAC;
}
header #navProductos ul li ul li:first-child a {
  border-top : none;
}
header #navProductos ul li ul li a:hover {
  color            : #FFF;
  background-color : #666;
}
#buscadorPortada {
  float  : right;
  margin : 50px 0 0 0;
}
#buscadorPortada input#buscar {
  display          : block;
  border           : none;
  color            : #999;
  background-color : #DDD;
  line-height      : 40px;
  height           : 40px;
  padding          : 0 10px 0 10px;
  border-radius    : 10px 0 0 10px;
  width            : 200px;
  float            : left;
  font-size        : 15px;
  font-family      : 'Dosis', Arial, helvetica, sans-serif;
  font-weight      : 400;
}
#buscadorPortada input#buscar:focus {
  color : #4A4A4A;
}
#buscadorPortada input#btnBuscar {
  display       : block;
  border        : none;
  float         : left;
  cursor        : pointer;
  background    : url(imagenes/icoBuscar.png) center center no-repeat #CCC;
  line-height   : 40px;
  height        : 40px;
  padding       : 0;
  width         : 60px;
  border-radius : 0 10px 10px 0;
}
#buscadorPortada input#btnBuscar:hover {
  background-color : #DDD;
}
#carritoPortada {
  margin           : 50px 0 0 20px;
  display          : block;
  float            : right;
  height           : 40px;
  line-height      : 40px;
  text-decoration  : none;
  font-size        : 15px;
  padding          : 0 0 0 20px;
  border-radius    : 10px;
  background-color : #DDD;
  color            : #4A4A4A;
}
#carritoPortada span {
  display          : block;
  float            : right;
  font-size        : 24px;
  color            : #DA251D;
  line-height      : 40px;
  height           : 40px;
  padding          : 0 10px 0 20px;
  border-radius    : 10px;
  margin           : 0 0 0 20px;
  background-color : #CBCBCB;
}
#carritoPortada span img {
  display : block;
  float   : right;
  margin  : 0 0 0 20px;
}
/******** HEAD **********/

/********** header fixed ***********/

.headerFixed {
  padding-top : 236px;
}
.headerFixed header {
  position         : fixed;
  background-color : #FFF;
  z-index          : 900;
  top              : 0;
}
.headerFixed header #navTop {
  display : none;
}
.headerFixed header #contHeader {
  height : 50px;
}
.headerFixed header #contHeader #logo {
  margin : 2px 0 0 0;
  height : 48px;
}
.headerFixed header #contHeader #logo img {
  height : 48px;
}
.headerFixed header #contHeader #buscadorPortada {
  margin-top : 5px;
}
.headerFixed header #contHeader #carritoPortada {
  margin-top : 5px;
}
/* Listas escolares portada */
#listasEscolaresPortada {
  margin              : 0 auto;
  background-image    : url(imagenes/backListasEscolares.jpg);
  background-repeat   : no-repeat;
  background-size     : 100%;
  background-position : top left;
  color               : #FFF;
  width               : 100%;
  text-align          : center;
  padding             : 25px 0px 0px;
  margin-bottom       : 25px;
}
#listasEscolaresPortada h2 {
  background-color : #ED2D3C;
  width            : 100%;
  max-width        : 450px;
  margin           : 0px auto;
  padding          : 10px 0px;
}
#listasEscolaresPortada p {
  background-color : #ED2D3C;
  width            : 100%;
  max-width        : 430px;
  margin           : -15px auto;
  padding          : 20px 10px;
  font-size        : 20px;
  font-weight      : normal;
}
#listasEscolaresPortada form {
  background-color : #ED2D3C;
  width            : 100%;
  max-width        : 450px;
  margin           : 0 auto;
  padding          : 10px 0px 20px 0px;
}

#listasEscolaresPortada select {
  background         : url("imagenes/arrow-down.png") no-repeat scroll right center #FFF;
  border             : 0px;
  width              : 100%;
  max-width          : 400px;
  height             : 30px;
  border-radius      : 5px;
  padding            : 0px 10px;
  font-family        : 'Dosis', Arial, helvetica, sans-serif;
  font-size          : 16px;
  -webkit-appearance : none;
}

.chosen-container {
  background    : url("imagenes/arrow-down.png") no-repeat scroll right 5px #FFF;
  border        : 0px;
  border-radius : 5px;
  padding       : 0px 10px;
  font-family   : 'Dosis', Arial, helvetica, sans-serif;
  font-size     : 16px;

}
.chosen-container-multi .chosen-choices {
  background : none;
  border     : none;
}
/****** Footer *********/
footer {
  display          : block;
  width            : 100%;
  background-color : #B8B8B8;
  padding-top      : 40px;
  margin           : 20px 0 0 0;
}
.colPieDatos {
  width : 340px;
  float : left;
}
.colPieDatos p {
  font-size   : 15px;
  color       : #343434;
  margin      : 0 0 20px 0;
  line-height : 26px;
}
.colPieDatos p img {
  float  : left;
  margin : 0 20px 10px 0;
}
.colPieDatos a {
  font-size   : 15px;
  color       : #343434;
  line-height : 26px;
}
.colPieDatos a:hover {
  text-decoration : none;
}
.pieFirmas {
  background-color : #545454;
  height           : 40px;
  line-height      : 40px;
  position         : relative;
  padding          : 0;
  margin           : 20px 0 0 0;
  color            : #CCC;
}
.pieFirmas a {
  color : #CCC;
}
/****** Footer *********/

/******** Portada *******/

#contSliderPortada2 .slider-wrapper,
#contSliderPortada .slider-wrapper {
  display  : block;
  width    : 100%;
  /* height: 430px; */
  padding  : 0;
  margin   : 0 auto;
  position : relative;
}
#contSliderPortada2,
#contSliderPortada {
  display  : block;
  width    : 100%;
  margin   : 0 auto;
  /* height: 430px; */
  overflow : hidden;
}
/******* Estilo Slider ********/
.nivo-directionNav a {
  width         : 100px;
  height        : 100px;
  overflow      : hidden;
  text-indent   : 999px;
  border-radius : 18px;
  opacity       : 0.4;
}
.nivo-directionNav a:hover {
  opacity : 1;
}
#sliderPortada {
  overflow : inherit;
  z-index  : 0;
  width    : 100%;
  margin   : 0 auto;
}
.nivo-prevNav {
  background : url(imagenes/left.png) 5px 7px no-repeat;
  left       : 10%;
}
.nivo-nextNav {
  background : url(imagenes/right.png) 9px 7px no-repeat;
  right      : 10%;
}
.nivo-controlNav {
  position : absolute;
  z-index  : 9;
  padding  : 0;
  margin   : 0;
  bottom   : 0;
  left     : 0;
  right    : 0;
}
.nivo-controlNav a {
  width            : 11px;
  height           : 11px;
  margin           : 0 5px;
  background-color : #6F6F6F;
  border           : 1px solid #FFF;
  overflow         : hidden;
  text-indent      : 999px;
  border-radius    : 10px;
  display          : inline-block;
}
.nivo-controlNav a:hover, .nivo-controlNav a.active {
  background-color : #DA251D;
}
/******* Estilo Slider ********/

.breadcrumbsListado {
  display    : block;
  position   : relative;
  margin-top : 15px;
}
.breadcrumbsListado a.breadcrumbLink {
  text-decoration : none;
  color           : #D92727;
}
.breadcrumbsListado a.breadcrumbLink:hover {
  text-decoration : underline;
}
.breadcrumbsListado a.breadcrumbLink, .breadcrumbsListado span {
  margin    : 0 10px 0 0;
  font-size : 16px;
}
.breadcrumbsListado span.titulo {
  font-size : 24px;
}
.breadcrumbsListado .contFiltro {
  display  : block;
  position : absolute;
  right    : 0;
  top      : 0;
}
.listadoProductos .items {
  position      : relative;
  display       : block;
  float         : left;
  width         : 228px;
  padding       : 10px;
  border-right  : 1px dashed #C8C8C8;
  margin-bottom : 40px;
}
.listadoProductos .items > a {
  color           : #4A4A4A;
  text-decoration : none;
}
.listadoProductos .items > a:last-child {
}
.listadoProductos .items > a:first-child {

}
.listadoProductos .items:nth-child(4n) {
  border-right : none;
}
.listadoProductos a .btnRojo {
  display : block;
  margin  : 20px auto;
  width   : 120px;
}
.listadoProductos a .contImgProductoListado {
  display             : block;
  margin              : 0 auto 10px;
  width               : 228px;
  height              : 160px;
  padding             : 0;
  background-size     : cover;
  background-position : center center;
  transition          : all 0.3s;
}
.listadoProductos a:hover .contImgProductoListado {
  transform  : scale(1.05, 1.05);
  transition : all 0.5s;
}
.listadoProductos a .nombreProducto {
  height   : 22px;
  overflow : hidden;
  display  : block;
  padding  : 0 10px;
}
.listadoProductos a .precio {
  height     : 34px;
  font-size  : 24px;
  overflow   : hidden;
  display    : block;
  padding    : 0 10px;
  margin-top : 6px;
}
.listadoProductos .contNombreColegio {
  display       : block;
  height        : 62px;
  margin-bottom : 10px;
}
.listadoProductos .contNombreColegio .btnRojo {
  line-height : 20px;
  padding     : 10px 20px;
  font-family : 'Khand', sans-serif;
  font-weight : normal;
  font-size   : 14px;
  height      : auto;
}
.listadoProductos .contArchivoColegio {
  display     : block;
  line-height : 20px;
  height      : 20px;
  text-align  : center;
}
.listadoProductos .contArchivoColegio a {
  text-decoration : underline;
  color           : #4A4A4A;
}
section#empresaPortada {
  margin        : 15px 0;
  padding       : 60px 0;
  border-top    : 1px dashed #C8C8C8;
  border-bottom : 1px dashed #C8C8C8;
}
section#empresaPortada p {
  margin-bottom : 10px;
}
section#empresaPortada img {
  margin : 0 0 30px 30px;
}
section#productosPropios {
  margin        : 60px 0;
  padding       : 60px 0;
  border-bottom : 1px dashed #C8C8C8;
}
section#productosPropios p {
  margin-bottom : 10px;
}
section#productosPropios img {
  margin : 0 0 30px 30px;
}
section#noticiasPortada, section#suscribitePortada {
  display   : block;
  float     : left;
  font-size : 14px;
  color     : #4A4A4A;
}
section#noticiasPortada {
  width : 1000px;
}
section#noticiasPortada .btnRojo {
  display     : block;
  margin      : 40px auto;
  float       : none;
  height      : 40px;
  line-height : 40px;
}
section#suscribitePortada {
  width : 300px;
}
section.listadoNoticias a {
  width           : 300px;
  display         : block;
  float           : left;
  text-decoration : none;
  margin-right    : 33px;
  margin-bottom   : 0px;
  height          : 306px;
  overflow        : hidden;
}
section.listadoNoticias a .imgNoticiaListado {
  display             : block;
  margin              : 0 0 10px 0;
  width               : 300px;
  height              : 200px;
  padding             : 0;
  background-size     : cover;
  background-position : center center;
  background-repeat   : no-repeat;
  transition          : all 0.3s;
}
section.listadoNoticias a .tituloNoticia {
  color     : #DA251D;
  font-size : 18px;
  display   : block;
}
section.listadoNoticias a .fechaNoticia {
  color     : #7A7A7A;
  font-size : 14px;
}
section.listadoNoticias a .textoNoticia {
  color : #4A4A4A;
}
section.listadoNoticias a:hover .tituloNoticia {
  color : #000;
}
section.listadoNoticias a:hover .imgNoticiaListado {
  transform  : scale(1.05, 1.05);
  transition : all 0.5s;
}
section.listadoNoticias div a:nth-child(3n) {
  margin-right : 0;
}
section#suscribitePortada #nlemail {
  display       : block;
  height        : 40px;
  line-height   : 40px;
  font-family   : 'Dosis', Arial, helvetica, sans-serif;
  font-size     : 12px;
  background    : #DDD;
  border        : none;
  width         : 240px;
  padding       : 0 10px;
  border-radius : 10px 0 0 10px;
  color         : #4A4A4A;
  margin        : 10px 0 20px 0;
  float         : left;
}
section#suscribitePortada #btnSuscribe {
  background    : url("imagenes/icoPieMail.png") no-repeat scroll 10px 8px #DDD;
  border        : medium none;
  border-radius : 0 10px 10px 0;
  color         : #4A4A4A;
  display       : block;
  float         : left;
  text-indent   : 9999px;
  overflow      : hidden;
  height        : 40px;
  line-height   : 40px;
  padding       : 0 10px;
  width         : 40px;
  margin-top    : 10px;
  cursor        : pointer;
}
section#suscribitePortada #btnSuscribe:hover {
  background-color : #EEE;
}
section#suscribitePortada a.btnLargo {
  display         : block;
  margin          : 0 0 20px 0;
  width           : 280px;
  text-align      : center;
  padding         : 0 10px;
  height          : 40px;
  line-height     : 40px;
  color           : #FFF;
  border-radius   : 10px;
  text-decoration : none;
  font-family     : 'Khand', sans-serif;
  font-size       : 30px;
  font-size       : 25px;
}
#btnSeguinosFacebook {
  background-color : #3B5997;
  font-size        : 26px;
}
#btnSeguinosFacebook:hover {
  box-shadow : 0px 0px 10px #3B5997;
}

#btnSeguinosInstagram {
  background-color : #D92727;
  font-size        : 26px;
}

#btnSeguinosInstagram img {
  vertical-align : sub;
}
#btnSeguinosInstagram:hover {
  box-shadow : 0px 0px 10px #D92727;
}

#btnEducadoresColegios {
  background-color : #5C9358;
  font-size        : 36px;
}
#btnEducadoresColegios:hover {
  box-shadow : 0px 0px 10px #5C9358;
}
section#suscribitePortada a.btnCuadrado {
  display         : block;
  margin          : 10px 0 20px 0;
  width           : 140px;
  text-align      : center;
  padding         : 0;
  height          : 140px;
  color           : #FFF;
  border-radius   : 10px;
  text-decoration : none;
  font-family     : 'Khand', sans-serif;
  overflow        : hidden;
  float           : left;
}
section#suscribitePortada a#btnCursosPortada {
  background   : url(imagenes/imgCursos.jpg) center center no-repeat;
  text-indent  : 999px;
  margin-right : 20px;
}
section#suscribitePortada a#btnMasVendidos {
  background-color : #D92727;
  font-size        : 48px;
  line-height      : 48px;
  padding-top      : 20px;
  height           : 120px;
}
section#suscribitePortada a#btnProdInfantozzi {
  background-color : #D92727;
  font-size        : 30px;
  line-height      : 50px;
  padding-top      : 20px;
  height           : 120px;
}
/********* Producto Ampliado **********/

#productoAmpliado {
  margin : 0 0 40px 0;
}
.breadcrumbs a {
  text-decoration : none;
  color           : #D92727;
}
.breadcrumbs a:hover {
  text-decoration : underline;
}
.breadcrumbs a, .breadcrumbs span {
  margin    : 0 10px 0 0;
  font-size : 12px;
}
.colSliderProdAmpliado, .colInfoProductoAmpliado {
  display  : block;
  float    : left;
  position : relative;
}
.colSliderProdAmpliado {
  width        : 460px;
  margin-right : 40px;
}
.colInfoProductoAmpliado {
  width : 500px;
}
#sliderProdAmpliado {
  overflow : inherit;
  z-index  : 0;
  width    : 460px;
  height   : 345px;
  margin   : 0 auto;
}
#colSliderProdAmpliado .slider-wrapper {
  display : block;
  width   : 460px;
  height  : 345px;
  padding : 0;
  margin  : 0 auto;
}
#colSliderProdAmpliado {
  display  : block;
  width    : 500px;
  margin   : 0 auto 0 -20px;
  height   : 360px;
  overflow : hidden;
}
.colInfoProductoAmpliado h2 {
  color : #D92727;
}
.colInfoProductoAmpliado h3 {
  margin-top : 20px;
}
.renglonCampos {
  display : block;
  margin  : 10px 0;
}
#agregarAlCarrito {
  display     : none;
  height      : 40px;
  line-height : 40px;
  padding     : 0;
  margin      : 20px 0 20px -9px;
}
.camposProdAmpliado label {
  display     : block;
  float       : left;
  width       : 160px;
  font-family : 'Khand', sans-serif;
  font-size   : 20px;
  line-height : 30px;
}
.camposProdAmpliado .sc {
  width   : 300px;
  float   : left;
  display : block;
}
.camposProdAmpliado label img {
  display      : block;
  float        : left;
  margin-right : 10px;
}
.contFiltro {
  display : block;
  float   : right;
  width   : 380px;
}
.contFiltro label {
  display     : block;
  float       : left;
  width       : 100px;
  font-family : 'Khand', sans-serif;
  font-size   : 20px;
  line-height : 30px;
}
.contFiltro .sc {
  width   : 260px;
  float   : right;
  display : block;
}
#agregarAlCarrito .contCantidad .titulo, #agregarAlCarrito .contCantidad .cantidad {
  display     : block;
  float       : left;
  height      : 40px;
  line-height : 40px;
}
#agregarAlCarrito .contCantidad a {
  display          : block;
  float            : left;
  width            : 20px;
  height           : 20px;
  border-radius    : 10px;
  background-color : #7F7F7F;
  color            : #FFF;
  text-decoration  : none;
  margin           : 8px 4px;
  line-height      : 14px;
  text-align       : center;
  border           : 1px solid #FFF;
  font-size        : 20px;
}
#agregarAlCarrito .contCantidad a:hover {
  background-color : #D92727;
}
#agregarAlCarrito .contCantidad .cantidad {
  font-size  : 20px;
  max-width  : 45px;
  padding    : 0px 5px;
  height     : 33px;
  text-align : center;
}
#agregarAlCarrito .contCantidad {
  background-color          : #DDD;
  border                    : 1px solid #DDD;
  color                     : #313131;
  float                     : left;
  padding                   : 0 0px 0 13px;
  border-top-left-radius    : 10px;
  border-bottom-left-radius : 10px;
}
#agregarAlCarrito .contCantidad .titulo {
  font-family : 'Khand', sans-serif;
  font-weight : 500;
  font-size   : 24px;
}
#agregarAlCarrito .precio {
  background-color : #7F7F7F;
  border           : 1px solid #7F7F7F;
  color            : #FFF;
  float            : left;
  padding          : 0 10px 0 10px;
  font-size        : 20px;
}
#agregarAlCarrito .btnRojo {
  float                     : left;
  border-top-left-radius    : 0;
  border-bottom-left-radius : 0;
}

/* Producto ampliado segundo form*/

#campoPresentacion,
#campoColores {
  background         : url("imagenes/arrow-down.png") no-repeat scroll right center #DDD;
  border             : 0px;
  width              : 100%;
  max-width          : 300px;
  height             : 30px;
  border-radius      : 5px;
  padding            : 0px 10px;
  font-family        : 'Dosis', Arial, helvetica, sans-serif;
  font-size          : 16px;
  -webkit-appearance : none;
}

/********* Carrito de compras **********/

.tablaCarrito {
  width           : 100%;
  margin          : 10px 0;
  border-spacing  : 0;
  border-collapse : separate;
  font-family     : 'Dosis', Arial, helvetica, sans-serif;
}
.tablaCarrito td.filaProducto {
  text-align : left;
}
.tablaCarrito td.filaProducto a {
  color       : #DA251D;
  margin-left : 10px;
}
.tablaCarrito td.filaProducto span {
  border-left  : 1px dotted #AAA;
  margin-left  : 10px;
  padding-left : 10px;
}
.tablaCarrito th {
  background     : #DA251D;
  color          : #FFF;
  font-family    : 'Khand', sans-serif;
  font-weight    : 500;
  text-align     : center;
  font-size      : 30px;
  font-weight    : normal;
  text-transform : uppercase;
  height         : 50px;
  line-height    : 50px;
  padding        : 2px;
}
.tablaCarrito td {
  text-align : center;
}
.tdCantidad input {
  border      : 1px dashed #4A4A4A;
  width       : 45px;
  height      : 35px;
  line-height : 35px;
  margin      : 0px;
  text-align  : center;
  color       : #4A4A4A;
  font-size   : 15px;
  font-family : 'Dosis', Arial, helvetica, sans-serif;
}
.tdCantidad a {
  display          : inline-block;
  width            : 20px;
  height           : 20px;
  border-radius    : 10px;
  background-color : #7F7F7F;
  color            : #FFF;
  text-decoration  : none;
  margin           : 0px;
  line-height      : 14px;
  text-align       : center;
  border           : 1px solid #FFF;
  font-size        : 20px;
}
.tdCantidad a:hover {
  background-color : #D92727;
}
.tablaCarrito td {
  height        : 40px;
  line-height   : 40px;
  border-bottom : 1px dashed #AAA;
  padding       : 2px;
}
.tablaCarrito tr:nth-child(2n) {
  background : #EEE;
}
.tablaCarrito tr.pieTabla {
  background  : #F0F0F0;
  font-family : 'Dosis', Arial, helvetica, sans-serif;
}
.alignRight {
  text-align : right;
}
.btnConfirmarPedido {
  float : right;
  width : auto;
}
#btn_vaciar {
  color           : #4A4A4A;
  font-size       : 15px;
  font-weight     : bold;
  text-decoration : none;
  margin-top      : 10px;
  transition      : 0.25s;
}
#btn_vaciar:hover {
  text-decoration : underline;
}
/******** FAQ *********/

.boxFAQ {
  display          : block;
  padding          : 10px;
  margin           : 0 0 20px 0;
  background-color : #DA251E;
  display          : none;
  color            : #FFF;
}
#seccionFAQ h4, #seccionFAQ h5 {
  font-family : 'Dosis', Arial, helvetica, sans-serif;
}
#seccionFAQ h4 {
  font-size     : 24px;
  font-weight   : normal;
  margin-bottom : 10px;
  margin-top    : 30px;
  cursor        : pointer;
}
#seccionFAQ h5 {
  font-size   : 20px;
  font-weight : normal;
  margin      : 10px 0;
}
/**** Filosofia ****/

#seccionFilosofia .flotaDe {
  margin-top : 30px;
}
/*------- FORMULARIO DE CONTACTO -------*/

#contacto_form_cont {
  display : block;
  width   : 480px;
  float   : left;
}
.contacto_field {
  width   : 90%;
  margin  : 15px 5%;
  display : block;
  clear   : both;
}
.formContacto label {
  vertical-align : top;
  width          : 28%;
  padding        : 0;
}
.formContacto input,
.formContacto label,
.formContacto textarea {
  display     : inline-block;
  height      : 30px;
  line-height : 30px;
  max-width   : 300px;
  padding     : 0 2%;
}
.formContacto input,
.formContacto textarea,
.formContacto select {
  width       : 60%;
  border      : 1px solid #AAA;
  font-family : "Dosis", Arial, helvetica, sans-serif;
  font-size   : 15px;
  font-weight : 400;
}
.formContacto select:focus,
.formContacto input:focus,
.formContacto textarea:focus {
  border-color : #C4161C;
}
.formContacto textarea {
  height    : 150px;
  font-size : 1em;
}
#btn_enviar_contacto {
  height       : 40px;
  line-height  : 40px;
  color        : #FFF;
  background   : #DA251D;
  font-family  : 'Khand', sans-serif;
  font-weight  : 500;
  font-size    : 24px;
  padding      : 0 20px;
  display      : block;
  cursor       : pointer;
  width        : 284px;
  float        : right;
  margin-right : 10px;
}
#btn_enviar_contacto:hover {
  background : #EC554E;
}
#contacto_ok {
  width      : 98%;
  text-align : center;
  padding    : 20px 0;
  margin     : 10px auto;
  border     : 1px solid #AAA;
  background : #D0D0D0;
}
.colDatosContacto {
  display : block;
  width   : 450px;
  float   : right;
}
.colDatosContacto p {
  font-size   : 15px;
  color       : #343434;
  margin      : 0 0 20px 0;
  line-height : 26px;
}
.colDatosContacto p img {
  float  : left;
  margin : 0 20px 10px 0;
}
.colDatosContacto a {
  font-size   : 15px;
  color       : #343434;
  line-height : 26px;
}
.colDatosContacto a:hover {
  text-decoration : none;
}
#carritoActualizado {
  display : none;
}
#cont_presentacion, #cont_color {
  display : none;
}
.compartirNoticia {
  display     : block;
  margin-top  : 20px;
  border-top  : 1px dotted #CCC;
  padding-top : 20px;
}
.lista_cont {
  display : none;
}
ul.listas {
  list-style : none;
  position   : relative;
}
.lista_cont {
  display          : none;
  float            : left;
  padding          : 10px 20px 20px 20px;
  width            : 580px;
  background-color : #FFF;
  border-left      : 1px solid #DA251D;
}
.lista_cont ul {
  /*list-style : inside;*/
}
.lista_cont_p {
  margin-bottom : 20px;
}
.lista_cont .btnRojo {
  float : left;
}
.lista_margin {
  margin-bottom : 35px;
}
.btnVerLista, .btnVerLista2 {
  display         : block;
  height          : 40px;
  line-height     : 40px;
  font-size       : 16px;
  padding         : 0 0 0 40px;
  float           : left;
  border-radius   : 6px;
  width           : 300px;
  text-decoration : none;
  color           : #DA251D;
  background      : url(imagenes/fondoListas.png) top left no-repeat;
  transition      : all .3s;
}
.btnVerLista:hover, .btnVerLista2:hover {
  color               : #FFF;
  background-color    : #DA251D;
  background-position : 10px bottom;
}
.btnVerLista.verActivo, .btnVerLista.verActivo {
  color                      : #FFF;
  background-color           : #DA251D;
  background-position        : -80px -80px;
  padding                    : 0 30px 0 10px;
  border-top-right-radius    : 0;
  border-bottom-right-radius : 0;
}
.contImgColegioAmpliado {
  display             : block;
  float               : right;
  margin              : 0 0 10px 20px;
  width               : 228px;
  height              : 160px;
  padding             : 0;
  background-size     : cover;
  background-position : center center;
}
/****** Como realizar su pedido ********/
.contPasos {
  margin : 40px 0;
}
.contPasos div {
  display          : block;
  float            : left;
  width            : 280px;
  padding          : 20px;
  margin-left      : 20px;
  background-color : #FFBEBE;
  position         : relative;
  color            : #3C3C3C;
  font-size        : 18px;
  line-height      : 24px;
  border-radius    : 20px;
  height           : 170px;
}
.contPasos div:first-child {
  margin-left : 0;
}
.contPasos div span {
  display          : block;
  position         : absolute;
  width            : 50px;
  height           : 50px;
  line-height      : 50px;
  border-radius    : 25px;
  color            : #FFF;
  background-color : #DA251E;
  text-align       : center;
  font-family      : 'Khand', sans-serif;
  font-weight      : 500;
  font-size        : 40px;
  top              : -30px;
  left             : 50%;
  margin-left      : -25px;
}
.contPasos div p {
  margin : 0;
}
#nlsuscribeok {
  display : none;
}
.sc_li.nohay {
  text-decoration : line-through;
  display         : none;
}
.fondogris {
  background-color : #888;
  padding          : 4px;
  color            : white;
}
.precio small {
  font-size : small;
}
.cont_lista {
  margin           : 40px 0;
  padding          : 10px;
  background-color : #F0F0F0;
  border-radius    : 4px
}
.cont_lista.lista0 h3 {
  display : none;
}
.lista_cont > ul > li {
  position      : relative;
  margin-bottom : 33px;
}
.listas_mark, .listas_cont_items {
  float : left;
}
.listas_mark {
  width : 5%;
}
.listas_cont_items {
  width : 75%;
}
.delLista {
  float : right;
}
.Zebra_DatePicker_Icon_Wrapper {
  width : 57%;
}
.Zebra_DatePicker_Icon_Wrapper > input[type=Text] {
  width : 80%
}
#formReset {
  display : none;
}
.with-updated-prices .items.priceUpdated1 a .precio {
  font-size : 30px;
}
.with-updated-prices .items.priceUpdated1 a .precio small {
  font-weight : bold;
}
/* Login header clientes */
.login_header {
  background-color : #ED2D3C;
  padding          : 10px 0;
  color            : #FFF;
  text-align       : center;
  margin-top       : -50px;
  transition       : .5s;
}
.login_header.opened {
  margin-top : 0;
  transition : .5s;
}
.login_header a {
  color           : #FFF;
  text-decoration : none;
  cursor          : pointer;
  z-index         : 999;
  position        : relative;
}
.login_header > a,
.login_header #formlogin > a {
  color           : #FFF;
  text-decoration : none;
  font-weight     : normal;
  transition      : 0.35s;
  margin-left     : 5px;
}
.login_header > a:hover,
.login_header #formlogin > a:hover {
  color : #505050;
}
#formlogin input {
  width         : 100%;
  max-width     : 200px;
  border-radius : 5px;
  border        : 0px;
  margin        : 0px 5px;
}
#formlogin #btnLogin {
  width     : 100%;
  max-width : 100px;
  margin    : 0px 10px 0px 5px;
}
#formlogin #btnLogin:hover {
  background-color : #575656;
  transition       : 0.35s;
  color            : #FFF;
}
#btnShowLoginClientes {
  display          : inline-block;
  background-color : #ED2D3C;
  width            : 100%;
  max-width        : 170px;
  font-size        : 18px;
  color            : #FFF;
  text-decoration  : none;
  text-align       : center;
  padding          : 0px 0px 10px 0px;
  border-radius    : 0px 0px 10px 10px;
  border-top       : 1px solid #ED2D3C;
  transition       : 0.35s;
}
#btnShowLoginClientes:hover {
  padding-left : 10px;
}

/* ---- CAROUSEL ------ */

.owl-nav {
  text-align : center;
  font-size  : 70px;
  position   : absolute;
  top        : 90px;
  width      : 100%;
}
.owl-next {
  position   : absolute;
  right      : -55px;
  transition : 0.25s;
  padding    : 10px !important;
}
.owl-prev {
  left       : -55px;
  position   : absolute;
  transition : 0.25s;
  padding    : 10px !important;
}
.owl-prev:hover,
.owl-next:hover {
  color : #ED2D39 !important;
}
.owl-dots {
  display : none !important;
}
select {
  background-color : #FFF;
}
option {
  background-color : #FFF;
  margin-bottom    : 3px;
  display          : block;
  font-family      : 'Dosis', Arial, helvetica, sans-serif;
  font-size        : 14px;
  color            : #333;

}
option.odd {
  background-color : #EEE;
}
#formColegiosPortada {
}
#formColegiosPortada label.cont_grados,
#btnPortadaAddCart, #formColegiosPortada label.cont_listas {
  display : none;
}

.cont_btn {
  margin-top : 25px;
  display    : block;
}
.chosen-container {
  text-align : left;
}
label.cont_grados {
  margin-top : 18px;
}

#btnPortadaAddCart:hover {
  background-color : #FFF;
  color            : #000;
}

.listasEscolaresPortada2 {
  width : 100%
}
.listasEscolaresPortada2 a {
  display : block;
  width   : 100%
}
.listasEscolaresPortada2 img {
  width : 100%;
}

.cupon_cont_form {
}
.cupon_cont_form #cupon_form {
}
.cupon_cont_form #cupon_form .btn {
  text-align : center;
}
.cupon_cont_form #cupon_form .cupon_result {
  display : none;
  opacity : 0;
}
#btn_validar_cupon,
#btn_continuar_cupon {
  height       : 40px;
  line-height  : 40px;
  color        : #FFF;
  background   : #DA251D;
  font-family  : 'Khand', sans-serif;
  font-weight  : 500;
  font-size    : 24px;
  padding      : 0 20px;
  display      : inline;
  cursor       : pointer;
  width        : 284px;
  margin-right : 10px;

}
#btn_continuar_cupon {
  margin : 40px 0;
}
.text-center {
  text-align : center;
}
.cupon_result {
  font-size   : 1.4em;
  font-weight : bold;
  padding     : 40px 0 40px 0;
}
.cont_cupon_codigo span,
.cupon_total span {
  color : red;
}
a.moderado {
}
a.administrador-dependientes {
}
a.administrador-pedidos-sin-moderar {
  font-weight : bold;
  color       : #FFF !important;
  cursor      : pointer;
}
.mid-html,
.mid-colegios,
.mid-carrito,
.mid-contacto,
.mid-dependientes,
.mid-encuesta,
.mid-noticias,
.mid-productos {
  margin-top : 30px!important;
}
.mt-3{
  margin-top:1em;
}
#productosDestacadosPortadaArtistas{
  background-image: url(/sitio/imagenes/Infantozzi_Materiales_PINCELADA.jpg);
  width: 100%;
  background-position: center;
}

nav#navProductos ul li.categoria4{
  background-color:#ccc;
}

#nlemail {
  display: block;
  height: 40px;
  line-height: 40px;
  font-family: 'Dosis', Arial, helvetica, sans-serif;
  font-size: 12px;
  background: #DDD;
  border: none;
  width: 357px;
  padding: 0 10px;
  border-radius: 10px 0 0 10px;
  color: #4A4A4A;
  margin: 10px 0 0 0;
  text-align:right;
  float:left;
}
#btnSuscribe {
    background: url("imagenes/icoPieMail.png") no-repeat scroll 10px 8px #DDD;
    border: medium none;
    border-radius: 0 10px 10px 0;
    color: #4A4A4A;
    display: block;
    float: left;
    text-indent: 9999px;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    width: 40px;
    margin-top: 10px;
    cursor: pointer;
  }
/*---- aspectRatios ----*/
.aspectRatio43,
.aspectRatio1,
.aspectRatio169,
.aspectRatio168,
.aspectRatio167,
.aspectRatio166,
.aspectRatio165,
.aspectRatio164 {
  position : relative;
}
:is(
  .aspectRatio43,
   .aspectRatio1,
   .aspectRatio169,
   .aspectRatio168,
   .aspectRatio167,
   .aspectRatio166,
   .aspectRatio165,
   .aspectRatio164):before {
  display : block;
  content : " ";
  width   : 100%;

}
.aspectRatio1:before {
  padding-top : 100%;
}
.aspectRatio43:before {
  padding-top : calc((3 / 4) * 100%);
  /*padding-top : 75%;*/
}
.aspectRatio169:before {
  padding-top : calc((9 / 16) * 100%);
}
.aspectRatio168:before {
  padding-top : calc((8 / 16) * 100%);
}
.aspectRatio167:before {
  padding-top : calc((7 / 16) * 100%);
}
.aspectRatio166:before {
  padding-top : calc((6 / 16) * 100%);
}
.aspectRatio165:before {
  padding-top : calc((5 / 16) * 100%);

}
.aspectRatio164:before {
  padding-top : calc((4 / 16) * 100%);
}
.backCover {
  background-position : center;
  background-size     : cover;
  background-repeat   : no-repeat;
}
.w-100 {
  width : 100%!important;
}
.w-50 {
  width : 50%!important;
}
.d-block {
  display : block !important;
}
.mw-unset {
  max-width : unset !important;
}
.p-3 {
  padding : 2rem
}
.mb-3 {
  margin-bottom : 1rem;
}
.cont-form-login, .cont-form-login * {
  box-sizing : border-box;
}
.h-100 {
  height : 100%!important;
}
.vertical-middle {
  vertical-align : middle;
}
.border{
  border:1px solid #ccc!important;
}
.text-center{
  text-align:center!important;
}
.logoInfantozzi{
  width:21em;
}
.cont-login, .cont-login * {
  box-sizing: border-box;
}
.cont-login #contacto_form_cont {
  display: block;
  width: 100%!important;
  float: none!important;
}