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


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

#holder{
    background-image:url(../immage/997-70.jpg);
    -webkit-box-shadow: inset 10px 10px 10px #fff, inset -10px -5px  10px #fff;
    box-shadow: inset 10px 10px 10px #fff, inset -10px -5px  10px #fff;    
}

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

#div-contenuto{
	margin-left:auto;
	margin-right:auto;
/*	border:1px #0099FF solid;*/
}

#div_testo{
	margin-left:auto;
	margin-right:auto;
/*	border:1px #CF0 solid;*/
}

#div_form{
    margin-left:auto;
    margin-right:auto;   
	max-width: 400px;
/*	border:1px #3FF solid; 	*/
}

#div_funzioni{
    width:15em;
    height:4em;
    margin-left: auto;
    margin-right: auto;
    text-align:center;  
/*	border:1px #F0C solid;*/
}

.form-group.required label:after{
    content:" *";
    color:red;
}  

.is-invalid{
    box-shadow: 0 0 0 0.1em #dc3545;
    border: 1px solid #dc3545 !important;
}

label{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor:default;      
}


/*
#nome{      width:400px; }
#cognome{   width:400px; }
#email{     width:400px; }
#messaggio{ width:400px; height:151px; }
#td_buttom{ text-align:center; padding-top:20px; }*/

/*** STILE COLORI ***/

/*
#7ac5e4	Barra/sfondo
#418ce1	Bottoni menu
#b4b4b4	Bottoni menu hover
*/

body{
    background-color: #FFF;
}

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

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

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

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

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

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

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

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

  #div_spazia_top{ height:5em; }       
  
  #div-contenuto{
	  width:100%;
	  max-width:400px;
  }
  
  .navbar-inverse{
      box-shadow:0px 6px 6px #515151 !important;
      -webkit-box-shadow:0px 6px 6px #515151 !important;
  }  
  
  #div-corpo{ padding-bottom: 6em; }
  
  #tab_form input{ width:300px; }
   
  #tab_form textarea{
      width:300px;
      height:105px;
  }   
    
  #div_funzioni{ padding-top: 20px; }
	
	
  #testo{ padding: 0em 2em; /*background-color:#C3F*/ }
    
}

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

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

  #div_spazia_top{ height:5em; }       
  
  #div-contenuto{
	  width:100%;
	  max-width:400px;
  }
  
  #div-corpo{ padding-bottom: 6em; }
  
  #tab_form input{ width:300px; }
   
  #tab_form textarea{
      width:300px;
      height:105px;
  }   
    
  #div_funzioni{ padding-top: 20px; }
	
	
  #testo{ padding: 0em 2em; /*background-color:#C3F*/ }
    
}


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

  #div_spazia_top{ height:7em; }       
  
  #div-contenuto{
	  width:100%;
	  padding: 0em 1em;
  }
  
  #div_form{
	  padding-top:40px;	  
  }
    
  #div-corpo{ padding-bottom: 6em; }
  
  #tab_form input{ width:300px; }
   
  #tab_form textarea{
      width:300px;
      height:105px;
  }   
    
  #div_funzioni{ padding-top: 20px; }
	
	
  #testo{ padding: 0em 2em; }
           
}
 
 
/* -----------------------------------      viola
IPAD LANDSCAPE + NETBOOK    
------------------------------------ */
@media only screen and (min-width: 1024px){
       

  #div_spazia_top{ height:6em; }       
  
  #div-contenuto{
	  width:100%;
	  padding: 0em 1em;
  }
  
  #div_form{
	  padding-top:30px;	  
  }
    
  #div-corpo{ padding-bottom: 6em; }
  
  #tab_form input{ width:300px; }
   
  #tab_form textarea{
      width:300px;
      height:105px;
  }   
    
  #div_funzioni{ padding-top: 20px; }
	
	
  #testo{ padding: 0em 2em; }  

}
 
/* -----------------------------------      blu
DESKTOP
------------------------------------ */
@media only screen and (min-width: 1200px){

  #div_spazia_top{ height:7em; }       
  
  #div-contenuto{
	  width:100%;
	  max-width:740px
/*	  padding: 0em 5em;*/
  }
  
  #div_form{
	  padding-top:40px;	  
  }
    
  #div-corpo{ padding-bottom: 6em; }
  
  #tab_form input{ width:300px; }
   
  #tab_form textarea{
      width:300px;
      height:105px;
  }   
    
  #div_funzioni{ padding-top: 20px; }
	
	
  #testo{ padding: 0em 2em; }         

}