/* CSS per i banner pubblicitari e i tag DFP per il sito il24ore.tv by Massimo Pomponio a.k.a. Urghesgrunt */

/* stile di default per cellulari e tablet fino a 480px di larghezza in pixel logici */


/* ----- adv generale ----*/

#wrapper {
    padding-top: 5px;
}

#wrapper.modello {
    margin-top: 15.625%;    
}

.adv {
    overflow: hidden;
    text-align: center;
    position: relative;
}

.wrap-adv {
    min-height: 0px;
}

.wrap-adv .adv {
    background-color: transparent;
}

.wrap-adv > .adv > DIV {
    position: absolute;
    display: block !important;
    width: auto !important;
    height: auto !important;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    margin-left: 50%;
}

.wrap-adv > .adv > div > IFRAME {
    display: block;
    margin-left: -50%
}

/* ----- adv platino ----*/
#wrapper_platino {
    position: absolute;
	top: 0px;
    width: 100%;
    max-width: 1920px;
    left: 0;
    right: 0;
    margin: 0 auto;
	z-index: 0;
}
    
#wrapper_platino.modello.fixed {
    position: fixed;
    width: 100%;
    z-index: 1;
}

.wrap-adv.platino {
    position: absolute;
}

.wrap-adv.platino.centrale {
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 15px;
}

.wrap-adv.platino.sx {
    right: 100%;
}

.wrap-adv.platino.dx {
    left: 100%;
}

#wrapper_platino.modello.fixed > .wrap-adv.platino.modello.sx, #wrapper_platino.modello.fixed > .wrap-adv.platino.modello.dx {
    position: absolute;
}

.wrap-adv.platino.modello.sx, .wrap-adv.platino.modello.dx {
    position: fixed;
}

.wrap-adv.platino.centrale > .adv.platino.centrale{
    padding-bottom: 15.625%;
}

.wrap-adv.platino > .adv.platino.sx, .wrap-adv.platino > .adv.platino.dx {
    padding-bottom: 600px;
    float: none;
}  
    
.adv.modello > div {
    position: absolute;
    left: 0;
    top: 0;
}


/* ----- adv oro ----*/
.adv.oro:hover {
	cursor: pointer;
}

.adv.oro {
    width: 320px;
    height: 50px;
}

.adv.oro.modello{
    width: 100%;
    height: auto;
}
    
.adv.oro.modello.espPic {
    padding-bottom: 12.37113402061856%;
}

.adv.oro.modello.espMed {
    padding-bottom: 25.77319587628866%;
}

.adv.oro.modello.espGra {
    padding-bottom: 30.92783505154639%;
}

@media screen and (max-width: 992px) and (min-aspect-ratio: 68/48) {
    
    .adv.oro.modello.compPic {
        padding-bottom: 4.639175257731959%;
    }
    
    .adv.oro.modello.compMed {
        padding-bottom: 6.804123711340206%;
    }
    
    .adv.oro.modello.compGra {
        padding-bottom: 9.278350515463918%;
    }
}

/* ----- adv 8x1 (argento rame cobalto) ----*/

.wrap-adv.adv8x1 > .adv {
    padding-bottom: 15.625%;
    min-height: 50px;
}

.wrap-adv.adv8x1.modello > .adv.modello {
    min-height: 0px;
}

.wrap-adv.adv8x1 > .adv > DIV {
    margin-top: 6.181318681318681%;
}

.wrap-adv.adv8x1 > .adv > div > IFRAME {
    margin-top: -6.181318681318681%;
}

/* ----- adv 6x5 (rosso, bordeaux, marrone, smeraldo, verde etc etc ) ----*/

.wrap-adv.adv6x5 > .adv, .wrap-adv.adv6x5.modello > .adv.modello {
    padding-bottom: 83.333333333333%;
}

.wrap-adv.adv6x5 > .adv > DIV {
    margin-top: 41.666666667%;
}

.wrap-adv.adv6x5 > .adv > div > IFRAME {
    margin-top: -41.666666667%;
}

/* ----- adv 3x6 (rosa, etc) ----*/
.wrap-adv.adv3x6 > .adv {
    padding-bottom: 200%;
}

.wrap-adv.adv3x6 > .adv > div {
    margin-top: 100%;
}

.wrap-adv.adv3x6 > .adv > div > iframe {
    margin-top: -100%;
}

.wrap-adv.adv300x100 > .adv {
    padding-bottom: 33.333333%;
}
/* ----- adv 300x100 (antracite, etc) ----*/
.wrap-adv.adv300x100 > .adv > div {
    margin-top: 16.666667%;
}

