body {
    text-align: center;
    min-width: 995px;
    font-family: 'Lato', sans-serif;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
}

.body-marketing{
    background-image: url('../img/marketing-fondo.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
}

.body-smart{
    background-image: url('../img/smart-packaging-fondo.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
}

.body-etiquetaje{
    /*background-image: url('../img/etiquetaje-fondo.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;*/
}

.body-etiquetas-adhesivas{
    /*background-image: url('../img/etiquetas-adhesivas-fondo.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;*/
}

img {
    border:0;
}


/* contenedor principal */
#container {
    margin-left: auto;
    margin-right: auto;
    width: 995px;
}

/* Cabecera */

#header {
    float: left;
    width: 100%;
    height: 80px;
    border-bottom: 2px solid #cdcdcd;
    background-color: #ededed;
}
#header_menu {
    float: left;
    width: 976px;
    height: 80px;
    margin-top: -80px;
}
#header_menu #logo{
    position: absolute;
    margin-left: 50px;
    margin-top: 15px;
    z-index: 9999999;
}


/* Idiomas */

#idioma {
    margin-top: 7px;
    border: 1px solid #ccc;
    width: 101px;
    background-color: #ffffff;
    position: absolute;
    z-index: 100;
    margin-left: 855px;
}
#idioma .language-switcher{
	background-color: #ffffff;
        float: right;
        padding: 3px 0px 3px 25px;
        background: url('../img/globo.jpg') 6px 4px no-repeat #fff;
        text-align: right;
        width: 60px;
        margin-right: 10px;
        margin-top: -16px;
        margin-right: 15px;
}

#idioma .language-switcher a {
	margin: 3px 5px;
	display: none;
        color: #999;
        text-decoration: none;
        font-size: 10px;
        font-weight: 600;
        float: right;
        text-transform: uppercase;
}
#idioma .language-switcher a:hover {
        color: #575756;
}
#idioma .language-switcher a.active {
	display: block;
}
#idioma img {
	float: right;
        margin: 8px 5px 0 5px;
}

#language-selector {
    margin-top: 7px;
    border: 1px solid #ccc;
    width: 101px;
    background-color: #ffffff;
    position: absolute;
    z-index: 100;
    margin-left: 855px;
    height: 20px;
    display: none;
    
}
#language-selector #language {
    width: 101px;
    border: none;
    color: #555;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    text-align: center;
    padding-top: 1px;  
    background-color: #ffffff;
}


/* Contenido */
#content {
    float: left;
    width: 976px;
}
#content #slide{
    float: left;
    width: 976px;
    height: 399px;
}
#content #slide h1{
    float: left;
    text-align: left;
    font-weight: normal;
    color: #fff;
    width: 350px;
    font-size: 25px;
}
#content #slide a{
    font-weight: normal;
    color: #272727;
    font-size: 12px;
    padding-top: 10px;
}
.body-empresa #content #slide {
    margin-top: -20px;
    margin-bottom: 40px;
    width: 863px;
    height: 575px;
    margin-left: 55px;
}
#content #banner{
    float: left;
}
.acabados-exclusivos{
    width: 922px;
    height: 161px;
    background-image: url('../img/mkt_acabados.jpg');
}
.unicard{
    width: 922px;
    height: 161px;
    background-image: url('../img/mkt_unicard.jpg');
}
.personalizacion{
    width: 922px;
    height: 161px;
    background-image: url('../img/mkt_personalizacion.jpg');
}
.experiencia{
    width: 922px;
    height: 161px;
    background-image: url('../img/mkt_experiencia.jpg');
}
.ensobrados{
    width: 922px;
    height: 161px;
    background-image: url('../img/mkt_ensobrados_envios.jpg');
}
.marketing{
    width: 922px;
    height: 161px;
    background-image: url('../img/mkt_marketing.jpg');
}
.marketing-galeria{
    width: 922px;
    height: 161px;
    background-image: url('../img/marketing-galeria.jpg');
}
.smart-packaging{
    width: 922px;
    height: 161px;
    background-image: url('../img/smart-packaging-top.jpg');
}
.flexible-packaging{
    width: 922px;
    height: 161px;
    background-image: url('../img/flexible-packaging-top.jpg');
}
.packaging-tecnologia{
    width: 922px;
    height: 161px;
    background-image: url('../img/packaging-tecnologia-top.jpg');
}
.etiquetaje{
    width: 922px;
    height: 161px;
    background-image: url('../img/etiquetaje-top.jpg');
}
.etiquetas-adhesivas{
    width: 922px;
    height: 161px;
    background-image: url('../img/etiquetas-adhesivas.jpg');
}
.etiquetaje-inmold{
    width: 922px;
    height: 161px;
    background-image: url('../img/etiquetaje-inmold.jpg');
}
.etiquetaje-shrink{
    width: 922px;
    height: 161px;
    background-image: url('../img/etiquetaje-top.jpg');
}
.multi-capa{
    width: 922px;
    height: 161px;
    background-image: url('../img/flexible-packaging-top.jpg');
}

