﻿.celboxhomesettorehjkhj{
   background-color:transparent;  
   vertical-align: middle;
   top:1.1%;
   left:0.2%;   
   z-index:2;
   position:absolute;   
   padding:0px;
   width:16%;
   max-width:16%;
  }
  .celboxhomesettorekhjkh img{
   background-color:#4b484b;
   border: 6px double #ffffff;
   border-radius: 50% 50% 50% 50%;
   -moz-border-radius: 50% 50% 50% 50%; 
   -webkit-border-radius: 50% 50% 50% 50%;
   float:left;
   margin:0px; 
   width:100%;
   max-width:100%;
  }


/* == Stili di base - Mobile first ========================================== */
#container02 {
 width: 95%;
 margin: 0 auto;
 padding: 0;
}
#container02a {
 max-width: 100%;
 margin: 0 auto;
 padding-top:20px;
 padding-bottom: 0;
 padding-right: 0;
 padding-left: 0;
}


.icone {
 background-color:transparent;  
 width:33%;
 text-align:center;
 display:inline;
 float:left;
 border:0;
 padding:0px;
 /*padding-top:7px;
 padding-left:6px;
 padding-right:6px;**************/
}
.icone img {
 background-color:#fff;  /*4b484b*/
 border:0px  double  #4b484b;
 border-radius: 50% 50% 50% 50%;
 -moz-border-radius: 50% 50% 50% 50%; 
 -webkit-border-radius: 50% 50% 50% 50%;
 width:100%;
 max-width:100%;
 /*box-shadow:rgba(0,0,0,4) 10px 10px 10px 10px  unset;*/
 box-shadow: 0px 3px 0px 0px #4b484b;
-webkit-box-shadow: 0px 3px 0px 0px #4b484b;
-moz-box-shadow: 0px 3px 0px 0px #4b484b;
 
 margin:0px;
 /*border: 0px;
  margin-left:0.125em;
margin-right:0.125em;***************/
 }
.icone p{
font-family:Futurist;
font-size:0.8em;/*0.8125em*/
text-align:left;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
font-weight:bold;
color:#000000;
text-align:center;
  }




/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media only screen and (min-width: 768px) {

#container02 {
    margin-top: 20px;
    width: 100%;
    height: 150px;
    background-image: url('grafica/rigaripetutavert-10-11-14.png');
    background-position-x: center;
    background-position-y: 20px;
    background-repeat: repeat-x;
  }

  #container02a {
    padding-top: 0px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

.icone {
    width: 14%;
    text-align: center;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    float: left;
    border: 0;
    padding-top: 7px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    /*margin-right:8px;
 margin-left:8px;*/
  }

    .icone img {
      /*max-width: 100%;
      border: 0px;
      margin: 0px;**************/
    }

    .icone p {
      font-family: Futurist;
      font-size: 0.8125em;
      text-align: left;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      font-weight: bold;
      color: #000000;
      text-align: center;
    }
    }

    /* -----------------------------------
IPAD LANDSCAPE + NETBOOK
------------------------------------ */
@media only screen and (min-width: 1024px) {
  #container02 {
    max-width: 100%;
  }

  #container02a {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
 
 
  .icone {
    width: 12.4%;
    text-align: center;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    float: left;
    border: 0;
    padding-top: 7px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    /*margin-right:8px;
 margin-left:8px;*/
  }

    .icone img {
      /* width:100%;
   max-width:100%;
      border: 0px;
      margin: 0px;**************/
    }

    .icone p {
      font-family: Futurist;
      font-size: 0.8125em;
      text-align: left;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      font-weight: bold;
      color: #000000;
      text-align: center;
    }
}
 /* -----------------------------------
DESKTOP
------------------------------------ */
  @media only screen and (min-width: 1200px) {

    #container01 {
      max-width: 1140px;
      /*max-width:1000px;*/
    }

    #container02 {
      max-width: 100%;
    }

    #container02a {
      max-width: 1140px;
      margin-left: auto;
      margin-right: auto;
    }
    
  }

