@font-face {
    font-family: 'DIN';
    src: url('DIN.otf');
    src: local('DIN'), url('DIN.ttf') format('truetype');
    }

@font-face {
    font-family: 'DINLig';
    src: url('DINLig.otf');
    src: local('DINLig'), url('DINLig.otf') format('truetype');
    }


body {
margin: 0;
padding: 0;
font-family: 'Pontano Sans', sans-serif;
font-size: 16px;
line-height: 20px;
color: #333;

}


#videoright {
	position: relative;
background: #696969;
z-index: 99999999;
width: 295;
top: -170px;
font-size: 17;
margin-left:19;
text-align: center;
padding-top: 75;
color: #FFFFFF;
height: 95px;
opacity: 0.8;
left:6px;
display: none;
position: relative;
margin-bottom: -300px;
}


#videoleft {
position: relative;
background: #696969;
z-index: 99999999;
width: 295;
top: -170px;
font-size: 17;
left:6px;
text-align: center;
padding-top: 75;
color: #FFFFFF;
height: 95px;
opacity: 0.8;
display: none;
position: relative;
margin-bottom: -300px;
}


#videocent {
position: relative;
background: #696969;
z-index: 99999999;
width: 296;
top: -170px;
font-size: 17;
text-align: center;
padding-top: 75;
color: #FFFFFF;
height: 95px;
opacity: 0.8;
display: none;
position: relative;
margin-left: 13px;
margin-bottom: -300px;
}



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

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width:960px;
	height: 100%;
}


#slideshow { 
  display:none;
}

#slider {
	width: 98.5%;
margin-left: 8px;
text-align: center;
height:463px;
/* margin: 40px auto; */
 background: url(../images/loading.gif) no-repeat 50% 50%;
 background-size: 100%;
}

#slider img {
	position:absolute;
	width:98%;
	height: 100%;
	top:0px;
	left:0px;
	display:none;
}



.footer {
	margin-top: -4%;
}

.linea {
	
	top:10;
} 

.social {
	margin-top: -3%;
z-index: 9;
position: relative;
display: inline;
float: left;
width: 100%;
text-align: center;
/* background: #FF0000; */
}

.colonna-1 {
width: 100%;
text-align: center;
margin-top: 20px;
margin-bottom: 0px;

color: #888888;
font-size: 19;
}

.copy {
	float:left;
	
}

#over {
position: absolute;
position:fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
z-index: 9999999999999999;
display:none;
}
#contenuti {
 	/* width: 960px;
    height: 451px;
    background: #000000;
 
    position: absolute;
    top: 28%;
    left: 27%;
    margin-top: -100px;
    margin-left: -100px;
	*/
	
left: 0px;
width: 100%;
max-width: 750px;
position: relative;
height: auto;
background: #000000;
/* position: absolute; */
margin-top: -100px;
top: 50%;
/* left: 27%; */
/* margin-top: -100px; */
/* margin-left: -100px; */
margin: 0 auto;
margin-top:-223px;
}


.big {
	
	max-width: 98.5%;
	margin-left: 8;
}



.email {
	float:right;
}


#videoright {
	position: relative;
background: #696969;
z-index: 99999;
width: 295;
top: -170px;
font-size: 17;
margin-left:13;
text-align: center;
padding-top: 75;
color: #FFFFFF;
height: 95px;
opacity: 0.8;
display: none;
position: relative;
margin-bottom: -300px;
}


#videoleft {
position: relative;
background: #696969;
z-index: 99999;
width: 295;
top: -170px;
font-size: 17;
left:6px;
text-align: center;
padding-top: 75;
color: #FFFFFF;
height: 95px;
opacity: 0.8;
display: none;
position: relative;
margin-bottom: -300px;
}


#videocent {
position: relative;
background: #696969;
z-index: 9999;
width: 296;
top: -170px;
font-size: 17;
text-align: center;
padding-top: 75;
color: #FFFFFF;
height: 95px;
opacity: 0.8;
display: none;
position: relative;
margin-left: 13px;
margin-bottom: -300px;
}





