* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
    /*-webkit-text-stroke-width: .05px;*/
	/*-webkit-text-stroke-color: white;*/
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale;
	text-rendering: optimizeLegibility;
	margin: 0;
	padding: 0;
	list-style: none;
    outline: none;
    text-decoration: none;	
} 
body {
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
}
footer {
    background-color: #17211c;
    height: 245px;
    margin: 0 auto;
    width: 100%
}
ul, ol{
	list-style-type: none;
}
table {
    border-spacing: 0;
}
a {
	text-decoration: none;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
/*    font-family: 'Sarabun', sans-serif;*/
}.cintillo {
    height: 30px;
    width: 100%;
    background-color: #fff;
    box-shadow: 2px 12px 9px -10px rgba(0,0,0,0.47);
-webkit-box-shadow: 2px 12px 9px -10px rgba(0,0,0,0.47);
-moz-box-shadow: 2px 12px 9px -10px rgba(0,0,0,0.47);
    vertical-align: middle
}
.sector_izquierdo {
    font-size: 14px;
    color: #333;
    line-height: 29px;
    text-align: left;
    vertical-align: middle;
    padding-left: 1%;
    width: 49%;
    display: inline-block;
}
.sector_izquierdo a {
    text-decoration: none;
    cursor: pointer;
    color: #3f3f3f;
    font-weight: 700
}
.sector_derecho {
    font-size: 14px;
    color: #333;
    line-height: 29px;
    text-align: right;
    vertical-align: middle;
    padding-right: 1%;
    width: 50%;
    display: inline-block;
}
.sector_derecho a {
    text-decoration: none;
    cursor: pointer;
    color: #3f3f3f;
    font-weight: 700
}
ul.rrss {
    display: inline-block;
    height: 27px;
    vertical-align: middle;
}
ul.rrss li {
    width: 27px;
    display: inline-block;
}
header {
    position: relative;
    height: auto;
    width: 100%;
    z-index: 3
}
.DesktopNav {
    position: relative;
    height: 145px;
    /*background-color: #fff;*/
    z-index: 2;
    width:100%;
    display: block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.DesktopNav.small {
    position: fixed;
    height: 100px;
    background-color:rgba(255,255,255,0.9);
    z-index: 2;
    width:100%;
    display: block;
    top: 0;
    box-shadow: 2px 12px 9px -10px rgb(0 0 0 / 47%);
    -webkit-box-shadow: 2px 12px 9px -10px rgb(0 0 0 / 47%);
    -moz-box-shadow: 2px 12px 9px -10px rgba(0,0,0,0.47);
} 
.navbar {
    display: none
}
/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: rgba(255,255,255,0.9);
    box-shadow: 2px 12px 9px -10px rgb(0 0 0 / 47%);
    -webkit-box-shadow: 2px 12px 9px -10px rgb(0 0 0 / 47%);
    -moz-box-shadow: 2px 12px 9px -10px rgba(0,0,0,0.47);
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}
.logotipo {
    width: 100%;
    text-align: center;
    height: 75px;
    vertical-align: middle
}
.logotipo.small {
    height: 43px
}
.logotipo img {
    max-width: 239px;
    padding: 15px;
}

.logotipo img.small {
    max-width: 155px;
}
ul.menu {
    height: 70px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle
}
ul.menu li {
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    color: #00405a;
    display: inline-block;
    vertical-align: middle;
    padding: 20px 25px 0px 15px;
}
ul.menu li a {
    text-decoration: none;
    cursor: pointer;
    color: #00405a;
}
ul.menu li a:hover {
    border-bottom: 4px solid lightgreen;
    padding: 0px 0px 20px 0px;
}
#Contenedor_galeriaPrincipal {
    width: 100%;
    height: 470px;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 0 auto
}
.sliderBlock {
    width: 100%;
    height: 434px;
    background-image: url('../images/test_image1.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
}
.sliderBlock h1 {
    position: absolute;
    color: darkslateblue;
    font-size: 55px;
    line-height: 60px;
    margin: 50px 15%;
    text-align: center;
    width: 70%;
    text-shadow: 2px 2px 10px #ffffff;
}
.sliderBlock button {
    height: 60px;
    width: 300px;
    border-radius: 15px;
    color: #fff;
    background: rgb(255,68,0);
background: linear-gradient(180deg, rgba(255,68,0,1) 0%, rgba(255,133,0,1) 100%);
    margin: 0 auto;
    text-align: center;
    font-size: 28px;
    position: absolute;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    border: 0px;
    top: 300px;
    left: 15%;
    right: 15%;
    transition: transform 1s; /* Animation */
}
.sliderBlock button a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.sliderBlock button:hover {
    background:red;
    transform: scale(1.2);
}
.sliderBlock button a:hover {
    background:red;
    transform: scale(1.2);
}
.sliderBlock img.gnlogotype {
    width: 75px;
    height: 75px;
    position: absolute;
    top: 395px;
    right: 60px;
}
.ContenedorFull {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: auto;
}
.ContenedorMax {
    max-width: 1200px;
    height: auto;
    padding: 50px 20px;
    margin: 0 auto;
}
.ContenedorMax2 {
    max-width: 1200px;
    height: auto;
    padding: 50px 20px;
    margin: 0 auto;
  background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.9) 8%, rgba(255,255,255,0.8) 59%, rgba(255,255,255,0) 100%);
}
#QuienesSomos {
    width: 100%;
    display: flex;
    padding-top: 0px
}
#QuienesSomos .BloqueIzquierdo {
    width: 39%;
    height: 600px;
    display: inline-block;
    margin: 0 auto;
    border: 0px;
    padding: 0px
}
#QuienesSomos .BloqueDerecho {
    width: 60%;
    height: 600px;
    display: inline-block;
    margin: 0 auto;
    border:0px;
    padding: 0px;
    text-align: center;
}
#QuienesSomos .BloqueDerecho h2 {
    font-size: 51px;
     line-height: 41px;
    color: #00405a;
    font-weight: 900;
    margin: 100px auto 0px auto;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
