div#blackback
{
    /*line-height:60px;*/
	position:fixed; 
	z-index:999999;
	top:0px; 
	left:0px; 
	right:0px; 
	bottom:0px; 
	background-color:rgba(0,0,0,0.5);
	font-family: 'Titillium Web', sans-serif;
	color:#0059A9;
	text-align:center;
    
    
    
    position: fixed; /* Stay in place */
    z-index: 999999; /* Sit on top */
    padding-top: 10px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    
    
}
    
#popup 
{
    background: #FFF; 
    width: 840px; 
    /*text-align:center;*/ 
    margin: 10% auto;
    padding: 20px 30px;
    position: relative; 
    /*top: 1%;*/
    /*border-radius: 8px;*/
	/*margin-bottom: 30px;*/
	/*bottom: 1%;*/
}
    
#chiudiarea
{
	position: relative;
	/*top: -15px;*/
	/*right: 10px;*/
	font-size: 120%;
    text-align: right;
    font-weight: bold;
    margin-bottom: 0px;
/*background: rgba(0, 0, 0, 0) url("data:image/png;base64,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") no-repeat right;   

*/   
}
    
#chiudiarea a:link,
#chiudiarea a:visited
{
	text-decoration: none;
	color: #0059a9;
    /*color: transparent;*/
}

#chiudiarea a:hover
{
	text-decoration: underline;
}    
#chiudiarea a:focus    
{
    outline: 2px solid #ff8c00;
}    
    
.calendario
{
    position: relative;
    line-height: 20px;
}

.giorni
{
	position: absolute;
	top: 33px;
    left: 110px;
	text-align:center;
	font-size: 30px;
	color:#FFF;
    font-weight: bold;
    position: relative;
    top: -220px;
    left: auto;
}  
.giorno
{
	position: absolute;
	top: 140px;
    left: 65px;
	text-align:center;
	font-size: 90px;
	color:#b80202;
    position: relative;
    top: -130px;
    left: auto;
}  
#testo .nasce
{
	font-size: 400%;
    font-size: 60px;
    font-weight: bold;
    /*letter-spacing: 15px;*/

}
#testo .agr 
{
	font-size: 290%;
    font-size: 30px;
    font-weight: bold;
    margin: 30px 0;

}
#testo .data p 
{
    width:70px;
	height:70px;
	display:inline-block;
    border: 3px solid #B80202;
    border-radius: 5px;
	text-align:center;
	font-size: 300%;
	font-weight:bold;
}
    
#sitelink
{
    width: 350px;
    height: 60px;
    /*border: 3px solid #B80202;
    border-radius: 5px;*/
    text-align: center;
    font-size: 200%;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px auto;
     background-image: url("../img/icona-popup_portale.png")   ;
    background-position: center right;
    background-repeat: no-repeat;
    
}
#sitelink a:link,
#sitelink a:visited
{
	text-decoration: none;
	color: #15477A;
    display: block;
    text-align: center;

}
#sitelink a:hover
{
	text-decoration: underline;
}
.definizione h1 {
	font-size: 560%;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #15477A;
    line-height: 1em;	
}
.definizione p  {
	font-size: 400%;
    /*text-transform: uppercase;*/
    font-variant: small-caps;
    color: #15477A;
    font-weight: bold;
    margin: 20px 0 0 0;
}
.info  {
	font-size: 400%;
    /*text-transform: uppercase;*/
    font-variant: small-caps;
    color: #15477A;
    font-weight: bold;
    margin: 0;
}

.definizione .data {
    margin-bottom: 30px;
 }   
    
    
.definizione .data p 
{
    width: 103px;
	height: 90px;
	display:inline-block;
    border: 1px solid #E2E2E2;
    border-radius: 5px;
	text-align:center;
	font-size: 550%;
	font-weight:bold;
    color: #BE1622;
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.75);
    margin-right: 10px;
    padding: 13px 25px 10px 6px;
}

