@font-face {
    font-family: 'FrancoisOne';
    src: url('../font/francoisone-webfont.eot');
    src: url('../font/francoisone-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/francoisone-webfont.woff2') format('woff2'),
         url('../font/francoisone-webfont.woff') format('woff'),
         url('../font/francoisone-webfont.ttf') format('truetype'),
         url('../font/francoisone-webfont.svg#FrancoisOne') format('svg');
    font-weight: normal;
    font-style: normal;

}
html{
    height:100%;
    margin: 0px;
    padding: 0px;
    
    font-size:12px;
}
body{
    height: 100%; 
    margin: 0px; 
    padding: 0px; 
    font-size: 100%; 
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
    text-align: center;
    
}
table{
    font-size:12px;
}
.clear{clear:both;}
.float-left{display:inline;float:left;}
.float-right{display:inline;float:right;}
a img{border:0px;}
a {
    color:inherit;
    /*text-decoration:none;*/
}
#container{ margin:auto;   }
#wrap { margin:auto;}
#content { text-align: left; margin:auto;  border: 5px solid transparent; background:white; width:90%; min-height:80%;  padding:1%;  position:relative; }

#header{width:90%; height:126px; margin:auto; padding:0px; border:5px solid transparent;}
.home #header{ height:0px;}
#footer{text-align:center;  clear:both;}
div.title{ color:#fef102; font-size:20px; text-align:left; font-weight:bold; margin-bottom:18px;}
div.text{ font-size:12px; text-align: justify;}
#login{
    height:100%;
    display:inline-block;
    vertical-align:middle;
    float: right;
    
}
div#containerlogin{ 
/*position:absolute;*/

width:990px;
margin:auto; 
padding:0; 
}
#ricerca{
    height:150px;
    display:inline-block;
    vertical-align:middle;
    float: right;
    background-color: transparent;
}
#boxlist{
    width:100%; overflow-x: auto;

}
#boxlist table,#boxlist tr,#boxlist td, #boxlist th{

    border-collapse: collapse;
    border-spacing:0px;
    border:1px solid gray;
}
#boxlist td, #boxlist th{
    padding:2px 5px;}
#boxlist tr:nth-child(odd){
    background-color:lightgray;
}
#boxlist form:nth-child(odd) tr{
    background-color:lightgray;
}
#boxlist form:nth-child(even) tr{
    background-color:white;
}
#boxlist tr.special{
    background-color:lightblue;
}
#boxlist th{
    background-color:DarkGray;
}
.pratiche .boxbuttons{
    width:120px;
    white-space:normal;
}

input[type="text"],input[type="password"]{
   width: 142px;
}
body.home{
    background:url('../images/background-800x600.png') center center no-repeat;
    background: #4f5055;
}
body.home.w1440, body.home.h1080{
    background:url('../images/background-1440x1080.png') center center no-repeat;
}
body.home.w1200, body.home.h900{
    background:url('../images/background-1200x900.png') center center no-repeat;
}
body.home.w800, body.home.h600{
    background:url('../images/background-800x600.png') center center no-repeat;
}