#QuienesSomos .BloqueDerecho h2 strong {
    color: #519fc5;
    font-weight: 900;
   
}
#QuienesSomos .BloqueDerecho p {
    font-family: 'Poppins', sans-serif;
    margin: 0 5%;
    padding: 20px 5%;
    font-size: 23px;
    line-height: 33px;
    margin: 50px auto 0px auto;
    color: #000;
    text-align: left
}
#QuienesSomos .BloqueDerecho img {
    margin: 20px auto 0px auto;
    text-align: center;
    max-width: 280px
}
.ContenedorSplide {
    height: auto;
    width: 100%;
    position: relative
}
/*#QuienesSomos .BloqueIzquierdo .ContenedorSplide .DataSplide img {
    position: absolute;
    top: 100px;
    left: 50px;
    z-index: 10;
    width: 100px
}*/
.DataSplide {
    width: 100%;
    height: auto;
}
.DataSplide ul  {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
/*.DataSplide ul li  {
    width: 100%;
}*/
.DataSplide2 {
    width: 100%;
    height: auto;
}
.DataSplide2 ul  {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    top: 433px;
}
/*.DataSplide2 ul li  {
    width: 100%;
}*/
#QuienesSomos .BloqueIzquierdo .ContenedorSplide .DataSplide ul li img {
    max-width: 380px;
    margin-top: 60px;
    /*height: 394px;*/
}
.DataSplide ul li p {
    max-width: 380px;
    font-size: 18px;
    line-height: 75px;
    margin: -23px auto 0px auto;
    text-align: center;
    color: #000;
    /*height: 394px;*/
}
.DataSplide2 ul li p {
    max-width: 380px;
    font-size: 22px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    color: #000;
    /*height: 394px;*/
}
.Info {
    width: 100%;
    height: 50px;
    margin: 0 auto 10px auto;
    /*color: #00405a;*/
    color:#fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    text-align: center;
    font-weight: 900;
}
/*.Info2 {
    width: 100%;
    height: 50px;
    margin: 0 auto 10px auto;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    text-align: center;
    font-weight: 900;
}*/
.cenefa {
    background-image: url('../images/cenefa.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    text-align: center;
    height: 38px;
    margin: 40px auto;
    
}
#Offset {
    width: 100%;
    display: block;
    padding-top: 0px
}
 .colourOffset {
       /* background-color:#f78e1e;*/
     /*background-color: #EA7900;*/
     background-color: #ce5d05;
    }
#Offset .BloqueIzquierdo {
    width: 50%;
    height: auto;
    display: inline-block;
    margin: 0 auto;
    border:0px;
    padding: 0px;
    text-align: center;
}
#Offset .BloqueDerecho {
    width: 49%;
    height: auto;
    display: inline-block;
    margin: 0 auto;
    border: 0px;
    padding: 53px 0px 0px 0px;
    vertical-align: top;
}
#Offset .BloqueCentral {
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 0 auto;
    border: 0px;
    padding: 0px 0px 0px 0px;
    
}
#Offset .BloqueIzquierdo h2 {
    font-size: 51px;
     line-height: 41px;
    color: #00405a;
    font-weight: 900;
    margin: 60px auto 0px auto;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
#Offset .BloqueIzquierdo h2 strong {
    /*color: #45bb85;*/
    color: #fff;
    font-weight: 900;
    line-height: 54px;
   
}
#Offset .BloqueIzquierdo p {
    font-family: 'Poppins', sans-serif;
    margin: 0 5%;
    padding: 20px 16%;
    font-size: 23px;
    line-height: 33px;
    margin: 15px auto 0px auto;
    color: #fff;
    text-align: center
}
#Offset .BloqueIzquierdo iframe {
    text-align: center;
    margin: 0px auto 45px auto;
    width: 396px;
    height: 223px;
}
#Offset .BloqueCentral h4 {
    text-transform: uppercase;
    font-size: 21px;
    color: #fff;
    text-align: center;
    margin: 20px auto;
    font-weight: 900;
}
#Offset .BloqueCentral ul {
    text-align: center;
    margin-top: 50px
}
#Offset .BloqueCentral ul li {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 14px;
    width: 16%;
    display: inline-block;
    text-align: center;
    min-width: 160px;
    max-width:  160px;
    text-align: center;
    padding: 0px 20px;
    vertical-align: top;
    color:#fff;
}
#Offset .BloqueCentral ul li img {
    max-width: 55px;
    width: 100%;
    margin: 0 auto 10px auto;
    text-align: center;
    padding: 0px 4px;
}
.colorDigital {
    /*background-color:#3b54a4;*/
    background-color: #00405a
}
#Digital {
    width: 100%;
    display: block;
    height: auto;
    padding-top: 0px
}  
#Digital .BloqueIzquierdo {
    width: 50%;
    height: auto;
    display: inline-block;
    margin: 0 auto;
    border:0px;
    padding: 0px;
    text-align: center;
}
#Digital .BloqueDerecho {
    width: 49%;
    height: auto;
    display: inline-block;
    margin: 0 auto;
    border: 0px;
    padding: 41px 0px 0px 0px;
    vertical-align: top;
}
#Digital .BloqueCentral {
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 0 auto;
    border:0px;
    padding: 0px;
    text-align: center;
}
#Digital .BloqueIzquierdo h2 {
    font-size: 51px;
     line-height: 41px;
    color: #f86e00;
    font-weight: 900;
    margin: 100px auto 0px auto;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
#Digital .BloqueIzquierdo h2 strong {
    color: #FFF;
    font-weight: 900;
    line-height: 54px;
   
}
#Digital .BloqueIzquierdo p {
    font-family: 'Poppins', sans-serif;
    margin: 0 5%;
    padding: 20px 16%;
    font-size: 23px;
    line-height: 33px;
    margin: 50px auto 30px auto;
    color: #fff;
    text-align: center
}
#Digital .BloqueCentral h4 {
    text-transform: uppercase;
    font-size: 21px;
    color: #fff;
    text-align: center;
    font-weight: 900;
    padding-left: 0px;
    margin: 20px auto;
}
#Digital .BloqueCentral ul {
    text-align: center;
    margin: 50px auto 0px auto
}
#Digital .BloqueCentral ul li {
    margin: 0px auto 15px auto;
    font-weight: 700;
    font-size: 14px;
    min-width: 132px;
    max-width:  132px;
    display: inline-block;
    text-align: center;
    padding: 0px 20px;
    vertical-align: top;
    color:#fff;
}
#Digital .BloqueCentral ul li img {
    max-width: 55px;
    width: 100%;
    margin: 0 auto 10px auto;
    text-align: center;
    padding: 0px 4px;
}
.colorSectores {
   /*background-color:#3b54a4;*/
    background-color: #00405a;
}
#SectoresComercializacion {
    height: auto;
    width: 100%;
    padding: 0px 0px 0px 0px;
}
#SectoresComercializacion h2 {
    font-size: 51px;
     line-height: 41px;
    color: #f86e00;
    font-weight: 900;
    margin: 0px auto;
    padding: 20px 0px 20px 0px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
