/*** CSS 3.0 ***/
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* dunp scpl 
/* Agenzia di comunicazione - www.dunp.it - info@dunp.it - +39.064066184 - Via Giuseppe Rosaccio 6 - 00156 Roma
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*
 OMBRA TESTI
   (orizzontale verticale blur colore)
   text-shadow:1px 1px 0 #333; filter:dropshadow(color=#333,offx=1,offy=1); 

 OMBRA ELEMENTI GENERALE
   (orizzonale verticale blur spread colore)
   box-shadow:(inset) 2px 2px 5px 0px #333; -webkit-box-shadow.....; -mox-box-shadow........;

 OMBRA DIREZIONALE
   (orizzonale verticale blur spread colore)
   TOP: box-shadow: 0 -4px 2px -2px rgba(0,0,0,0.4); -webkit-box-shadow.....; -mox-box-shadow........;
   RIGHT: box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4); -webkit-box-shadow.....; -mox-box-shadow........;
   BOTTOM: box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4); -webkit-box-shadow.....; -mox-box-shadow........;
   LEFT: box-shadow: -4px 0 2px -2px rgba(0,0,0,0.4); -webkit-box-shadow.....; -mox-box-shadow........;

 GLOW
   (orizzonale verticale blur spread colore)
   ESTERNO SFUMATO: box-shadow:0 0 10px 2px #333; -webkit-box-shadow.....; -mox-box-shadow........;
   ESTERNO NETTO: box-shadow:0 0 0 10px #333; -webkit-box-shadow.....; -mox-box-shadow........;
   INTERNO SFUMATO: box-shadow:inset 0 0 10px 2px #333; -webkit-box-shadow.....; -mox-box-shadow........;
   INTERNO NETTO: box-shadow:inset 0 0 0 10px #333; -webkit-box-shadow.....; -mox-box-shadow........; 
   
 GRADIENTS
   (proprietà di background: colore 1 -> colore 2)
   LINEARE: background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
   RADIALE: background: linear-gradient(45deg, #f06, #CCC);
   RADIALE: background: radial-gradient(center 0, circle farthest-corner, rgba(0,0,0,0.15), rgba(0,0,0,0));

 STONDATURA GENERALE: border-radius:5px; -webkit-border-radius:.....; -moz-border-radius:.....;
 STONDATURA SINGOLA: border-radius:5px 5px 5px 5px; -webkit-border-radius:.....; -moz-border-radius:.....;
 CERCHIO: border-radius:50%; -webkit-border-radius:.....; -moz-border-radius:.....;
 OVALI: border-radius:20px/60px; -webkit-border-radius:.....; -moz-border-radius:.....;
 TRANSIZIONI: transition:all 0.3s ease-out;
 ELEMENTI A:HOVER .q{background:url(../img/ico/social.png) 0 0 no-repeat;} .q a:hover{background-position:0px -40px;}
 AGGIUNGERE behavior:url(../pie.htc); nelle classi o id con proprietà stondatura e/o ombra*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*** CSS Document ***/
body{font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; height:auto; width:auto; background:#133770 url(../img/bg/bg.jpg) 0 0 fixed;}
a*{margin:0; padding:0;} a img{border:none;} hr{border:#CCC 1px solid;} dt,dd{margin:0; padding:0;}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*** ID ***/
#header {width:100%; margin:0; padding:0;}
#menu, #menu2 {width:100%; background:#5387BD; padding:10px 0; border-bottom:1px solid #FFF; border-top:1px solid #FFF; box-shadow:0 0 10px 2px #333; -webkit-box-shadow:0 0 10px 2px #333; -moz-box-shadow:0 0 10px 2px #333}
#main {width:100%; margin:0; padding:0;}
#footer {width:100%; margin:0; padding:0;}
.banner_cookie {position:fixed; bottom:0; left:0; z-index:9999999999999999; width:100%; background:rgba(0,0,0,.8); padding:15px; color:#FFF; font-size:14px; font-family:Arial,Verdana,sans-serif; text-align:center;}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*** CLASSI ***/
.c1 {width:300px;float:left} .c2 {width:615px;float:left} .cd {width:15px;height:5px;float:left} .clear {clear:both;}
.input, .input1, .input2, .input3, .input4, .input5 {background:#E5E5E5; border:1px solid #CCC; color:#555; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:13px; margin:5px 0; padding:4px; width:100%;}
.in{width:970px; margin:0 auto;}
.ac {text-align:center;} .p15 {padding:15px;}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* FLOAT + IMG + HR */
.fl_sx{float:left;} .fl_dx{float:right;} .i{border:0;} .i_sx{border:0;float:left;} .i_dx{border:0;float:right;} .i_s_10{border:0;float:left;margin-right:10px;} .i_d_10{border:0;float:right;margin-left:10px;} .hr{width:auto;height:1px;background:#DADADA;margin:10px 0;}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ALTRO */
.dashed {border:1px dashed #777; padding:10px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;} .dashed:hover{box-shadow:0 0 10px 2px #CCC; -webkit-box-shadow:0 0 10px 2px #CCC; -moz-box-shadow:0 0 10px 2px #CCC;}
.mail {border:1px solid #CCC; padding:10px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.mail:hover{box-shadow:0 0 10px 2px #CCC; -webkit-box-shadow:0 0 10px 2px #CCC; -moz-box-shadow:0 0 10px 2px #CCC;}
.invia {background:#5387BD; padding:10px; border:#4378AD; font-family:'Raleway',sans-serif; text-shadow:1px 1px 0 #052459; color:#FFF; font-weight:700; font-size:1.35em; letter-spacing:1px; margin:5px 0}
.invia_on {background:#5387BD; padding:10px; border:#4378AD; font-family:'Raleway',sans-serif; text-shadow:1px 1px 0 #052459; color:#FFF; font-weight:700; font-size:1.35em; letter-spacing:1px; margin:5px 0; box-shadow:0 0 10px 2px #CCC; -webkit-box-shadow:0 0 10px 2px #CCC; -moz-box-shadow:0 0 10px 2px #CCC;}
.corona {width:280px; height:88px; background:url(../img/bg/corona.jpg) 0 0 no-repeat; padding:30px 10px;}
.boxg{width:278px; padding:10px; background:#E5E5E5; transition:all 0.3s ease-out; border:1px solid #CCC} .boxw{width:278px; padding:10px; background:#FFF; transition:all 0.3s ease-out; border:1px solid #CCC} 
.boxg:hover, .boxw:hover{box-shadow:0 0 10px 2px #CCC; -webkit-box-shadow:0 0 10px 2px #CCC; -moz-box-shadow:0 0 10px 2px #CCC; background:#EFEFEF;}
.btop{cursor:pointer}
.ddx{width:628px; border:1px solid #CCC; height:218px; margin:10px 0; float:left; table-layout:0; float:left;}
.t100{width:100%} .t80{width:80%} .t30{width:30%}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ALTRO */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ALTRO */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ALTRO */