/* ================================================================================================================================================================= */
/* dunp - comunicazione e advertising 
/* www.dunp.it - info@dunp.it
/* +39 064066184 - Via G. Rosaccio 6 - 00156 Roma
/* ================================================================================================================================================================= */
/* IMPORT
/* ================================================================================================================================================================= */
/* 
@import url(http://fonts.googleapis.com/css?family=Dosis); */
@import url(https://fonts.googleapis.com/css?family=Maven+Pro);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
/* ================================================================================================================================================================= */
/* DEFAULT
/* ================================================================================================================================================================= */
*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html {font-family:Arial,Verdana,Helvetica,sans-serif; color:#666; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; height:100%;}
body {margin:0; height:100%; width:100%; background:#2F4050;}
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;}
.nvbhd{background: url(../img/bg/header.png) 0 0 no-repeat; background-size: cover; padding: 40px 0;}
/* ================================================================================================================================================================= */
/* ELEMENTI CUSTOM
/* ================================================================================================================================================================= */
header {width:100%; margin:0; padding:0; border-top:5px solid #000;}
nav {width:100%; margin:0; padding:0;}
footer {width:100%; margin:0; padding:0;}
section {width:100%; margin:0; padding: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;}
.container {padding:0; margin:0 auto;}
#ac_find, #ac_articoli, #ac_rubrica, #ac_utenti_cms, #ac_mail {-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; padding:0px; position: absolute; background:#EFEFEF; border:none; top: 34px; z-index: 999; width:100%;}
.chkcs {padding:6px; height: 34px; margin-right:-1px;}
.openclosemenu {position:absolute; cursor:pointer; z-index:999; left:16.1%;}
span.chkcs > input[type="checkbox"] {display:none;}
span.chkcs > input[type="checkbox"]:not(:checked) + label, span.chkcs > input[type="checkbox"]:checked + label {position:relative; padding-left:20px; cursor:pointer;}
/* checkbox aspect */
span.chkcs > input[type="checkbox"]:not(:checked) + label:before, span.chkcs > input[type="checkbox"]:checked + label:before {
  content:''; position:absolute; left:0; top:0px; width:24px; height:24px;}
/* checked mark aspect */
span.chkcs > input[type="checkbox"]:not(:checked) + label:after, span.chkcs > input[type="checkbox"]:checked + label:after {
  content: '✔'; position: absolute; top:3px; left:4px; font-size:18px; line-height:0.8; color:#1AB394; transition:all .2s;}
/* checked mark aspect changes */
span.chkcs > [type="checkbox"]:not(:checked) + label:after {opacity: 0; transform: scale(0);}
span.chkcs > [type="checkbox"]:checked + label:after {opacity: 1; transform: scale(1);}
/* ================================================================================================================================================================= */
/* BREAK POINT
/* phones: <768px | Tablets: >768px | Medium desktop: >992px | Larde desktop: >1200px
/* ================================================================================================================================================================= */
@media (min-width: 768px) {
  
}
@media (min-width: 992px) {
  
}
@media (min-width: 1200px) {
  
}
/* ================================================================================================================================================================= */
/* FLOAT - CENTER & CLEAR ELEMNT
/* ================================================================================================================================================================= */
.center {display:block; margin-left:auto; margin-right:auto;} .fix {position:fixed;} .abs{position:absolute;} 
/* ================================================================================================================================================================= */
/* MARGIN - 0 - 5 - 10 - 15 - 20 - 25 - 30 - 40
/* ================================================================================================================================================================= */
.m0{margin:0;}.m5{margin:5px;}.m10{margin:10px;}.m15{margin:15px;}.m20{margin:20px;}.m25{margin:25px;}.m30{margin:30px;}.m40{margin:40px;}.ml0{margin-left:0px;}.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;}.mr0{margin-right:0px;}.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;}.mt0{margin-top:0px;}.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;}.mb0{margin-bottom:0px;}.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;}
/* ================================================================================================================================================================= */
/* PADDING - 0 - 5 - 10 - 15 - 20 - 25 - 30 - 35 - 40
/* ================================================================================================================================================================= */
.p0{padding:0px;}.p5{padding:5px;}.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p25{padding:25px;}.p30{padding:30px;}.p35{padding:35px;}.p40{padding:40px;}.pt0{padding-top:0px;}.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;}.pr0{padding-right:0px;}.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;}.pb0{padding-bottom:0px;}.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;}.pl0{padding-left:0px;}.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;}
/* ================================================================================================================================================================= */
/* DISPLAY - block - inline
/* ================================================================================================================================================================= */
.block{display:block !important;}.inline{display:inline !important;}
/* ================================================================================================================================================================= */
/* BOX & BORDER
/* ================================================================================================================================================================= */
.box {
	border:1px solid #CCC;
			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;
} 
.box:hover {}
.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;}
/* ================================================================================================================================================================= */
/* COL E ROW
/* ================================================================================================================================================================= */
.cd, .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {position:relative; float:left; min-height:1px;}
.cd {min-width:10px; min-height:10px;} .c1 {width:8.33333333%;} .c2 {width:16.66666667%;} .c3 {width:25%;} .c4 {width:33.33333333%;} .c5 {width:41.66666667%;} .c6 {width:50%;}
.c7 {width:58.33333333%;} .c8 {width:66.66666667%;} .c9 {width:75%;} .c10 {width:83.33333333%;} .c11 {width:91.66666667%;} .c12 {width:100%;}
/* ================================================================================================================================================================= */
/* COLOR SCHEMA
/* ================================================================================================================================================================= */
.black{color:#666;}.white{color:#FFF;}.gray{color:#F3F3F5;}.green{color:#1AB394;}.red{color:#a94442;}.blu{color:#1C83C6;}.orange{color:#FF8000}.dark{color:#2F4050}.bg-dark{background-color:#2F4050}.bg-black{background:#666;}.bg-white{background:#FFF;}.bg-gray{background:#F3F3F5;}.bg-green{background:#1AB394;}.bg-red{background:#a94442;}.bg-blu{background:#1C83C6;}.bg-orange{background:#FF8000;}.brdr-black{border-color:#666;}.brdr-white{border-color:#FFF;}.brdr-gray{border-color:#F3F3F5;}.brdr-green{border-color:#1AB394;}.brdr-red{border-color:#a94442;}.brdr-blu{border-color:#1C83C6;}.brdr-orange{border-color:#FF8000;}.brdr-dark{border-color:#2F4050}.brdr-top{border-top:5px solid #1AB394}
/* ================================================================================================================================================================= */
/* TEXT ELEMENT & ALIGN & DISPLAY
/* ================================================================================================================================================================= */
.txti {font-style:italic;}
.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%);}
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 {line-height:1.1; text-decoration:none; /*font-family:Arial,Verdana,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;}
	.maven { font-family:'Maven Pro',Verdana, Geneva, sans-serif}
/*.f_12 a:hover, .f_14 a:hover, .f_16 a:hover, .f_18 a:hover, .f_20 a:hover, .f_22 a:hover, .f_24 a:hover, .f_26 a:hover, .f_28 a:hover, .f_30 a:hover {text-decoration:underline;}*/
/* ================================================================================================================================================================= */
/* INFO
/* ================================================================================================================================================================= */
/* 
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*/