/* This work is licensed under a Creative Commons Attribution 4.0 International License
Theme: FablabTorino@Fabacademy2016 by Stefano Paradiso stefano.prds@gmail.com */

/*///////SET TONT style AND RESET MARGIN////*/
*{padding: 0px; margin:0px; font-family:Arial, Helvetica, sans-serif;}

/*/////////////////HEADER style///////////*/
header{
   width:100%;
   background-color:#00979C;}

#sec_0{
   max-width:900px;
   width:100%;
   height:160px;
   margin:0 auto;
   padding-top:15px;}

 .icons {
   display:inline;
 }
/*///////////////LOGO style/////////////*/
#logo_box{
   margin:0 auto;
   float: left;
   position: relative;
   left:25%;
   width: 100%;
   padding-top:10px;
   padding-bottom:10px;}
.logo{
   opacity:1;
   height:120px;}
.logo:hover {
   opacity:0.8;}

/*BODY STYLE*/
body{
   width:100%;
   background:#ffffff;}

#sec_1{
   width:100%;
   margin: 0 auto;
   max-width:900px;
   padding-top:30px;
   padding-bottom:30px;}

/*//////////FLOATING LEFT BOX STYLE/////////*/
.box_1{
   float:left;
   width:43%;
   padding:2%;
   margin-bottom: 30px;
   background-color:#EFEFEF;}
.box_1 li{
   padding-top: 20px;}
.box_1 ul{
   padding:35px;
   list-style: none;}
.box_1 b{
   color:#ffffff;
   font-size: 18px;
   background-color:#00979C;
   margin-left: 10px;
   padding-left:5px;
   padding-right:5px;}
.box_1 img{
   height: 100px;}
.box_1 img:hover{
   opacity:0.6;}
.box_1 b:hover{ /*#F47A20 #F39C12*/
   background-color:#F39C12 ;}

 /*/////////////FLOATING RIGHT BOX STYLE/////////*/
.box_2{
   float:right;
   width:43%;
   padding:2%;
   margin-bottom: 30px;
   background-color:#EFEFEF;}
.box_2 li{
   padding-top: 20px;}
.box_2 ul{
   padding:35px;
   list-style: none;}
.box_2 b{
   color:#ffffff;
   font-size: 18px;
   background-color:#F39C12;
   margin-left: 10px;
   padding-left:5px;
   padding-right:5px;}
.box_2 img{
   height: 100px;}
.box_2 img:hover{
   opacity:0.6;}
.box_2 b:hover{ /*#F47A20 #F39C12*/
   background-color:#00979C ;}

.icons{
   display: inline;
   list-style: none;
}

.icons li{
   display: inline;
   list-style: none;
}
.img_ico{
   width: 70px;
}

/*///////////////FOOTER STYLE//////////////////////*/
footer{
   clear: both;
   width:100%;
   height:120px;
   background-color:#00979C;}

footer span{color: #FFFFFF;}

#sec_2{
   width:100%;
   margin:0 auto;
   max-width:900px;
   padding: 25px 0px 0px 25px;}

/*///////////////////////LINK STYLE///////////////*/
a:link{
 color: #F39C12;
 text-decoration:none;}
a:visited{
 color : #F47A20;
 text-decoration: none}
a:hover{
 color :#F47A20;
 text-decoration : none;}
a:active{
 color : #FFFFFF;
 text-decoration: none}

/*//////////////////////SOCIAL BUTTONS STYLE//////*/
.social{float:right;}
.social li{display:inline;}
.social ul{ padding-right:20px; }
.sob{height:20px;opacity:1;}
.sob:hover{opacity:0.7;}

/*////////////////////////////////////////////////////////////////*/
/*MEDIAQUERY-MOBILE///////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////*/

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

   .box_query{
      display:block;
      width:90%;
      padding:1%;
      margin-right:5%;
      margin-left:5%;}
}