@charset "utf-8";
/* CSS Document */

body{
	/*
	background-image:url(../images/negozio.jpg);
	background-position:top;
	background-attachment:fixed;
	background-repeat:no-repeat;
	*/
	}
	
#contenitore{
	width:1300px;
	height:auto;
	min-height:900px;
	background-size:cover;
	background-repeat:no-repeat;
	font-family: Lato;
	}
	
	#centrale{
	margin-left:5%;
	margin-top:0px;
	width:60%;
	min-height:900px;
	height:auto;
	background:rgba(252,253,254,0.75);
}

#text{
	width:auto;
	height:auto;
	padding: 15px 6px;
	margin:0;
}

#text p{
	color:#000000;
	align:center;
	font-size:20px;
	font-family: Lato;
	margin:70px;
	line-height:33px;
	text-align:justify;
}

#codici{
	width:39%; 
	float:left;
}

.stilecampo{
	font-size:20px;
	height:30px;
	width:260px
}

.dimInvia{
	 font-size: 30px;
    height: 41px;
    width: 150px;
	margin-left:28px;
}

#codici2{
	width:46%; 
	float:left;
}

#scritta{
	width:375px;
	height:auto;
	float:left;
}

#scritta p{
	color:#000000;
	align:center;
	font-size:20px;
	font-family: Lato;
	margin:70px;
	line-height:0px;
	text-align:justify;
}

#privacy{
	font-size:15px; 
	margin: 12px 12px 77px;
}

@media screen and (min-width: 320px){
	#contenitore{
	width:100%;
	min-height:480px;
	margin:0px auto;
	float:left;
	/*
	background-attachment:fixed;
	background-position:center center;
	background-image:url(../images/sfondo320.jpg);
	*/
	background:none;
	}
	
	#centrale{
	width:98%;
    margin-top: 50px;
    min-height: 480px;
	margin-left:5px;
	float:left;
}
#text{
	padding:0;
	margin:38px;
}

#text p{
	
	font-size:18px;
	margin:10px;
	line-height:33px;
}

#codici {
	width:75%; 
    margin-left: -30px;
}

#codici2 {
	width:96%; 
    margin-left: -166px;
    margin-top: 830px;
}

#scritta{
margin-top: 0px;
width:284px;
}

#scritta p{
	line-height:1;
}
#privacy{
	width:260px;
}
}


@media screen and (min-width: 360px){
#codici {
	width:35%; 
    margin-left: -13px;
	padding-right:100px;
}

#codici2 {
	width:74%; 
    margin-left: -190px;
	margin-top:890px;
    
}	
#privacy{
	width:316px;
}
#scritta{
margin-top: 0px;
width:330px;
}
}

@media screen and (width: 414px){
	#codici2 {
    margin-left: -218px;
}
}

@media screen and (min-width: 480px){
	#contenitore{
	height:auto;
	min-height:768px;
/*	background-image:url(../images/sfondo480.jpg);*/
	background:none;
	}
	
	#centrale{
    width:90%;
    margin-top: 58px;
    min-height: 768px;
   margin-left:21px;
}

#codici{
	margin-left: 12px;
}

#codici2{
	margin-left: -236px;
	margin-top:840px;
}

#scritta{
	margin-top:0px;
}

}

@media screen and (min-width: 768px){
		#contenitore{
	min-height:1024px;
	background:none;
	}
	
	#centrale{
	width:44%;
	margin-top:0px;
	min-height:1024px;
	margin-left:15%;
}

#text{
	padding: 15px 6px;
}

#codici{
	margin-left: -21px;
}

#codici2{
   margin-left: -189px;
    margin-top: 846px;
}

#scritta{
	margin-top:0px;
}

}

@media screen and (min-width: 1024px){
	#contenitore{
	min-height:768px;
	}
	
	#centrale{
	width:54%;
	margin-top:0px;
	min-height:768px;
	margin-left:5%;
}

#codici{
	margin-left: 0px;
}

#codici2{
	width:28%; 
    margin-left: -263px;
    margin-top: 768px;
}


#scritta{
	 margin-top: 0px;
}
}

@media screen and (min-width: 1200px){
	#contenitore{
	min-height:900px;
	}
	
	#centrale{
	width:62%;
	margin-top:0px;
	min-height:900px;

}

#codici{
	
	margin:0;
}

#codici2{
	margin-left: -11px;
    margin-top: -4px;
}

#scritta{
	margin-top: 0px;
}

#scritta p{
	line-height:1;
}
}

@media screen and (min-width: 1300px){
	#contenitore{
	min-height:900px;
	}
	
	#centrale{
		width:60%;
		margin-left:11%;
		min-height:900px;
}

#codici{
	width:24%;
}
#codici2{
	margin-left: 38px;
    margin-top: -4px;
}

#scritta{
	margin:0;
}

#scritta p{
	line-height:1;
}
}

@media screen and (min-width: 1500px){
	#contenitore{
	min-height:900px;
	}
	
	#centrale{
		width:60%;
		margin-left:11%;
		min-height:900px;
}

#codici2{
	margin-left: 33px;
    margin-top: -2px;
}

#scritta{
	margin:0;
}

#scritta p{
	line-height:1;
}
}