/*general*/
.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;}

.upper{text-transform:uppercase;}
.capit{text-transform:capitalize;}
.left{float:left;}
.right{float:right;}
.cur{cursor:pointer;}

/*editor*/
.contedit{position:relative;}
canvas{}
#canvasbox{width:100%;max-width:825px;display:inline-block;background:#fff;border:4px solid #ccc;position:relative;}
#canvasbox:hover{background:url(gridme.png) #fff;}
.comandbox{width:100%;max-width:825px;display:inline-block;background:#fff;border:4px solid #ccc;padding:10px 5px 5px 5px;}
.comand1{width:11%;border-right:0px solid #ccc;float:left;margin:0 5px 0 5px;position:relative;}
.comand2{width:75%;border-right:0px solid #ccc;float:left;border:1px solid #ccc;position:relative;}
.comand2a{border-bottom:1px solid #ccc;}
.comandprr{height:50px;width:100%;background:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.comandprr:hover{background:#f3f3f3;}
.comandS{height:50px;width:50px;background:#fff;border:1px solid #ccc;}
.comandS:hover{background:#ebebeb;}
.comandSbox{position:absolute;top:-25px;left:-135px;background:#fff;border:1px solid #ccc;padding:7px;min-width:225px;text-align:left;display:none;}
.comand1del{height:50px;width:100%;background:url(../img/m51.png)no-repeat center center #ff0000;border:0px solid #ccc;border-bottom:0px solid #ccc;}
.comand1del:hover{background:url(../img/m52.png)no-repeat center center #ff0000;}
.opa1{opacity:0.3;}
#formdel{background:url(../img/m15c1.png)no-repeat center center;}
#formdel:hover{background:url(../img/m15c2.png)no-repeat center center #ebebeb;}
.bottclose{position:absolute;right:-15px;top:-10px;width:25px;height:25px;background:url(../img/m48.png)no-repeat center center #ff0000;}
#avanti{opacity:0.5;}
#indietro{display:none;}
.txtarea{width:100%;overflow:auto;font-size:18px;height:50px;border:none;border-bottom:1px solid #ccc;padding:7px;}
#text-font{height:50px;border:0px;padding:7px;}
.panico{padding-top:7px;}
.panico1{border-bottom:1px solid #ccc;border-right:1px solid #ccc;height:50px;width:24.9%;font-size:32px;line-height:35px;color:#318CE7;opacity:0.5;text-align:center;}
.panico1:hover{background:#ebebeb;opacity:1.0!important;}
.panico2{height:50px;}
.panico2:hover{background:#fff;opacity:1.0!important;}
.panico3{border-right:1px solid #ccc;height:50px;width:24.8%;opacity:0.5;text-align:center;}
.panico3:hover{background:#ebebeb;opacity:1.0!important;}
.panico4{border-right:1px solid #ccc;height:50px;width:16.5%;opacity:0.5;text-align:center;}
.panico4:hover{background:#ebebeb;opacity:1.0!important;}
.panico5{height:50px;width:24.8%;opacity:0.5;}
.panico5:hover{background:#ebebeb;opacity:1.0!important;}
.panico6{height:50px;width:35%;background:#ccc;color:#666;padding-top:12px;}
.panico6:hover{background:#808080;box-shadow:inset 1px 1px 5px rgba(0,0,0,0.6);color:#fff;}
.panico7{height:50px;width:24.8%;background:url(../img/m15b1.png)no-repeat center center #fff;border-left:1px solid #ccc;}
.panico7:hover{background:url(../img/m15b2.png)no-repeat center center #fff;}
.panico8{height:50px;width:24.8%;background:url(../img/m15b1.png)no-repeat center center;border-left:1px solid #ccc;border-right:1px solid #ccc;opacity:0.5;}


#paneltext{position:absolute;top:-135px;left:0px;width:100%;background:#fff;z-index:9999;padding:7px;}
.alerttext{position:absolute;bottom:5px;left:5px;background:url(../img/m35.png)no-repeat left 5px center #000;color:#fff;padding:10px 10px 10px 40px;font-size:16px;display:none;}


#fontbox{text-align:left;height:250px;max-width:300px;overflow:auto;padding:7px;background:#fff;border:1px solid #ccc;position:absolute;top:-270px;left:0px;z-index:10;display:none;}
#text-font{background:url(../img/m13.png)no-repeat right 7px top 9px;width:100%;padding-right:35px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
#text-font:hover{background:url(../img/m13.png)no-repeat right 7px top 7px #fff;}
.fontsel{list-style: none;cursor:pointer;padding:4px;border-bottom:1px solid #ebebeb;}
.fontsel:hover{color:#318CE7;}
#zumcolor{width:300px;height:154px;z-index:10;padding:4px;position:absolute;background:#fff;top:-154px;right:0px;border:1px solid #ccc;display:none;}
#remove{display:none;padding:7px 0px;background:#318CE7;color:#fff;}
#remove:hover{background:#1974D2;box-shadow: inset 1px 1px 5px rgba(0,0,0,0.6);}
.fum{width:0;height:0;border-right:20px solid #000;border-top:20px solid transparent;border-left:20px solid transparent;border-bottom:20px solid #000;position:absolute;top:-30px;left:40px;transform:rotate(10deg);}
.panel3{position:absolute;top:0px;left:0px;background:#f3f3f3;padding:12px;width:100%;height:300px;z-index:999;display:none;text-align:center;overflow:auto;}
.prev1{padding:10px; background:#ff9900;border:1px solid #ff6600;border-bottom:6px solid #ff6600;color:#AF002A;margin-top:10px;vertical-align:top;text-shadow:1px 1px #000;z-index:99;cursor:pointer;width:100%;}
.prev1:hover{border:1px solid #ff6600;border-top:6px solid #ff9900;background:#ff6600;}
.prevtitle{background:url(../img/dwn3.png)no-repeat left center;padding:10px 10px 10px 80px;text-align:left;color:#fff;}
.prevtitle1{background:url(../img/loading3.gif)no-repeat left center;padding-left:40px;text-align:left;}

#moment{position:absolute;bottom:-20px;left:50%; margin-left:-20%;width:40%;background:#fff;border:3px solid #318CE7;padding:10px;display:none;z-index:9999;}
.boxdiv3{width:100%;max-width:400px;padding:0px;background:#fff;border:3px solid #ccc;position:absolute;top:100px;left:0;right:0;margin:-5% auto;display:none;z-index:9999;}
#finish{background:rgba(255,255,255,0.8);position:absolute;top:0px;left:0px;text-align:center;vertical-align:middle;display:none;z-index:999999;}
#finishdiv{display:table-cell;vertical-align:bottom;}
.finishbox{position:absolute; bottom:5%;left:50%;margin-left:-250px;background:#fff;padding:10px;color:#000;border:2px solid #ccc;width:500px;margin-bottom:100px;}
.finishbox2{background:#ff9900;padding:10px;}
.finishbox3{background:#ffff00;padding:10px;}
.finishboxh:hover{opacity:0.8;}

.bott3{background:url(../img/dwn6.png)no-repeat left 15px top 15px #ff9900;color:#fff;padding:15px 15px 15px 55px;text-decoration:none;cursor:pointer;text-shadow:1px 1px #000;}
.bott3:hover{background:url(../img/dwn6.png)no-repeat left 15px top 20px #ff6600;}
#fine{position:absolute; bottom:5%;left:50%;margin-left:-250px;max-width:500px;display:none;}
#fine2{background:#fff;padding:10px;color:#000;border:2px solid #ccc;max-width:500px;margin-bottom:10px;}
#fine3{color:#000;max-width:500px;margin-bottom:20px;}

.frex{position:absolute;top:-45px;right:10px;display:none;}

/*contenitore*/
#opgall{position:absolute;top:-140px;left:10px;max-width:270px;z-index:99;}
.opgall1{background:url(../img/stickbig1.png)no-repeat left top;background-size:cover;padding:15px 10px 0px 10px;line-height:20px;width:100%;}
.opgall2{background:url(../img/stickbig2.png)no-repeat left top;background-size:100% 100%;width:100%;height:70px;}
.bott1{background:#ff9900;color:#fff;padding:7px 15px;text-decoration:none;cursor:pointer;}
.bott1:hover{background:#ff6600;}
.bott2{background:#ccc;color:#fff;padding:7px 15px;text-decoration:none;color:#808080;cursor:pointer;}
.bott2:hover{background:#808080;color:#fff;}
.menuimg{width:100%;padding:10px;border-bottom:1px solid #ccc;color:#318CE7;text-align:left;margin-bottom:10px;position:relative;}
.menucat{width:100%;padding:10px;border-bottom:1px solid #ccc;color:#318CE7;text-align:left;margin-bottom:10px;display:none;}
.boximg{background:url(../img/loading.gif)no-repeat center center;padding:7px;width:170px;height:170px;margin:10px;cursor:pointer;border:2px solid #fff;float:left;overflow:hidden;}
.boximg:hover{border:2px solid #ff9900;background-position: center center;-webkit-transform: scale(1.07);-moz-transform:scale(1.07);-o-transform:scale(1.07);-ms-transform:scale(1.07);transform: scale(1.07);}
.boximg2{width:150px;height:150px;background:#ffffff;margin-top:176px;text-align:center;opacity:0.3;padding-top:10px;}
.boximg:hover .boximg2{margin-top:0px;opacity:1.0;}
.boximg3{max-height:65px;max-width:130px;margin-top:20px;}
.boximgtext{width:150px;font-size:20px;text-align:center;font-family: BullpenItalic;}
.boximgtext2{width:150px;font-size:10px;text-align:center;font-family: Century Gothic;}
.fruct{margin-right:20px;border-right:1px solid #ebebeb;}
.frict{color:#0033cc;cursor:pointer;float:left;width:110px;padding:7px;border-left:1px solid #ccc;}
.frict:hover{color:#fff;background:#ccc;}
.fract{color:#000;cursor:pointer;display:inline-block;padding:7px;border:1px solid #ccc;margin:2px;}
.fract:hover{color:#fff;background:#ccc;}
.thiscat{display:none;margin-right:0px;margin-top:10px;color:#ff9900;}
.closemenu{background:url(../img/close.png)no-repeat center center #f3f3f3;height:30px;width:30px; border:1px solid #f3f3f3;margin-left:0px;position:absolute;top:5px;right:5px;z-index:9999;}
.closemenu:hover{border:1px solid #ff9900;}

@media screen and (max-width:800px)
{
.rsz1{width:100%!important;}
.comand1{width:100%;margin-top:7px;margin-left:0px;}
.comandprr{width:33.3%;}
.comandSbox{position:absolute;top:50px;left:0px;}
#text-font{border-right:none;}
#deletelogo{margin-top:10px;}
#fine{width:100%!important;margin-left:-50%!important;}
}
@media screen and (max-width:600px)
{
.rsz{width:100%!important;margin:0px!important;}
#text-font{font-size:18px!important;border-right:0px solid #ccc!important;}
.fontrsz{font-size:12px!important;}
.font30-23{font-size:24px!important;line-height:24px!important;}
.boxdiv3{height:99%!important;}
.boxdiv{height:99%!important;top:30px!important;}
.categorie{width:100%;}

}