/* regole CSS */
.bio {
	width:60%;
}
.riga {
 width: 100%; 
 max-width: 960px; 
 min-width: 960px; 
 margin: 0 auto;
 
}

a {
	
font-size: 14px;
}

.logoi {
	max-width: 30%;
	border:none;
	margin-bottom: -30;
	
}



.colonna-1-3 {
margin-top:2%;
margin-bottom:8%;
width: 33.33%;

float:left;
text-align:center;
}


.colonna-1-3 img {
	width:100%;
	min-width:260px;
	max-width:295px;
}

.colonna-1-3l {
margin-top:2%;
margin-bottom:8%;
width: 33.33%;

float:left;
text-align:left;
}


.colonna-1-3l img {
	width:100%;
	min-width:260px;
	max-width:295px;
}



.colonna-1-3r {
margin-top:2%;
margin-bottom:8%;
width: 33.33%;

float:left;
text-align:right;
}


.colonna-1-3r img {
	width:100%;
	min-width:260px;
	max-width:295px;
}
}

@media screen and (min-width: 376px) and (max-width: 599px){

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#slideshow { 
  display:none;
}


#slider {
	width: 98.5%;
margin-left: 8px;
text-align: center;
height:463px;
/* margin: 40px auto; */
 background: url(../images/loading.gif) no-repeat 50% 50%;
 background-size: 100%;
}

#slider img {
	position:absolute;
	width:98%;
	height: 100%;
	top:0px;
	left:0px;
	display:none;
}

.footer {
	margin-top: -4%;
}

.linea {
	
	top:10;
} 

.social {
	margin-top: -3%;
z-index: 9;
position: relative;
display: inline;
float: left;
width: 100%;
text-align: center;
/* background: #FF0000; */
}

.colonna-1 {
width: 100%;
text-align: center;
margin-top: 20px;
margin-bottom: 0px;

color: #888888;
font-size: 19;
}

.copy {
	float:left;
	
}

#over {
position: absolute;
position:fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
z-index: 9999999999999999;
display:none;
}
#contenuti {
 	/* width: 960px;
    height: 451px;
    background: #000000;
 
    position: absolute;
    top: 28%;
    left: 27%;
    margin-top: -100px;
    margin-left: -100px;
	*/
	
left: 0px;
width: 100%;
max-width: 500px;
position: relative;
height: auto;
background: #000000;
/* position: absolute; */
margin-top: -100px;
top: 8%;
/* left: 27%; */
/* margin-top: -100px; */
/* margin-left: -100px; */
margin: 0 auto;
}


.big {
	
	max-width: 98.5%;
	margin-left: 8;
}



.email {
	float:right;
}


#videoright {
display:none;
}


#videoleft {
display:none;
}


#videocent {
display:none;
}





/* regole CSS */
.bio {
	width:60%;
}
.riga {
 width: 100%; 
 max-width: 960px; 
 min-width: 960px; 
 margin: 0 auto;
 
}

a {
	
font-size: 14px;
}

.logoi {
	max-width: 30%;
	border:none;
	margin-bottom: -30;
	
}



.colonna-1-3 {
margin-top:2%;
margin-bottom:8%;
width: 33.33%;

float:left;
text-align:center;
}


.colonna-1-3 img {
	width:100%;
	min-width:260px;
	max-width:295px;
}

.colonna-1-3l {
margin-top:2%;
margin-bottom:8%;
width: 33.33%;

float:left;
text-align:left;
}


.colonna-1-3l img {
	width:100%;
	min-width:260px;
	max-width:295px;
}



.colonna-1-3r {
margin-top:2%;
margin-bottom:8%;
width: 33.33%;

float:left;
text-align:right;
}


.colonna-1-3r img {
	width:100%;
	min-width:260px;
	max-width:295px;
}
}