.wrap-adv.adv300x100 > .adv > div > iframe {
    margin-top: -16.666667%;
}
/* ----- adv 300x50 (ardesia, etc) ----*/
.wrap-adv.adv300x50 > .adv {
    padding-bottom: 16.666667%;
}

.wrap-adv.adv300x50 > .adv > div {
    margin-top: 8.333333%;
}

.wrap-adv.adv300x50 > .adv > div > iframe {
    margin-top: -8.333333%;
}

/*-------- adv modello -------*/



.wrap-adv > .adv.modello > DIV, .wrap-adv > .adv.modello > DIV > IFRAME {
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    top: 0;
    left: 0;
}

/*----- adv carousel ----*/

.galleryContent .wrap-adv.adv6x5 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 336px;
    height: auto;
}

.galleryContent .wrap-adv.adv6x5.modello {
    width: 100%;
	height: 100%;
}

.galleryContent .wrap-adv.giallo.modello > .adv.modello {
    padding-bottom: 55.63186813186813%;
}


/* stile per risoluzioni superiori a 468px */

@media screen and (min-width:515px) {

    .wrap-adv.adv8x1.modello > .adv.modello {
        padding-bottom: 12.36263736263736%;
    }
    
}

/* stile per risoluzioni superiori a 768px coerentemente con Bootstrap */

@media screen and (min-width:768px) {

    #wrapper.modello {
        margin-top: 9.278350515463918%;    
    }
    
    #wrapper_platino {
        top: 1.65vw;
    }
    
    .wrap-adv.platino.centrale {
        padding: 0px;
    }

    .wrap-adv.platino.centrale > .adv.platino.centrale{
        padding-bottom: 9.278350515463918%;
    }
    
    /*----------------adv oro-----------------------------*/
    .adv.oro {
        width: 728px;
        height: 90px;
    }

    .adv.oro.modello{
        width: 100%;
        height: auto;
    }
    
    /*---------------adv 8x1----------------------------*/
    .wrap-adv.adv8x1 > .adv {
        padding-bottom: 12.36263736263736%;
    }
    
    /*---------------adv 6x5----------------------------*/
    .wrap-adv.adv6x5 > .adv, .wrap-adv.adv6x5.modello > .adv.modello {
        padding-bottom: 292px;
    }
    
    .wrap-adv.adv-filler {
        height: 191px;
    }
    
    .adv.antracite {
    }
    
    .adv.ardesia {
    }
}

/* stile per risoluzioni superiori a 992px coerentemente con Bootstrap */

@media screen and (min-width:992px) {

    
    #wrapper_platino {
        width: 992px;
    }
    
    #wrapper_platino.modello.fixed {
        position: fixed;
        width: 100%;
        z-index: 1;
    }
    
    .wrap-adv.platino.centrale{
        width: 992px; 
    }
    
    .wrap-adv.platino.sx{
        position: absolute;
        left: auto;
        right: 50%;
        margin-right: 496px;
    }
    
    .wrap-adv.platino.dx {
        position: absolute;
        right: auto;
        left: 50%;
        margin-left: 496px;
    }
    
    .wrap-adv.platino.modello.centrale{
        width: 100%;
        padding-bottom: 9.278350515463918%;
    }
    
    /*----------------- adv oro ---------------------*/
    .adv.oro {
        width: 970px;
        height: 90px;
    }

    .adv.oro.modello{
        width: 100%;
        height: auto;
    }
    
    .adv.oro.modello.compPic {
        padding-bottom: 4.639175257731959%;
    }
    
    .adv.oro.modello.compMed {
        padding-bottom: 6.804123711340206%;
    }
    
    .adv.oro.modello.compGra {
        padding-bottom: 9.278350515463918%;
    }
    
    .adv.oro.modello.espPic:hover, .adv.oro.modello.espPic.hover {
        padding-bottom: 12.37113402061856%;
    }
    
    .adv.oro.modello.espMed:hover, .adv.oro.modello.espMed.hover {
        padding-bottom: 25.77319587628866%;
    }
    
    .adv.oro.modello.espGra:hover, .adv.oro.modello.espGra.hover {
        padding-bottom: 30.92783505154639%;
    }
    
    /*------------ adv6x5--------------------------*/

    .wrap-adv.adv6x5 > .adv, .wrap-adv.adv6x5.modello > .adv.modello {
        padding-bottom: 257px;
    }
    
    .adv.modello > div {
        position: absolute;
        left: 0;
        top: 0;
    }
    
    .wrap-adv.adv-filler {
        height: 168px;
    }
    
    .logo ~ .wrap-adv.adv8x1 {
    margin-top: 25px;
    }

    .wrap-adv > .adv.argento > DIV {
        margin-left: auto;
        margin-right: 0px;
        right: 0px;
    }

    .wrap-adv > .adv.argento > div > IFRAME {
        margin-left: auto;
        margin-right: 0px;
        right: 0px;
    }
    
}