#SectoresComercializacion h2 strong {
    color: #FFF;
    font-weight: 900;
    line-height: 54px;
   
}
#SectoresComercializacion .ContenedorSC {
    width: 100%;
    height: 230px;
    text-align: center;
    margin: 30px auto 0px auto;
}
#SectoresComercializacion .IndividualSC {
    width: 24%;
    height: 230px;
    display: inline-block;
    text-align: center;
    margin: 0 auto
}
#SectoresComercializacion img {
    max-width: 174px;
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto
}
#SectoresComercializacion p {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    margin: 10px auto 0px auto;
}
#Producto {
    height: auto;
    background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 61%, rgba(255,255,255,0) 100%);
    width: 100%;
    padding: 0px 0px 0px 0px;
}
#Producto h2 {
    font-size: 51px;
     line-height: 41px;
    color: #00405a;
    font-weight: 900;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}
#Producto h3 {
    font-size: 23px;
     line-height: 30px;
    color: #000;
    font-weight: 400;
    margin: 0px auto;
    padding: 50px 0px 50px 0px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    max-width: 800px
}
#Producto .ContenedorProducto {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
}
#Producto .IndividualProducto {
    width: 19%;
    height: 100px;
    display: inline-block;
    text-align: center;
    margin: 0 auto
}
#Producto img {
    max-width: 150px;
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto
}
#Producto p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-align: center;
    margin: 10px auto 0px auto;
    max-width: 100px;
    width: 100%;
    line-height: 19px;
}
.colorAcabados {
    /*background-color: #f78e1e;*/
    background-color: #EA7900;
}
#AcabadosEspeciales {
    width: 100%;
    display: flex;
    height: auto;
    padding-top: 0px
}  
#AcabadosEspeciales .BloqueIzquierdo {
    width: 50%;
    height: auto;
    display: inline-block;
    margin: 0 auto;
    border:0px;
    padding: 0px;
    text-align: center;
}
#AcabadosEspeciales .BloqueDerecho {
    width: 49%;
    height: 500px;
    display: inline-block;
    margin: 0 auto;
    border: 0px;
    padding: 0px
}
#AcabadosEspeciales .BloqueIzquierdo h2 {
    font-size: 51px;
     line-height: 41px;
    color: #00405a;
    font-weight: 900;
    margin: 100px auto 0px auto;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
#AcabadosEspeciales .BloqueIzquierdo h2 strong {
    color: #FFF;
    font-weight: 900;
    line-height: 54px;
   
}
#AcabadosEspeciales .BloqueIzquierdo p {
    font-family: 'Poppins', sans-serif;
    margin: 0 5%;
    padding: 20px 16%;
    font-size: 23px;
    line-height: 36px;
    margin: 50px auto 30px auto;
    color: #000;
    text-align: center
}
#AcabadosEspeciales .BloqueIzquierdo h4 {
    text-transform: uppercase;
    font-size: 17px;
    color: #000;
    text-align: left;
    font-weight: 900;
    padding-left: 80px;
    margin: 20px auto;
}
#AcabadosEspeciales .BloqueIzquierdo ul {
    text-align: left;
    padding-left: 80px;
    padding-right: 50px
}
#AcabadosEspeciales .BloqueIzquierdo ul li {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 16px;
}
#ResponsabilidadSocial {
    width: 100%;
    display: flex;
    height: auto;
    padding-top:0px
}
#ResponsabilidadSocial .BloqueIzquierdo {
    width: 39%;
    height: auto;
    display: inline-block;
    margin: 0 auto;
    border: 0px;
    padding: 0px
}
#ResponsabilidadSocial .BloqueIzquierdo img {
    margin-top: 255px;
    max-width: 384px;
    width: 100%
}
#ResponsabilidadSocial .BloqueDerecho {
    width: 60%;
    height: auto;
    display: inline-block;
    margin: 0 auto;
    border:0px;
    padding: 0px;
    text-align: center;
}
#ResponsabilidadSocial .BloqueDerecho h2 {
    font-size: 51px;
     line-height: 49px;
    color: #00405a;
    font-weight: 900;
    margin: 100px auto 0px auto;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
#ResponsabilidadSocial .BloqueDerecho h2 strong {
    color: #519fc5;
    font-weight: 900;
   
}
#ResponsabilidadSocial .BloqueDerecho p {
    font-family: 'Poppins', sans-serif;
    margin: 0 5%;
    padding: 20px 5%;
    font-size: 23px;
    line-height: 33px;
    margin: 50px auto 0px auto;
    color: #000;
    text-align: left
}
#ResponsabilidadSocial .BloqueDerecho img {
    margin: 20px auto 0px auto;
    text-align: center;
    max-width: 614px;
    width: 100%
}
#Clientes {
    height: auto;
    background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 61%, rgba(255,255,255,0) 100%);
    width: 100%;
    padding: 0px 0px 0px 0px;
}
#Clientes h2 {
    font-size: 51px;
     line-height: 41px;
    color: #00405a;
    font-weight: 900;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}