@media screen and (min-width: 100px) and (max-width: 375px) {




#videoright {
display:block;
background: #FFFFFF ;
z-index: 99999999;
width: auto;
top: 0;
font-size: 17;
left:0;
text-align: center;
padding-top: 0;
color: #666666;
height: auto;
opacity: 1;

position: relative;
margin-bottom: 0;
}


#videoleft {
display:block;
background: #FFFFFF ;
z-index: 99999999;
width: auto;
top: 0;
font-size: 17;
left:0;
text-align: center;
padding-top: 0;
color: #666666;
height: auto;
opacity: 1;

position: relative;
margin-bottom: 0;
}


#videocent {
display:block;
background: #FFFFFF ;
z-index: 99999999;
width: auto;
top: 0;
font-size: 17;
left:0;
text-align: center;
padding-top: 0;
color: #666666;
height: auto;
opacity: 1;

position: relative;
margin-bottom: 0;
}

.videoright {
display:block;
}


.videoleft {
display:block;
}


.videocent {
display:block;
}




#slideshow { 
display:block;
   margin: 0px auto;
position: relative;
width: 94%;
height:  125;
padding: 10px;
background-size: 50% 50%;
/* background-image: url(img/sfondo/1.jpg); */
background-size: 100%;
background-repeat: no-repeat;
transition-property: background-image;
  transition-duration: 2s;
   -webkit-transition-property: background-image; /*Safari e Chrome */
  -webkit-transition-duration: 2s;
         
  -o-transition-property: background-image;      /*Opera*/
  -o-transition-duration: 2s;
         
  -moz-transition-property: background-image;    /*Firefox*/
  -moz-transition-duration: 2s;
}

#slider {
	  display:none;
		
}



.azzeramarg {
	margin-left:0;
}

.footer {
	margin-top: -4%;
}

.linea {
	
	top:10;
	margin-bottom:6%;
} 

.social {
	margin-top: -9%;
z-index: 9;
position: relative;
display: inline;
float: left;
width: 100%;
text-align: center;
/* background: #FF0000; */
}

.colonna-1 {
width: 100%;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;

color: #888888;
font-size: 13;
}

.copy {
	/*float:left;*/
	text-align:center;
}

#over {
position: absolute;
position:fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
z-index: 9999999999999999;
display:none;
}
#contenuti {
 	/* width: 960px;
    height: 451px;
    background: #000000;
 
    position: absolute;
    top: 28%;
    left: 27%;
    margin-top: -100px;
    margin-left: -100px;
	*/
/*	width: 960px;
position: relative;
height: auto;
background: #000000;
/* position: absolute; 
margin-top: -100px;
top: 18%;
/* left: 27%; 
/* margin-top: -100px; 
/* margin-left: -100px; 
margin: 0 auto;
*/


width: 280px;
height: 170px;
position: relative;
/* height: auto; */
background: #000000;
/* position: absolute; */
/* margin-top: -100px; */
top: 35%;
margin-top: 200px;
left: auto;
/* margin-top: -239px; */
/* margin-top: -100px; */
/* margin-left: -121px; */
margin: 0 auto;
}



.big {
	
	max-width: 100%;
}


.email {
	/*float:none;*/
	text-align:center;
}

/* regole CSS */
.colonna-1-3 img {
	width:100%;
	min-width:260px;
	max-width:375px;
}

.colonna-1-3l img {
	width:100%;
	min-width:260px;
	max-width:375px;
}

.colonna-1-3r img {
	width:100%;
	min-width:260px;
	max-width:375px;
}
.riga {
 width: 100%; 
 max-width: 480px; 
 min-width: 200px; 
 margin: 0 auto;
}

.logoi {
	
	max-width:240px;
	border:none;
	
}

a {
	
font-size: 13px;
}

.colonna-1-4 {
margin-top:1%;
margin-bottom:4%;
width: 20%;
min-width:100%;
float:left;
text-align:center;
}