#popup .card { 
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.75);
    margin: 20px 10px;
    padding: 10px;
    width: 85%;
    line-height: 2em;
    min-height: 100px;
    max-width: 100%;
    
} 
    
#popup .card.no_ombra { 
    border: 2px solid #1f497d;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 20px 10px;
    padding: 10px;
    width: 88%;
    line-height: 2em;
    min-height: 40px;
	margin-bottom: 25px;
} 

#popup .card.no_ombra:hover {
	background-color: #1f497d;
}

#popup .card.no_ombra:hover a {
	background-image: url("../img/freccia-dx.png");
	color: #FFFFFF;
}

#popup .card p {
    text-align: left;
    font-size: 130%;
    color: #15477A;
} 
#popup .card p span.rosso {
    color: #BE1622;
} 
    
#popup .card p a,
#popup .card p a:visited {
    display: block;
    color: #15477A;
    text-decoration: none;
    background-image: url("../img/icona-popup.png");
	background-image: url("../img/freccia-dx-blu.png");
	background-size: 36px;
	background-size: 15px;
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 50px; 
	text-align: left;
	vertical-align:middle;
} 

    background-image: url("../img/freccia-dx.png");
	color: #FFFFFF;
} 

#popup .card p a,
#popup .card p a:visited {
    padding-left: 30px; 
	min-height: 36px;
} 

#popup .card p a:hover  {
    /*text-decoration: underline;*/
} 
    
#popup .col:first-child .card {
	margin: 10px auto;
	margin-bottom: 25px;
}

#popup .image.left
{
	text-align:left;
	padding-left:10px;
}

#popup .image.right
{
	text-align:right;
	padding-right:10px;
}

#popup .image.center
{
	text-align:center;
}
    

   /*************************** */
/***** NEW CSS ************* */
/*************************** */
#popup .image img
{
	width: 132px;
	margin-bottom: 20px;
}

.popup-container {
	/*margin: 0 60px;*/
    border: 1px solid #1f497d;
}   
	
.newdefinizione h1 {
	font-size: 200%;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #FFFFFF;
    line-height: 2em;
    background-color: #1f497d;	
	padding: 3px 0 1px 0;
	margin: 10px 40px;
    float: left;
    width: 95%;
}

.col.newdefinizione:first-child > h1
{
    margin: 0px 20px;
}

.newdefinizione p {
    font-size: 160%;
	font-variant: small-caps;
    color: #15477A;
    font-weight: bold;
    margin: 20px 0 0 0;
}

p.newdescrizione a.colorp {
	color: #1F497D;
}

#popup .card.no_ombra a.arancio {
	color: #EB641F;
}

#popup .card.no_ombra a.arancio:hover {
	color: #FFFFFF;
}

#popup .card.no_ombra:hover a {
	color: #FFFFFF;
}

p.rata {
	margin: 36px 0 8px 0;
    font-size: 230%;
    font-weight: bold;
    color: #15477A;
    line-height: 100%;
}

#popup .custom .col .card.no_ombra
{
    width: 92.2%;
    min-height: 20px;
}

#popup .custom .card p a, #popup .custom .card p a:visited
{
    padding-left: 20px;
}

.custom .newdata p
{
    font-size: 360%;
}

.custom.popup-container p.newdescrizione
{
    font-size: 150%;
}

#popup .custom .col-2 .card.no_ombra
{
    min-height: 128px;
}

#popup
{
    margin: 2% auto;
}

.newdata p {
	display: inline-block;
    width: auto;
    height: 100%;
    margin-bottom: 20px;
    text-align:center;
	font-weight:bold;
    color: #BE1622;
	font-size: 300%;
	padding: 10px 25px;
	border-color: #1f497d;
}

.popup-container p.newdescrizione {
	line-height: 20px;
    font-size: 187%;
    margin: 10px 15px 20px 15px;
    text-align: justify;
    font-weight: bold;
	color: #1f497d;
}

.popup-container p.newdescrizione.normal {
	font-weight: normal;
}

