@font-face {
    font-family: 'Futuracondensed_medium';
    src: url('../fonts/futura-condensedmedium-webfont.woff2') format('woff2'),
      	 url('../fonts/futura-condensedmedium-webfont.ttf') format('truetype'),
         url('../fonts/futura-condensedmedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futuracondensed_extrabold';
    src: url('../fonts/futura-condensedextrabold-webfont.woff2') format('woff2'),
         url('../fonts/futura-condensedextrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-light';
    src: url('../fonts/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-light-webfont.woff') format('woff'),
         url('../fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-regular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
section{overflow: auto;}
/* INDEX */
#index .cabecera{padding: 75px 0;background-image: url('../img/index/cabecera-slide-index-web-papeleria.jpg'); background-size: cover; background-repeat: no-repeat;overflow: auto;margin-top: 75px;}
#index .cabecera h2{padding: 10px 25px;letter-spacing:1px;font-size: 1.1em;font-family: 'Futuracondensed_medium',Arial,sans-serif;float:left; background-color: #fa5635; color:#fff;font-weight: 100;}
#index .cabecera h2 strong{margin-left:5px;font-weight: bold;font-family: 'Montserrat-regular',Arial,sans-serif;}
#index .cabecera h2 small{color:#fff;}
#index .cabecera h1{padding:40px;font-size: 1.8em;line-height: 1.2;letter-spacing: 7px;font-weight: 100;text-transform:uppercase;clear:both;background-color: #fff; color:#0f142b; font-family: 'Futuracondensed_medium',Arial,sans-serif  }
#index .cabecera h1 small{color:#fa5635; font-size:0.6em;display: block;letter-spacing: 1px;margin-top: 13px;}


#index .intro-seccion h2{margin-top: 50px;margin-bottom: 30px;font-family: 'Futuracondensed_medium',Arial,sans-serif; text-transform: uppercase;letter-spacing:2px;}
#index .intro-seccion p{color:#747373;margin-bottom:20px;}

#index .destacados-seccion{margin-top:50px;background-color: #f6f6f6; clear: both;overflow: auto;}
#index .destacados-seccion > div {display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;min-width:100%;flex-direction:column;-webkit-flex-direction:column;}
#index .destacados-seccion > div > div{width:100%;  float:left; display:inline-block;padding: 25px 57px;align-self: center;-webkit-align-self: center;position: relative;}
#index .destacados-seccion > div p{margin-bottom:0;font-family: 'Futuracondensed_medium',Arial,sans-serif;color:#6b6867;letter-spacing: 1px;font-size: 1.3em;}
#index .destacados-seccion > div > div:after{border-right:none;position: absolute;height: 3px;right: 0;content: '';border-bottom: 1px dashed #ab9978;bottom: 0;width: 100%;}
#index .destacados-seccion > div > div:last-child:after{border-bottom:none;}
#index .destacados-seccion.border > div > div:last-child:after{border-bottom: 1px dashed #ab9978;}


/* PRODUCTO */
#producto{}
#producto .cabecera{background-image: url('../img/productos/cabecera-slide-productos-web-papeleria.jpg'); background-size: cover; background-repeat: no-repeat;    margin-top: 74px;padding: 100px 0;}
#producto .cabecera h2{letter-spacing:1px;font-size: 1.1em;margin-bottom: 25px;font-family: 'Futuracondensed_medium',Arial,sans-serif;float:left;font-weight: 100;margin-top:0;text-transform: uppercase;}
#producto .cabecera p{font-family: 'Futuracondensed_medium',Arial,sans-serif;font-size: 1.2em;letter-spacing: 2px;margin-bottom: 0;}
#producto .cabecera p strong{margin-left:5px;font-weight: bold;font-family: 'Montserrat-regular',Arial,sans-serif;}
#producto .cabecera p small{color:#fff;}
#producto .cabecera h1{margin-top:0;line-height: 1.2;letter-spacing: 7px;font-weight: 100;text-transform:uppercase;clear:both; color:#333; font-family: 'Futuracondensed_medium',Arial,sans-serif;font-size: 2em;  }
#producto .cabecera h1 small{color:#fa5635; font-size:0.6em;display: block;letter-spacing: 1px;margin-top: 13px;}

#producto .cabecera .precio{clear: both;width: 100%;text-align: center;color: #fff;padding: 10px 25px;}

#producto .cabecera .contenedor-cabecera{padding: 25px;background-color: #fff;text-align: left;min-width:318px;}
#producto .cabecera > div{margin-left:auto; margin-right:auto;min-width: 318px;float:none;padding:0;}
#producto .cabecera .contenedor-cabecera div.ver{cursor:pointer;font-family: 'Montserrat-regular',Arial,sans-serif;letter-spacing:1px;clear: both;width: 100%;text-align: center;margin-bottom:15px;padding: 10px 25px;background-color: #353535; transition:0.6s;}
#producto .cabecera .contenedor-cabecera div.ver:hover{opacity:0.6; transition:0.6s;}
#producto .cabecera .contenedor-cabecera div.ver a{color:#fff; text-decoration:none; text-transform:uppercase;width:100%; display: inline-block;}
#producto .cabecera .contenedor-cabecera > small{padding-top: 15px;display: inline-block;color: #828282;font-size: 10px;}

#producto .intro-seccion {padding:50px 0;}
#producto .intro-seccion h2{margin-top:0px;font-family: 'Futuracondensed_medium',Arial,sans-serif; text-transform: uppercase;letter-spacing:2px;font-size:2.6em;}
#producto .intro-seccion h3{line-height: 1.4;font-family: 'Futuracondensed_medium',Arial,sans-serif;font-size: 1em;letter-spacing: 5px;color:#ab9978;margin-top:0;text-transform: uppercase;}
#producto .intro-seccion p{color:#747373;}

#producto .destacados-seccion{background-color: #f6f6f6; clear: both;overflow: auto;}
#producto .destacados-seccion > div {display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;min-width:100%;flex-direction:column;-webkit-flex-direction:column;}
#producto .destacados-seccion > div > div{width:100%; float:left; display:inline-block;padding: 25px 35px;align-self: center;-webkit-align-self: center;position: relative;}
#producto .destacados-seccion > div p{margin-bottom:0;font-family: 'Futuracondensed_medium',Arial,sans-serif;color:#6b6867;letter-spacing: 1px;font-size: 1.3em;}
#producto .destacados-seccion > div p strong{font-family: 'Futuracondensed_extrabold',Arial,sans-serif;}
#producto .destacados-seccion > div > div:after{border-right:none;position: absolute;height: 3px;right: 0;content: '';border-bottom: 1px dashed #ab9978;bottom: 0;width: 100%;}
#producto .destacados-seccion > div > div:last-child:after{border-bottom:none;}
#producto .destacados-seccion.border > div > div:last-child:after{border-bottom: 1px dashed #ab9978;}
#producto .destacados-seccion small{display: block;font-size: 0.6em;margin-top: 15px;}

#producto #consultanos > div > div div{opacity:0;}


/* PRODUCTO: CUADERNOS */
#producto .cabecera.cabecera-cuadernos{background-image: url('../img/productos/cuadernos-cabecera-web-papeleria.jpg'); }
#producto .cabecera.cabecera-cuadernos h2{color: #676767;}
#producto .cabecera.cabecera-cuadernos .precio{background-color: #ab9978;}

#producto #consultanos.cuadernos .uno{background-image: url('../img/productos/cuadernos-destacado-web-papeleria-1.jpg');}
#producto #consultanos.cuadernos .dos{background-image: url('../img/productos/cuadernos-destacado-web-papeleria-2.jpg');}
#producto #consultanos.cuadernos .tres{background-image: url('../img/productos/cuadernos-destacado-web-papeleria-3.jpg');}

/* PRODUCTO: AGENDA */
#producto .cabecera.cabecera-agenda{background-image: url('../img/productos/agendas-cabecera-web-papeleria.jpg'); }
#producto .cabecera.cabecera-agenda h2{color: #676767;}
#producto .cabecera.cabecera-agenda .precio{background-color: #0f142b;}

#producto #consultanos.agenda .uno{background-image: url('../img/productos/agendas-destacado-web-papeleria-1.jpg');}
#producto #consultanos.agenda .dos{background-image: url('../img/productos/agendas-destacado-web-papeleria-2.jpg');}
#producto #consultanos.agenda .tres{background-image: url('../img/productos/agendas-destacado-web-papeleria-3.jpg');}

/* PRODUCTO: CALENDARIO */
#producto .cabecera.cabecera-calendario{background-image: url('../img/productos/calendarios-cabecera-web-papeleria.jpg'); }
#producto .cabecera.cabecera-calendario h2{color: #676767;}
#producto .cabecera.cabecera-calendario .precio{background-color: #fa5635;}

#producto #consultanos.calendario .uno{background-image: url('../img/productos/calendarios-destacado-web-papeleria-1.jpg');}
#producto #consultanos.calendario .dos{background-image: url('../img/productos/calendarios-destacado-web-papeleria-2.jpg');}
#producto #consultanos.calendario .tres{background-image: url('../img/productos/calendarios-destacado-web-papeleria-3.jpg');}

/* CONTACTO */
#producto .cabecera.cabecera-contacto{background-image: url('../img/productos/contacto-cabecera-web-papeleria.jpg');}
#producto .cabecera.cabecera-contacto h2{color: #676767;margin-bottom:100px;}
#producto .cabecera.cabecera-contacto .telefono{margin-bottom: 15px;clear: both;width: 100%;text-align: left;color: #fff;padding: 10px 35px;background-color: #fa5635;font-weight: bold}
#producto .cabecera.cabecera-contacto .telefono p{font-family: 'Futuracondensed_extrabold',Arial,sans-serif;}
#producto .cabecera.cabecera-contacto .telefono p a{color:#fff; text-decoration: none}
#producto .cabecera.cabecera-contacto .email{clear: both;width: 100%;text-align: left;color: #fff;padding: 10px 35px;background-color: #0f142b;margin-bottom:30px;}
#producto .cabecera.cabecera-contacto .email a{color:#fff; text-decoration: none;font-family: 'Futuracondensed_medium',Arial,sans-serif;letter-spacing: 1px;font-size: 1.5em;}

#producto .destacados-seccion-contacto > div >div{width:auto;}

#producto #consultanos.contacto h2{margin-bottom:50px;}

@media (min-width: 480px){
	
}
@media (min-width: 768px){
	#index .cabecera{padding:150px 0;margin-top: 70px;}
	#index .cabecera h2{padding: 14px 32px; font-size:1.9em;}
	#index .cabecera h1{padding:45px 50px;font-size:2.6em;line-height: 1.3}

    #index .intro-seccion {padding:50px 0;}
	#index .intro-seccion h2{margin-bottom: 35px; margin-top:0;}
    #index .intro-seccion p{margin-bottom: 10px}

	#index .consultanos > div > div > div{max-width: 240px;margin-left: auto;margin-right: auto;}
	#index .consultanos h2{min-width:540px;margin-bottom: 60px;}


    
    #index .destacados-seccion > div{flex-direction: row;-webkit-flex-direction: row;}
    #index .destacados-seccion > div > div{width:25%;}
    #index .destacados-seccion > div > div:after{position: absolute;height: 70%;right: 0;content: '';border-right: 1px dashed #ab9978;top: 5%;margin-top: 5%;border-bottom:none;}
    #index .destacados-seccion > div > div:last-child:after{border-right:none;}
    #index .destacados-seccion.border > div > div:last-child:after{border-bottom: none;}

	#producto .cabecera{margin-top: 55px;padding:50px 0;background-position-y: 46%;}
    #producto .cabecera > div{margin-left:50%;margin-right:0;padding:0 15px;}
	#producto .cabecera .contenedor-cabecera{max-width:340px;}
	#producto .cabecera h2{margin-bottom: 130px;}

	#producto .intro-seccion h2{margin-bottom: 13px;}

    #producto .destacados-seccion{margin-bottom:10px;}
    #producto .destacados-seccion > div{flex-direction: row;justify-content:center;-webkit-flex-direction: row;-webkit-justify-content:center;}
    #producto .destacados-seccion > div > div{width:25%;}
    #producto .destacados-seccion > div > div:after{position: absolute;height: 73%;right: 0;content: '';border-right: 1px dashed #ab9978;top: 0;margin-top: 5%;border-bottom:none;}
    #producto .destacados-seccion > div > div:last-child:after{border-right:none;}
    #producto .destacados-seccion.border > div > div:last-child:after{border-bottom: none;}
}
@media (min-width: 1024px){
    #producto .cabecera{padding: 160px 0;}
    #index .destacados-seccion > div{min-width: auto}
	#index .destacados-seccion > div,#index .consultanos > div{max-width:1170px;margin: 0 auto;}

    #producto .destacados-seccion > div{min-width: auto}
}

#header .container > div{display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;padding-top: 6px;}
#header .container > div .navbar-collapse{width: 0px;border-top:none;opacity:0;}
#header .container > div .navbar-collapse > ul{width: 100%;display: flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;justify-content: space-around;-webkit-justify-content: space-around;flex-direction: column;-webkit-flex-direction: column;}
#header .container > div .navbar-collapse.in{width:200px;right: 0;top: 51px;position: absolute;transition:0.2s;opacity:1;}
#header .container > div .navbar-collapse.in > ul{}
#header .container .navbar-header{padding: 0 ;    width: 100%;}
#header .container .navbar-header.navbar-brand a{padding:0;}
#header .container .navbar-brand{padding: 0 15px;    margin-top: 3px;}
#header .container .navbar-brand img{max-width:167px;}

@media (min-width: 768px){
#header .container > div{padding-top:0;}
#header .container .navbar-header{padding: 0 60px 0 0px;width:auto;}
#header .container .navbar-brand{padding:10px 0; height:auto;    margin-top: 0px;}


#header .container > div .navbar-collapse{width:100%;}
#header .container > div .navbar-collapse > ul{flex-direction: row;-webkit-flex-direction: row;}
}

#header .navbar.navbar-inverse{background-color: #f6f6f6; border-color: #f6f6f6;height: 75px;}
#header .navbar{box-shadow: 0 2px 7px -2px #808080;}
#header .navbar ul.nav li{height: 75px;display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;flex-grow: 1;-webkit-flex-grow: 1; text-align: center;transition:0.6s;}
#header .navbar ul.nav li a{font-family: 'Futuracondensed_medium',Arial,sans-serif;text-transform:uppercase; letter-spacing:4px;align-self:center;-webkit-align-self:center;width: 100%;color: #fff;}
#header .navbar ul.nav li:hover{opacity:0.6;transition:0.6s;}
#header .navbar ul.nav li.menu-agendas{background-color: #0f142b}
#header .navbar ul.nav li.menu-calendarios{background-color: #fa5635}
#header .navbar ul.nav li.menu-cuadernos{background-color: #ab9978}
#header .navbar ul.nav li.menu-contacto{background-color: #f6f6f6}
#header .navbar ul.nav li.menu-contacto a{color:#7e7e7e;}
#header .navbar .navbar-toggle{margin-top: 12px;}
#header .navbar .navbar-toggle .icon-bar{background-color:#333;}

#consultanos{padding:50px 0 0;}
#consultanos h2{margin-top:0;font-family: 'Futuracondensed_medium',Arial,sans-serif;width: 90%;margin-left: auto;margin-right: auto;padding: 12px 10px 9px;background-color: #fa5635;color: #fff;text-transform: uppercase;font-size: 1.7em;letter-spacing: 2px;    margin-bottom: 50px;}
#consultanos h2 a{color:#fff; text-decoration: none;}
#consultanos > div{display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;min-width: 100%;padding: 0;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
#consultanos > div > div{padding:85px 63px; width:100%; background-size: cover;}
#consultanos > div > div > div{padding:10px; color:#fff;}

#consultanos > div h3{font-family: 'Futuracondensed_medium',Arial,sans-serif;letter-spacing: 3px;text-transform: uppercase;margin: 8px 0 4px;}
#consultanos > div p{font-family: 'Montserrat-regular',Arial,sans-serif;font-size: 1.2em;letter-spacing: 2px;font-weight: 100;margin-bottom: 5px;}
#consultanos > div hr{padding:0 40px; border-color: #fff;display: inline-block; margin-top:10px; margin-bottom:10px;}

#consultanos > div > div.agendas-index{background-image: url('../img/index/index-destacado-web-papeleria-1.jpg');}
#consultanos > div > div.calendarios-index{background-image: url('../img/index/index-destacado-web-papeleria-2.jpg');}
#consultanos > div > div.cuadernos-index{background-image: url('../img/index/index-destacado-web-papeleria-3.jpg');}

#consultanos > div > div.agendas-index div{background-color: #0f142b}
#consultanos > div > div.calendarios-index div{background-color: #fa5635}
#consultanos > div > div.cuadernos-index div{background-color: #ab9978}

@media (min-width: 768px){
    #header .navbar{box-shadow: none}
    #header .container > div .navbar-collapse{opacity:1;}
    #consultanos h2{width:45%;}
    #consultanos > div > div{width:32.4%;}
}
@media (min-width: 1024px){
    #consultanos > div{min-width: 0; padding: 0 15px;padding:50px 0;}
    #consultanos h2{margin-bottom:0;}
}

#footer{background-color: #222328; padding:15px 0;}
#footer p{color: #fcfcfc;text-transform: uppercase;font-family: 'Futuracondensed_medium',Arial,sans-serif;letter-spacing: 3px;font-size: 1.3em;padding-top: 15px;}
#footer a{color:#fcfcfc;}
#footer a:hover{text-decoration: underline;}
#footer img{max-width: 125px;margin-top: 6px;}

@media (min-width: 768px){
#footer img{margin-left: -15px;}
}