#Clientes h3 {
    font-size: 22px;
     line-height: 25px;
    color: #000;
    font-weight: 400;
    margin: 0px auto;
    padding: 50px 0px 50px 0px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    max-width: 600px
}
#Clientes .ContenedorClientes {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
}
#Clientes .IndividualClientes {
    width: 19%;
    height: 100px;
    display: inline-block;
    text-align: center;
    margin: 0 auto
}
#Clientes img {
    max-width: 170px;
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto
}
#FormularioPrintea {
    margin: 0 auto;
    display: block;
    height: auto;
    width: 100%;
    padding-top: 100px
}
#FormularioPrintea .SectorIzquierdo {
    margin: 0px auto;
    display: inline-block;
    height: 800px;
    background-color:#00405a;
    width: 44%;
    padding: 3rem !important;
}
#FormularioPrintea .SectorIzquierdo h3 {
   color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 23px;
    line-height: 26px;
    margin: 5px auto 20px auto;
    text-align: center
}
#FormularioPrintea .SectorDerecho {
    margin: 40px auto 40px -5px;
    display: inline-block;
    height: 720px;
    background-color: #e5e5e5;
    width: 53%  ;
    vertical-align: top;
    position: relative
}
#FormularioPrintea .SectorDerecho .Encabezado {
    position: absolute;
    height: 48px;
    width: 188px;
    /*left: 30%;*/
    right: 50%;
    text-align: center;
    margin: 0 auto
}
#FormularioPrintea .SectorDerecho .Encabezado img {
    position: absolute;
    top: -20px
    
}
#FormularioPrintea .SectorDerecho h2 {
    font-size: 37px;
     line-height: 37px;
    color: #00405a;
    font-weight: 900;
    margin: 70px auto 0px auto;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
#FormularioPrintea .SectorDerecho p {
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    line-height: 22px;
    color: #000;
    padding: 0% 20%;
    text-align: center;
    margin: 10px auto 20px auto;
    text-align: left
}
#FormularioPrintea .SectorDerecho .InfoContacto {
    width: 70%;
    margin: 0px 15% 60px 15%;
    background-color: #fff;
    border-radius: 20px;
    text-align: left;
    height: 150px;
}
#FormularioPrintea .SectorDerecho .InfoContacto ul {
    display: block;
    margin: 10px 20px;
    padding-top: 5px
}
#FormularioPrintea .SectorDerecho .InfoContacto ul li {
    display: flex;
    height: 34px;
    line-height: 42px;
    font-size: 16px;
    margin: 7px auto
}
#FormularioPrintea .SectorDerecho .InfoContacto ul li a {
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    color: #000;
}
#FormularioPrintea .SectorDerecho .InfoContacto ul li a:hover {
    text-decoration: underline;
}
#FormularioPrintea .SectorDerecho .InfoContacto ul li img {
    height: 34px;
    margin: 5px 10px; 
}
#FormularioPrintea .SectorDerecho .lemaYQR {
    display: block;
    height: 255px;
    /*background-image: url('../images/form_fondo.png');
    background-repeat: no-repeat;
    background-position: 7% 60%;
    background-size: 18%;
    background-size: auto;*/
    background-color: #fff;
    max-width: 80%;
    margin: 0% 10%;
    border-radius: 20px}
#FormularioPrintea .SectorDerecho .lemaYQR .sectorIzquierdo {
    font-family: 'Montserrat', sans-serif;
    color: #EA7900;
    font-size: 17px;
    line-height: 23px;
    width: 100%;
    display: inline-block;
    font-weight: 900;
    margin:20px auto 10px auto;
    text-align: center;
    vertical-align: top;
}
#FormularioPrintea .SectorDerecho .lemaYQR .sectorDerecho p {
    color: #000;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    font-size: 18px;
    line-height: 18px; 
    text-align: center;
    margin: 17px auto;
    width: 100%;
    padding: 0px;
}
#FormularioPrintea .SectorDerecho .lemaYQR .sectorDerecho p a {
     width: 100%;
    text-decoration: none;
    cursor: pointer;
    color:#000;
    font-family: 'Poppins', sans-serif;
    text-align: left;
    margin: 0 auto;
    font-weight: 700;
}
#FormularioPrintea .SectorDerecho .lemaYQR .sectorIzquierdo p a:hover {
    text-decoration: underline
}
#FormularioPrintea .SectorDerecho .lemaYQR .sectorDerecho {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 0 auto
}
#FormularioPrintea .SectorDerecho .lemaYQR .sectorDerecho img {
    text-align: center;
    margin: 0 auto;
    max-width: 209px;
    max-width: 124px
}

#FormularioPrintea .SectorDerecho .lemaYQR .horarioForm {
    font-family: 'Montserrat', sans-serif;
    width: 80%;
    margin: 20px 10% 10px 10%;
    text-align: center;
    font-weight: 400;
    color: #484848;
    font-size: 15px;
    line-height: 16px;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.formularioCol {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.form-group {
    margin-bottom: 1rem;
}
.form-control {
      -webkit-transition: none;
      -o-transition: none;
      transition: none; 
} 

#contactForm .form-control {
    font-size: 16px;
}
.contactForm .form-control {
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0;
}
.form-control {
    display: block;
    width: 100%;
    height: 52px;
    background: transparent;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 14px;
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-weight: 400;
    line-height: 1.5;
     transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
button, input {
    overflow: visible;
}
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #495057;
    background-color: transparent;
    border-color: #80bdff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .form-control::-webkit-input-placeholder {
    color: #fff;
    opacity: 1; 
font-weight: 700}
  .form-control:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
font-weight: 700}
  .form-control::-ms-input-placeholder {
    color: #fff;
    opacity: 1;
font-weight: 700}
  .form-control::placeholder {
    color: #fff;
    opacity: 1; 
font-weight: 700}
  .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1; }
.form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.5) !important; }
  .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.5) !important; }
  .form-control:-ms-input-placeholder {
    /* IE 0+ */
    color: rgba(255, 255, 255, 0.5) !important; }
  .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.5) !important; }
  .form-control:focus, .form-control:active {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.5) !important; }

textarea.form-control {
  height: inherit !important; }

.btn.btn-primary {
    background: #EA7900 !important;
    border-color: #EA7900 !important;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding: 10px 20px;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    float: right;
    margin: 20px auto 10px auto;
}
#FormularioPrintea .form-control {
    font-size: 16px;
}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
    cursor: pointer;
}
.btn {
    padding: 12px 16px;
    cursor: pointer;
    border-width: 1px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    -webkit-box-shadow: 0px 10px 20px -6px rgb(0 0 0 / 12%);
    -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 10px 20px -6px rgb(0 0 0 / 12%);
    position: relative;
    margin-bottom: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#message {
    resize: vertical;
}
textarea.form-control {
    height: inherit !important;
}

.contactForm .form-control {
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0;
}
.form-control {
    height: 52px;
    background: transparent;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 14px;
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
}
