.mono-capa{
    width: 922px;
    height: 175px;
    background-image: url('../img/monocapa-top.jpg');
}

.doypack{
    width: 922px;
    height: 175px;
    background-image: url('../img/doypack-top.jpg');
}
.sachet{
    width: 922px;
    height: 175px;
    background-image: url('../img/sachet-top.jpg');
}


.etiquetaje-wrap-around{
    width: 922px;
    height: 161px;
    background-image: url('../img/etiquetaje-wrap-around.jpg');
}
.aportamos{
    width: 922px;
    height: 161px;
    background-image: url('../img/aportamos.jpg');
}
.empresa-tgb{
    width: 976px;
    height: 158px;
    background-image: url('../img/empresa.jpg');
}
.contacto-tgb{
    width: 976px;
    height: 158px;
    background-image: url('../img/contacto.jpg');
}


#content #banner h1{
    float: right;
    margin-top: 57px;
    margin-right: 57px;
    text-align: right;
    font-weight: normal;
    color: #fff;
    width: 550px;
    line-height: 30px;
    font-size: 23px;
}
#content #banner h1 span{
    font-size: 26px;
    font-weight: 700;
}
h2.interior{
    float: left;
    margin-top: -55px;
    width: 100%;
    text-align: center;
    font-size: 23px;
    font-weight: 700;
    color: #808285;
}
.body-empresa h2.interior, .body-contacto h2.interior {
    margin-top: 25px;
    margin-bottom: 35px;
}

#content .copy{
    float: left;
    width: 100%;
    padding: 10px;
}
h2{
    float: left;
    margin-top: 15px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    color: #808285;
}
#content .separa-rollo{
    float: left;
    width: 100%;
    margin-top: -5px;
    margin-bottom: 12px;
}
#content .separa-interior{
    float: left;
    width: 100%;
    margin-top: -15px;
    margin-bottom: 12px;
}

#content #banner-izq{
    float: left;
}
#content #banner-der{
    float: right;
}
#content #contenido-interior{
    float: left;
    text-align: left;
    color: #4e4e4e;
    font-size: 13px;
    padding-top: 0px;
    padding-bottom: 40px;
    line-height: 20px;
}
#content #contenido-interior a{
    color: #EC1D25;
    text-decoration: none;
}
#content #contenido-interior a:hover{
    color: #000;
}
#content #contenido-interior a.link{
    color: #fff;
    text-decoration: none;
}
#content #contenido-interior a.link:hover{
    text-decoration: underline;
}


#content #contenido-interior .aportacion-close-right{
    float: left;
    clear: both;
    margin-left: 330px;
    background-image: url("../img/aportacion-close-right.png");
    width: 311px;
    height: 199px;
    margin-bottom: -45px;
    -webkit-transition: all 1s;
    transition: all 1s;
}
#content #contenido-interior .aportacion-close-right.moving {
    margin-left: 627px;
}
#content #contenido-interior .aportacion-full-right{
    float: left;
    margin-left: -7px;
    background-image: url("../img/aportacion-full-right.png");
    width: 945px;
    height: 199px;
    margin-bottom: -45px;
    margin-top: -150px;
    opacity: 0;
    -webkit-transition: opacity 2s;
    transition: opacity 2s;
}
#content #contenido-interior .aportacion-full-right.moving {
    opacity: 1;
}
#content #contenido-interior .aportacion-close-left{
    float: left;
    clear: both;
    margin-left: 330px;
    background-image: url("../img/aportacion-close-left.png");
    width: 311px;
    height: 199px;
    margin-bottom: -45px;
    -webkit-transition: all 1s;
    transition: all 1s;
}
#content #contenido-interior .aportacion-close-left.moving {
    margin-left: 40px;
}
#content #contenido-interior .aportacion-full-left{
    float: left;
    margin-left: 40px;
    background-image: url("../img/aportacion-full-left.png");
    width: 945px;
    height: 199px;
    margin-bottom: -45px;
    margin-top: -150px;
    opacity: 0;
    -webkit-transition: opacity 2s;
    transition: opacity 2s;
}
#content #contenido-interior .aportacion-full-left.moving {
    opacity: 1;
}
#content #contenido-interior .aportacion-texto-left{
    float: left;
    margin-left: 20px;
    margin-top: 70px;
    width: 560px;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    text-align: justify;
}
#content #contenido-interior .aportacion-texto-right{
    float: left;
    margin-left: 70px;
    margin-top: 60px;
    width: 560px;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    text-align: justify;
}
#content #contenido-interior .aportacion-img-right{
    float: left;
    margin-left: 85px;
    margin-top: 40px;
    cursor: pointer;
 }