/* stile per risoluzioni superiori a 1200px coerentemente con Bootstrap */
@media screen and (min-width:1200px) {
    
    #wrapper_platino {
        width: 1238px;
        left: -19px;
        right: -19px;
        margin: 0 auto;
    }
    
    #wrapper.modello {
        width: 80.19401778496362%;
        min-width: 992px;
        margin-top: 7.437348423605497%;
        padding-left: 11px;
        padding-right: 11px;
    }
    
    #wrapper_platino.modello.fixed {
        position: fixed;
        min-width: 1238px;
/*        max-width: 1440px;*/
        z-index: 1;
    }
    
    .wrap-adv.platino.centrale{
        width: 992px; 
    }
    
    .wrap-adv.platino.modello.centrale{
        width: 992px;
        padding-bottom: 92px;
    }
    
    .wrap-adv.platino.sx, .wrap-adv.platino.dx {
        width: 120px;
        height: 600px;
    }
    
    .wrap-adv.platino.modello.centrale{
        width: 80.19401778496362%;
        padding-bottom: 7.437348423605497%
    }
    
    .wrap-adv.modello.platino.sx, .wrap-adv.modello.platino.dx {
        width: 9.917355371900826%;
    }

    .wrap-adv.platino.modello > .adv.platino.sx.modello, .wrap-adv.platino.modello > .adv.platino.dx.modello {
        padding-bottom: 500%;
    }
    
    #wrapper_platino.modello > .wrap-adv.modello.platino.sx{
        left: auto;
        right: 90.08264462809917%;
        margin: 0;
    }
    
    #wrapper_platino.modello > .wrap-adv.modello.platino.dx {
        right: auto;
        left: 90.08264462809917%;
        margin: 0;        
    }
    
}

/* stile per risoluzioni superiori a 1605px permettere il tag PLATINO */
@media screen and (min-width:1605px) {

    #wrapper.modello {
        width: 61.78343949044586%;
        margin-top: 5.73208722741433%;    
    }
    
    #wrapper_platino {
        width: 100%;
    }
    
    #wrapper_platino.modello.fixed {
        position: fixed;
        min-width: 1605px;
        max-width: 1920px;
        z-index: 1;
    }
    
    .wrap-adv.platino.centrale{
        width: 992px; 
    }
    
    .wrap-adv.platino.sx, .wrap-adv.platino.dx {
        width: 300px;
    }
    
    .wrap-adv.platino.modello.centrale{
        width: 61.78343949044586%;
        padding-bottom: 5.7324840764331211%
    }
    
    .wrap-adv.modello.platino.sx, .wrap-adv.modello.platino.dx {
        width: 19.10828025477707%;
    }

    .wrap-adv.platino.modello > .adv.platino.sx.modello, .wrap-adv.platino.modello > .adv.platino.dx.modello {
        padding-bottom: 200%;
    }
    
    #wrapper_platino.modello > .wrap-adv.modello.platino.sx{
        left: auto;
        right: 80.89171974522293%;
        margin: 0;
    }
    
    #wrapper_platino.modello > .wrap-adv.modello.platino.dx {
        right: auto;
        left: 80.89171974522293%;
        margin: 0;        
    }
    
}

/* stile per risoluzioni superiori a 1880px permettere il tag PLATINO */
@media screen and (min-width:1880px) {
    
    #wrapper.modello {
        width: 61.78343949044586%;
        padding-left: 14px;
        padding-right: 14px;
    }
    
    #wrapper_platino {
        min-width: 1880px;
        max-width: 1920px;
    }
    
    .wrap-adv.platino.centrale{
        width: 1162px; 
    }
    
    .wrap-adv.platino.sx, .wrap-adv.platino.dx {
        width: 300px;
    }
    
    .wrap-adv.platino.sx{
        margin-right: 581px;
    }
    
    .wrap-adv.platino.dx {
        margin-left: 581px;
    }
    
    /*----------------- adv oro ---------------------*/
    
    
    /*------------ adv6x5--------------------------*/
    
    .wrap-adv.adv6x5 > .adv, .wrap-adv.adv6x5.modello > .adv.modello {
        padding-bottom: 292px;
    }
    
    #logo .wrap-adv.adv8x1 {
        margin-top: 25px;
    }
}