footer .sectorIzquierdo {
    width: 49%;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-weight: 700;
    
}
footer .sectorIzquierdo img {
    max-width: 198px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
    vertical-align: top;
    
}
footer .sectorIzquierdo p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin: 20px auto 0px auto
}
footer .sectorIzquierdo a {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    cursor: pointer;
    text-decoration: none
}
footer .sectorIzquierdo strong {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    text-align: center;
    color: #fff;
    margin: 5px auto
}
footer .sectorDerecho {
    width: 50%;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    vertical-align: top
}
footer .sectorDerecho p {
    margin: 40px auto 20px auto;
    font-size: 14px;
}
footer .sectorDerecho ul { 
    display: block;
    margin: 0 auto;
    text-align: center
}
footer .sectorDerecho ul li { 
    display: inline-block;
    margin: 0 5px;
    text-align: center;
    max-width: 56px;
    width: 100%;
    font-size: 9px;
    line-height: 9px;
    color: #fff
}
footer .sectorDerecho ul li a { 
    text-decoration: none;
    cursor: pointer;
    color: #fff
}
footer .sectorDerecho ul li a:hover { 
    text-decoration: underline;
}
footer .sectorDerecho ul li img { 
    margin: 0 auto;
    text-align: center;
    max-width: 56px;
    height: 42px;
    width: 100%;
}
footer .sectorDerecho h4 {
    margin-top: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    text-align: center;
    margin: 20px auto;
    color: #fff
}
footer .sectorDerecho h4 a {
    cursor: pointer;
    text-decoration: none;
    color: #fff
}
footer .sectorDerecho h4 a:hover {
    text-decoration: underline;
}
.ParallaxWrappers {
    clear: both;
    height: 100%;
    padding: 20px 0px 0px 0px;
    display: block;
}
.parallax {
    clear: both;
    height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}






















/*MEDIA QUERIES*/
@media screen and (max-width: 1100px) {
   ul.menu li {
    font-size: 10px;
    line-height: 11px;
    padding: 20px 9px 0px 9px;
}
    .sliderBlock h1 {
    font-size: 47px;
    line-height: 56px;
}
}
@media screen and (max-width: 1000px) {
    #QuienesSomos {
    width: 100%;
    display: flex;
}
#QuienesSomos .BloqueIzquierdo {
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 0 auto;
    border: 0px;
    padding: 0px
}
#QuienesSomos .BloqueDerecho {
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 0 auto;
    border:0px;
    padding: 0px;
    text-align: center;
}
    #QuienesSomos .BloqueIzquierdo .ContenedorSplide .DataSplide ul li img {
    max-width: 300px;
    margin-top: 0px;
    /* height: 394px; */
    width: 100%;
}
    #QuienesSomos .BloqueDerecho h2 {
    font-size: 38px;
    line-height: 31px;
        margin-top: 10px
}
    #QuienesSomos .BloqueDerecho p {
    font-size: 17px;
    line-height: 27px;
    margin: 30px auto 0px 15px;
    color: #000;
    text-align: left;
}
    #QuienesSomos .BloqueDerecho img {
        width: 250px;
    }
    .DataSplide ul li p {
    font-size: 16px;
    line-height: 77px;
}
    .Info {
    margin-top: 8px;
}
    .ContenedorSplide {
    height: auto;
}
    .cenefa {
    margin: 30px auto;
}
    #Offset .BloqueIzquierdo {
    height: auto;
}
    #Offset .BloqueDerecho {
    height: auto;
}
    .DataSplide ul li img {
    max-width: 300px;
        width: 100%
}
    #Offset .BloqueIzquierdo h2 {
    font-size: 38px;
    line-height: 41px;
}
    #Offset .BloqueIzquierdo h2 strong {
    font-weight: 900;
    line-height: 34px;
}
#Offset .BloqueIzquierdo p {
    font-size: 19px;
    line-height: 25px;
    margin: 5px auto 0px auto;
}    
    #Offset .BloqueIzquierdo h4 {
    margin: 5px auto 10px auto;
}
      #Offset .BloqueIzquierdo iframe {
    width: 340px;
    height: 188px;
}
    #Offset .BloqueIzquierdo ul {
    padding-left: 10%;
    padding-right: 10%;
}  
     #Digital .BloqueIzquierdo {
    height: auto;
}
    #Digital .BloqueDerecho {
    height: auto;
}
    #Digital .BloqueIzquierdo h2 {
    font-size: 38px;
    line-height: 41px;
}
    #Digital .BloqueIzquierdo h2 strong {
    font-weight: 900;
    line-height: 34px;
}
    #Digital .BloqueIzquierdo p {
    font-size: 19px;
    line-height: 25px;
    margin: 5px auto 0px auto;
}    
    #Digital .BloqueIzquierdo h4 {
    margin: 5px auto 10px auto;
}
    #Digital .BloqueIzquierdo ul {
    padding-left: 10%;
    padding-right: 10%;
}  
    #SectoresComercializacion img {
    max-width: 140px;
}
    #SectoresComercializacion {
    padding: 0px 0px 0px 0px;
}
    #Producto {
        padding-bottom: 0px
    }
    #AcabadosEspeciales .BloqueIzquierdo {
    height: auto;
}
    #AcabadosEspeciales .BloqueDerecho {
    height: auto;
}
    #AcabadosEspeciales .BloqueIzquierdo h2 {
    font-size: 38px;
    line-height: 41px;
}
    #AcabadosEspeciales .BloqueIzquierdo h2 strong {
    font-weight: 900;
    line-height: 34px;
}
    #AcabadosEspeciales .BloqueIzquierdo p {
    font-size: 19px;
    line-height: 25px;
    margin: 5px auto 0px auto;
}    
    #AcabadosEspeciales .BloqueIzquierdo h4 {
    margin: 5px auto 10px auto;
        padding-left: 42%
}
    #AcabadosEspeciales .BloqueIzquierdo ul {
    padding-left: 10%;
    padding-right: 10%;
}  
    #ResponsabilidadSocial .BloqueDerecho h2 {
    font-size: 40px;
    line-height: 37px;
}
    #ResponsabilidadSocial .BloqueDerecho p {
    font-size: 18px;
    line-height: 28px;
    margin: 18px auto 0px auto;
    padding: 20px 9%;
}
    #ResponsabilidadSocial .BloqueDerecho img {
    max-width: 513px;
}
    #ResponsabilidadSocial {
    width: 100%;
    display: flex;
    height: auto;
}
    #ResponsabilidadSocial .BloqueIzquierdo {
    width: 39%;
    height: auto;
}
    #ResponsabilidadSocial .BloqueDerecho {
    width: 60%;
    height: auto;
}
    #Clientes {
    padding: 0px 0px 0px 0px;
}
    #Clientes h2 {
    font-size: 40px;
    line-height: 23px;
    padding: 19px 0px 0px 0px;
}
    #Clientes h3 {
    font-size: 18px;
    line-height: 24px;
    padding: 24px 0px 50px 0px;
}
    #Clientes .ContenedorClientes {
    height: 140px;
}
}