body.home #container{
    background:transparent;
}
body.home #wrap{
    background:transparent;
}
body.home #content{
    background:transparent;
    border-color:transparent;
}
body.home #login{
  
    width:200px;
    height:75px;
    position:absolute;
    top:0px; right:0px;
    padding:15px;
    z-index:90000;
}
body.home #login input[type="text"],body.home #login input[type="password"]{
    width:130px;
}
.button{
    padding:0px 2px;
   /*float:left;*/
}
.menu{
    float:left;
} 
.button>div:nth-child(1){
    /*background:url('../images/button1-SX.png') bottom left no-repeat;
    background:url('../images/button1-SX.png') bottom left no-repeat,url('../images/button1-SX-Hover.png') no-repeat -9999px -9999px,url('../images/button1-SX-Selected.png') no-repeat -9999px -9999px;*/
    width:8px;
    height:34px;
    display:block;
    float:left;
}
.button>div:nth-child(2){
    /*background:url('../images/button1-CN.png') bottom left;
    background:url('../images/button1-CN.png') bottom left,url('../images/button1-CN-Hover.png') no-repeat -9999px -9999px,url('../images/button1-CN-Selected.png') no-repeat -9999px -9999px;*/
    padding:4px;
    height:26px;
    display:block;
    float:left;
}
.button>div:nth-child(3){
    /*background:url('../images/button1-DX.png') bottom left no-repeat;
    background:url('../images/button1-DX.png') bottom left no-repeat,url('../images/button1-DX-Hover.png') no-repeat -9999px -9999px,url('../images/button1-DX-Selected.png') no-repeat -9999px -9999px;*/
    width:8px;
    height:34px;
    display:block;
    float:left;
}
a:hover .button>div:nth-child(1){
    /*background:url('../images/button1-SX-Hover.png') bottom left no-repeat;*/
    width:8px;
    height:34px;
    display:block;
    float:left;
}
a:hover .button>div:nth-child(2){
    /*background:url('../images/button1-CN-Hover.png') bottom left;*/
    padding:4px;
    height:26px;
    display:block;
    float:left;
}
a:hover .button>div:nth-child(3){
    /*background:url('../images/button1-DX-Hover.png') bottom left no-repeat;*/
    width:8px;
    height:34px;
    display:block;
    float:left;
}
 a.current .button>div:nth-child(1),a:active .button>div:nth-child(1){
    /*background:url('../images/button1-SX-Selected.png') bottom left no-repeat;*/
    width:8px;
    height:34px;
    display:block;
    float:left;
}
 a.current .button>div:nth-child(2),a:active .button>div:nth-child(2){
    /*background:url('../images/button1-CN-Selected.png') bottom left;*/
    padding:4px;
    height:26px;
    display:block;
    float:left;
}
a.current .button>div:nth-child(3),a:active .button>div:nth-child(3){
    /*background:url('../images/button1-DX-Selected.png') bottom left no-repeat;*/
    width:8px;
    height:34px;
    display:block;
    float:left;
}

#logo{
float:left;
}

.home #logo{
    display:none;
}
.home .messages{
    background-color:white;
    margin:auto;
    width:980px;
    float:none;
    text-align:center;
    padding:5px;
    font-weight:bold;
    /*display:none;*/
}
.messages{
    
    padding:5px;
    text-align:center;
    
}
select.multipleSelect{
    height:26px;
}
.boxbuttons .visible{
    width:16px;
    height:16px;
    background:url('../images/visible.png') transparent no-repeat;
    display:inline-block;
}
.boxbuttons .unvisible{
    width:16px;
    height:16px;
    background:url('../images/unvisible.png') transparent no-repeat;
    display:inline-block;
}
#fasi .visible{
    width:16px;
    height:16px;
    background:url('../images/visible.png') transparent no-repeat;
    display:inline-block;
}
#fasi .unvisible{
    width:16px;
    height:16px;
    background:url('../images/unvisible.png') transparent no-repeat;
    display:inline-block;
}
#boxlist input[type="text"],input[type="password"]{
    width:auto;
}
#boxlist input.field-date{
    width:70px;
}

.menu{
    font-family:FrancoisOne,verdana,arial,tahoma,helvetica,sans-serif;
    font-size: 16px;
}

.button{

	background-color:transparent;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #f36f51;
	display:inline-block;
	cursor:pointer;
	color:#25408f;
	font-family:FrancoisOne,verdana,arial,tahoma,helvetica,sans-serif;
        margin-right:6px;

	padding:6px 24px;
	text-decoration:none;
	
}
a:hover .button, a:active .button, a.current .button{
    background-color:#f36f51;
    color:white;
}


