@font-face { font-family:Humnst777bold; src:url(Humnst777bold.TTF);}
@font-face { font-family:Humnst777; src:url(Humnst777.TTF);}
@charset "utf-8";
/* CSS Document */
* {box-sizing: border-box;}
html, body{width:100%; height:100%; font-size:100%; padding:0; margin:0;}
.clr{clear:both}
.fila:after, .fila:before{content:""; clear:both; display:table;}
.contenedor{width:100%; max-width:1120px; position:relative; margin:0 auto; padding:0 10px;}
[class*="col"] {float: left; padding:0 5px;}
.col12{width:100%}.col11{width:91.66666667%}.col10{width:83.33333333%}.col9{width:75%}.col8{width:66.66666667%}.col7{width:58.33333333%}.col6{width:50%}.col5{width:41.66666667%}.col4{width:33.33333333%}.col3{width:25%}.col2{width:16.66666667%}.col1{width:8.33333333%}
a{text-decoration:none;}
p, ul li, form, textarea, .fono{font-size:15px; line-height:26px; font-family:'Humnst777', sans-serif;}
h1, h2, h3, h4, h5, h6{font-weight: lighter; margin:0; font-family:'Humnst777bold', sans-serif;}section, footer{padding:40px 0;}
h1{font-size:30px;}h2{font-size:36px;} h3{font-size:26px;}h4{font-size:22px;}h5{font-size:20px;}h6{font-size:18px;}
.contenedor, .contentop{position:relative;width:100%;margin:auto;height:auto;}
.contentop{max-width:1120px;}
.text-der{text-align:right;}
.headtop .logo{width:174px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; float:left;}
.headtop2 .logo{width:100px;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.headtop nav{-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; margin-top:55px;}
.headtop2 nav{-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; margin-top:0px;}
.cabder{float:right;}
.menu_bar{display:none}
header nav ul{list-style:none; text-align:center;} 
header nav ul li {display:inline-block;position: relative; padding:12px 0;} 
header nav ul li:hover {background:rgba(0, 161, 241, 0.33);} 
header nav ul li a {text-decoration:none;padding:0px 18px; color:#000; font-size:17px;} 
header nav ul li a span {margin-right:10px;} 
header nav ul li:hover .children {display:block;}
header nav ul li .children{display: none;background:#00afef;position:absolute; width:165%; text-align:left; margin-top:10px;}
header nav ul li .children li {display:block;overflow: hidden;border-top: 1px solid rgba(255,255,255,.5); padding:0px 0;}
header nav ul li .children li a{display: block;  padding:4px 15px; font-size: 15px; color:#fff;} 
header nav ul li .children li a:hover{background-color:#2d6fab; color:#fff;}
.sep{padding:70px 0; background-image: url(image/fdo-nser.jpg); background-position:center; background-size:cover;}
.etiquetas, .cajas, .libros, .papeleria, .diseno, .acabados{margin-top:0px;}

.headtop{background: rgba(40, 170, 230, 0.5); position: fixed; z-index: 2; width: 100%; padding: 10px 0;}
.headtop2 {position: fixed; background: rgba(40, 170, 230, 1);}
.nueserv{position:relative; padding:20px 0; background-image:url(image/fdo-nser.jpg); background-position:center; background-size:cover; background-repeat:no-repeat;}
.fdovideo{display:none;}
.nser{float:right;}
.cotaho{width:340px;}
.nueserv h2{margin-top:10px;}
.nueserv h2, .nofic h2, .sonos h2{font-size:46px; line-height:52px;}
.servihome h2 span{font-weight:600;}
.cdoser{text-align:center; padding:0; margin:15px 10px;border: 1px solid #fff;height:auto;}
.cdoser img:hover{opacity:.8;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.3s; transition:all 0.5s;}
.cotizar{position:absolute; left: 0; top: 230px; z-index: 3;}
.cotizar img{width:50px; border:1px solid #fff;}
.sonos h2{color:#0098DA}
.sonos span{font-weight:600;}
.texnos{padding-left:30px;}
.texnos p{margin-top:0; text-align:justify; font-family:'Humnst777bold', sans-serif;}
.nofic p{font-family:'Humnst777bold', sans-serif; font-size:17px;}
.nofic .ampli{width:36%;}
.nucli{background-image:url(image/fdo-clientes.jpg); background-position:center; background-size:100%; text-align:center; color:#fff;}
.nclie{padding:0px; margin:60px 0 10px;}
footer{background:url(image/fdo-footer.jpg) center no-repeat; background-size:cover;}
footer h4{margin:10px 0 0; text-transform:uppercase;}
footer p{color:#fff;}
footer label{display:none;}
footer input, footer textarea{width:80%; margin: 0 0 0px; border-radius:5px; border:1px solid #ccc; padding: 10px 7px;}
footer #submit{width:20%; cursor:pointer;}
footer #submit:hover{background-color:#ccc;}
hr{border:#333 .5px solid;}
.redes a{display:inline-block;}
.redes img{ height:30px; margin-left:10px; width:auto;}
.text-der .caz a{ color:#2d6fab;}

.offset, .diseno{background-color:#00AFEF; color:#fff;}
.diseno, .acabados{padding:5px 0;}
.cyan{padding:15px 25px 1px;}
.cyan h5, .cyan p, .lila h5, .lila p{text-align:right; color:#fff;}
.dypp{background-color:#FDBE2D;}
.aypp{background-color:#B8336E; color:#fff;}
.offset, .dypp, .aypp{margin:10px 0 0; font-size:0;}
.offset h5, .dypp h5, .aypp h5{ text-transform:uppercase; font-size:26px;}
.offset .col7, .dypp .col7, .aypp .col7{padding:0;}
.dypp .col4{position:absolute; margin-top: 3%;}
.offset .col4, .aypp .col4{position:inherit; margin:2% 0 0 15px; text-align:right;}
.yellow{padding:10px 25px 5px;}
.lila{padding:10px 25px 5px}

.servi h5{text-align:center; font-size:19px;}
.sercyan{background-color:#00AFEF; color:#fff; padding:20px 18px 10px;}
.serca{padding:20px 18px 10px;}
.sercyan p, .serca p{line-height:20px;}
.servimages{padding: 20px 0; position: relative; display: flex; align-items: center;}
.cajas, .papeleria{background-color:#d7d3ae; padding:5px 0;}
.acabados{background-color:#d7d3ae; margin:30px 0;}
.contacto h4{color:#00afef; margin:30px 0 15px; font-size:28px;}
.contacto form{padding:25px 35px; background-color:rgba(40, 170, 230, 0.3); margin-left:3%;}
.contacto form p{font-size:13px;}
.contacto label{display:none;}
.contacto input, .contacto textarea{width:98%; margin: 0 0 0px; border-radius: 5px;
    border:1px solid #ccc; padding:10px 7px;}
.contacto #submit{width:20%; cursor:pointer; background-color:#00afef; color:#fff;}
.contacto #submit:hover{background-color:#ccc;}
.logos{background:url(image/fdo-nser.jpg) center no-repeat; background-size:contain; background-repeat: repeat-x;}
.contacto a.fono{font-size:45px; font-weight:bold; margin-top:15px; display:block;color: #3ea5db;}
/*-- scroll --*/
:root {
  --color-1: forestgreen;
  --color-2: lightskyblue;
  --color-3: darksalmon;
  --color-4: palegoldenrod;
  --color-5: mediumvioletred;
}
.foo {min-height:30vh; margin-bottom:10px;}
/* apply colors */
.foo-1 {background-color: var(--color-1);}
.foo-2 {}
.foo-3 {background-color: var(--color-3);}
.foo-4 {}
.foo-5 {background-color: var(--color-5);}
/*-- fin scroll --*/
.servi h1{font-size:46px; line-height:44px; margin:20px 0 0;}
.servi h1 span{font-weight:600;}
.fdo2{ background:url(image/fdo-nser.jpg) center no-repeat; background-size:cover; padding:45px 0;}
.empuno, .librev{background-color:#fff; padding:20px 25px;}
.cdoservicio{padding:5px 20px 10px; display:inline-block; margin-left:-25px}
.empuno .cdoservicio{background-color:#D2AC35;}
.librev .cdoservicio{background-color:#782f54;}
.librev p{font-size:26px; line-height:38px; margin:70px 40px 0 0;}
.cdoservicio h2{color:#fff; font-size:36px;}
.empuno p{margin:90px 0 30px; margin-right:120px;}
.cian{ background-color:rgb(0,175,239,0.7);}
.empaq{padding:32px 0 0px;}
.empaq, .empuno{min-height:560px;}
.librev, .librev2{min-height:620px;}
.empaq img{width:720px;  margin:35px 0 0 -280px;}
.librev2 img{width:650px;  margin:35px 0 0 -80px;}
.empaq2, .librev2, .librev3{padding:15px 35px;}
.empaq2 p{color:#fff; font-size:30px; line-height:38px;}
.empaq2 h4{font-size:40px;background-color:#D2AC35; display:inline-block; padding:2px 20px; margin:0 0 10px -35px;}
.empaq2 .caimg{width:440px; position:absolute; margin-left:30px;}
.librev3 .caimg{width:440px; position:absolute; margin-left:30px;}
.empaq2 .caimg2{width:590px; margin-top:25px; margin-left:20px; position:absolute;}
.librev3 .caimg2{width:480px; margin-top:20px; margin-left:0px; position:absolute;}
.librev3 .caimg3{width:620px; margin-top:340px; margin-left:0px; position:absolute;}
.guinda{background-color:#782F54;} .azul{ background-color:#32366C;}
.guinda, .azul{text-align:right;padding:55px 40px 100px;}
.guinda .torbe, .azul .torbe{width:390px; margin-right:25px; float:right;}
.guinda p{color:#fff; font-size:30px; line-height:38px; margin:70px 0 0 230px;}
.azul h4{color:#fff; margin:80px 0 0 190px;}
.empaq4 .torbe2{width:390px; margin-right:25px; float:right;}
.librev4 .torbe2{width:420px; margin-right:25px; float:right;}
.librev4 h4{color:#fff; margin:30px 0 0 160px;}
.ari, .empaq3{min-height:833px;}
.ari{background-color:#D2AC35; padding:35px 25px 20px; position:relative;}
.librev5 .ari p{margin-right:20px; display:inline-block ;font-size:25px; line-height:34px; color:#fff;}
.ari p{margin-right:130px; display:inline-block ;font-size:30px; line-height:38px;}
.aaa{width:350px; margin:0 auto;}
.bbb{width:580px; margin-left:40px; margin-top:-60px; position:absolute;}
.empaq3{padding:35px 30px 20px; text-align:right;}
.ccc{width:520px;} .ddd{width:250px; margin-left:30px;}
.ccc, .ddd, .ddd2, .eee{display:inline-block; vertical-align:top;}
.eee{width:350px; margin:40px auto 30px;}
.eee h4{position:absolute; font-size:40px;background-color:#D2AC35; display:inline-block; padding:2px 20px; right:0;}
.aaa2{width:500px;} .ddd2{width:312px; margin-left:30px;}
.librev5 .ddd2{width:520px; margin-left:30px;}
.librev5 .bbb{width:640px; margin-left:30px; margin-top:100px; position:absolute;}
.cabder nav ul{/*background-color:#00afef;*/ margin:0; padding:0;}
@media screen and (max-width:820px){
.headtop .logo {float: none;}
.cabder nav{width:99.9%;height:100%;margin:70px 0 0;position:fixed;left:-100%;overflow:auto;color:#fff;}
.menu_bar{display:block;width:100%; margin-top:-60px;}
.menu_bar .bt-menu{padding:10px;position:fixed; right:5%;}
.cabder nav ul li{display:block;float:none;border-bottom:1px solid rgba(255,255,255,.3);text-align:center}

.menu_bar .bt-menu{display:block; padding:12px 20px 0;color: #fff;overflow: hidden;font-size:25px;font-weight: bold;text-decoration: none;}
header nav {width: 80%;	height: calc(100% - 80px);	position: fixed;right:100%;	margin-top:15px;overflow: scroll;}
header nav ul li {display: block;border-bottom:1px solid rgba(255,255,255,.5);}
header nav ul li a {display: block;}
header nav ul li:hover .children {display: none;}
header nav ul li .children {width: 100%;position: relative; margin-bottom:-14px;}
header nav ul li .children li a {padding:10px 13% 10px 0; margin-right:0;}
}
@media screen and (max-width:460px){.col12,.col11,.col10,.col9,.col8,.col7,.col6,.col5,.col4,.col3,.col2,.col1{width:100%}
.cabder nav ul{background-color:#00afef;}
header nav ul li .children li a {padding:10px 0 10px 0;}
video{display:none;}
.fdovideo{display:block;}
.cdoser{height:auto;} .sonos .col3{text-align:center;}
.texnos{padding-left:10px; padding-right:10px;}
.dypp .col4 {position: inherit;}
.nofic .ampli{width:98%;}
.text-der {text-align: center;}
}