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

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

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

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

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

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

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

div.textimage_1 img{
    margin-top:10px;
    margin-bottom:20px;  
    width:310px;
    border-radius: 15px;
}


div.textimage_2 img{
    margin-top:10px;
    margin-bottom:20px;  
    width:310px;
    border-radius: 15px;
}
  
div.clearer{clear: left} 

#tab_orari_compitando td:nth-child(1){ width:100px; font-style: oblique;}
#tab_orari_compitando td:nth-child(2){ width:100px; font-style: oblique;}
#tab_orari_compitando td:nth-child(3){ width:100px; font-style: oblique;}

td#info_pasto{
	font-size: 14px;
	padding-top: 5px;
}

#contenitore_orari {
    max-width: 300px;
    margin-left: 16px;
    margin-bottom: 20px;
}

#contenitore_orari .div_instestazione_orario {
    text-align: center;
    border: 1px #000 solid;
    border-bottom: none;
    background-color: #a2d46f;
    font-weight: 600;
}

#contenitore_orari .div_orario {
    text-align: center;
    border: 1px #000 solid;
    margin-right: 0px;
    margin-left: 0px
}

#contenitore_orari .div_orario .form-group {
    margin-bottom: 0.4em;
    margin-top: 0.4em;
}

#contenitore_orari .div_cella {
    padding: 1px;
}

/*** STILE COLORI ***/

body{
    background-color: #4eb4de;
}

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

.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: #91c9e1;
}

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

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

.dropdown-menu{
    background-color: #91c9e1;
}

.dropdown-gruppo {
	border-top: 1px #166d91 solid;
	background-color: #378db0;
}

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


/* -----------------------------------    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 #4eb4de !important;
      -webkit-box-shadow:0px 6px 6px #4eb4de !important;
  }   
  
  #div-corpo{ padding-bottom: 6em; }
      
  #div-intestazione{
      padding-bottom: 2em;
  }

  #div-intestazione img{
      width:314px;   
  }
  
  div.textimage_1 img{
      margin-left:auto;
      margin-right:auto;
	  width:100%;
  }
   
  #testo{ padding: 0em 1em; /*background-color:#C9F; */}  
  
  #div_foto { padding-top:15px; }  

  #contenitore_orari .div_orario .form-group {
      padding-right: 0px;
      padding-left: 0px;
  }
    
}

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

@media screen and (max-width: 767px) and (orientation: landscape) {
   
  #div_spazia_top{
      height:4.5em;      
  }   
 
  #div-intestazione{   
      padding-bottom: 2em;
  }  
  
  #div-corpo{ padding-bottom: 5em; }

  #div-intestazione img{
      width:550px;   
  }
  
  #testo{ padding: 0em 2em; /*background-color:#FF6;*/ }
  
  div.textimage_1 img{
      display: none;
/*      margin-left:10px;
      margin-right:30px;
	  width:250px;*/
  }
  
  div.textimage_2 img{
      margin-left:0px;
      margin-right:30px;
	  width:250px;
  }

  #div_foto { padding-top:15px; }  

  #contenitore_orari {
      max-width: 580px;
      margin-left: 16px;
      padding-bottom: 2em;
  }
   
}


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

  #div_spazia_top{
      height:5em;      
  }      
      
  #div-intestazione{
      margin-bottom: 2em;
  }
  
  #div-intestazione img{
      width:550px;   
  }
  
  #div-corpo{ padding-bottom: 5em; }
        
  #testo{ padding:  0em 1em;  }

  div.textimage_1 img{
	  float:right;
      margin-top:20px;
      margin-left:0px;
      margin-right:0px;
      margin-bottom:10px;  
	  width:335px;
  } 
  
  div.textimage_2{
      height:5px; 
  }

  div.textimage_2 img{
	  float:left;
      margin-top:20px;
      margin-left:0px;
      margin-right:30px;
	  width:280px;
  }  
  
  #div_foto { padding-top:15px; }  

  #contenitore_orari {
      max-width: 590px;
      margin-left: 16px;
  }
     
}
 
 
/* -----------------------------------      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: 1em;	
  }
   
  #div-intestazione img{
      width:550px;   
  }
 
  #testo{ padding: 0em 2em ; /*background-color:#609;*/ }

#contenitore_orari {
    max-width: 700px;
    margin-left: 16px;
}
       
}
 
/* -----------------------------------      blu
DESKTOP
------------------------------------ */
@media only screen and (min-width: 1200px){
    
  #div_spazia_top{
      height:5.5em;
  }
     
  #div-intestazione{
      padding-bottom: 1em;	
  }
  
  #div-corpo{ padding-bottom: 3.8em; }  
  
  #div-intestazione img{
      width:700px;   
  }
 
  #testo{ padding: 0em 3.5em; }  
      
  div.textimage_1{
	  margin-bottom: 10px;
  }

  div.textimage_1 img{
	  float:right;
      margin-top:10px;
      margin-left:20px;
      margin-right:30px;
      margin-bottom:10px;  
	  width:360px;
	  border-radius: 15px;
  }

  div.textimage_2{
      height:5px;
	  margin-bottom: 0px;
  }

  div.textimage_2 img{
	  float:left;
      margin-top:2px;
      margin-left:10px;
      margin-right:25px;
      margin-bottom:10px;  
	  width:310px;
	  border-radius: 15px;
  }
    
  div.clearer{clear: left} 
  
  #tab_orari_compitando td:nth-child(1){ width:100px; font-style: oblique;}
  #tab_orari_compitando td:nth-child(2){ width:100px; font-style: oblique;}  
  #tab_orari_compitando td:nth-child(3){ width:100px; font-style: oblique;}  
  
  #div_foto { padding-top:35px; }  

#contenitore_orari {
    max-width: 800px;
    margin-left: 16px;
}
  
}