.popup-container p.newdescrizione span.arancio, span.arancio {
	color: #A54E08;
}

.popup-container .cols {
	clear: both;
}

#popup .popup-container .col-2:first-child .card, #popup .popup-container .col:first-child .card {
    margin: 10px auto;
    margin-bottom: 10px;
    margin-left: 20px;
}

#popup .popup-container .col-2 {
    width: 49.9%;
    float: left;
}

#popup .popup-container .col-2:nth-child(2) .card.no_ombra {
	margin: 10px 6px;
}

#popup .popup-container .col-2:nth-child(2) .card.no_ombra p
{
    margin-bottom: 3%;
    margin-top: 3%;

}

/*************************** */
/***** NEW CSS ************* */
/*************************** */

/*    
@media screen and (max-width: 1440px)
{
    #popup 
    {
        width: 90%; 
        /*top: 5%;* /
    }

    .definizione h1 {
    	font-size: 500%;
        text-transform: uppercase;
        letter-spacing: 5px;
    }
    .definizione p  {
    	font-size: 300%;
        text-transform: uppercase;
        margin: 20px 0 0 0;
    }
    p.info  {
    	font-size: 300%;
        text-transform: uppercase;
        margin: 0;
    }    
    
}*/

.col.newdefinizione {
	padding: 0;
}

@media only screen and (max-width: 992px){
	#popup {
		width: 95%;
		padding: 12px;
	}
	
	#popup .popup-container .col-2 {
    	width: 100%;
		float: none;
	}

	#popup .popup-container .col-2:nth-child(2) .card.no_ombra {
		margin: 0;
	}
	
	#popup .popup-container .col-2:nth-child(2) .card.no_ombra {
		margin: 10px 20px;
		margin-bottom: 25px;
	}
	
	#popup .popup-container .col-2:first-child .card.no_ombra, #popup .popup-container .col:first-child .card {
		margin-bottom: 10px;
        margin: 10px 20px;
	}
	
}

@media only screen and (min-width: 500px) and (max-width: 992px){
    #popup .popup-container .col-2:nth-child(2) .card.no_ombra {
        width: 92.4%;
    }
    
    #popup .popup-container .col-2:first-child .card.no_ombra, #popup .popup-container .col:first-child .card {
        width: 92.4%;
    }

    .newdefinizione h1
    {
        width: 92.4%;
    }
}


@media screen and (max-width: 1100px)
{
    .definizione .data p 
    {
    	font-size: 500%;
    }

    #sitelink
    {
        padding-right: 20px;    
    }    
    
}    
@media screen and (min-width: 768px) and (max-width: 1024px)
{
    .definizione h1  
    {
    	line-height: 1em;
    }
	
	.newdefinizione h1 {
		font-size: 180%;
		text-transform: uppercase;
		letter-spacing: 5px;
		color: #FFFFFF;
		line-height: 1em;
		background-color: #1f497d;	
		padding: 13px 0;
		margin-top: 0;
        width:94.9%;
	}
    .definizione .data p 
    {
    	font-size: 500%;
    }

    #popup .custom .col-2 .card.no_ombra
    {
        width: 88%;
        min-height: 20px;
    }

    #popup .custom .col .card.no_ombra
    {
        width: 92%;
        min-height: 20px;
    }
   
}        
@media screen and (max-width: 799px)
{
    #blackback #popup .col,
    #blackback #popup .colx2,
	#blackback #popup .col-2
    {
        width: 95%;
    }

    
    #sitelink
    {
        margin: 40px auto 50px auto;
        padding-right: 20px;
        
    }    
        
    .col:first-child .card,
        .col:last-child .card,
        .card, .card.no_ombra {
        margin: 10px auto;
    }  

    .custom p.rata
    {
        font-size: 150%;
    }   
    
    .custom .newdata p
    {
        font-size: 180%;
    }

    .custom .newdefinizione h1 {
        font-size: 125%;
        width:92.8%;
    }
}

