@font-face {
    font-family: 'Optima';
    font-style: normal;
    font-weight: normal;
    src: local('Optima'), url('https://www.vincigrembiule.it/contest_pp/OPTIMA.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Optima Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Optima Italic'), url('https://www.vincigrembiule.it/contest_pp/Optima_Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Optima Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Optima Medium'), url('https://www.vincigrembiule.it/contest_pp/Optima Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Optima Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Optima Bold'), url('https://www.vincigrembiule.it/contest_pp/OPTIMA_B.woff') format('woff');
    }


@font-face {
    font-family: 'Ubuntu';
    src: url('https://www.vincigrembiule.it/contest_pp/Ubuntu-Regular.woff') format('woff'),
		url('https://www.vincigrembiule.it/contest_pp/Ubuntu-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('https://www.vincigrembiule.it/contest_pp/Ubuntu-Bold.woff') format('woff'),
		url('https://www.vincigrembiule.it/contest_pp/Ubuntu-Bold.ttf') format('truetype');
    font-weight: 700;
}

/*1em = 16px*  ||  1px = 0.0625em*/
* { padding: 0; margin: 0; }
body { font-size: 1em; font-family: 'Optima', sans-serif; background-color:#530a4a/*40ae49*/; margin: 0; padding: 0; color: #fff; }
/*
.luckiest-guy-regular {
  font-family: "Luckiest Guy", serif;
  font-weight: 400;
  font-style: normal;
}
.ubuntu-light {
  font-family: "Ubuntu", serif;
  font-weight: 300;
  font-style: normal;
}
*/

.web { display: none; }
.medio { font-size: 1.375em; } /*aree 22px*/
.small { font-size: 0.75em; } /*aree 12px*/

span.normal { color: #000; }
span.color { color: #f00; }
span.corsivo { font-style: italic; }

hr { color: #c6bfb2; height:2px; margin-top: 20px; margin-bottom: 20px; }
h1.bicolor { font-size: 200%; color: #f00; }
div.data { max-width: 680px;; margin-left: 5%; margin-right: 5%; font-size: 150%; font-weight: bold; color: #fff; background-color: #e37910; text-align: center; padding: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
h1.normal { font-size: 200%; }
h1.titolo { color:#000; font-weight: bold; text-align: center; }
h1.titolo_colorato { color:#fff/*e37910*/; /*font-weight: bold;*/ text-align: center; font-family: "Optima", serif;
    text-shadow: 
        -2px -2px 0 #611061,  
         2px -2px 0 #611061,
        -2px  2px 0 #611061,
         2px  2px 0 #611061; /* Contorno rosso */
    font-size: 250%; /* Dimensione del testo */
    font-weight: bold; /* Grassetto per una migliore visibilità */ }
span.titolo_home { color:#fff/*e37910*/; /*font-weight: bold;*/ text-align: center; font-family: "Optima", serif;
    text-shadow: 
        -2px -2px 0 #611061,  
         2px -2px 0 #611061,
        -2px  2px 0 #611061,
         2px  2px 0 #611061; /* Contorno rosso */
    font-size: 150%; /* Dimensione del testo */
    font-weight: bold; /* Grassetto per una migliore visibilità */ }

span.titolo_esito { color:#fff/*e37910*/; /*font-weight: bold;*/ text-align: center; font-family: "Optima", serif;
    text-shadow: 
        -2px -2px 0 #611061,  
         2px -2px 0 #611061,
        -2px  2px 0 #611061,
         2px  2px 0 #611061; /* Contorno rosso */
    font-size: 200%; /* Dimensione del testo */
    font-weight: bold; /* Grassetto per una migliore visibilità */ }

span.sottotitolo_esito { color:#fff/*e37910*/; /*font-weight: bold;*/ text-align: center; font-family: "Optima", serif;
    text-shadow: 
        -2px -2px 0 #611061,  
         2px -2px 0 #611061,
        -2px  2px 0 #611061,
         2px  2px 0 #611061; /* Contorno rosso */
    font-size:160%; font-weight: normal; /* Dimensione del testo */
    /*font-weight: bold; /* Grassetto per una migliore visibilità */ }
h2.testo_viola { color:#4472c4/*a405a4/*e37910*/; }

a.link { color:#fff; }
a.link:visited { color:#fff; }
a.link_footer { color:#fff; }
a.link_footer:visited { color:#fff; }
a.link_azzurro { color:#0088dc; font-size: 1.375em; }
a.link_azzurro:visited { color:#0088dc; }
a.link_regolamento { color:#000; }
a.link_regolamento:visited { color:#000; }

img.pin { max-width: 250px; padding-left:10px; padding-right: 10px; }

a.pulsante { padding: 15px 35px; font-weight: bold; font-size: 1.4em; text-align: center; color:#fff; background-color: #f00; text-decoration: none; }
a.pulsante:active { color:#f00; background-color: #fff; border: 1px solid #f00; }

div.bianco { width:100%; background-color: #fff; }
div.grigio { width:100%; background-color: #e95858; background-image: url("images/bg_card.png"); background-position: bottom; background-repeat: repeat-x; }

div.complessivo { max-width:1000px; margin-left:auto; margin-right:auto; /*margin-top: 45px; background-color: #fff;*/ text-align: center; color: #061c40; }

div.content { width:100%; background-color:#791d78; background-image: url("https://www.vincigrembiule.it/contest_pp/images/bg_full.png"); }
	div.testata_img { width:100%; margin-top: 65px; }
	div.content_inner { max-width:96%; margin-left:auto; margin-right:auto; padding:2%; /*color: #4472c4; background-image: url("images/bg_full.png"); background-repeat: repeat-y; background-size: 100% auto; width: 100%; height: auto;*/ }

div.cento { /*width:96%; padding-left:2%; padding-right:2%; padding-top: 20px; background-color: #fff; -webkit-border-top-left-radius: 50px; -webkit-border-bottom-right-radius: 50px; -moz-border-radius-topleft: 50px; -moz-border-radius-bottomright: 50px; border-top-left-radius: 50px; border-bottom-right-radius: 50px;*/ }
div.box_grigio { background-color: #ededed; padding:5%; }
div.tabella_affiancata { /*display: none;*/ }
	div.colonna_sx { background-color: #ea5c47; color: #fff; font-size: 1.75em; /*padding: 5%;*/ }
	div.colonna_dx { background-color: #fff; color: #f00; /*padding: 5%;*/ }


div.cento_inner { width:98%; padding-left:2%; padding-right:2%; }/*serve per allineare i padding esterni con i box cinquanta che non ci sono*/
div.cento_centrato { width:98%; padding-left:2%; padding-right:2%; text-align: center; }
div.cento_bottom { width:98%; padding-left:2%; padding-right:2%; padding-bottom:10px; }

div.trenta_centrato { padding-left:1%; padding-right:1%; padding-bottom:20px; text-align: center; }

div.venticinque { text-align: center; }
	div.venticinque_inner { padding: 0px 10px 30px 10px; }
div.trentatre { text-align: center; }
	div.trentatre_inner { padding: 0px 10px 30px 10px; }

div.privacy { padding: 15px; /*background-color: rgba(255,255,255,0.50)*/}

div.box_soglia { border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; padding: 10px 40px 10px 40px; background-color: #fff; box-shadow: 0px 0px 15px 5px #59813b; font-size: 200%; font-weight: bold; width: auto; margin-left: auto; margin-right: auto; display: inline-block; color: #21471e; }

div.box4_neutro { }
div.box4_colore { background-color: #ededed; }
img.img_box_home { max-width: 250px; }

img.button_home { max-width: 327px; }
img.dolci_prezioni_home { width: 40%; max-width: 400px; }

div.footer { width:100%; background-color: #530a4ac; /*border-top: 5px #59813b solid;*/ }
div.footer_inner { padding:2%; text-align: center; font-size: 80%; color:#fff; }
	div.footer_logo { }
	div.footer_text { }


@media (min-width: 1000px) {
	.web { display: block; }
	.mobile { display: none; }
	
	div.testata_img { max-width:1396px; margin-left: auto; margin-right: auto; }
	div.data { margin-left: auto; margin-right: auto; }

	div.content_inner { max-width:1000px; margin-left:auto; margin-right:auto; padding:0px; }
	
	div.cento { width:1000px; padding: 20px 0px 20px 0px; }
	
	div.tabella_affiancata { display:table; height:auto; width:1000px; height: 275px; }
		div.colonna_sx { display:table-cell; vertical-align:middle; /*background-color:#ea5c47; color:#fff; font-size: 1.75em;*/ width: 500px; /*padding: 0px;*/ }
		div.colonna_dx { display:table-cell; vertical-align:middle; /*background-color:#fff;*/ width: 500px; /*padding: 0px;*/ }
	
	div.cinquanta_nomargin { width:50%; float: left; text-align: center; background-color: transparent;}
	div.cinquanta { width:48%; padding-left:1%; padding-right:1%; float: left; /*font-style:italic;*/ padding-bottom:20px; }
	div.cinquanta_centrato { width:48%; padding-left:1%; padding-right:1%; /*font-style:italic;*/margin-left:auto; margin-right: auto; text-align: center; }
	div.cinquanta_bottom { width:48%; padding-left:1%; padding-right:1%; float: left; padding-bottom:10px; }
	
	div.trenta_centrato { width:30%; padding-left:1%; padding-right:1%; float: left; padding-bottom:20px; text-align: center; }
	
	div.venticinque { width: 25%; float: left; }
		div.venticinque_inner { padding: 0px 15px 30px 15px; }
	div.trentatre { width: 33%; float: left; }
		div.trentatre_inner { padding: 0px 15px 30px 15px; }
	
	div.box4_neutro { width: 25%; float: left; }
	div.box4_colore { width: 25%; float: left; }
	img.img_box_home { }
	img.dolci_prezioni_home { width: 30%; }
	
	div.footer_inner { max-width: 1000px; margin-left: auto; margin-right: auto; padding:0px;}
		div.footer_logo { float:left; width: 30%; }
		div.footer_text { float:left; width: 70%; }
}