@media screen and (max-width: 900px) {
    #FormularioPrintea .SectorDerecho .lemaYQR .sectorIzquierdo {
    font-size: 18px;
    line-height: 21px;
}
    #FormularioPrintea .SectorDerecho .lemaYQR .sectorIzquierdo p {
    font-size: 14px;
    line-height: 12px;
}
    #FormularioPrintea .SectorDerecho .lemaYQR .sectorDerecho img {
    max-width: 142px;
    width: 100%;
}
    #FormularioPrintea .SectorDerecho p {
    font-size: 16px;
    line-height: 20px;
}
    #FormularioPrintea .SectorDerecho h2 {
    font-size: 30px;
    line-height: 37px;
    margin: 53px auto 0px auto;
}
    #FormularioPrintea .SectorDerecho .InfoContacto {
    width: 77%;
    margin: 0px 9% 60px 11%;
}
    #FormularioPrintea .SectorDerecho .lemaYQR .horarioForm {
    margin: 5px 10% 10px 10%;
}
    
}


/*MENU MOBILE ONLY HERE*/
@media (max-width: 768px) {
.navbar {
    opacity: 0.95;
    display: block;
  }
.DesktopNav { 
    display: none
    }
    .DesktopNav.small { 
    display: none
    }
    .logotipo.small, .logotipo img.small {
        display: none
    }
  .navbar-container input[type="checkbox"],
  .navbar-container .hamburger-lines {
    display: block;
  }

  .navbar-container {
    display: block;
    position: relative;
    height: 64px;
  }

  .navbar-container input[type="checkbox"] {
    position: absolute;
    display: block;
    height: 32px;
    width: 30px;
    top: 20px;
    left: 20px;
    z-index: 5;
    opacity: 0;
  }

  .navbar-container .hamburger-lines {
    display: block;
    height: 23px;
    width: 35px;
    position: absolute;
    top: 17px;
    left: 20px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .navbar-container .hamburger-lines .line {
    display: block;
    height: 4px;
    width: 100%;
    border-radius: 10px;
    background: #333;
  }

  .navbar-container .hamburger-lines .line1 {
    transform-origin: 0% 0%;
    transition: transform 0.4s ease-in-out;
  }

  .navbar-container .hamburger-lines .line2 {
    transition: transform 0.2s ease-in-out;
  }

  .navbar-container .hamburger-lines .line3 {
    transform-origin: 0% 100%;
    transition: transform 0.4s ease-in-out;
  }

  .navbar .menu-items {
    padding-top: 71px;
    background: #fff;
    height: 100vh;
    max-width: 300px;
    transform: translate(-150%);
    display: flex;
    flex-direction: column;
    margin-left: -40px;
    padding-left: 50px;
    transition: transform 0.5s ease-in-out;
    box-shadow: 5px 0px 10px 0px #aaa;
  }

  .navbar .menu-items li {
    margin-bottom: 1.5rem;
    font-size: 1.3rem;
    font-weight: 500;
  }
   .navbar .menu-items li a {
    color: #00405a;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    }

  .logo {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 2rem;
  }

  .navbar-container input[type="checkbox"]:checked ~ .menu-items {
    transform: translateX(0);
  }

  .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
    transform: rotate(35deg);
  }

  .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
    transform: scaleY(0);
  }

  .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
    transform: rotate(-35deg);
  }
      .sector_izquierdo {
          font-size: 11px;
      line-height: 13px;
      width: 48%;
      padding-top: 4px
    }
    .sector_derecho {
         font-size: 11px;
      line-height: 13px;
        width: 51%;
        padding-top: 3px
}
       ul.rrss li {
    width: 18px;
    height: 18px;
    display: inline-block;
        margin: 0px 3px;
}
    ul.rrss li a img {
        width: 18px;
        height: 18px;
        margin-top: 2px
    }
     .sliderBlock h1 {
    font-size: 39px;
    line-height: 46px;
}
      #Offset {
    display: block;
}
    #Offset .BloqueIzquierdo {
    width: 100%;
    display: block;
}
    #Offset .BloqueDerecho {
    width: 100%;
    display: block;
}
    #Offset .BloqueIzquierdo h2 {
    margin: 5px auto 0px auto;
}
    #Offset .BloqueIzquierdo p {
    font-size: 16px;
    line-height: 21px;
        text-align: center;
}
    #QuienesSomos .BloqueDerecho p {
    font-size: 14px;
    line-height: 22px;
}
    #Offset .BloqueIzquierdo h4 {
}
    #Digital {
    display: block;
}
    #Digital .BloqueIzquierdo {
    width: 100%;
    display: block;
}
    #Digital .BloqueDerecho {
    width: 100%;
    display: block;
}
    #Digital .BloqueIzquierdo h2 {
    margin: 5px auto 0px auto;
}
    #Digital .BloqueIzquierdo p {
    font-size: 16px;
    line-height: 21px;
        text-align: center;
        color: #fff;
}
    #Digital .BloqueIzquierdo h4 {
        color: #fff;
}
    #Digital .BloqueIzquierdo ul {
    color: #fff;
}
    #SectoresComercializacion {
    padding: 0px 0px 0px 0px;
}
#SectoresComercializacion h2 {
    font-size: 39px;
    line-height: 27px;
    padding-top: 10px
}
    #SectoresComercializacion img {
    max-width: 135px;
}
    #SectoresComercializacion p {
    font-size: 16px;
}
    #SectoresComercializacion .ContenedorSC {
    height: 185px;
        margin-top: 0px
}
    #SectoresComercializacion .IndividualSC {
    height: 185px;
    }
    #Producto h2 {
    font-size: 37px;
    line-height: 30px;
    padding: 10px 0px 0px 0px;
}
    #Producto h3 {
    font-size: 18px;
    line-height: 21px;
    padding: 20px 0px 20px 0px;
}
    #Producto p {
    margin: 25px auto 0px auto;
        font-size: 13px;
        line-height: 14px;
}
    #Producto .ContenedorProducto {
    height: 157px;
}
    #AcabadosEspeciales {
    display: block;
}
    #AcabadosEspeciales .BloqueIzquierdo {
    width: 100%;
    display: block;
}
    #AcabadosEspeciales .BloqueDerecho {
    width: 100%;
    display: block;
}
    #AcabadosEspeciales .BloqueIzquierdo h2 {
    margin: 5px auto 0px auto;
}
    #AcabadosEspeciales .BloqueIzquierdo p {
    font-size: 16px;
    line-height: 21px;
        text-align: center;
        color: #fff;
}
    #AcabadosEspeciales .BloqueIzquierdo h4 {
    padding-left: 42%;
        color: #fff;
}
    #AcabadosEspeciales .BloqueIzquierdo ul {
    color: #fff;
}
     #ResponsabilidadSocial .BloqueDerecho h2 {
    font-size: 30px;
    line-height: 27px;
}
     #ResponsabilidadSocial .BloqueDerecho h2 {
    font-size: 40px;
    line-height: 37px;
}
    #ResponsabilidadSocial .BloqueDerecho p {
    font-size: 18px;
    line-height: 28px;
    margin: 18px auto 0px auto;
    padding: 20px 9%;
}
    #ResponsabilidadSocial .BloqueDerecho img {
    max-width: 513px;
}
    #ResponsabilidadSocial {
    width: 100%;
    display: block;
    height: auto;
}
    #ResponsabilidadSocial .BloqueIzquierdo {
    width: 100%;
    height: auto;
    display: block;
        margin: 0 auto;
        text-align: center;
}
    #ResponsabilidadSocial .BloqueDerecho {
    width: 100%;
    height: auto;
    display: block
}
    #ResponsabilidadSocial .BloqueIzquierdo img {
    max-width: 300px;
    width: 100%;
    text-align: center;
    margin: 70px auto 0px auto;
}
    #ResponsabilidadSocial .BloqueDerecho h2 {
    margin: 31px auto 0px auto;
}
    #Clientes {
    padding: 50px 0px 0px 0px;
}
    #Clientes h2 {
    font-size: 33px;
    line-height: 23px;
    padding: 19px 0px 0px 0px;
}
    #Clientes h3 {
    font-size: 18px;
    line-height: 24px;
    padding: 24px 0px 50px 0px;
}
    #Clientes .ContenedorSC {
        margin: 0 auto;
        text-align: center;
}
    #Clientes .IndividualClientes {
    width: 25%;
    height: 100px;
    display: inline-block;
    text-align: center;
    margin: 0 20px;
}      #FormularioPrintea .SectorDerecho .lemaYQR .sectorIzquierdo {
    font-size: 18px;
    line-height: 21px;
}
    #FormularioPrintea .SectorDerecho .lemaYQR .sectorIzquierdo p {
    font-size: 14px;
    line-height: 12px;
}
    #FormularioPrintea .SectorDerecho .lemaYQR .sectorDerecho img {
    max-width: 142px;
    width: 100%;
}
    #FormularioPrintea .SectorDerecho p {
    font-size: 16px;
    line-height: 20px;
}
    #FormularioPrintea .SectorDerecho h2 {
    font-size: 30px;
    line-height: 37px;
    margin: 53px auto 0px auto;
}
    #FormularioPrintea .SectorDerecho .InfoContacto {
    width: 77%;
    margin: 0px 9% 60px 11%;
}
    #FormularioPrintea .SectorDerecho .lemaYQR .horarioForm {
    margin: 125px 10% 10px 10%;
}
    #FormularioPrintea .SectorIzquierdo {
    display: block;
    height: 700px;
    width: 100%;
    padding: 3rem !important;
}
    #FormularioPrintea .SectorDerecho {
    margin: 40px auto 40px -5px;
    display: block;
    height: 720px;
    background-color: #e5e5e5;
    width: 100%;
    vertical-align: top;
    position: relative;
}
    #FormularioPrintea .SectorDerecho h2 {
    padding-top: 50px;
}
    #FormularioPrintea .SectorDerecho .lemaYQR .horarioForm {
    margin: 15px 10% 10px 10%;
}  
}
@media (max-width: 600px) {
    footer {
    height: auto;
}
    footer .sectorIzquierdo {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-weight: 700;
}
    footer .sectorDerecho {
    width: 100%;
    display: block;
}
       footer {
    padding-bottom: 57px;
}
}