@media screen and (min-width: 701px) and (max-width: 767px)
{
    .definizione h1  
    {
    	line-height: 1em;
    }
	
	.newdefinizione h1 {
		font-size: 280%;
		text-transform: uppercase;
		letter-spacing: 5px;
		color: #FFFFFF;
		line-height: 1em;
		background-color: #1f497d;	
		padding: 13px 0;
		margin-top: 0;
        width:98.4%;
	}
    .definizione .data p 
    {
    	/*font-size: 500%;*/
    }
   
}        


@media screen and (max-width: 800px) {
    
   .popup-container {
		margin: 0 20px;
	} 

}  

@media screen and (max-width: 700px) {
    
	#popup {
		width: 90%; 
	} 
    .definizione h1 {
    	font-size: 300%;
        text-transform: uppercase;
        letter-spacing: 5px;
    }
	
	.newdefinizione h1 {
    	font-size: 280%;
        text-transform: uppercase;
        letter-spacing: 5px;
    }
	
    .definizione p  {

    	font-size: 200%;
        text-transform: uppercase;
        margin: 20px 0 0 0;
    }
	
	.newdefinizione p  {
    	/*font-size: 200%;*/
        text-transform: uppercase;
        margin: 20px 0 0 0;
    }
    p.info  {
    	font-size: 200%;
        text-transform: uppercase;
        margin: 0;
    }        
    
	.popup-container {
		margin: 0 20px;
	} 

}  

@media screen and (max-width: 600px) {
 #popup 
{
    width: 90%; 
} 
    .definizione h1 {
    	font-size: 310%;
        text-transform: uppercase;
        letter-spacing: 5px;
        line-height: 1.5em;
    }
	.newdefinizione h1 {
    	font-size: 280%;
        text-transform: uppercase;
        letter-spacing: 5px;
        /*line-height: 1.5em;*/
    }
    .definizione p  {
    	font-size: 190%;
        text-transform: uppercase;
        margin: 20px 0 0 0;
    }
	.newdefinizione p  {
    	/*font-size: 190%;*/
        text-transform: uppercase;
        margin: 20px 0 0 0;
    }
}       

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

	.newdefinizione h1 {
    	font-size: 200%;
	}
	
	.newdefinizione .newdata p {
		font-size: 170%;
	}
	
	.popup-container p.newdescrizione {
		font-size: 150%;
	}

}

@media screen and (min-width: 300px) and (max-width: 500px) {


    #popup .popup-container .col-2 .card
    {
        width: 85%;
    }

    #popup .custom .col .card.no_ombra
    {
        width: 85%;
    }


}

@media screen and (max-width: 400px) {
 #popup 
{
    width: 90%; 
}       
    .definizione .data p 
    {
        width: 30px;
    	height: 65px;
		display:inline-block;
        border: 1px solid #E2E2E2;
        border-radius: 5px;
    	text-align:center;
    	font-size: 200%;
    	font-weight:bold;
        color: #BE1622;
        -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.75);
        box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.75);
        margin-right: 10px;
        padding: 0 10px;
    }       

    #sitelink
    {
        width: 90%;
        height: 60px;
        border: 3px solid #B80202;
        border-radius: 5px;
        text-align: center;
        font-size: 200%;
        font-weight: bold;
        text-transform: uppercase;
        margin: 10px auto;
         background-image: none;
        
    }    

    .definizione h1 {
    	font-size: 250%;
        text-transform: uppercase;
        letter-spacing: 5px;
        line-height: 1.5em;
    }
    
	.newdefinizione h1 {
    	font-size: 180%;
        text-transform: uppercase;
        letter-spacing: 5px;
        line-height: 1.5em;
    }
    .definizione p  {
    	font-size: 150%;
        text-transform: uppercase;
        margin: 20px 0 0 0;
    }
	.newdefinizione p  {
    	font-size: 130%;
        text-transform: uppercase;
        margin: 20px 0 0 0;
    }
    p.info  {
    	font-size: 100%;
        text-transform: uppercase;
        margin: 0;
    }      
        
    
}