@font-face {
   font-family: 'Collaborate';
   /*src: url(Collaborate.eot);*/
   src: local('JosefinSans'), url('JosefinSans-Light.ttf') format('truetype');
}
div {font-family:Collaborate; font-size: 24px;}
body{ margin : 0px; font-family:Colaborate; font-size: 24px; line-height:150%;}
a { font-size: 22px; color: black; font-weight: normal; text-decoration: none; }
#img {max-width:100%; max-height:100%; margin: 0 auto; vertical-align: middle; text-align:center;}
.flex {max-width: 100%; max-height:100%}

table.avery { font-family: Collaborate; font-size: 14px; width: 99%; margin: 0px; padding: 5px; border: 0 ; height: 380px; border-color: #333; }
table {font-family: Collaborate; font-size: 22px; }

.bluette { background-color: #c0c0c0; }
.bianco { background-color: #ffffff; }

input.bottone{background-color:#333; color:white; cursor:pointer; font-size: 15px; font-weight: bold ; border:0;}
input.bottoneG{background-color:#c0c0c0; color:#000000; cursor:pointer; font-size: 15px; font-weight: bold ; border:0;}
input.bottoneR{background-color:gray; color:yellow; cursor:pointer; font-size: 15px; font-weight: bold ; border:0;}
input.bottoneblu{background-color:blue; color:#f7f7f7; cursor:pointer; font-size: 15px; font-weight: bold ; border:0;}
input.bottoneArancio{background-color:orange; color:#f7f7f7; cursor:pointer; font-size: 15px; font-weight: bold ; border:0;}
input.bottoneRED{background-color:gray; color:red; cursor:pointer; font-size: 15px; font-weight: bold ; border:0;}



#usir {
position: absolute;
border: 0px;
margin-left: 0px;
margin-right: 0px;
width: 15%;
height: 5%;
background-color: #2a3f54;
}
#top {
position: absoulte;
border: 0px solid gray;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
width: 100%;
height: 8%;
background-color: #FFFFFF;
}
#menu {
position: absolute;
border: 0px solid blue;
margin-top: 5%;
margin-left: 0px;
margin-right: 0px;
width: 100%;
height: 5%;
background-color: #ffffff;
}
#smenu {
position: absolute;
border: 0px solid blue;
margin-top: 1%;
margin-left: 0px;
margin-right: 0px;
width: 100%;
height: 4%;
background-color: #f7f7f7;
}
#image{ 
position: absolute;
border:0px solid gray;
margin-top: 2%;
margin-left: 2%;
margin-right: 2%;
width: 96%;
height: 60%;
background-color: #ffffff;
overflow: no;
padding: 0px;
}
#other{ 
position: relative;
border: 1px solid #c0c0c0;
margin-top: 2%;
margin-left: 13%;
margin-right: 2%;
width: 85%;
height: 64%;
background-color: #ffffff;
overflow: yes;
padding:5px
}
#bottom {
position: relative;
border: 0px solid gray;
margin-top: 0%;
margin-left: 0%;
margin-right: 0%;
width: 100%;
height: 10%;
background-color: #ffffff;
}

#sx {
position: absolute;
border: 0px solid gray;
margin-top: 2%;
margin-left: 2%;
margin-right: 0px;
width: 10%;
height: 65%;
background-color: #ffffff;
}
#dx{ 
position: absolute;
border:1px solid gray;
margin-top: 4%;
margin-left: 2%;
margin-right: 2%;
width: 96%;
height: 60%;
background-color: #ffffff;
overflow: auto;
}

#di1 {position: absolute; border: 0px solid red; margin-left: 1%; margin-right: 0px; width: 30%; height: 47.5%; background-color: white; padding:10px;}

#di2 {position: absolute; border: 0px solid blue; margin-left: 33.5%; margin-right: 0px; width: 30%; height: 47.5%; background-color: white; padding:10px;}

#di3 {position: absolute; border: 0px solid green; margin-left: 66%; margin-right: 0px; margin-top: ; width: 30%; height: 48%; background-color: white; padding:10px; }

#di4 {position: absolute; border: 0px solid black; margin-left: 1%; margin-right: 0px; margin-top: 20%; width: 95%; height: 32%; background-color: white; padding:10px;}
#container {position:relative; float:center; border: 1px solid #c0c0c0; padding :5px; overflow: auto; height: 25%; width:98%; margin-right: 1%; margin-left: 1%; margin-top:0px; text-align:justify; background-color:#f7f7f7 ;}
#container1 {position:relative; float:center; border: 1px solid #c0c0c0; padding :5px; overflow: auto; height: 40%; width:98%; margin-right: 1%; margin-left: 1%; margin-top:0px; text-align:justify; background-color:#f7f7f7 ; }

#prima{position: absolute; border: 0px solid #c0c0c0; margin-left: 1%; margin-top: 1%; margin-right: 1%; width: 40%; height: 90%; background-color: white; padding:10px;overflow: auto;}