@media (max-width: 500px) {
  .navbar .menu-items li{
      font-size: 1.6rem;
  }
  .logo {
    position: absolute;
    top: 06px;
    right: 15px;
    font-size: 3rem;
      z-index: -1
  }
  .navbar .menu-items li {
    margin-bottom: 0.5rem;
    font-size: 1.8rem;
    font-weight: 500;
  }
  .sector_izquierdo {
    font-size: 9px;
      line-height: 11px;
      width: 33%;
      padding-top: 4px
    }
    .sector_derecho {
        font-size: 9px;
      line-height: 11px;
        width: 52%;
        padding-right: 1%;
        padding-top: 4px;
}
    ul.rrss {
    height: 15px;
    width: 15px;
    vertical-align: middle;
        display: inline-flex;
}
    ul.rrss li {
    width: 15px;
    height: 15px;
    display: inline-block;
        margin: 0px 3px;
}
    ul.rrss li a img {
        width: 15px;
        height: 15px;
    }
    .sliderBlock button {
    height: 50px;
    width: 220px;
    font-size: 22px;
        top: 276px;
}
.sliderBlock img.gnlogotype {
    width: 56px;
    height: 56px;
    top: 406px;
}
    .sliderBlock h1 {
    font-size: 29px;
    line-height: 35px;
    margin: 50px 10%;
    text-align: center;
    width: 80%;
}
    /*IMAGE CHANGE FOR MOBILE DEVIDE*/
    .sliderBlock {
    height: 434px;
    background-image: url('../images/test_image1.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute; 
    }
    .ContenedorMax {
    max-width: 500px;
    height: auto;
    padding: 11px 20px;
    margin: 0 auto;
}
    #QuienesSomos {
    width: 100%;
    display: block;
        padding-top: 50px;
}
#QuienesSomos .BloqueIzquierdo {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border: 0px;
    padding: 0px
}
#QuienesSomos .BloqueDerecho {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border:0px;
    padding: 0px;
    text-align: center;
}
    #QuienesSomos .BloqueIzquierdo .ContenedorSplide .DataSplide ul li img {
    max-width: 300px;
    margin-top: 0px;
    /* height: 394px; */
    width: 100%;
}
    #QuienesSomos .BloqueIzquierdo .ContenedorSplide .DataSplide ul li img {
    max-width: 249px;
    margin-top: 0px;
    /* height: 394px; */
    width: 100%;
}
    #QuienesSomos .BloqueDerecho p {
    font-size: 14px;
    line-height: 20px;
    margin: 13px auto 0px 15px;
    color: #000;
    text-align: left;
}
    .DataSplide ul li p {
    font-size: 13px;
    line-height: 78px;
}
    #QuienesSomos .BloqueDerecho img {
    width: 186px;
    margin-top: 0px
}
    .Info {
    font-size: 15px
}
    #Offset {
    display: block;
        padding-top: 50px
}
    #Offset .BloqueIzquierdo {
    width: 100%;
    display: block;
}
    #Offset .BloqueDerecho {
    width: 100%;
    display: block;
}
    #ResponsabilidadSocial .BloqueDerecho h2 {
    font-size: 28px;
    line-height: 29px;
}
    #ResponsabilidadSocial .BloqueDerecho p {
    font-size: 15px;
    line-height: 22px;
    margin: 0px auto 0px auto;
    padding: 20px 5%;
}
    #SectoresComercializacion h2 {
    font-size: 27px;
    line-height: 11px;
    padding-top: 26px;
}
    #SectoresComercializacion p {
    font-size: 14px;
}
    #SectoresComercializacion .ContenedorSC {
    height: 185px;
}
    #SectoresComercializacion .IndividualSC {
    height: 185px;
    width: 33%;
    vertical-align: top;
    margin: 0 10px
}
    #Digital {
        padding-top:50px 
    }
    #Digital .BloqueIzquierdo h2 {
    margin: 24px auto 0px auto;
        font-size: 32px;
        line-height: 36px;
}
    #Producto {
        padding-top:50px
    }
    #Producto h2 {
    font-size: 28px;
    line-height: 30px;
    padding: 10px 0px 0px 0px;
}
    #Producto h3 {
    font-size: 16px;
    line-height: 21px;
    padding: 20px 0px 20px 0px;
}
    #Producto .ContenedorProducto {
    height: 153px;
}
    #Producto p {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    text-align: center;
    margin: 17px auto 0px auto;
    max-width: 100px;
    width: 100%;
    line-height: 12px;
}
    #Producto .IndividualProducto {
    width: 29%;
    height: 135px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
        vertical-align: top
}
    #AcabadosEspeciales {
        padding-top: 50px
    }
    #AcabadosEspeciales .BloqueIzquierdo h2 {
    font-size: 28px;
    line-height: 32px;
        margin: 35px auto 0px auto;
}
    #Digital .BloqueIzquierdo p {
        padding: 20px 9%;
    }
    #Offset .BloqueIzquierdo ul li {
    font-size: 14px;
}
    #Digital .BloqueIzquierdo h4 {
}
    .splide__slide img {
    vertical-align: bottom;
    max-width: 300px;
    width: 100%;
}
    #FormularioPrintea {
        padding-top: 50px
    }
    #FormularioPrintea .SectorDerecho .lemaYQR .horarioForm {
    margin: 38px 10% 10px 10%;
        font-size: 11px;
        line-height: 11px;
}
    #FormularioPrintea .SectorDerecho .lemaYQR .sectorIzquierdo {
    font-size: 14px;
    line-height: 21px;
}
    #FormularioPrintea .SectorDerecho .lemaYQR .sectorDerecho img {
    max-width: 106px;
    width: 100%;
}
    #FormularioPrintea .SectorDerecho p {
    font-size: 14px;
    line-height: 20px;
}
    #FormularioPrintea .SectorDerecho .InfoContacto ul li {
    display: flex;
    height: 34px;
    line-height: 42px;
    font-size: 12px;
    margin: 7px auto;
}
    #FormularioPrintea .form-control {
    font-size: 13px;
}
    #FormularioPrintea .SectorDerecho .Encabezado img {
    position: absolute;
    top: -13px;
    width: 123px;
    left: 71%;
    right: 53%;
}
    #FormularioPrintea .SectorDerecho .lemaYQR .sectorIzquierdo p {
    font-size: 12px;
    line-height: 12px;
}
    #FormularioPrintea .SectorDerecho .lemaYQR .sectorIzquierdo {
    font-size: 12px;
    line-height: 18px;
}
    #Clientes h3 {
    font-size: 15px;
    line-height: 21px;
    padding: 24px 0px 50px 0px;
}
    footer .sectorIzquierdo img {
    max-width: 143px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
    vertical-align: top;
}
    footer .sectorIzquierdo a {
    font-size: 13px;
}
    footer .sectorIzquierdo strong {
    font-size: 11px;
}
    footer .sectorDerecho p {
    font-size: 12px;
}
    footer .sectorDerecho ul li img {
    margin: 0 auto;
    text-align: center;
    max-width: 41px;
    height: 31px;
    width: 100%;
}
    footer .sectorDerecho ul li {
    margin: 0 1px;
}
    footer .sectorDerecho h4 {
    margin-top: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    text-align: center;
    margin: 20px auto;
    color: #fff;
    font-size: 9px;
}
    #FormularioPrintea .SectorDerecho .InfoContacto {
    width: 87%;
    margin: 0px 7% 60px 7%;
}
    #Offset .BloqueIzquierdo iframe {
    width: 100%;
    height: 188px;
}
    #AcabadosEspeciales .BloqueIzquierdo p {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #fff;
    padding: 20px 8%;
}
    #Clientes .IndividualClientes {
    width: 32%;
}
    .DataSplide2 ul {
    top: 352px;
}
    #ResponsabilidadSocial {
        padding-top: 50px
    }  
}