body{margin: 0; background-color: #f0f0f0; font-family: Arial;}

a{color: #3768eb; cursor: pointer;}

#login_form{ width: 300px; text-align: center; margin: auto;}
input{border: 1px solid #3768eb; background-color: #FFFFFF;
            -moz-border-radius: 5px; 
            -webkit-border-radius: 5px;
            border-radius: 5px;
            padding: 5px; margin-left: 5px;}
             
input[type="submit"]{
        background: -webkit-linear-gradient(#58ccfa, #3768eb); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#58ccfa, #3768eb); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#58ccfa, #3768eb); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#58ccfa, #3768eb);
            color: #FFFFFF;
        
        
        
}

*:focus {
    outline: 0;
}

.custom-combobox {
    position: relative;
    display: inline-block;
  }
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* support: IE7 */
    *height: 1.7em;
    *top: 0.1em;
  }
.custom-combobox-input {
    margin: 0;
    padding: 0.3em;
  }


.custom-combobox .ui-state-default{border: 1px solid #3768eb !important; background: none !important; background-color: #FFFFFF !important;

                font-size: 13px !important;
            -moz-border-radius: 5px; 
            -webkit-border-radius: 5px;
            border-radius: 5px;
            padding: 5px; margin-left: 5px;}



select {border: 1px solid #3768eb; background-color: #FFFFFF;
            -moz-border-radius: 5px; 
            -webkit-border-radius: 5px;
            border-radius: 5px;
            padding: 5px; margin-left: 5px;}


            

.site{width: 700px; border: 1px solid #0f0f0f; min-height: 200px; margin: auto; background-color: #FFFFFF; }

    #logo{float: left; margin: 10px 0 10px 20px;  height: 100px; width: 100px; background: url("../graf/BagnoScout_Logo.png"); background-position: center center; background-size: 100% auto; background-repeat: no-repeat;
            position: relative;            
            }
            
    #logo_logout {
            position: absolute;
            left: 130px;
            width: 200px;
            font-size: 20px;
            margin-top: 20px;
        }        
    
    #logo_logout a{
            
            font-size: 16px;
            text-decoration: none;
            color: inherit;
        }   
    
    
    .bottone{background: -webkit-linear-gradient(#58ccfa, #3768eb); /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#58ccfa, #3768eb); /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#58ccfa, #3768eb); /* For Firefox 3.6 to 15 */
            background: linear-gradient(#58ccfa, #3768eb); /* Standard syntax */
            font-size: 20px;
            line-height: 26px;
            -moz-border-radius: 5px; 
            -webkit-border-radius: 5px;
            border-radius: 5px;
            padding: 3px;
            color: #FFFFFF;
            cursor: pointer;
            }
            
        a.bottone
        {
                padding-left: 8px;
                padding-right: 8px;
                text-decoration: none;
                margin-bottom: 15px;
                display: inline-block;
                font-size: 18px;
                margin-left: 15px;
        }
        
  #dd_menu{
            float: right;
            width: 200px;
            margin: 10px;
            position: relative;
            
    
    
    }
    
    #dd_menu img{
        
        display: block;
         float: right;
        
        margin-right: 4px;
    }
    
    
    .clear{clear: both;}
    .piu{width: 25px; padding: 5px 5px 0 5px; display: block; float: right; margin-left: 4px;}
    .add{float: right;  margin-bottom: 10px; margin-right: 10px;}
    .add a{color: inherit; text-decoration: none; display: block; float: right; line-height: 28px; margin-right: 10px; }
    
    
    .sub_menu{border-bottom: 1px solid black;}
    .pagina {}
    .pagina a{color: #3768eb; text-decoration: none;}
    
    ul#menu{border-top: 1px solid black; border-bottom: 1px solid black; height:50px; }
    
    ul#menu li{margin-top: 9px; cursor: pointer; float: left;position: relative; width: 86px; list-style:none; font-size: 15px; text-align: center; line-height: 26px; padding: 3px;  }

.elenco{margin-top: 15px; width: 100%; border-collapse: collapse;  font-family: Arial; font-size: 12px; background-color: #ffff80;}
.elenco td, .elenco th{border: 1px solid #c9c9c9; padding: 4px;}
.elenco th{
        
                background: -webkit-linear-gradient(#58ccfa, #3768eb); /* For Safari 5.1 to 6.0 */
                background: -o-linear-gradient(#58ccfa, #3768eb); /* For Opera 11.1 to 12.0 */
                background: -moz-linear-gradient(#58ccfa, #3768eb); /* For Firefox 3.6 to 15 */
                background: linear-gradient(#58ccfa, #3768eb); /* Standard syntax */
                
                color: #FFFFFF !important;
                
                
        }
        
.elenco tr:nth-child(2n){background-color: #80ffff;}
        
         
        td.act{width: 50px;}
        td.act a{display: block; text-align: center; cursor: pointer;}
        
        
 .cerca{width: 300px; float: left;}



.bread{margin: 10px; font-size: 12px;}
    ul#impostazioni_menu{position: absolute; display: none; margin: 0; padding: 0;z-index: 2;}
    
        ul#impostazioni_menu li{ list-style:none; width: 198px; border: 1px solid #3768eb;-moz-border-radius: 5px; 
            -webkit-border-radius: 5px;
            border-radius: 5px;
            background: url("graf/sfondo_bianco.png");
            display: block;
            text-align: center;
            cursor: pointer;
            
            }
            
            tr.falso_tr{display: none;}
            
            
            tr.sub{display: none;}
            
            tr.sub label{display: inline-block; width: 140px;}
            
            tr.sub td{background-color: #ebfcfa !important;}
            
            
   .img_ricetta{float: right; height: 200px;}
   span.um{display: inline-block; width: 40px;}
   
   
   
   .inner_t{border-collapse: collapse; margin: auto; width: 90%; margin-top: 5px; }
   
   .inner_t tr{background-color: #FFFFFF !important; border: 1px solid #3768eb;}
   .inner_t th{border: 1px solid #3768eb;}
   .inner_t td{background-color:  #FFFFFF !important; border: 1px solid #3768eb;}
   
   
   .storico_prezzi{font-size: 10px; display: none;}
   
   .img_meteo{float: right;}
   
   
   
   #box_calendario{width: 100%; border-collapse: collapse;}
   .calendario{width: 100%;}
   .calendario td{border: 1px solid #3768eb; padding-left: 10px; width: 14%}
   
.giorni_successivi{background-color: #F0F0F0}


.form_meteo{float: left; width: 100px; margin-top: 5px; display: none;}

#form_magazzini
{        
        display: block;
        float: left;
        padding-left: 10px;
}

#form_magazzini input[type="submit"]
{
        font-size: 18px;
}

.sub_menu .magazzino
{
        float: left;
        margin-top: 2px;
        height: 27px;
}

.stat_alert{display: inline-block; width: 100%; text-align: center; margin-top: 10px; margin-bottom: 10px;}


.sub_meteo{margin-top: 10px;}

.car_cat
{
        display: none;
}

.car_cat td
{
        padding: 20px;
}

.car_cat_div
{
        padding: 8px;
        display: inline-block;
}

.emph_text
{
        color: #3768eb;
        font-weight: bold;
}

#venditori_form select
{
        width: 160px;
}

#venditori_form input, select
{
        margin-right: 150px;
        margin-bottom: 10px;
        margin-left: 10px;
}

#venditori_form textarea
{
        margin-left: 10px;
        width: 500px;
        height: 100px;
}

tr.falso_tr{display: none;}

.griglia{width: 100%; border-collapse: separate; margin-top: 20px; }
.griglia td{width: 25%; vertical-align: top; text-align: center; background-color: #FFFFFF;}
.griglia td img{width: 90%;}

.del{font-size: 0.8em; color: red; cursor: pointer;}