@charset "utf-8";
/* CSS Document */
/* GIALLO #f4e143 */
/* BLU  #004bb9; */
/* ROSSO b8222b  */
/* arancione appo ffa028*/
.boxsizingBorder {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
body{ background: #f1f1f1; font-family: arial; font-size: 12px}
img { border: none}
#contenitore{ overflow-x: hidden }
.contenitore{ }
#contenuto{ background-color: #f1f1f1; z-index: 0; margin-left: 130px;}
#menusinistra{position: fixed; left:0; top: 0; width: 130px; height: 100%; background-color: #5B798F; }

#login{width:400px; margin-left: auto; margin-right: auto; min-height:260px; background-color: #5B798F;
margin-top: 30px;box-shadow: 1px 1px 3px #888888;}


.formbianco{ border: none; background: #ffffff; padding: 10px 10px 10px 10px}
.loginbutton{ border: none; background: none; font-size: 16px; color: #FFF}
.grigio{ color: #666666}
.errori{ color: #ffffff; font-weight: bold}
/*------------ STILE DEL MENU ------------------*/
#menuprincipale { color: #ffffff; list-style: none; list-style-type: none; margin-left: 0; z-index: 1000;padding-left: 0;   }
#menuprincipale li{ list-style: none; list-style-type: none; margin:0px; padding-left: 10px }
#menuprincipale a{ display: block; padding: 10px 10px 10px 10px; text-decoration: none; font-size: 13px; color: #FFF; border: none}
#menuprincipale a:hover{ background-color:#f1f1f1; color: #666666; border-left: 10px solid #CCC }
#menuprincipale .attivo{ background-color:#f1f1f1; color: #666666 !important; border-left: 10px solid #CCC}

#articoli{   font-size: 12px;  }
#avvisi{   font-size: 12px;  }
#testataarticoli{ color: #000; font-weight: bold; padding: 15px 20px 15px 20px; font-size: 14px}
#testataavvisi{ color: #000; font-weight: bold; padding: 15px 20px 15px 20px; font-size: 14px}
.benvenuto{ color: #666; background-color: #cccccc; padding:5px;}
.benvenuto p{ line-height: 14px}
/*----DIV FLOTTANTE -------------*/
.flottante{float: left;margin-left: 20px; padding-top;10px; width: 91%; }

/* ------- STILE LINK -----------*/
.link1{ text-decoration: none; color: #000; padding: 5px 5px 5px 5px;}
.link1:hover{ text-decoration: underline}
.link2{    background-color:#666;width:150px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;display:inline-block;
    color:#fff;
    font-size:13px;font-weight:normal;
    padding:4px 15px;
    cursor:pointer; border: none; text-decoration: none;
    vertical-align:top;
    text-align: center
    }
    .link2:hover{ text-decoration: underline}
.link4{    background-color:#666666;width:150px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;display:inline-block;
    color:#fff;
    font-size:13px;font-weight:normal;
    padding:5px 15px 6px 15px;
    cursor:pointer; border: none; text-decoration: none;
    vertical-align:top; text-align: center;;
    }
.link4:hover{ text-decoration: underline}
/*------ form articoli ---------*/
.formarticoli{ font-size: 13px; padding: 10px 10px 10px 10px; color: #222222; border: 1px solid #aaaaaa;box-shadow: 0px 0px 1px  #cccccc;}
/*------ Form notifiche -----------*/
.notificheTesto{ width: 100%; height: 60px;resize: none;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box;    box-sizing:border-box;    display:block;/*reset from inline*/}
.notificheTesto textarea{margin:  0px; padding: 0px;height: 60px;resize: none; }
.notificheGruppoDiv{ width:  62%; background-color: #FFF; float: left}
.notificheGruppo{ width:  100%; background-color: #FFF; margin-right: 0px;;}
.notificheUtenti{ background-color: #FFF;width: 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;    box-sizing:border-box; }
.notificheConferma{ width:  30%; background-color: #FFF; float: right}
#notificheCaratteri{ font-size:11px;color:#666;}
/*----- stili per calendario -------*/

.headercalendario{ background-color: #cccccc}
.calendariogiorni{ background-color: #666; color: #FFF}
#fullheight{ width: 98%}
.giorno{ background-color: #dedede}
.domenica{background-color: #d1d1d1;}
.corrente{ background-color: #cccccc}
/* ################################################## */
/* --- stile dei form ------*/
.fontGrigio{ font-size: 11px; color:#aaa}
.input1{ padding: 4px ; border: 1px solid #cdd0d4;resize: none;}
.input2{ padding: 10px ; border: 1px solid #cdd0d4;resize: none; font-size: 16px}
.input1 textarea{    resize: none;}
.input1 option{ color: #222}
.sizeregistrazione{ width: 100%}
.sizeregistrazione1{ width: 100%; height: 130px}

.formregistrazione{ width: 100%; padding-left: 10px ; padding-right: 10px}
.formregistrazione a{text-decoration: none; }
.formregistrazionesinistra{ float: left; width: 500px}
.formregistrazionedestra{ float: right}
.formregistrazioneimg{ width:250px; height: 200px; }
.formregistrazionesubmit{ color: #ffffff; padding-top: 30px}
.formregistrazionesubmit a{ color: #FFF}
/*---- stile per la mappa --*/
#mappaosm{height: 400px; width:auto; border: 1px solid #CCC; margin-left:10px; margin-right:10px; display: none}

/*----- stile per i menu ------------*/
#menuazienda{width: 100px;height: auto;position: absolute; right: 10px; text-align: left;display: none;padding: 3px; background-color: #FFF; top:20px}

.nav-link{ text-decoration: none}
.bloccoMenu{ display: block}
.menuazienda{transition: none;font-family: Montserrat,sans-serif;color: #5C5C5C;font-size: 14px;text-transform: uppercase;margin-right: 5px;text-decoration: none;
margin-bottom: 0px}

/*------ pagina login -----------*/
.login{ text-align: left; width:260px;; margin-left: auto; margin-right: auto}
.loginMsg{ text-align: center; font-size: 12px; height: 20px; padding-top: 10px; padding-bottom: 10px; height: 40px}
@media (max-width: 800px){
    .formregistrazionesinistra{ float: none; width:100%}
    .formregistrazionedestra{ float: none}
    #menuazienda{ right: 30%; top: 40px}
}
/*----- pagina contatti rubrica----------*/
.sizeCerca{ width: 200px;}
.formContati{ width: 100%; padding-left: 10px ; padding-right: 10px}

@media (max-width: 800px){
    #contenuto{ margin-left: 0px; margin-top: 108px}
    #menusinistra{ position: fixed; top: 0px ; left: 0px; right: 0px; height: 108px; width:100% ;  }
    #menuprincipale{margin-left: auto; margin-right: auto; width:100%;  padding-top: 0px}
    #menuprincipale li{ float:  left; padding-left: 1px}
    #menuprincipale a:hover{  border-left: 0px}
    #menuprincipale .attivo{  border-left: none }
    .benvenuto{ padding: 1px}
}
/*-------- STILI GENERICI PER TUTTE LE PAGINE  -----------*/
h2{ font-size: 22px}
.appocontainer{  padding-top: 110px;margin-left: auto; margin-right: auto;width:100%; max-width: 800px;  margin-bottom: 20px;min-height: 300px; padding-left:10px; padding-right:10px }
.centrato{ text-align: center}
.sinistra{ text-align: left}
.destra{ text-align: right}
.small{ padding-top: 10px; padding-bottom: 10px; min-width: 100px}
.floatleft{ float: left}
.floatright{ float:right}
.divautocentrato{ padding-left: 10px ; padding-right: 10px; margin-left: auto; margin-right: auto}
.size60{ width: 60%; }
.size90{ width:90%}
.size100{ width:100%}
.bordogrigiosotto{ border-bottom: 1px solid #cdd0d4}

.grigio1{ background-color:#cdd0d4;color:#745785}
.evidenziatore1{ background-color:none}
.evidenziatore1:hover{ background-color:#f93}
.selected_row{background-color: greenyellow;}
.circular30{width: 30px;
	height: 	30px;
	border-radius: 15px;
	-webkit-border-radius: 15x;
	-moz-border-radius: 15px;
	
	}
.circular60{width: 60px;
	height: 	60px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	
	}
	
.circular120 {
	width: 120px;
	height: 	120px;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	
	}
.notifiche{ width: 20px; height:20px; background-color: red; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
text-align: center;  color: #FFF;  min-height: 20px; min-width: 20px;  display: inline-block; max-width: 20px; max-height: 20px}	
/* --- stile campi dei form ------*/
.fontGrigio{ font-size: 11px; color:#aaa}
.input1{ padding: 4px ; border: 1px solid #cdd0d4;resize: none;}
.input2{ padding: 10px ; border: 1px solid #cdd0d4;resize: none; font-size: 16px}
.input1 textarea{    resize: none;}
.input1 option{ color: #222}
.sizeregistrazione{ width: 100%}
.sizeregistrazione1{ width: 100%; height: 130px}

.formregistrazione{ width: 100%; padding-left: 10px ; padding-right: 10px}
.formregistrazione a{text-decoration: none;}
.formregistrazionesinistra{ float: left; width: 500px}
.formregistrazionedestra{ float: right}
.formregistrazioneimg{ width:250px;  }
.formregistrazionesubmit{ color: #ffffff; padding-top: 30px}
.formregistrazionesubmit a{ color: #FFF}

/*----- stile paginazione --------*/
.paginasi{ min-width: 25px; max-width:25px ; width: 25px; height: 25px; line-height: 25px; text-align: center ; text-decoration: none; border: 1px solid #cdd0d4;;  float: left; margin-right: 4px ; margin-bottom: 4px;
background-color: #FFF}
.paginano{ min-width: 25px; max-width:25px ; width: 25px; height: 25px; line-height: 25px; text-align: center ; text-decoration: none; border: 1px solid trasparent;float: left; margin-right: 4px ; margin-bottom: 4px;
background-color:#cdd0d4;color:#745785}
.paginasi a{ display: block; text-decoration: none ; color: #222; font-size: 10px}
.paginasi a:hover{ background-color:#cdd0d4;  }

/*---- stile per la mappa --*/
#mappaosm{height: 400px; width:auto; border: 1px solid #CCC; margin-left:10px; margin-right:10px; display: none}

/*----- stile per i menu ------------*/
#menuazienda{width: 120px;height: auto;position: absolute; right: 10px;  text-align: left;display: none;padding: 3px; background-color: #FFF; top:22px}

.nav-link{ text-decoration: none}
.bloccoMenu{ display: block}
.menuazienda{transition: none;font-family: Montserrat,sans-serif;color: #5C5C5C;font-size: 14px;text-transform: uppercase;margin-right: 5px;text-decoration: none;
margin-bottom: 0px}

/*------ pagina login -----------*/
.login{ text-align: left; width:260px;; margin-left: auto; margin-right: auto}
.loginMsg{ text-align: center; font-size: 12px; height: 20px; padding-top: 10px; padding-bottom: 10px; height: 40px}
@media (max-width: 800px){
    .formregistrazionesinistra{ float: none; width:100%}
    .formregistrazionedestra{ float: none}
    #menuazienda{ right: 30%; top: 40px}
}
/*----- pagina contatti rubrica----------*/

.formrubricasubmit{ color: #ffffff; padding-top: 30px; text-align: center}
.sizeCerca{ width: 200px;}
.formContati{ width: 100%; padding-left: 10px ; padding-right: 10px}