/* ============================================================================================================================================================== */
/* dunp - comunicazione e advertising 
/* www.dunp.it - info@dunp.it
/* +39.064066184 - Via G. Rosaccio,6 - 00156 Roma
/* ============================================================================================================================================================== */
/* DEFAULT */
*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html {font-family:'Open Sans',Arial,Verdana,Helvetica,sans-serif; color:#666; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body {margin:0; height:auto; width:100%; background:#FFF;}
a*{margin:0; padding:0;} a img{border:none;}
a {text-decoration:none; background-color:transparent;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;}
a:hover, a:focus {text-decoration:underline;outline:0;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;}
.error-browser {background:#900; color:#FFF; text-align:center; padding:10px; font-size:12px;}
/* ============================================================================================================================================================== */
/* CUSTOM */
header {width:100%; margin:0; padding:0;}
nav {width:100%; margin:0; padding:0;}
footer {width:100%; margin:0; padding:0;}
section {width:100%; margin:0; padding:0;} 
iframe {border:0;} 
article {width:100%; margin:0; padding:0;}
hr, .hr {display:block; height:1px; border:0; border-top:1px solid #DADADA; margin:5px 0; padding:0;}
.bg-right {background:url(../img/bg/glass.jpg) top right no-repeat; background-size:cover;}
.bg-left {background:url(../img/bg/aula.jpg) top left no-repeat; background-size:cover;}
.bg-alpha {background:rgba(255,255,255,.7);}
.close-modale{right:10px;z-index:9999;}
#partner > div > div > div > div > img{max-width:220px;filter:grayscale(100%);-webkit-filter:grayscale(100%);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
#partner > div > div > div > div > img:hover{filter:grayscale(0);-webkit-filter: grayscale(0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.contatore_carrello{top:5px;position:absolute;z-index:999;right:5px;background:#FFF;width:20px;height:20px;border-radius:50%;color:#194666;text-align:center;font-weight:600;padding-top:2px;}
.step_arr{width:89%;float:left;padding:16px;background:#e0e0e0;}
.step_arr_last{width:100%;float:left;padding:16px;background:#e0e0e0;}
.step_arr_right {width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:30px solid #3D92CB;float: left;}
.step_arr_right_off {width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:30px solid transparent;float: left;}
.card-front{background:#ececec; border-radius:30px; padding:40px 50px 30px 50px; box-shadow: 1px 1px 15px -5px #000;z-index:1}
.card-back{padding:0px; margin-left:-20px; background:#CCC; z-index:0; margin-top:50px; border-radius:0 30px 30px 0; box-shadow: 1px 1px 15px -5px #ccc;}
/* ============================================================================================================================================================== */
/* BREAK POINT - phones: <768px | Tablets: >768px | Medium desktop: >992px | Larde desktop: >1200px */
@media (max-width: 468px) {
    .card-front{padding:20px 25px 10px 25px; box-shadow: 1px 1px 15px -5px #000;z-index:1}
    .card-back{padding:0 0 30px 0; margin-left:0px; margin-top:20px; border-radius:30px;}
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
/* ============================================================================================================================================================== */
/* CENTER & POSITION */
.center{display:tabele;margin-left:auto;margin-right:auto;}.fix{position:fixed;}.abs{position:absolute;}.col-five{float:left;width:20%;}
/* ============================================================================================================================================================== */
/* MARGIN - 0 - 2 - 5 - 10 - 15 - 20 - 25 - 30 - 40 - 50 - 60 */
.ma{margin:0 auto;}.m0{margin:0;}.m2{margin:2px}.m5{margin:5px;}.m10{margin:10px;}.m15{margin:15px;}.m20{margin:20px;}.m25{margin:25px;}.m30{margin:30px;}.m40{margin:40px;}.m50{margin:50px;}.m60{margin:60px;}.ml0{margin-left:0px;}.ml2{margin-left:2px;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}.ml50{margin-left:50px;}.ml60{margin-left:60px;}.mr0{margin-right:0px;}.mr2{margin-right:2px;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}.mr50{margin-right:50px;}.mr60{margin-right:60px;}.mt0{margin-top:0px;}.mt2{margin-top:2px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}.mt60{margin-top:60px;}.mb0{margin-bottom:0px;}.mb2{margin-bottom:2px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}.mb60{margin-bottom:60px;}
/* ============================================================================================================================================================== */
/* PADDING - 0 - 2 - 5 - 10 - 15 - 20 - 25 - 30 - 35 - 40 - 50 - 60 */
.p0{padding:0px;}.p2{padding:2px;}.p5{padding:5px;}.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p25{padding:25px;}.p30{padding:30px;}.p35{padding:35px;}.p40{padding:40px;}.p50{padding:50px;}.p60{padding:60px;}.pt0{padding-top:0px;}.pt2{padding-top:2px;}.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt35{padding-top:35px;}.pt40{padding-top:40px;}.pt50{padding-top:50px;}.pt60{padding-top:60px;}.pr0{padding-right:0px;}.pr2{padding-right:2px;}.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}.pr35{padding-right:35px;}.pr40{padding-right:40px;}.pr50{padding-right:50px;}.pr60{padding-right:60px;}.pb0{padding-bottom:0px;}.pb2{padding-bottom:2px;}.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pb40{padding-bottom:40px;}.pb50{padding-bottom:50px;}.pb60{padding-bottom:60px;}.pl0{padding-left:0px;}.pl2{padding-left:2px;}.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}.pl50{padding-left:50px;}.pl60{padding-left:60px;}
/* ============================================================================================================================================================== */
/* DISPLAY - align - block - inline - nodecoration */
.va-top{vertical-align:top;}.va-bottom {vertical-align:bottom;}.va-middle{vertical-align:middle;position:relative;top:50%;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.block{display:block !important;}.inline{display:inline !important;}.nodecoration:hover{text-decoration:none;}
/* ============================================================================================================================================================== */
/* BORDER */
.brdr {border:1px solid #CCC;}.brdr-no-t{border-top:none;}.brdr-no-r{border-right:none;}.brdr-no-b{border-bottom:none;}.brdr-no-l{border-left:none;}.brdr-no-lr{border-left:none; border-right:none;}.brdr-no-tb{border-top:none; border-bottom:none;}.brdr-radius-5{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}.brdr-radius-10{border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}.brdr-radius-20{border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}.dotted{border-style:dotted;}.dashed{border-style:dotted;}
/* ============================================================================================================================================================== */
/* COLOR SCHEMA */
.t-black{color:#666;}.t-white{color:#FFF;}.t-gray{color:#CCC;}.t-dark{color:#999;}.t-green{color:#7ACB3D;}.t-red{color:#a94442;}.t-blu{color:#194666;}.t-blu-light{color:#3D92CB;}.t-orange{color:#F90;}
.bg-black{background:#666;}.bg-white{background:#FFF;}.bg-gray{background:#CCC;}.bg-dark{background:#999;}.bg-green{background:#7ACB3D;}.bg-red{background:#a94442;}.bg-blu{background:#194666;}.bg-blu-light{background:#3D92CB;}.bg-orange{background:#F90;}
.brdr-black{border-color:#666;}.brdr-white{border-color:#FFF;}.brdr-gray{border-color:#CCC;}.brdr-gray{border-color:#999;}.brdr-green{border-color:#7ACB3D;}.brdr-red{border-color:#a94442;}.brdr-blu{border-color:#194666;}.brdr-blu-light{border-color:#3D92CB;}.brdr-orange{border-color:#F90;}.bg-gradient-top{background:#fff;background:-moz-linear-gradient(left,#fff 40%,#dadada 100%);background:-webkit-linear-gradient(left,#fff 40%,#dadada 100%);background:linear-gradient(to right,#fff 40%,#dadada 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#dadada',GradientType=1);
}.t-shadow{text-shadow:2px 2px #000;}
/* ============================================================================================================================================================== */
/* TEXT ELEMENT & ALIGN & FONTS */
.txti{font-style:italic;}.txt-shadow{text-shadow:1px 1px 5px rgba(0, 0, 0, .5);}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.f10,.f12,.f14,.f16,.f18,.f20,.f22,.f24,.f26,.f28,.f30,.f32,.f34,.f36,.f38,.f40,.f50,p,span {text-decoration:none;font-family:'Open Sans',Verdana,Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p {margin:0 0 10px 0;}
.f50{font-size:50px;}.f40 {font-size:40px;}.f38{font-size:38px;} h1,.h1,.f36{font-size:36px/*3.0em;*/}.f34{font-size:34px;}.f32{font-size:32px;}h2,.h2,.f30{font-size:30px/*2.3em;*/}.f28{font-size:28px;}.f26{font-size:26px;}h3,.h3,.f24{font-size:24px/*2.0em;*/}.f22{font-size:22px;}.f20{font-size:20px;}h4,.h4,p,.f18{font-size:18px/*1.5em;*/}.f16{font-size:16px;}h5,.h5,span,.f14{font-size:14px/*1.0em;*/}h6,.h6,.f12{font-size:12px/*0.8em;*/}.f10{font-size:10px;}
.opensans {font-family:'Open Sans',Verdana,Arial,Geneva,sans-serif;}
/* ============================================================================================================================================================== */
/* MISCELLANEOUS */
/* 
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*/