.colonna-1-3 {
margin-top:4%;
margin-bottom:4%;
width: 33.33%;
min-width:100%;
float:left;
text-align:center;
}



.colonna-1-2-70 {
width: 70%;
font-size:12px;
}

.bio {
	width:100%;
}
}


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

	#contenuti {
 	/* width: 960px;
    height: 451px;
    background: #000000;
 
    position: absolute;
    top: 28%;
    left: 27%;
    margin-top: -100px;
    margin-left: -100px;
	*/
	
left: 0px;
width: 100%;
max-width: 960px;
position: relative;
height: auto;
background: #000000;
/* position: absolute; */
margin-top: -100px;
top: 50%;
/* left: 27%; */
/* margin-top: -100px; */
/* margin-left: -100px; */
margin: 0 auto;
margin-top:-280px;
}
}







.colonna-1-2-40 {
margin-top:2%;
margin-bottom:8%;
width: 40%;
text-align: justify;
float:left;
text-align:center;
}
.colonna-1-2-90 {

width: 90%;
}
.colonna-1-2-10 {
width: 10%;
}

.colonna-1-2-70 {
width: 70%;
}
.colonna-1-2-30 {
width: 30%;
}




.sottocol-20 {
margin-top:2%;
margin-bottom:8%;
width: 28%;

float:left;
text-align:center;
}


.sottocol-80 {
margin-top:2%;
margin-bottom:8%;
width: 72%;

float:left;
text-align:center;
}

.colonna-1-2-50foto {
margin-top: 2%;
margin-bottom: 8%;
width: 49%;
/* text-align: justify; */
float: left;
/* left: -21px; */
text-align: right;
}

.colonna-1-2-50bio {
margin-top: 2%;
margin-bottom: 8%;
width: 50%;
text-align: justify;
float: left;

}






.logo  {
	width:100%;
	text-align: center;
	margin-top: 5px;
}






.menu {
 margin-top:40px;
 position:relative;
 width: 100%; 
 
 margin: 0 auto;
 text-align:center;
 POSITION: RELATIVE;
margin-top: 1%;
margin-bottom: 1%;


}

a {
	
color: #5d5d5d;
text-decoration: none;
margin-right: 2%;
margin-left: 2%;
}

a:hover {
	
	color:#a4a4a4;
}




.social img {
	width:100%;
	min-width:25px;
	max-width:30px;
	
	
}

.social a:hover {

	opacity:0.7;
	
}

.linea {
	width: 100%;
height: 1px;
top:10;
margin-top: 32%;
background: #909090;
position:relative;
}

.footer {
	color:#909090;
	font-size: 75%;
	margin-bottom: 14%;

}

.footer a{
	font-size: 110%;
	color:#909090;
}






	.formmail-10 {
width: 25%;
position: relative;
float: left;
min-width: 30px;
/* max-width: 20px; */


	
}


	.formmail-80 {
width: 100%;
width: 100%;
max-width: 400;
/* min-width: 400; */
margin: 0 auto;
margin-top:5%;
/* max-width: 800px; */
min-height: 18%;
/* float: left; */
text-align: center;


}
.dati {
width: 50%;
text-align: left;
float: left;
}

.campi {
width: 50%;
text-align: left;
float: left;

}

.input {
	border-radius: 5px;
border-width: 1px;
border-bottom-color: #CCCCCC;
border-top-color: #FFFFFF;
width: 90%;
height: 30px;
}

.inputmess {
	border-radius: 5px;
border-width: 1px;
border-bottom-color: #CCCCCC;
border-top-color: #FFFFFF;
width: 90%;
height: 80px;
}

.submess {
	border-radius: 5px;
border-width: 1px;
border-bottom-color: #CCCCCC;
border-top-color: #FFFFFF;
width: 30%;
background:#3e3e3e;
color:#FFFFFF;
height: 30px;
}

.submess:hover {
background:#646464;


}

table {
font-family: 'DIN';
margin: 0;
padding: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
font-size: 16px;
color: #5d5d5d;
}