/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/


html,body {
    height:100%;
    width:100%;
    max-width:1200px;
	margin: auto;
	padding: 0;
	font-family: Arial, sans-serif;    
}

header {
	background-color: #7b7;
	color: #fff;
	margin: 0 20px 0 20px;
        border-radius: 15px 15px 15px 15px;
}

nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;    
}

nav li {
	margin: 0 10px;
        width: 100px;
        height:40px;
        text-align:center;
        line-height: 40px;
        
}

nav li ul{
        position:absolute;
        display:block;
        visibility:hidden; 
        border-radius: 20px 20px 20px 20px;
        z-index:1;
}

nav li ul li{
        margin:0;
        background: #bb7;
        border:  1px solid #333;
        height:30px;
        line-height: 30px;
        border-radius: 5px 5px 5px 5px;
}

nav li ul li a{
        color:#141;
        font-size: 14px;
        font-style:italic;
        font-family:new times roman;
}

nav li:hover {
	background: #373;
}

nav li:hover ul{
	visibility:visible;
}

nav ul li ul li:hover , li ul li a:hover{
	background: #3b7;
        color: white;
}

nav a {
	color: #fff;
	text-decoration: none;
        font-family:new times roman;
}

main {
	margin: 20px;
    height: 80%;
}

section {
	    margin-bottom: 20px;
        color:red;
        background-image: url("../image/zucca.jpg");
        background-size: cover;
        text-align: center;
        padding: 10px;
        border-radius: 15px 15px 15px 15px;
        min-height: 98%;
         
        
}

section #testo{
   margin: 10px 60px 10px 60px;
   background-color: #050;
   border-radius: 15px 15px 15px 15px;
   opacity:0.9;
   z-index:0;
   overflow-y:auto;
   max-height:600px;
}

#testo h3{
  color:#fff; 
}

section p, section ul{
        color:#fff;
        text-align: left;
        opacity:1;
        padding:10px;
}

section h1 {
	font-size: 36px;
	margin-bottom: 10px;
}

footer p {
	font-size: 18px;
	line-height: 0px;       
}

body footer {
	background-color: #7b7;
	color: #fff;
	text-align: center;
	margin: 0px 20px 0 20px;
    padding: 10px;
    border-radius: 15px 15px 15px 15px;
}  

/* ----------------------------------------- per il form login ----------------------------- */    

#login {
    padding: 40px;
    background: #DDD;
    border: 4px solid #AAA;
    width: 360px;
    margin: 0 auto;
}
#login input {
    font: 14px 'Open Sans', sans-serif;
    border: 2px solid #ccc;
    padding: 6px;
    display: block;
    margin-bottom: 10px;
    width: 200px;
    margin: 0 auto; 
}
#login button {
    font: 14px 'Open Sans', sans-serif;
    background-color: #4285f4;
    color: white;
    padding: 6px;
    cursor: pointer;
    border: none;
    margin-top: 10px;
    text-transform: uppercase;
}

/* ----------------------------------------- per le varie tabelle prodotti, soci ecc  ---------------------------**/    
    
#tabella{
  
   margin-left:auto;
   margin-right: auto;
   
 }  
 
 #navbar{
   color: #fff;
   margin-left:auto;
   margin-right: auto;
 }         
   
 .class_left { TEXT-ALIGN: left; }
.class_center { TEXT-ALIGN: center; }
.class_right { TEXT-ALIGN: right; }
.class_nowrap { WHITE-SPACE: nowrap; }
.class_underline { TEXT-DECORATION: underline; }
  
  
.default_class_table { 
   BORDER-COLLAPSE: collapse; 
   BORDER: #d0d0d0 1px solid;   
   FONT: normal 12px Tahoma;}
   
.class_tr {
   background-color:#e2e0cb;
   }
   
.class_descrizione {width:350px}

.default_class_th { 
  BORDER-BOTTOM: #ffcc33 2px solid; 
  BORDER-RIGHT: #d2d0bb 2px solid; 
  PADDING-RIGHT: 2px; 
  PADDING-LEFT: 5px; 
  PADDING-BOTTOM: 2px; 
  FONT: bold 13px serif; 
  COLOR: #333333; 
  PADDING-TOP: 2px; }  

.default_class_td { 
   BORDER: #f0eee1 1px solid; 
   PADDING-RIGHT: 6px; 
   PADDING-LEFT: 6px; 
   PADDING-BOTTOM: 2px; 
   PADDING-TOP: 2px; 
   FONT: normal 12px serif; }

.default_class_paging_table { 
  BORDER: #d0d0d0 0px solid; 
  FONT: normal 12px serif;
  color:#000;
  margin-top:25px;
  margin-right: auto;
  margin-left: auto;   
  border:1px;
  border-style:solid;
  width: 96%;
}
  @media print { font-size: 11px; border-style:dotted;}
   
  
/* --------------------------------------preparazione ordini  --------------------------- */ 
    .preparazione_ordini {
     width:400px;
     margin-right: auto;
     margin-left: auto;  
     padding: 10px 0 10px 10px;
     BORDER: #d0d0d0 0px solid; 
     FONT: normal 12px serif;
     color:#000;
     margin-top:25px; 
     border:1px;
     border-style:solid;
    }
    @media print { font-size: 11px; border-style:dotted;}
  
  
  .preparazione_ordini#acquisti {
     width:600px;
     margin-top:0;
  }
  
    
   .preparazione_ordini th  {
     BORDER-BOTTOM: #ffcc33 2px solid; 
     BORDER-RIGHT: #d2d0bb 2px solid; 
     PADDING-RIGHT: 2px; 
     PADDING-LEFT: 5px; 
     PADDING-BOTTOM: 2px; 
     FONT: bold 13px serif; 
     COLOR: #333333; 
     PADDING-TOP: 2px;
     background : #e2e0cb;
     text-align:center;  
   } 
   
    .preparazione_ordini tr{
        background-color: #e9e9aa; 
         text-align:left;
         padding:0;  
    }
 
 .preparazione_ordini tr , .preparazione_ordini td{ 
   text-align:left;
   padding:0; 
 }  
 .preparazione_ordini tr.dispari{
    background-color:#fafabb;
    font-family:serif;
 }  
  
 
 .preparazione_ordini tr.pari{
    background-color: #e0e0aa;
 }   
  
.preparazione_ordini input {
    text-align:left;
    border:hidden;
    width:95%;  
}  
  td
.preparazione_ordini td.descrizione , .preparazione_ordini input.descrizione{
  text-align:left;
  width:80%;
}

.preparazione_ordini td.float , th.float{
  text-align:right;
}   
  td.black{
    color:black;
    text-align:left;
  }  
  
  td.red{
    color:red;
    text-align:right; 
  } 
  
  
  .preparazione_ordini h3{
  text-align:center;
}

.preparazione_ordini input.pulsante {
     width:70px;
     height:27px;
     border:1 solid #000;
     text-align:center;
     background: grey;
     margin-left: 30px;   
}
  
.ordini{
    margin-top:0; 
    width:auto;
}
.ordini th.float  {
    text-align:right;  
    width:auto;
   }
    

.ordini .socio{
   text-align:left;
}
.ordini td {
    width: auto;
   text-align:right; 
}

.ordini th.prodotto {
    width: auto;
   text-align:left; 
}