@media ( min-width : 1200px){	
	
	#content {
				border-radius:8px;
				background:#fff;
				padding:20px;
			}
	
	#finestra{
			
				width: 731px;
				height: 463px; 
				background-image:url('../image/popup/donna2017_pror.jpg');
				cursor:pointer;
				background-repeat: no-repeat;
			
			}
			
	#box_donna{
		position: absolute;
		top: 74%;
		left:16%;
		width:100%
	}
			
	#centri{
				float: left;
				width: 50%;
				text-align: center;
				cursor:pointer;
				background-image:url('../image/popup/cta-rosa_9.png');
				background-repeat: no-repeat;
				height:50px;
			}
			
			#sconto{
			
				float: left;
				width: 50%;
				text-align: center;
				cursor:pointer;
				background-image:url('../image/popup/cta-viola_9.png');		
				background-repeat: no-repeat;
				height:50px;	
			}
			
	#overlay {
				position:fixed; 
				top:0;
				left:0;
				width:100%;
				height:100%;
				background:#000;
				opacity:0.5;
				z-index:10000;
				filter:alpha(opacity=50);
			}

			#modal {
				position:absolute;
				background:url(tint20.png) 0 0 repeat;
				background:rgba(0,0,0,0.2);
				border-radius:14px;
				padding:8px;
				z-index:10100;
			}

			

			#close {
				position:absolute;
				background:url('../image/popup/close.png') 0 0 no-repeat;
				width:24px;
				height:27px;
				display:block;
				text-indent:-9999px;
				top:-7px;
				right:-7px;
			}
			
}

@media screen and ( min-width : 990px) and ( max-width : 1100px){
	
	#content {
				border-radius:8px;
				background:#fff;
				padding:20px;
			}
			
	#finestra{
			
				width: 800px;
				height: 500px; 
				background-image:url('../image/popup/donna2017.jpg');
				background-size: cover;
				background-repeat: no-repeat;
				cursor:pointer;
			
			}
			
	#box_donna{
		position: absolute;
		top: 74%;
		left:13%;
		width:100%
	}
			
	#centri{
				float: left;
				width: 50%;
				text-align: center;
				cursor:pointer;
				background-image:url('../image/popup/cta-rosa_9.png');
				background-repeat: no-repeat;
				height:50px;
			}
			
			#sconto{
			
				float: left;
				width: 50%;
				text-align: center;
				cursor:pointer;
				background-image:url('../image/popup/cta-viola_9.png');		
				background-repeat: no-repeat;
				height:50px;	
			}
			
	#overlay {
				position:fixed; 
				top:0;
				left:0;
				width:100%;
				height:100%;
				background:#000;
				opacity:0.5;
				z-index:10000;
				filter:alpha(opacity=50);
			}

			#modal {
				position:absolute;
				background:url(tint20.png) 0 0 repeat;
				background:rgba(0,0,0,0.2);
				border-radius:14px;
				padding:8px;
				z-index:10100;
			}

			

			#close {
				position:absolute;
				background:url('../image/popup/close.png') 0 0 no-repeat;
				width:24px;
				height:27px;
				display:block;
				text-indent:-9999px;
				top:-7px;
				right:-7px;
			}
		
}
	
@media screen and ( min-width : 730px) and ( max-width : 800px){
	
	#content {
				border-radius:8px;
				background:#fff;
				padding:20px;
			}
			
	#finestra{
			
				width: 600px;
				height: 377px; 
				background-image:url('../image/popup/donna2017.jpg');
				background-size: cover;
				background-repeat: no-repeat;
				cursor:pointer;
			
			}
			
	#box_donna{
		position: absolute;
		top: 74%;
		left:12%;
		width:100%
	}
			
	#centri{
				float: left;
				width: 50%;
				text-align: center;
				cursor:pointer;
				background-image:url('../image/popup/cta-rosa_9-bis.png');
				background-repeat: no-repeat;
				height:50px;
			}
			
			#sconto{
			
				float: left;
				width: 50%;
				text-align: center;
				cursor:pointer;
				background-image:url('../image/popup/cta-viola_9-bis.png');		
				background-repeat: no-repeat;
				height:50px;	
			}
			
	#overlay {
				position:fixed; 
				top:0;
				left:0;
				width:100%;
				height:100%;
				background:#000;
				opacity:0.5;
				z-index:10000;
				filter:alpha(opacity=50);
			}

			#modal {
				position:absolute;
				background:url(tint20.png) 0 0 repeat;
				background:rgba(0,0,0,0.2);
				border-radius:14px;
				padding:8px;
				z-index:10100;
			}

			

			#close {
				position:absolute;
				background:url('../image/popup/close.png') 0 0 no-repeat;
				width:24px;
				height:27px;
				display:block;
				text-indent:-9999px;
				top:-7px;
				right:-7px;
			}
	
}