#content #contenido-interior .aportacion-img-left{
    float: left;
    margin-left: 35px;
    margin-right: 50px;
    margin-top: 40px;
    cursor: pointer;
 }

#content #contenido-interior-shrink{
    float: left;
    text-align: left;
    text-align: justify;
    width: 485px;
    color: #4e4e4e;
    font-size: 13px;
    padding-top: 0px;
    padding-bottom: 40px;
    line-height: 20px;
}

#content #galeria{
    float: left;
    width: 990px;
    margin-top: 10px;
}
#content #galeria .producto{
    float: left;
    width: 185px;
    height: 240px;
    background-color: #757575;
    margin-right: 13px;
    margin-bottom: 27px;
}
#content #galeria .producto span{
    float: left;
    color: #fff;
    font-size: 11px;
    padding-top: 18px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 12px;
    text-align: right;
    width: 165px;
    height: 25px;

}
#content #galeria .producto img{
    float: left;
    width: 185px;
    height: 185px;
}

#content .separa-tgb{
    float: left;
    width: 100%;
    margin-top: 17px;
    margin-bottom: 12px;
}

/* Contacto */

#content .content_info {
    float: left;
    width: 976px;
    height: 308px;
    margin-top: 15px;
}
#content .content_info .content_text {
    float: left;
    color: #fff;
    background-color: #ed1c24;
    width: 286px;
    height: 238px;
    font-size: 16px;
    line-height: 22px;
    padding-top: 70px;
    padding-left: 70px;
}
#content .content_info .content_text span {
    font-size: 20px;
}
#content .content_info .content_text.right {
    text-align: right;
    padding-left: 0px;
    padding-right: 70px;
}
#content .content_info .content_map {
    float: left;
    width: 620px;
    height: 308px;
}

#content .content_info.madrid.resp {
    display: none;
}

/* Pie de pagina */

#footer {
    clear: both;
    float: left;
    width: 100%;
    background-color: #757575;
    text-align: center;
    margin-top: 5px;
    color: #000;
    font-size: 11px;
    line-height: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#footer_content {
    width: 960px;
    margin: 0 auto;
}

#footer span.cap{
    color: #ed1c24;
}
#footer a{
    color: #e1e1e1;
    text-decoration: none;
    color: #e1e1e1;
}
#footer a:hover{
    text-decoration: underline;
}

.ul_interior{
    list-style-image: url("../img/square-ul.png");
    padding-bottom: 7px;
}

#logo_iso{
    position: absolute;
    z-index: 2000;
    margin-left: 800px;
    margin-top: -90px;
}


#contenido-interior-responsive{
    float: left;
    width: 90%;
    margin: 40px 5%;
    text-align: justify;
}
#contenido-interior-responsive .item{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #EC1D25;
    padding-top: 10px;
}
#contenido-interior-responsive .item .imagen{
    float: left;
    width: 15%;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
}
#contenido-interior-responsive .item .imagen img{
    width: 100px;    
}
#contenido-interior-responsive .item .textos{
    float: left;
    width: 80%;
    margin-left: 5%;
}
#contenido-interior-responsive .item .textos strong{
    color: #EC1D25;
}







