/* fonface*/
	body{
		font: 12px  "Trebuchet MS", sans-serif;
		margin: 50px;
        color: #424242;
	}
	.demoHeaders {
		margin-top: 2em;
	}
	#dialog-link {
		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	}
	#dialog-link span.ui-icon {
		margin: 0 5px 0 0;
		position: absolute;
		left: .2em;
		top: 50%;
		margin-top: -8px;
	}
	#icons {
		margin: 0;
		padding: 0;
	}
	#icons li {
		margin: 2px;
		position: relative;
		padding: 4px 0;
		cursor: pointer;
		float: left;
		list-style: none;
	}
	#icons span.ui-icon {
		float: left;
		margin: 0 4px;
	}
	
#box 
{
    float:left;
    width: 200px;
    height: 150px;
    border: solid 3px #dddddd;
    background-color: #f1f1f1;
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    font-size: 16px;
    color: #3c3c3c;
    padding-top: 0px;
    padding-left: 0px;
    text-align: center;
    margin-left: 40px;    
    margin-top: 40px;
    }
    
#box:hover 
{
  filter:alpha(opacity=80);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
    }
    
#titolo 
{
    float:left;
    width:200px;
    height:40px;
    background-color:#bbbbbb;
    padding-top:3px;
    }
    
#testo
{
    float:left;
    width:136px;
    height:auto;
    font-size: 12px;
    text-align: left;
    padding-top: 6px;
    padding-bottom: 6px;    
    padding-left: 6px;
    padding-right: 6px;
    }    
    
/* Breadbrumbs */
#breadcrumb
 {
     font: 11px Arial, Helvetica, sans-serif;
     background-image:url('/images/bc_bg.png'); 
     background-repeat:repeat-x;
     height:30px;
     line-height:30px;
     color:#9b9b9b;
     border:solid 1px #cacaca;
     width:100%;
     overflow:hidden;
     margin:0px;
     padding:0px;
     margin-bottom:10px;
 }
 
 #breadcrumb li 
{
     list-style-type:none;
     float:left;
     padding-left:10px;
 }
 
#breadcrumb a
 {
     height:30px;
     display:block;
     background-image:url('/images/bc_separator.png');
     background-repeat:no-repeat; 
     background-position:right;
     padding-right: 15px;
     text-decoration: none;
     color:#454545;
 }
 
.home
 {
     border: none;
     margin: 8px 0px;
 }
 
#breadcrumb a:hover
 {
     color:#35acc5;
 } 
/* fine */    

/* Floating Messages */
.pippo
{
    background-color:Green;
    margin-left:500px;
    }
/* */

input{
    font-size: 14px;
    /*display:block;*/
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid #999;
    height: 30px;
    /*
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    */
}

select {
    font-size: 14px;
    display:block;
    padding-left: 4px;
    border: 1px solid #999;
    height: 30px;
    /*
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    */
}

textarea {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 14px;
    display:block;
    padding-left: 4px;
    border: 1px solid #999;
    height: 30px;
    /*
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    */
}

.errore {
    font-size: 14px;
    color:red;
}

/* .squaredFour */
.squaredFour {
  width: 20px;
  position: relative;
  margin: 20px auto;
}
.squaredFour label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 4px;
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.squaredFour label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.squaredFour label:hover::after {
  opacity: 0.5;
}
.squaredFour input[type=checkbox] {
  visibility: hidden;
}
.squaredFour input[type=checkbox]:checked + label:after {
  opacity: 1;
}

/* end .squaredFour */