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

/* == Stili di base - Mobile first ===== */

#holder{
    background-color: #fdf2c4;
    -webkit-box-shadow: inset 10px 10px 10px #f54848, inset -10px -5px  10px #f54848;
    box-shadow: inset 10px 10px 10px #f54848, inset -10px -5px  10px #f54848;
}

#div-corpo{
    padding-left: 1em;
    padding-right: 1em;
}

#div-intestazione{
    width:100%;
    text-align:center;
}

#div-intestazione img{
    width:550px;   
}

#testo{
    padding: 0em 1em; 
  /*  background-color:#9C0; */ /*  verde*/
}

/*** STILE COLORI ***/

body{
    background-color: #f54848;
}

.navbar-inverse{
    background-color: #f54848;
    box-shadow: 0px 10px 10px #f54848;
    -webkit-box-shadow: 0px 10px 10px #f54848; 
}

.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #575555;
    background-color: #fe7474;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    background-color: #fe7474;
}

.navbar-inverse .navbar-toggle {
    border-color: #fff;
}

.dropdown-menu{
    background-color: #fe7474;
}

.dropdown-gruppo {
	border-top: 1px #b92222 solid;
	background-color: #d52e2e;
}

/********************/

/* -----------------------------------    volietto  
SOLO CELLULARI 
------------------------------------ */

@media screen and (max-width: 767px) and (orientation: portrait) {

  #holder{  
      padding-left: 10px;
      padding-right: 10px;
  }    
  
  #div_spazia_top{
      height:4em;      
  }
 
  .navbar-inverse{
      box-shadow:0px 6px 6px #f54848 !important;
      -webkit-box-shadow:0px 6px 6px #f54848 !important;
  }  
     
  #div-corpo{ padding-bottom: 6em; }
    
  #div-intestazione{ padding-bottom: 1em; }

  #div-intestazione img{ width:120px; }  
  
  #testo{ padding: 0em 1em; }
  
  #div_foto{
      padding-top:15px;
  }
      
}

/* -----------------------------------      giallo
SOLO CELLULARI - LANDSCAPE
------------------------------------ */

@media screen and (max-width: 767px) and (orientation: landscape) {

  #div_spazia_top{
      height:4em;      
  }  
   
  #div-intestazione{ padding-bottom: 1em; }
  
  #div-corpo{ padding-bottom: 5em; }  

  #div-intestazione img{
      width:150px;   
  }
  
  #testo{ padding: 0em 2em; /*background-color:#FF6; */}

  #div_foto{
      padding-top:15px;
  }
  
}


/* -----------------------------------      azzurro
IPAD PORTRAIT   
------------------------------------ */
@media only screen and (min-width: 768px) {

  #div_spazia_top{
      height:5em;      
  }      
        
  #div-intestazione{ padding-bottom: 2em; }

  #div-intestazione img{ width:160px; }
      
  #div-corpo{ padding-bottom: 5em; }
  
  #testo{ padding:  0em 1em; /*background-color:#0FF; */}
  
  #div_foto{
      padding-top:165px;
  }
            
}
 
 
/* -----------------------------------      viola
IPAD LANDSCAPE + NETBOOK    
------------------------------------ */
@media only screen and (min-width: 1024px){
     
  #div_spazia_top{
      height:5em;      
  }  

  #div-corpo{ padding-bottom: 5em; }
  
  #div-intestazione{ padding-bottom: 1.3em; }

  #div-intestazione img{ width:160px; }
 
  #testo{ padding: 0em 1.5em; /*background-color:#609; */}  
  
  #div_foto{
      padding-top:15px;
  }    
     
}
 
/* -----------------------------------      blu
DESKTOP
------------------------------------ */
@media only screen and (min-width: 1200px){
    
  #div_spazia_top{
      height:5.5em;
  }
     
  #div-intestazione{ padding-bottom: 2em; }
  
  #div-corpo{ padding-bottom: 3.8em; }    
  
  #div-intestazione img{ width:180px; }
 
  #testo{ padding: 0em 3.5em; /*background-color:#069; */}
      
  #div_foto{ padding-top:145px; }         
    
}