.menu-0{
    color:white;
    display:block;
    width:100%;
    background:#23408f;
}
.menu-0 .button{
    -moz-box-shadow: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	background-color:inherit;
	-moz-border-radius:inherit;
	-webkit-border-radius:inherit;
	border-radius:inherit;
	border:inherit;
	display:inherit;
	cursor:inherit;
	color:inherit;
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	padding:inherit;
	text-decoration:inherit;
	text-shadow:inherit;
        margin-right:inherit;
    height:34px;
    display:block;
    float:left;
}
.menu-0 a:hover .button,.menu-0 a:active .button,.menu-0 a.current .button{
    background:#F37051;
   
    height:34px;
    display:block;
    float:left;
}

.console .menu-1{
    color:white;
    display:block;
    width:100%;
    background:#23408f;
}
.console .menu-1 .button{
    -moz-box-shadow: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	background-color:inherit;
	-moz-border-radius:inherit;
	-webkit-border-radius:inherit;
	border-radius:inherit;
	border:inherit;
	display:inherit;
	cursor:inherit;
	color:inherit;
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	padding:inherit;
	text-decoration:inherit;
	text-shadow:inherit;
        margin-right:inherit;
    height:34px;
    display:block;
    float:left;
}
.console .menu-1 a:hover .button,.menu-0 a:active .button,.menu-0 a.current .button{
    background:#F37051;
   
    height:34px;
    display:block;
    float:left;
}

.menu-2 a.current .button,.menu-2 a:active .button{
    background:#F37051;
    /*padding:4px;
    height:26px;
    display:block;
    float:left;*/
}
input.invalid{
    box-shadow: 0 0 1.5px 1px red;
}
.hidden{
    display:none;
}
.shown{
    display:block;
}

.boxbuttons{
    font-size: 32px;
}

.testo_ruotato {
/*browser basati Chrome, Safari...*/
-webkit-transform: rotate(90deg);
/*Firefox*/
-moz-transform: rotate(90deg);
/*Internet Explorer*/
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

}

.confirmSendButton,.regenButton{
    width:32px; height:32px; background:url('../images/del.png') no-repeat; color:transparent; border:none; cursor:pointer;
        vertical-align: top;
}
.regenButton{
    background:url('../images/regen.png') no-repeat;
}
.suoloBlock,.portionBlock{
    border-bottom:1px solid #F37051;
}
.suoloBlock:last-child,.portionBlock:last-child{
    border-bottom:0px;
}



	fieldset{padding: 8px;border: 1px solid #f37051;margin-bottom: 20px}
legend{padding: 0 5px;text-transform: uppercase;color: #f37051}
label.req strong, strong.asterisco{font-weight: bold;
    font-family: verdana,sans-serif;color: red}
input:focus{background-color: #ffc}
br{clear:left}
fieldset.in label{float: left;text-align: center;margin: 0px 10px 5px 0}
fieldset.in input,select{display: inline;width: 170px}
fieldset.in input.large{width: 355px}
input#cap,input#provincia{width: auto}
fieldset#check label{float: left;width: 120px}
fieldset#account p{float: right;width: 190px;color: #185DA1;margin-top: 10px}
fieldset#agree div#cond{width: 355px;height: 150px;overflow: auto;
    border:1px solid #666;margin: 10px 0;background-color: #f7f7f7}
fieldset#agree div#cond p{margin:0 5px 6px}
div#bottone{text-align:center}
input#go{border: 1px solid #666;
    background: #ACCDF6 url(sfondobottone.jpg) repeat-x}

pre{
    tab-size:120;
    -moz-tab-size: 120;
    -o-tab-size:120;
}
.tooltip-parent{
    position:relative;
    display: inline;
}
.tooltip {
  color: #900;
  text-decoration: none;
  display:none;
}
.tooltip-parent:hover .tooltip{
  color: red;
  position: relative;
  display:block;
}

    /* Tooltip on Bottom */
   .tooltip-parent:hover  .tooltip-bottom-right{
   
      padding: 4px 8px;
      position: absolute;
      right: 0;
      top: 100%;
      white-space: nowrap;
      z-index: 20;
      background-color: #000;
      color: #fff;
    }
    .diserbBlock:last-child hr{
        display:none;
    }
    
    
   .dettaglioBlocks .dettaglioBlock:nth-child(odd){
    background-color:lightgray;
}