/* CSS Document */
*{margin:0;padding:0;}
body{margin:0;padding:0; background: #2F333C; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-size:14px;}
img{border:none}

/*--------------------------------- LOGIN --------------------------------------*/
#pageLogin{ padding-top:100px;  width:990px; margin:0 auto;  }
#boxLoginConteiner{ width:100%; text-align:center;}
#Loginbox{ margin-left:285px; width:400px; height:330px; background:url(../img/mainbody.jpg) repeat-x; border:#FFF solid 1px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#Loginbox .titolo{ padding-top:10px; padding-bottom:10px; font-size:22px; color:#333;}
#Loginbox .boxForm{ width:350px; height:210px; margin-left:25px; color:#333; background: #CCCFD4 url(../img/panel.jpg) center top no-repeat; border:#FFF solid 1px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; text-align:center;}
#Loginbox .boxForm input{ border:#666 solid 1px; background:url(../img/input.jpg) repeat-x; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:0 10px; }
#Loginbox .boxForm a{ color:#666; text-decoration:none;}

/* -------------------------------- HEADER -------------------------------------*/
#header{ width:100%; height:150px; position:fixed; z-index:100; border-top:#CCC solid 2px;}
#barraTop{padding-left:25px; width:100%; height:59px; background:url(../img/bg_header.jpg) repeat-x; font-size:22px; color:#CCC; }
#barraTopSX{width:80%; float:left; line-height:59px;}
#barraTopDATA{width:10%; height:59px; float:left; background:url(../img/calendar-date-icon.png) 0px 5px no-repeat;}
#barraTopDATA .giorno{ width:50px; padding-top:10px; padding-left:12px; height:18px; font-size:18px; color:#333; text-align:left;}
#barraTopDATA .mese{ width:44px; padding-top:2px; height:10px; font-size:10px; color:#333; text-align:center;}
#barraTopDATA .anno{ width:100%; height:10px; padding-left:3px; font-size:9px; color:#333; text-align:left;}

#barraNav{width:100%; height:40px; background:url(../img/mainmenu.jpg) repeat-x;border-top: #999 solid 2px;}
#barraStato{ padding-left:25px; width:100%; height:40px; background:#222; border-bottom:1px solid #444; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7; line-height:40px; font-size:14px;}
#barraStato a{ color:#FFF; text-decoration:none;}
#barraStato a:hover{ color:#FFF; text-decoration: underline;}
#barraStato .menu{ width:600px; float:left;}
#barraStato .back{ width:250px; float:right}
/*Menu*/
.jquerycssmenu{padding-left: 25px; padding-top:2px; font-size:16px; font-weight:bold; /*offset of tabs relative to browser left edge*/}
.jquerycssmenu ul{margin: 0;padding: 0;list-style-type: none;z-index:999;}
/*Top level list items*/
.jquerycssmenu ul li{position: relative;display: inline;float: left;}
/*Top level menu link items style*/
.jquerycssmenu ul li a{display: block;padding: 5px 7px 4px 7px;margin-right: 3px; /*spacing between tabs*/border: 1px solid #778;background:#6B737C;border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px;color: #fff;text-decoration: none;}
.jquerycssmenu ul li a:hover{border: 1px solid #25ccf9;background:#A1A8B0;}	
/*1st sub level menu*/
.jquerycssmenu ul li ul{position: absolute;left: 0;display: block;visibility: hidden;}
/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{display: list-item;float: none;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{top: 0;}
/* Sub level menu links style */
.jquerycssmenu ul li ul li a{width: 160px; /*width of sub menus*/background:#6B737C;color: #fff;padding: 4px 5px;margin: 0;border: 1px solid black;}
.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/background:#A1A8B0;color: black;}
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{position: absolute;top: 7px;right: 5px;}
.rightarrowclass{position: absolute;top: 5px;right: 5px;}

/*----------------------------- CENTRO ----------------------------*/
#page{ padding-top:150px; padding-bottom:80px; width:1020px; margin:0 auto;  }
#centro{ width:1020px; height:auto; background:#B7BCC2; -moz-border-radius:20px;-webkit-border-radius:20px; padding:10px;  }
#centro .titolo{font-size:20px; color:#000;}
#contenitoreBarraNavCentro{ width:1000px; height: auto !important; height:20px; min-height:20px; background:#DBDFE2;border-radius:20px;border-radius:20px; -moz-border-radius:20px;-webkit-border-radius:20px; padding:10px; color:#333 }
#contenitoreContenutiCentro{ width:980px; height: auto !important; height:40px; min-height:40px; background:#fff; border-radius:20px; -moz-border-radius:20px;-webkit-border-radius:20px; padding:10px; }
#boxInserisciNuovo{background:url(../img/button.jpg) repeat-x; border:#999 solid 1px; padding:0 20px; margin-bottom:5px; color:#FFF; width:960px; height:30px; line-height:30px;  border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; }
#boxInserisciNuovo button{ background: url(../img/filenewi.gif) no-repeat 0 0 ; border:none; height:28px; color:#FFF; padding-left:35px;cursor:pointer;}
#boxInserisciNuovo button:hover{ color: #F00; background:url(../img/filenewi.gif) no-repeat 0 -28px;}
#boxInserisciNuovaSezione{float:left; width:95%; border-right:#FFF solid 1px; text-align:left;}
#boxInserisciNuovaSezione button{width:30px; height:28px; background:url(../img/insert_button.png) 0 -2px no-repeat;}
#boxInserisciNuovaSezione button:hover{background:url(../img/insert_button.png) 0 -31px no-repeat;}
#boxInserisciProdotto{float:left; width:54%; border-right:#FFF solid 1px; text-align:left;}
#boxInserisciProdotto button{width:30px; height:28px; background:url(../img/insert_button.png) 0 -2px no-repeat;}
#boxInserisciProdotto button:hover{background:url(../img/insert_button.png) 0 -31px no-repeat;}
#boxCerca{float: right; width:45%; text-align:right;}
#boxCerca button{width:30px; height:28px; background:url(../img/find.png) 0 -2px no-repeat;}
#boxCerca button:hover{background:url(../img/find.png) 0 -32px no-repeat;}
#boxParametri{ border:#666 solid 1px; width:490px; min-height:50px; background:#CCCFD4 url(../img/panel.jpg) center no-repeat; border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px;}
#boxParametri .titolo{ padding:5px 20px; font-size:16px; background:url(../img/heading.png) bottom left no-repeat; margin-bottom:5px;}
#boxParametri .contenuto{ width:460px;; min-height:50px; margin:10px;height:auto; padding:5px; background:#FFF;  border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; }

.areeProdottoBig{ width:955px;; padding:0 10px; border: #CCC solid 1px; border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px;}

#toolbar{position:fixed;bottom:0;left:0;width:100%;z-index:400;background: #CCC; padding:5px;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
#toolbar .centro{width:990px; margin:0 auto; font-size:14px; }
#toolbar .centro button{ width:80px; height:28px; text-align:center; float:left; color:#fff; font-weight:bold; background:url(../img/bg_bottone_verde.png) top no-repeat; border:#ccc solid 1px; border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px; display:block;  }
#toolbar .centro button:hover{ background-position:0 -60px;}

/* -------------------------- VARIE ------------------------------- */
.campoInput{ border:#999 solid 1px; padding:0 5px; border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px;}
.bottoneRosso{ width:80px; height:25px; text-align:center; line-height:25px; float:left; }
.bottoneRosso a{color:#fff; font-weight:bold; text-decoration:none; background:url(../img/bg_bottone_rosso.png) top no-repeat; border:#ccc solid 1px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; display:block;}
.bottoneRosso a:hover{ background-position:0 -60px;}
.bottoneVerde{ width:80px; height:25px; text-align:center; line-height:25px; float:left;  }
.bottoneVerde a{color:#fff; font-weight:bold; text-decoration:none; background:url(../img/bg_bottone_verde.png) top no-repeat; border:#ccc solid 1px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; display:block;}
.bottoneVerde a:hover{ background-position:0 -60px;}



.testo9{ font-size:9px;}
.testo11{ font-size:11px;}
.testo12{ font-size:12px;}
.testo12 a{ color:#333; text-decoration:none;}
.testo12 a:hover{ color:#333; text-decoration: underline;}
.testo14{ font-size:14px;}
.testo16{ font-size:16px;}
.testo18{ font-size:18px;}
.testo11Rosso{ font-size:11px; color:#F00}
.bordoGrigio{ border-bottom:#CCC solid 1px;}

.erroreform{ width:auto; height:16px;font-size:11px;COLOR: #000;vertical-align:middle;background: #fff;border:#ff0000 solid 1px;;}
.allert{color: #ff0000;font-size:11px;font-family: Verdana, Arial, Helvetica, sans-serif;background-image: url(images/incorrect.gif);background-repeat: no-repeat;background-position: 0px center;padding:0 0 0 15px;font-weight:bold;}
.allert2{color: #ff0000; font-size:11px; font-weight:bold;}

.indiciColonna{ background:url(../img/thead.jpg) repeat-x; color:#333; }

.confirm-container { height: auto !important; height: 140px; min-height: 140px; width:520px; position:absolute; z-index:101;background: #fff; border:2px solid #FFF;cursor: default; top:50%;left:50%; margin-left:-200px;margin-top: 100px; color:#000; padding:30px;}