#seconda{position: absolute; border: 0px solid #c0c0c0; margin-left: 43%; margin-top: 1%; margin-right: 1%; width: 55%; height: 90%; background-color: white; padding:10px;overflow: auto;}

#seco{position: absolute; border: 1px solid #c0c0c0; margin-left: 21%; margin-top: 1%; margin-right: 1%; width: 76%; height: 45%; background-color: white; padding:10px;overflow: auto;}
#seco1{position: absolute; border: 1px solid #c0c0c0; margin-left: 1%; margin-top: 1%; margin-right: 1%; width: 18%; height: 45%; background-color: white; padding:10px;overflow: auto;}

#formatoavery {position:absolute; float:center; border: 1px solid #c0c0c0;  padding: 5px;
-webkit-border-radius: 8px; -moz-border-radius: 8px;  -moz-box-shadow: 10px 10px 5px #888888; -webkit-box-shadow: 10px 10px 5px #888888;  
overflow: auto; height: 30%; width:28%; margin-right: 1%; margin-left: 37%; margin-top:10%; text-align:justify; background-color:#f7f7f7 ;}

#avery7163 {
position: relative;
border: 1px solid #c0c0c0;
height: 140.4px; width:374px;
}
/* CARATTERI FONT E COLORI */
ute{font-family: Collaborate; font-size: 13px; font-weight: normal; color: #2a3f54; font-variant:small-caps;}
corpo{font-size: 16px; line-height: 150%; font-weight: normal; color: #2a3f54; font-variant:;}
int{font-family: Collaborate; font-size: 13px; font-weight: normal; color: white; font-variant:small-caps;}
tit{font-family: Collaborate; font-size: 15px; font-weight: normal; color: white; font-variant:small-caps;}
tit1{font-family: Collaborate; font-size: 18px; font-weight: 500; color: #2a3f54; font-variant:small-caps;}
tit2{font-family: Collaborate; font-size: 22px; font-weight: normal; color: #2a3f54; font-variant:small-caps;}

ros{font-family: Collaborate; font-size: 11px; font-weight: italic; color: #b33333; font-variant:small-caps;}
ros14{font-family: Collaborate; font-size: 14px; font-weight: italic; color: #b33333; font-variant:small-caps;}
blu14{font-family: Collaborate; font-size: 14px; font-weight: italic; color: #0076bd; font-variant:small-caps;}

/* COLORI */
cogri30 { font-size: 30px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: #666666;}
cogri14 { font-size: 14px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: #666666;}
cogri12 { font-size: 12px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: #666666;}
cogri10 { font-size: 10px; font-family: Collaborate; font-variant: small-caps; font-weight: normal;margin: 0px; color: #666666;}
cogri9 { font-size:   9px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: #666666;}
cogri8 { font-size:   8px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: #666666;}
cogri7 { font-size:   7px; font-family: Collaborate; font-variant: small-caps; font-weight: normal;margin: 0px; color: #666666;}
cogri6 { font-size:   6px; font-family: Collaborate; font-variant: small-caps; font-weight: normal;margin: 0px; color: #666666;}
cogri5 { font-size:   5px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: #666666;}
cogri4 { font-size:   4px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: #666666;}

cobla14 { font-size: 14px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: #333;}
cobla12 { font-size: 12px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: #333;}
cobla10 { font-size: 10px; font-family: Collaborate; font-variant: small-caps; font-weight: normal;margin: 0px; color: #333;}

cobia14 { font-size: 14px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: trasparent; opacity: 0.0;}
cobia12 { font-size: 12px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: trasparent; opacity: 0.0;}
cobia10 { font-size: 10px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: trasparent; opacity: 0.0;}
cobia8  { font-size:  8px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: trasparent; opacity: 0.0;}
cobia6 { font-size:   6px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: trasparent; opacity: 0.0;}
cobia4 { font-size:   4px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: trasparent; opacity: 0.0;}


coblu30 { font-size: 30px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: #0076bd;}
coblu14 { font-size: 14px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: #0076bd;}
coblu12 { font-size: 12px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: #0076bd;}
coblu10 { font-size: 10px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: #0076bd;}
coblu8  { font-size:  8px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: #0076bd;}
coblu7 { font-size:   7px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: #0076bd;}
coblu6 { font-size:   6px; font-family: Collaborate; font-variant: small-caps; font-weight: bold;margin: 0px; color: #0076bd;}

coros14 { font-size: 14px; font-family: Collaborate; font-variant: small-caps; font-weight: italic;margin: 0px; color: #b33333;}
coros12 { font-size: 12px; font-family: Collaborate; font-variant: small-caps; font-weight: italic;margin: 0px; color: #b33333;}
coros10 { font-size: 10px; font-family: Collaborate; font-variant: small-caps; font-weight: italic;margin: 0px; color: #b33333;}