@media only screen and (max-width: 1040px) {

    body {
        min-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }
    #header_menu {
        width: 100%;
    }
    #header_menu #logo{
        position: absolute;
        margin-left: 5%;
        margin-top: 15px;
        width: 5%;
    }
    .acabados-exclusivos,
    .unicard,
    .personalizacion,
    .experiencia,
    .ensobrados,
    .marketing,
    .marketing-galeria,
    .smart-packaging,
    .flexible-packaging,
    .packaging-tecnologia,
    .etiquetaje,
    .etiquetas-adhesivas,
    .etiquetaje-inmold,
    .etiquetaje-shrink,
    .multi-capa,    
    .mono-capa,
    .doypack,
    .sachet,
    .etiquetaje-wrap-around,
    .aportamos,
    .empresa-tgb,
    .contacto-tgb{
        width: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #container {
            margin-left: auto;
            margin-right: auto;
        width: 100%;
    }
        #content {
            float: left;
        width: 100%;
    }
    #content #slide{
            float: left;
        width: 100%;
            height: 399px;
    }
    h2.interior {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 30px;
    }
    #content #contenido-interior {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .body-empresa #content #slide {
        width: 80% !important;
        margin-left: 9% !important;
    }
    #footer_content {
        width: 100%;
        margin: 0 auto;
    }
    #footer_content .textos{
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    #footer_content .logos_footer{
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    #logo_iso {
        position: relative;
        z-index: 2000;
        margin-left: 0px;
        margin-top: 30px;
    }
    #logo_iso img{
        display: inline-block !important;
        width: auto;
        margin: 5px 0px !important;
        padding: 0px;
    }
    .descarga_pdf{
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    #idioma {
        margin-left: 0px;
        right: 5%;
    }
    #language-selector {
        margin-left: 0px;
        right: 5%;
    }
    #separa-interior-galeria-marketing{
        margin-top: 40px !important;
    }
    #content .separa-interior img{
        width: 100%;
    }
    #content .separa-rollo img{
        width: 100%;
    }
    #content #contenido-interior-shrink {
        width: 45%;
        margin-left: 5%;
        margin-right: 0px;
    }
    #content .contenido-interior-shrink-images {
        float: left !important;
        width: 40% !important;
        margin-left: 5% !important;
        margin-right: 5% !important;
    }
    #content .contenido-interior-shrink-images img{
        width: 100% !important;
    }    
    #content #galeria{
        width: 90%;
        margin-top: 30px;
        margin-left: 5%;
        margin-right: 5%;
    }
    #content #galeria .producto{
        float: none;
        display: inline-block;
    }
    #imagen-vertical-galeria{
        display: none;
    }
    #imagen-vertical{
        display: none;
    }
    #content #contenido-interior .aportacion-full-left{
        margin-left: 0px;
        width: 100%;
    }
    #content #contenido-interior .aportacion-full-right{
        margin-left: 0px;
        width: 100%;
    }


    #content .content_info {
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 30px;
    }
    #content .content_info .content_text {
        float: left;
        width: 35%;
        margin: 0px;
        height: 300px;
        box-sizing: border-box;
    }
    #content .content_info  .content_map{
        float: left;
        width: 65%;
        margin: 0px;
        height: 300px;
        box-sizing: border-box;
    }
    #content .content_info  .content_map iframe{
        width: 100% !important;
    }
    .contenido-interior-no-responsive{
        display: none;
    }
    #contenido-interior-responsive{
        display: inline-block !important;
    }
    
} 

@media only screen and (max-width: 975px) {

    #content #contenido-interior-shrink {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    #content .contenido-interior-shrink-images {
        width: 90% !important;
        margin-bottom: 50px;
    }


} 

@media only screen and (max-width: 930px) {

    #content .separa-rollo{
        margin-top: 20px;
        margin-bottom: 40px;
    }
    #content #banner-izq{
        float: none;
        display: inline-block;
        width: 90%;
        max-width: 90%;
        margin-bottom: 20px;
    }
    #content #banner-der{
        float: none;
        display: inline-block;
        width: 90%;
        max-width: 90%;
    }
    #content #banner-izq img, #content #banner-der img{
        width: 80%;
    }
    #content .separa-tgb img{
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #header_menu #logo img{
        width: 80px;
    }


} 



@media only screen and (max-width: 880px) {

    #content .content_info .content_text {
        width: 100%;
        height: auto;
        min-height: auto;
        padding: 20px 40px;
    }
    #content .content_info  .content_map{
        width: 100%;
        height: auto;
        min-height: auto;
        padding: 20px 40px;
        margin: 0px;
    }
    #content .content_info  .content_map iframe{
        width: 100%;
        margin: 0px;
        padding: 0px;
        height: 200px !important;
        min-height: 200px !important;
    }
    
    #content .content_info.madrid.no-resp {
        display: none;
    }
    #content .content_info.madrid.resp {
        display: block;
    }
    

}


@media only screen and (max-width: 870px) {
        
    #imagen-full{
        width: 90% !important;
        margin-left: 5% !important;
        margin-right: 5% !important;
        margin-top: 40px !important;
    }

} 


@media only screen and (max-width: 700px) {

    #contenido-interior-responsive .item .imagen{
        width: 30%;
    }
    #contenido-interior-responsive .item .textos{
        width: 65%;
    }

}


@media only screen and (max-width: 700px) {

    #contenido-interior-responsive .item .imagen{
        float: none;
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    #contenido-interior-responsive .item .imagen img{
        display: inline-block;
    }
    #contenido-interior-responsive .item .textos{
        float: none;
        display: inline-block;
        width: 100%;
        margin-left: 0px;
    }

}