.contr{border:1px solid red;}

a{text-decoration:none;}

* {box-sizing: border-box;}
*:focus {outline: none;}

div{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

img{border:0px;margin:0px;display:inline-block;}

li{list-style:none;margin:0px;}

.puf{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.pif{display:inline-block;}
.pof{height:100%;overflow:hidden;}
.paf{display:block;}

.circle{
   border-radius:999em;    
-moz-border-radius:999em;  
-webkit-border-radius:999em; 
  -o-border-radius: 999em;   
}

.round2 {
 border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px; 
}

.round3 {
 border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; 
}

.round4 {
 border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px; 
}

.roundbott {
 border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px; 
}

.fadebutton {
 transition: opacity 0.5s;
 -webkit-transition: all ease 0.5s;
 -moz-transition: all ease 0.5s;
 -o-transition: all ease 0.5s;
 -ms-transition: all ease 0.5s ;
 transition: all ease 0.5s ;
 }
  
 .fadebutton:hover {
 -webkit-transition: all ease 0.7s;
 -moz-transition: all ease 0.7s;
 -o-transition: all ease 0.7s;
 -ms-transition: all ease 0.7s ;
 transition: all ease 0.5s ;
 } 
 
 .ingr03:hover{
     -webkit-transform: scale(1.15);
    -moz-transform:scale(1.15);
    -o-transform:scale(1.15);
    -ms-transform:scale(1.15);
    transform: scale(1.15);
	}
	
.ingr05:hover{
     -webkit-transform: scale(1.5);
    -moz-transform:scale(1.5);
    -o-transform:scale(1.5);
    -ms-transform:scale(1.5);
    transform: scale(1.5);
	}	
	
.rotate1:hover{-moz-transform: scaleX(-1);-webkit-transform: scaleX(-1);-o-transform: scaleX(-1);transform: scaleX(-3);-ms-filter: fliph; /*IE*/ filter: fliph; /*IE*/}	
.rotate2:hover{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.rotate3:hover{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.rotate4{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.rotate5{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(0deg);}
	
.maxwidth{width:100%; max-width:1100px; padding:0 25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}	

.ombra{box-shadow:0px 0px 9px  rgba(0,0,0,.15);}
.ombra2{box-shadow:4px 6px 7px #777;}
.ombra3{box-shadow:0px 2px 3px #666;}
.ombra4{box-shadow:0px 1px 2px #777;}
.ombra5{box-shadow: 1px 0 3px rgba(0,0,0,.15);}
.ombraint{box-shadow: inset 0px 0px 10px rgba(0,0,0,0.6);}

.textshadow{text-shadow: 2px 2px #000;}

.textshadowinset {
    color: rgba(10,60,150, 0.8);
    text-shadow: 1px 4px 6px #def, 0 0 0 #000, 1px 4px 6px #def;
}

.move{
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
 } 
 
 .movefast{
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
 } 
 
 .transdx:hover{
     -webkit-transform: translate(5px,0);
    -moz-transform: translate(5px,0);
    -o-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    transform: translate(5px,0);
	}
	
	 .transsx:hover{
     -webkit-transform: translate(-5px,0);
    -moz-transform: translate(-5px,0);
    -o-transform: translate(-5px,0);
    -ms-transform: translate(-5px,0);
    transform: translate(-5px,0);
	}

/*display*/
.none{display:none;}
.block{display:block;}	
 
 /*colori background */
.bgcol0{background-color:#C51015;} /*rosso scuro */
.bgcol1{background-color:#ff6600;} /*arancio */
.bgcol2{background-color:#318CE7;} /*azzurro */
.bgcol3{background-color:#000080;} /*blu */
.bgcol4{background-color:#009900;} /*verde */
.bgcol5{background-color:#4169E1;} /* azzurro chiaro */
.bgcol6{background-color:#ff0000;} /*rosso */
.bgcol7{background-color:#666;}
.bgcol8{background-color:#fff;}
.bgcol9{background-color:#000;}
.bgcol10{background-color:#E0218A;}
.bgcol11{background-color:#007700;} /*verde scuro*/
.bgcol12{background-color:#cc0000;} /*rossoe scuro*/
.bgcol13{background-color:#0D98BA;} /*bluverde*/

 /*colori */
.col0{color:#C51015;} /*rosso scuro */
.col1{color:#ff6600;} /*arancio */
.col2{color:#00559B;} /*azzurro1 */
.col3{color:#000080;} /*blu */
.col4{color:#006600;} /*verde */
.col5{color:#4169E1;}
.col6{color:#ff0000;}
.col7{color:#666;}
.col8{color:#fff;}
.col9{color:#000;}
.col10{color:#00BFFF;}
.col11{color:#888;}
.col12{color:#648C11;}
 
.sz10{font-size:10px;}
.sz11{font-size:11px;}
.sz12{font-size:12px;}
.sz13{font-size:13px;}
.sz14{font-size:14px;}
.sz15{font-size:15px;}
.sz16{font-size:16px;}
.sz18{font-size:17px;}
.sz20{font-size:20px;}
.sz22{font-size:22px;}
.sz24{font-size:24px;}
.sz27{font-size:25px;}
.sz30{font-size:30px;}
.sz30{font-size:30px;}
.sz35{font-size:35px;}
.sz40{font-size:40px;}
.sz45{font-size:45px;}
.sz50{font-size:50px;}
.sz55{font-size:55px;}
.sz60{font-size:60px;}

/*testo*/
.primalett:first-letter {text-transform:uppercase;}
.upper{text-transform:uppercase;}
.capit{text-transform:capitalize;}
.text-l{text-align:left;}
.text-c{text-align:center;}
.text-r{text-align:right;}
.text-g{text-align:justify;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nowrap{white-space:nowrap;}

.lineh10{line-height:10px;}
.lineh12{line-height:12px;}
.lineh14{line-height:14px;}
.lineh16{line-height:16px;}
.lineh18{line-height:18px;}
.lineh20{line-height:20px;}
.lineh22{line-height:22px;}
.lineh24{line-height:24px;}
.lineh26{line-height:26px;}
.lineh28{line-height:28px;}
.lineh30{line-height:30px;}
.lineh32{line-height:32px;}
.lineh34{line-height:34px;}

/*float*/
.left{float:left;}
.right{float:right;}

/*position*/
.relative{position:relative;}
.absolute{position:absolute;}

/*input*/
.inputbord{
border:1px solid #cccccc;
padding:10px;
font-size:15px;
letter-spacing:1px!important;
font-family:'Cabin',sans-serif;
color:#555;
}
.inputbord:focus{
border:1px solid #00ccff;
box-shadow:0px 0px 5px #00ccff;
}
.inputpiu{padding:11px;}

/* cancella croce in input */
.inputbord::-ms-clear {display: none;}

/* clear */
.clear{clear:both;}

/*lungh div*/
.l100{width:100%;}
.l90{width:90%;}
.l80{width:80%;}
.l70{width:70%;}
.l60{width:60%;}
.l50{width:50%;}
.l40{width:40%;}
.l35{width:35%;}
.l33{width:32.5%;}
.l30{width:30%;}
.l25{width:25%;}
.l20{width:20%;}
.l15{width:15%;}
.l10{width:10%;}

/* margin */
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}

.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}
.m60{margin:60px;}
.m70{margin:70px;}

/* padding */
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}

.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}

/*cursori*/
.cursor1{cursor:default;}
.cursor2{cursor:pointer;}

/*link hover */
.linkH:hover{box-shadow:inset 0 -100px 0 0 rgba(0, 0, 0, 0.3);}
.overH:hover{box-shadow:0px 1px 2px #777;}
.linkbord:hover{box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,1);}
.linkshadow:hover{box-shadow: inset 0px 0px 0px 100px rgba(0,0,0,0.5);}
.linkshadow2:hover{box-shadow: inset 0px 0px 0px 100px rgba(0,127,255,0.1);}

/*css table*/
.table {display:table;width:100%;}
.group {display: table-row-group;}
.row {display:table-row;}
.cell {display:table-cell;}

.click{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1);}
.click:active{box-shadow:0px 0px 0px 50px rgba(0,0,0,0.0);}
.click2{box-shadow:0px 0px 0px 0px rgba(255,255,255,0.5);}
.click2:hover{box-shadow:0px 0px 0px 50px rgba(255,255,255,0.0);}
.click2:focus{box-shadow:0px 0px 0px 50px rgba(255,255,255,0.0);}
.click2:active{box-shadow:0px 0px 0px 50px rgba(255,255,255,0.0);}

/*margin -1*/
.mar-top{margin-top:-1px!important;}
.mar-right{margin-right:-1px!important;}
.mar-bott{margin-bottom:-1px!important;}
.mar-left{margin-left:-1px!important;}

/* tabella */
table{border-collapse:collapse;border:none;}
td{border:none;}
.tbscrollsfum{width:100%;position:relative;overflow:hidden;}
.tbscroll{overflow-x:auto;overflow-y:hidden;width:100%;position:relative;}
.tbsubcont{border-top:1px solid #ccc;border-right:1px solid #ccc;width:100%;min-width:900px;}
.tbdescr{width:30%;float:left}
.tbdati{width:13.95%;text-align:center;float:left;}
.tbcell{border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:7px;font-size:13px;}
.tbed:focus{background:#f3f3f3;}
.tbcellgray{background:#f3f3f3;}
.tbcellazz{background:#318CE7;color:#fff;border:1px solid #fff;}
.tbsfum{width:7px;height:2000px;box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.7);position:absolute;top:0px;right:0px;z-index:10;}
@media screen and (max-width:1097px)
{	
.tbsfum{display:block;}
}

/* div editable */
.dived{padding:3px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.dived:focus{background:#f3f3f3;}
[placeholder]:empty::before {content:attr(placeholder);color:#999;}
[placeholder]:empty:focus::before{content:"";}

/* check radio */
.radio {display:none;cursor:pointer;}
.radio + label::before {width: 15px;height: 15px;border-radius: 15px;background-color: #fff;display: block;content: "";float:left;margin-right: 5px;cursor:pointer;}
.radio:checked+label::before{box-shadow: inset 0px 0px 0px 3px #fff;background-color: #8cad2d;}
.radiocol1 + label::before {border:2px solid #8cad2d;}
.radiocol2 + label::before {border:2px solid #cc0000;}
.radiocol3 + label::before {border:2px solid #666;}

/*effetti*/
@keyframes slideInFromLeft {
  0%{transform: translateX(-100%);}
  100%{transform: translateX(0);}
}