@media screen and ( min-width : 480px) and ( max-width : 700px){
	
	#content {
				border-radius:8px;
				background:#fff;
				padding:20px;
			}
			
	#finestra{
			
				width: 400px;
				height: 256px; 
				background-image:url('../image/popup/donna2017.jpg');
				background-size: cover;
				background-repeat: no-repeat;
				cursor:pointer;
			
			}
			
	#box_donna{
		position: absolute;
		top: 72%;
		left:11%;
		width:100%
	}
			
	#centri{
				float: left;
				width: 50%;
				text-align: center;
				cursor:pointer;
				background-image:url('../image/popup/cta-rosa_9-bis2.png');
				background-repeat: no-repeat;
				height:50px;
			}
			
			#sconto{
			
				float: left;
				width: 50%;
				text-align: center;
				cursor:pointer;
				background-image:url('../image/popup/cta-viola_9-bis2.png');		
				background-repeat: no-repeat;
				height:50px;	
			}
	#overlay {
				position:fixed; 
				top:0;
				left:0;
				width:100%;
				height:100%;
				background:#000;
				opacity:0.5;
				z-index:10000;
				filter:alpha(opacity=50);
			}

			#modal {
				position:absolute;
				background:url(tint20.png) 0 0 repeat;
				background:rgba(0,0,0,0.2);
				border-radius:14px;
				padding:8px;
				z-index:10100;
			}

			

			#close {
				position:absolute;
				background:url('../image/popup/close.png') 0 0 no-repeat;
				width:24px;
				height:27px;
				display:block;
				text-indent:-9999px;
				top:-7px;
				right:-7px;
			}
	
}

@media screen and ( min-width : 320px) and ( max-width : 430px){
	
	#content {
				border-radius:8px;
				background:#fff;
				padding:20px;
			}
			
	#finestra{
			
				width: 250px;
				height: 158px; 
				background-image:url('../image/popup/donna2017.jpg');
				background-size: cover;
				background-repeat: no-repeat;
				cursor:pointer;
			
			}
	
	#box_donna{
		position: absolute;
		top: 70%;
		left:11%;
		width:100%
	}
			
	#centri{
				float: left;
				width: 50%;
				text-align: center;
				cursor:pointer;
				background-image:url('../image/popup/cta-rosa_9-bis3.png');
				background-repeat: no-repeat;
				height:50px;
			}
			
			#sconto{
			
				float: left;
				width: 50%;
				text-align: center;
				cursor:pointer;
				background-image:url('../image/popup/cta-viola_9-bis3.png');		
				background-repeat: no-repeat;
				height:50px;	
			}
			
	#overlay {
				position:fixed; 
				top:0;
				left:0;
				width:100%;
				height:100%;
				background:#000;
				opacity:0.5;
				z-index:10000;
				filter:alpha(opacity=50);
			}

			#modal {
				position:absolute;
				background:url(tint20.png) 0 0 repeat;
				background:rgba(0,0,0,0.2);
				border-radius:14px;
				padding:8px;
				z-index:10100;
			}

			

			#close {
				position:absolute;
				background:url('../image/popup/close.png') 0 0 no-repeat;
				width:24px;
				height:27px;
				display:block;
				text-indent:-9999px;
				top:-7px;
				right:-7px;
			}
	
	
}

@media screen and ( min-width : 240px) and ( max-width : 300px){
	
	#content {
				border-radius:8px;
				background:#fff;
				padding:20px;
			}
			
	#finestra{
			
				width: 150px;
				height: 95px; 
				background-image:url('../image/popup/donna2017.jpg');
				background-size: cover;
				cursor:pointer;
                                background-repeat: no-repeat;
			
			}
			
	#box_donna{
		position: absolute;
		top: 66%;
		left:13%;
		width:100%
	}
			
	#centri{
				float: left;
				width: 50%;
				text-align: center;
				cursor:pointer;
				background-image:url('../image/popup/cta-rosa_9-bis4.png');
				background-repeat: no-repeat;
				height:50px;
			}
			
			#sconto{
			
				float: left;
				width: 50%;
				text-align: center;
				cursor:pointer;
				background-image:url('../image/popup/cta-viola_9-bis4.png');		
				background-repeat: no-repeat;
				height:50px;	
			}
			
	#overlay {
				position:fixed; 
				top:0;
				left:0;
				width:100%;
				height:100%;
				background:#000;
				opacity:0.5;
				z-index:10000;
				filter:alpha(opacity=50);
			}

			#modal {
				position:absolute;
				background:url(tint20.png) 0 0 repeat;
				background:rgba(0,0,0,0.2);
				border-radius:14px;
				padding:8px;
				z-index:10100;
			}

			

			#close {
				position:absolute;
				background:url('../image/popup/close.png') 0 0 no-repeat;
				width:24px;
				height:27px;
				display:block;
				text-indent:-9999px;
				top:-7px;
				right:-7px;
			}
	
	
}