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

/* --------- FONTS --------- */


body {margin:0; font-family:'Metric-Light', Arial, sans-serif; font-size:1.2em; color:#000; text-align:left;}

.foto {background-image: url("images/foto_head.jpg"); padding:0px; width:100%; margin:0 auto; overflow:hidden; min-height: 250px; background-position: center; background-repeat: no-repeat }


.fascia {width:100%; overflow:hidden;}

.fascia_loghi {width:100%; overflow:hidden; background-color:#ffffff; }

.loghi { background-image: url("images/loghi.jpg"); padding:0px; width:80%; margin:0 auto; min-height: 150px; max-width: 1000px;  background-position: center; background-repeat: no-repeat; background-size: 100% ; }

.footer {font-size: 0.7em }

.contenuti {width:80%; margin:0 auto; overflow:hidden; }


.speaker {background-image: url("images/speaker.jpg"); padding:0px; width:100%; margin:0 auto; overflow:hidden; background-position: right; background-repeat: no-repeat }

.contenuti_speaker {width:80%; margin:0 auto; overflow:hidden; }


.box_speaker {width: 35%; float:left; overflow:hidden; margin: 0px 20px 20px 0px; background-color: #ffffff}

.img_speaker { float:left; overflow:hidden;}

.text_speaker { float:left; overflow:hidden; padding: 15px; box-sizing: border-box; color: #fe5000}



.box_agenda {width: 45%; float:left; overflow:hidden; margin: 0px 20px 20px 0px; background-color: #EDEDED}

.img_agenda {float:left; overflow:hidden; }

.text_agenda { float:left; overflow:hidden; padding: 15px; box-sizing: border-box; color: #fe5000 }



.bianco {color:#ffffff!important}

.nero {color:#fe5000!important}

.box_sx {width:60%; float:left; overflow:hidden; margin:0px 50px 50px 0px;}

.box_dx {width:30%; float:right; overflow:hidden; background-color: #F2F2F2; padding: 20px; border-radius: 10px}


.box_01 {width:55%; float:left; overflow:hidden; margin:70px 70px 50px 0px;}

.box_02 {width:30%; float:left; overflow:hidden; margin-top:80px; margin-right:20px}

h1 {font-family:'Metric-Semibold', Arial, sans-serif; font-size:40px; color:#000; line-height:40px;  color: #fe5000}

h2 {font-family:'Metric-Semibold', Arial, sans-serif; margin:0px; margin-bottom:20px; margin-top:45px; line-height:18px; font-size:26px; color: #fe5000}

h3 {font-family:'Metric-Semibold', Arial, sans-serif; font-size:20px; color: #fe5000; margin: 0}

a { color: #fe5000; margin: 0}

strong { color: #fe5000;}

.data {font-family:'Metric-Light', Arial, sans-serif; font-size:24px; color: #fe5000; margin: 0}


.titolo {font-family:'Metric-Semibold', Arial, sans-serif; font-size:33px; color: #ffffff}

.sottotitolo {font-family:'Metric-light', Arial, sans-serif; font-size:24px; color: #ffffff}


.font_form {font-size: 0.8em!important;}

.campo {width:100%; background-color:#e4e4e4; border:hidden; height:20px; padding:5px; margin:3px; margin-left: 0px; border-radius: 5px; 
  -moz-border-radius: 5px; /* firefox */
  -webkit-border-radius: 5px; /* safari, chrome */}
  
.invia { align-content: center; margin:5px; width:50%; height:30px; color:#FFF; border:none; cursor: pointer; margin-top:15px; margin-bottom:0px; margin-left: 0px; background-color:#fe5000; text-align:center; border-radius: 5px; 
  -moz-border-radius: 5px; /* firefox */
  -webkit-border-radius: 5px; /* safari, chrome */}



.button {
  padding: 12px 16px 13px 20px;
    background-color: #fe5000;
    border-color: #fe5000;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
	transition: all 0.5s;
  cursor: pointer;
}
.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
	color: #ffffff!important;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}
::placeholder { color: rgb(76, 76, 78);  font-weight: 300; font-size: 1sem; text-align: left!important;}





.ora {font-family:'Metric-Semibold', Arial, sans-serif; font-size:14px; color: #000;}

.blu {color: #fe5000}
  

@media screen and (max-width: 800px){
	body {margin:0;  font-size:1.5em; font-family:'Metric-Light', Arial, sans-serif; color:#000; text-align:left;} 
	
	
.loghi { background-image: url("images/loghi_mobile.jpg"); padding:0px; width:90%; margin:0 auto; overflow:hidden;  background-position: center; background-repeat: no-repeat }
	
.box_speaker {width: 100%; float:left; overflow:hidden; margin: 0px 20px 20px 0px; background-color: #ffffff}
	
	
	.box_agenda {width: 100%; float:left; overflow:hidden; margin-bottom: 20px; background-color: #EDEDED}
	

	.box_01 {width:100%; float:left; overflow:hidden;}

.box_02 {width:100%; float:left; overflow:hidden; }
	
	
	
	
	.foto {background-position: center; }
	.titolo_foto {width:100%; float:left; overflow:hidden; margin: 0px 50px;}
	
	
	}