* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body, td, th, input, select, button {font-family: 'Cabin', Helvetica, Arial, sans-serif; font-size: 16px;}
body {margin: 0; padding: 0;}
/* #Base 960 Grid
================================================== */
[class^="col-md-"]{ float:left;}
.col-md-1 {width: 8.333333333333332%;}
.col-md-2 {width: 16.666666666666664%;}
.col-md-3 {width: 25%;}
.col-md-4 {width: 31.33333333333333%;}
.col-md-5 {width: 41.66666666666667%;}
.col-md-6 {width: 50%;}
.col-md-7 {width: 58.333333333333336%;}
.col-md-8 {width: 66.66666666666666%;}
.col-md-9 {width: 73%;}
.col-md-10 {width: 83.33333333333334%;}
.col-md-11 {width: 91.66666666666666%;}
.col-md-12 {width: 100%;}
@media only screen and (max-width: 768px) {
[class*="col-md-"] { width: 100%;}
}
p {margin: 0px; padding: 0px;}
a {color: #9356b1;text-decoration: none; font-weight: bold;}
a:hover {color: #704286;text-decoration: none;}
ul {margin: 0px; padding: 0px;}
li {margin: 10px 0px 0px 20px; padding: 0px;}
img {border: 0;}
h1,h2,h3,h4 { line-height:1.42857143em;}
h1 {margin: 0px; padding:10px 0px 8px 0px; font-size:1.2em;color: #9356b1}
h2 {margin: 0px; padding: 0px; font-size:1.2em; border-bottom:1px dotted #ccc; color:#333;}
h3 {margin: 0px 0px 10px 0px; padding: 10px 10px 8px 10px; font-size:1.0em;color:#333; }
h4 {margin: 0px 0px 0px 0px; padding: 0px 0px px 0px; font-size:1.0em; text-decoration:underline;color:#333;}

hr {display: block;clear: both;height: 0px;border: 0;border-top: 1px dotted #ccc;}
#all {position: relative;max-width:1440px;margin: 0 auto; padding:2%;overflow: hidden;}
.container {position: relative; width: 100%; margin: 0 auto; padding:0px;}
#main, #left, #right { display:block; position:relative; margin:0px; padding:0px;}
#main{}
#left { margin-left:10px;}
#right { margin-left:10px;}

/* GENERIC */
.weight-700 {font-weight: 700 !important;}
.pag404 {font-size: 160px;line-height: 1em;text-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);}
.block {display: block !important;}
.hidden {display: none;}
.center {text-align: center; margin: 0 auto; display: block;}
.right {float: right;}
.left {float: left;}
.border {border: 1px solid #ffffff;}
.noborder  {border: 0 !important;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.upp { text-transform:uppercase;}
.bold {font-weight: bold;}
.bold900 {font-weight: 900;}
.nobold {font-weight: normal !important;}
.current { font-weight:bold; color:#F30;} 
.padding {padding: 5px;}
.pall { padding:20px;}
.mtop {margin-top:20px;}
.mbott {margin-bottom:20px;}
.mleft {margin-left: 20px;}
.pleft30 {padding-left: 30px;}
.pleft50 {padding-left: 50px;}
.pbott80 {padding-bottom: 80px;}
.margin {margin: 5px;}
.standalone {padding: 5px;}
.smaller { font-size:12px;}

.rounded10 {-webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.top-rounded {-webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px;}
.bot-rounded {-webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px;}
.light {/*border: none !important;*/}
/* GENERIC */

.pagetop {width: 100%; height: 80px; margin: 0px 0px 0px 0px; padding: 0; background: none;}
.texture {position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(147, 86, 177,0.7);}
.header {background: #000 url(/img/header-bg.jpg) no-repeat 50% 50% fixed; width: 100%; margin: 0px 0px 20px 0px; padding:80px 0; position:relative;}
.header h1{border:0; margin: 0px 0 0 0px; padding:0px 0px 10px; font-size:1.5em;color: #fff; display:block; position:relative; }
.header h1.search { font-size:1.8em; color:#333;}
@media screen and (min-width: 760px) and (max-width: 980px){
.header{background: url('/img/header-bg1366.jpg') no-repeat 50% 50% fixed; }
}
@media screen and (min-width: 480px) and (max-width: 760px){
.header{background: url('/img/header-bg980.jpg') no-repeat 50% 50% fixed;}
}
@media screen and (max-width: 479px){
.header{background: url('/img/header-bg760.jpg') no-repeat 50% 50% fixed; background-size:auto 100%;padding:30px 0;}
} 
/*.header:after{height:16px;width:100%;left:0;right:0;position:absolute;content:"";display:block;background:url(/img/footer-top.jpg) center 0;bottom:0px; z-index:1;}*/

.header.i1 {background: #000 url(/img/head/header-bg.jpg) no-repeat 0% 0% fixed; width: 100%; margin: 0px 0px 20px 0px; padding:40px 0 0; position:relative;}
.header.i1 h1:not(.title):not(.search) {margin: 0px 0 0 0px; padding:0px 0px 10px; font-size:1.5em; color: #fff; display:block; position:relative; }
@media screen and (min-width: 760px) and (max-width: 980px){
.header.i1{background: url('/img/head/header-bg1366.jpg') no-repeat 0% 0% fixed; }
}
@media screen and (min-width: 480px) and (max-width: 760px){
.header.i1{background: url('/img/head/header-bg980.jpg') no-repeat 0% 0% fixed;}
}
@media screen and (max-width: 479px){
.header.i1{background: url('/img/head/header-bg760.jpg') no-repeat 0% 0% fixed; background-size:auto 100%;padding:30px 0;}
} 

/*--------*/
.header.i2 {background: #000 url(/img/head/header-bg.jpg) no-repeat 0% 0% fixed; width: 100%;min-height:calc(100vh / 10 * 6.5); margin: 0px 0px 20px 0px; padding:40px 0 0; position:relative;background-size: cover;}
.header.i2 h1:not(.title) {margin: 0px 0 0 0px; padding:0px 0px 10px; font-size:2.0em; color: #fff; display:block; position:relative;text-transform: uppercase;font-weight: 800;text-shadow: 0 1px 2px rgba(0,0,0,.6); max-width:calc(100vw / 2); }
@media screen and (min-width: 760px) and (max-width: 980px){
.header.i2{background: url('/img/head/header-bg1366.jpg') no-repeat 0% 0%;background-size: cover; }
}
@media screen and (min-width: 480px) and (max-width: 760px){
.header.i2{background: url('/img/head/header-bg980.jpg') no-repeat 0% 0%;background-size: cover;}
}
@media screen and (max-width: 479px){
.header.i2{background: url('/img/head/header-bg760.jpg') no-repeat 0% 0%; padding:30px 0;background-size: cover;}
} 

/*--------*/
.headerin {background:#9356b1; color:#fff; margin: 0px 0px 20px 0px; padding: 10px 0 10px 20px; position:relative;border: 0;}
.headerin h1 {color:#fff; margin: 20px 0px 20px 0px; padding: 0px;border: 0; font-size:1.8em;}
.headerin h1:before {content: '\f03a';color:#fff;font:normal normal normal 24px/1 FontAwesome; margin:0px 5px; }
@media screen and (max-width: 479px){
.headerin {padding: 10px 0 0 15px;}
.headerin label { display:block;}
.headerin h1 {font-size:1.2em;}
} 
@media screen and (min-width: 480px) and (max-width: 760px){
.headerin {padding: 10px 0 0 15px;}
.headerin h1 {font-size:1.4em;}
}

.logo {margin: 0px 15px 0px 15px; padding: 0; display:block; text-align:right;}
.logo img {margin: 5px 25px; padding: 0;max-width: 100%;}
.logoin {margin: 40px 15px 0px 15px; padding: 10px 0 5px 0; display:block;position: relative;}
.logoin h1 {display:inline-block; text-transform:uppercase}
@media screen and (max-width: 479px){
/*.logoin img.network {display:none}*/
} 
.logoin img.title {display:inline-block;width:30px; position:relative; top:6px;}
.logocenter {max-width:35%; display:inline-block; text-align:center; margin-top:40px;position: relative;top:0;right:0;bottom:0;left:0; margin:0 auto;}
@media screen and (min-width: 760px) and (max-width: 980px){.logocenter {max-width:55%;}}
@media screen and (min-width: 480px) and (max-width: 760px){.logocenter {max-width:75%;}}
@media screen and (max-width: 479px){.logocenter {max-width:85%;}} 
.breadcrumbs {background-color: #f2f2f2; padding:10px 20px}
.breadcrumbs > span:not(:first-child):before {content: '\003e';color:#868686;font:normal normal normal 11px/1 FontAwesome; margin:0px 5px;}
.footer {background-color: #e3e3e3;border: 0px solid #ffffff; min-height: 95px; clear: both; text-align: center; font-weight: normal; margin: 30px auto 0px auto; padding: 0px  10px;position: relative;}
.footer p {padding: 25px 0px 25px 0px;}
.footer .figure{ overflow:visible;}
.footer .footico { margin:-34px auto 0 auto;}
.nobg {background: transparent; padding: 0px 0px 0px 20px;}
/*.footer:before{height:16px;width:100%;left:0;right:0;position:absolute;content:"";display:block;background:url(/img/footer-top.jpg) center 0;top:0px; z-index:1;}*/

/* MENU */
h1.title {height: auto;display: inline-block; padding: 9px 15px 9px 0px; border-bottom:2px dotted #9356b1; vertical-align: middle; text-align: left; outline: none; cursor: pointer; white-space: normal; transition: all 0.2s ease-in-out;color: #9356b1; font-size:20px;}
h1.title:before {font:normal normal normal 20px FontAwesome;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f063"; margin-right:10px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; display: inline-block;}
h1.title.opened:before {-webkit-transform: rotate(180deg) translateY(0px);  -moz-transform: rotate(180deg) translateY(0px);  -ms-transform: rotate(180deg) translateY(0px);  -o-transform: rotate(180deg) translateY(0px);  transform: rotate(180deg) translateY(0px);}
.i1 h1.title:before {content:"\f002";}
.i1 h1.title.i1:before {content:"\f016"; }
.i1 h1.title.opened:before {-webkit-transform: rotate(360deg) translateY(0px);  -moz-transform: rotate(360deg) translateY(0px);  -ms-transform: rotate(360deg) translateY(0px);  -o-transform: rotate(360deg) translateY(0px);  transform: rotate(360deg) translateY(0px);}
.menuwrapper{position:relative; top:0px; left:0px;max-width:480px;margin: 0 auto;display:inline-block;}
.menutop {position:relative; top:0px; left:0px;z-index:2;list-style: none;padding: 10px;background-color: rgba(255,255,255,0.8); border:3px solid #9356b1;overflow: hidden;}
.menutop li {float:left;width:32%;position:relative; padding: 0; margin: 0px 0px 3px 0px; font-weight: normal; cursor:pointer;}
.menutop li:hover {color: #fff;background-color: #9356b1;}
.menutop li a {display: inline; height: auto;}
.menutop li ul {padding:0; margin:5px 0;}
.menutop li li a {display:block; height:auto;}
.mbox { background-color:#f3edf9; color; padding:15px 10px 20px}
ul.menu {position:relative;top:15px;left:25px; margin:0px; padding:0px; overflow:visible;}
ul.menu li {line-height:1.4em;display: block;position:relative;padding: 0px;margin: 0px 0px 3px 0px;font-weight: normal; overflow:visible;	}
ul.menu li a {display: inline;height: auto;}

ul.menu li ul {padding:0;margin:5px 0;}
ul.menu li ul li ul {padding:0px 0px 0px 20px;margin:5px 0;}
ul.menu li ul li ul li {padding:3px 3px 3px 10px;margin:0 0 2px 0;}
ul.menu li li a {display:block;height:auto;}
ul.menu li li {display:block;height:auto; position:relative; overflow:visible;}
ul.menu ul li div {clear:both; margin:0px; padding:0px;}
ul.menu .entry {margin: 0 ;cursor:pointer;}
ul.menu .entry p {min-height: 0;padding: 5px 0px 2px 0px; margin:0px;display: block; }
ul.menu li .entry p{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px;display:inline-block;text-rendering:auto; font-weight:bold;}
ul.menu li .entry p:before{}
ul.menu li .entry p:hover{}
ul.menu li li .entry p{margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px;display:inline-block;text-rendering:auto; font-weight:300;}
ul.menu li li.opened .entry p:before{content:"\f068";font: normal normal normal 14px/1 FontAwesome;padding:0px 10px 0 0}
ul.menu li li .entry p:before{content:"\f067";font: normal normal normal 14px/1 FontAwesome;padding:0px 10px 0 0}
ul.menu li li .entry p:hover{color:#9356b1; text-decoration:none;}
ul.menu li ul li .entry p {margin: 0px 0px 0px 10px; padding-left:5px}
/* MENU */
.doclink:before {font:normal normal normal 14px/1 FontAwesome;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f054"; margin-right:10px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; display: inline-block;}

.linklist {text-decoration: none;margin:10px;}
.linklist li {margin: 2px 0px 0px 0px; list-style-type:none;}
.linklist li:last-child {border-bottom:0px;}
.linklist li a{margin: 10px 0px 0px 0px; padding: 0px;padding-left:0px;display:inline-block;font-weight:normal;}
.linklist li a:before{font:normal normal normal 13px/1 FontAwesome;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f054"; margin-right:10px;}
.linklist li a:hover{color: rgb(150, 0, 140); text-decoration:none;}

.box {margin-bottom: 10px; position: relative; background:#fff;}

.imgborder {border: 1px solid #ffffff; padding: 3px;}

.button {height: auto;display: inline-block; padding: 8px 12px 10px; border: 1px solid transparent; vertical-align: middle; text-align: left; outline: none; cursor: pointer; white-space: normal;transition: all 0.2s ease-in-out; color: #fff;background-color: #9356b1;border-radius: 7px;}
.button p, .button a, .button input {font-weight: 600;}
.button span{ text-transform:uppercase; font-size:1.0em;}
/*.button span:after{font:normal normal normal 11px/1 FontAwesome;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f054"; margin-left:10px;}*/
.button:hover {color: #fff;background-color: #ffc50a;}
.h20 {height: 60px;}
.nolink {cursor: auto; text-decoration: none;}
.banner img {min-height: 50px; min-width: 50px;}
.banner h2 {font-size: 1.2em; padding: 0px 3px 0px 3px;}
.banner hr {height: 1px; border: 0;}
.titoloslider {padding: 6px 10px; font-size: 30px; margin: 0 20px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-shadow: 0px 0px 4px #000000; max-width: 300px;}
.testoslider {padding: 10px 20px; font-size: 14px; width: 340px; text-align: justify;}
.bottoneslider {margin: 10px 20px; padding: 6px 12px; font-size: 16px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 80px;}
.bottoneslider a {font-weight: normal;}

/* Modal */
.modal {display: none;position: fixed;z-index:3;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.modal-content {position: relative;background-color: #fefefe;margin: auto;padding: 0;border: 1px solid #888;width: 80%;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s}
@-webkit-keyframes animatetop {from {top:-300px; opacity:0} to {top:0; opacity:1}}
@keyframes animatetop {from {top:-300px; opacity:0}to {top:0; opacity:1}}
[class^="close_"] {color: white;float: right;font-size: 32px;font-weight: bold; position:relative; top:-12px;}
[class^="close_"]:hover,
[class^="close_"]:focus {color: #000;text-decoration: none;cursor: pointer;}
.modal-header {padding: 10px 16px;background-color: #ffc50a;color: #fff;}
.modal-header h2{color: #fff; text-transform:uppercase; border:0;}
.modal-body {padding: 2px 16px;}
.modal-footer {padding: 2px 16px;background-color: #5cb85c;color: white;}
.modal ul {display:block; overflow:hidden;padding: 10px;position:relative;}
.modal li {float:left; display:block; width:23%; padding:7px; margin: 0px 0px 3px 0px; font-weight: normal; cursor:pointer;}
.modal li:hover,.modal li:hover a,.modal a:hover {color: #fff;background-color: #9356b1;}

/*  pubbars 9356b1 */
.pubclose {width: 15px;height: 15px;margin: 10px 15px;float: right;cursor: pointer;}
.pubclose:before {font:normal normal normal 20px FontAwesome;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f00d"; margin-right:10px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; display: inline-block;}
.pubbar {margin: 0;padding: 0px;font-size: 1.1em;display:block;color: #fff;background:rgba(147, 86, 177,0.7);position:absolute; z-index:2;width:calc(100vw);}
.pubbar.in {background:#fff;position:relative; z-index:2;width:calc(100vw - 17px);}
.pubbar img {max-height:60px; margin:5px;}
.pubbar span { background-color:#ffc50a;padding: 16px 20px;display: block;}
.pubbar.i1 {font-size: 0.9em;padding: 10px 20px 10px 0px;
background: #af3d8d;
background: -moz-linear-gradient(left, #af3d8d 0%, #60005d 100%);
background: -webkit-linear-gradient(left, #af3d8d 0%,#60005d 100%);
background: linear-gradient(to right, #af3d8d 0%,#60005d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af3d8d', endColorstr='#60005d',GradientType=1 ); }
.pubfixed {z-index: 1000; background:rgba(147, 86, 177,0.8); text-align:center;position: fixed; }
.pubfixed.top {top: 0;background:rgba(0, 0, 0,0.8);}
.pubfixed.bottom {bottom: 0;left:0;right:0;margin-top:30px;}
.pubfixed .button.ok {padding: 3px 10px; margin: 5px; display:inline-block;color:#333;background-color:#fff;}
.pubfixed .button.ok:hover {background-color:#9356b1;color:#fff;}
.pubfixed .button.ok p {font-size: 12px;padding: 0px;}
.pubbar .container {margin: 0 auto;z-index: 10;max-width: 90%;}
.pubbar a {color: #fff;}
.pubbar a:hover {color: #fff;text-decoration:underline;}
.pubbar.pubfixed a { text-decoration:underline;}
.pubbar .text,
.pubfixed .text{ line-height:normal;padding:0px }
.pubfixed.bottom .text p{  margin:12px 0px 0px 5px;}
img.network {margin: 0px 5px; padding: 0;max-width: 70px;position: relative;top: 7px;}
.pubbar:not(.in) .text{padding:15px; text-transform:uppercase;}
/* autocomplete */
#autosearch:not(.i1):not(.i2) {position: relative;display: inline-block;padding: 20px;background-color:rgba(255,255,255,0.3);margin: 0 0 60px 200px;}
@media screen and (min-width: 760px) and (max-width: 980px){
}
@media screen and (min-width: 480px) and (max-width: 760px){
}
@media screen and (max-width: 479px){
} 
.autocomplete {position: relative;display:block;margin-bottom:10px;}
#autosearch input {border: 1px solid transparent;background-color: #f1f1f1;padding: 10px;font-size: 14px;}
#autosearch input[type=text] {background-color: #CDCED0;}
#autosearch input[type=submit] {background-color: #ffc50a;color: #9356b1 ; text-transform:uppercase; font-weight:bold;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#autosearch.i1 {display: block; position: relative;padding: 0px 0px 20px;}
#autosearch.i1 .autocomplete { display:inline-block; margin-bottom:0px; width:100%}
#autosearch.i1 input {border: 1px solid transparent;background-color: #CDCED0;padding: 10px;font-size: 14px; border-radius:7px;}
#autosearch.i1 input[type=text] {background-color: #CDCED0;width: 100%;}
#autosearch.i1 input[type=submit] {background-color: #333;color: #fff ; text-transform:uppercase; font-weight:bold; cursor:pointer;}
#autosearch.i1 input[type=submit]:hover {background-color: #ffc50a;color: #9356b1 ;}

#autosearch.i2 {display: block; position: relative;padding: 0px 0px 20px;}
#autosearch.i2 i {position: absolute; margin:12px;}
#autosearch.i2 .autocomplete { display:inline-block; margin-bottom:0px; width:100%;position: relative;top:0;right:0;bottom:0;left:0; margin:0 auto;}
#autosearch.i2 input[type=text] {background-color: #fff;;font-size: 14px; border-radius:7px; padding-left:36px; width:100%}

.autocomplete-items {position: absolute;border: 1px solid #d4d4d4;border-bottom: none;border-top: none;z-index: 99;top: 100%;left: 0;right: 0;margin: 0 auto;}
.autocomplete-items div {padding: 10px;cursor: pointer;background-color: #fff;border-bottom: 1px solid #d4d4d4; color:#333;}
.autocomplete-items div:hover {background-color: #e9e9e9;}
.autocomplete-active {background-color: ffc50a !important;color: #9356b1;}
/*---- articles.css ---*/
a.continua {text-decoration: none;font-weight: bold;border: 0px;padding-top: 5px;text-align: right;display:block;}
a.high {text-decoration: none;font-weight: bold;border: 0px;padding-top: 5px;}
a.continua:hover {text-decoration: underline;}
a.high:hover {text-decoration: underline;}
.article h1, .article h2, .article h3 {text-align: left;}
.article h1 {font-size:1.8em;border-top: 0px;border-bottom: 1px dotted #E6EAEE;margin: 15px;}
.article h2 {padding: 10px 0px 0px 5px;margin: 15px;}
.article h3 {font-size: 1.1em;margin: 5px;}
.article p {margin: 15px;font-weight: normal;line-height: 1.4em;}
.article p.buttonline {min-height: 20px;padding-top: 20px !important;}
.article ul, ol {font-weight: normal;line-height: 1.5em;	padding-left: 10px;}
.article ul li,ol li {padding: 0px 10px 0px 0px;}
.article ul li h2{font-weight: bold;margin: 10px 0px 0px 0px;}
.article ul li p {margin: 0;font-weight: normal;line-height: 1.4em;}
.article .artimg {min-width: 150px;min-height: 100px;margin:0;border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;-moz-border-radius: 4px;}
.figure{margin:10px auto 0px auto; padding:0px; display:block; text-align:center;position: relative; z-index:1; max-width:100%;overflow: hidden;}
.figure img{max-width:100%;border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;-moz-border-radius: 4px;}
.article .figure{margin:15px;}

.footernote {margin-top: 30px !important;line-height: 1em !important;margin-left: 10px !important;margin-right: 5px !important;}
.footernote ul{line-height: 1em !important;}
.sign {margin-top: 40px !important;text-align: right;}
.sign span {text-decoration: none;font-weight: bold;}
/*--- list.css ---*/
textarea { overflow: auto;}
label { display: inline-block;}
sup { font-weight: bold;}
.close { width: 15px; height: 15px; background-position: -25px -55px;}
.noone { margin: 0 auto; width: 100%;}
.noone img { display: block; margin: 0 auto;}
.scheda { padding: 0px 0px 10px 0px; margin: 0px 20px 25px 0px; background-color:#f2f2f2; position:relative;border: 0px solid #d1bacf; border-radius:7px; }
.scheda .info { height: auto !important; margin: 0; display:block; padding:10px 10px 10px 20px;color: #000;}
.scheda .info h1, .scheda .info span.title { font-size: 1.2em; margin: 0px 5px 0px 0px !important;}
.scheda .info span.title { font-weight: 600;}
.scheda .info p { line-height: 1.2em; margin-top: 0px;display: inline;}
.scheda .info .infoname { height: auto; overflow: hidden; margin:5px 10px 5px 0px;}

.scheda .info .infoaddress { overflow: hidden; margin-top:17px; line-height:1.2em;}
.scheda .info .infoaddress:before{font:normal normal normal 14px/1 FontAwesome;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f041"; margin-right:5px;}
.scheda .info .showphone { height: auto; overflow: hidden;}
.scheda .info .showphone:before{font:normal normal normal 14px/1 FontAwesome;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f095"; margin-right:5px;}
.scheda .info .row { height: auto; overflow: hidden; clear:both;}
.scheda .row { clear:both; margin-top:10px; display:block;overflow: hidden;}
.scheda .row.center { }
.scheda.premium .row.center {}

.scheda .info .double-row { height: 45px; max-height: 45px; min-height: 45px; overflow: hidden;}
.scheda .actionwrap { width: 100%; height: 30px; max-height: 30px; overflow: hidden; margin: 5px 10px 0px 10px; display: block;}
.scheda .actions { clear:both; padding:5px 10px 10px 0px; display: block; 
	height: auto !important; overflow: hidden;}
.scheda .action.bigaction { display:inline-block; margin:0px 15px 0px 0px; min-height: 25px; padding: 0px 0px 0px 1px; word-wrap: break-word; float:right;}
.scheda .action.bigaction .button { margin: 0 auto !important;}
.scheda .toppos { min-height: 10px; max-height: 10px; height: 10px; margin: 0px 10px 0px 0px;}

.scheda h1 { margin-top: 10px;}
.scheda .inside { width: 100%; min-height: 165px; height: auto !important; padding:0px; position:relative; }
.scheda .inside:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}

.scheda .inside.big { min-height: 180px !important; height: auto !important;}
.scheda .inside.giant { min-height: 200px !important; height: auto !important;}
.scheda .inside .onethird { width:25%;overflow:hidden;float:left; text-align:center; padding:20px;}
.scheda .inside .picture { width: 140px; height:140px;-webkit-border-radius: 5%; -khtml-border-radius: 5%; -moz-border-radius: 5%; border-radius: 5%;position: relative; text-align:center; margin:15px auto 0px auto;border: 4px solid #fff; overflow:visible; }
.scheda .inside .picture:before {display: block; content: "";width: 46px; height:46px;position: absolute; z-index:10; top:-10px; left:-10px; background:url(/img/logo-pi_net1.png) no-repeat 0 0;}
.scheda .inside .picture div  {overflow: hidden;height: 100%; position:relative;}
.scheda .inside .picture img  {margin: auto; min-width: 100%; min-height: 100%;}
.scheda .inside .twothirds { float:left; position:relative; top:10px; right:0px; margin-bottom:15px; width:69.9%}
.scheda.premium .inside .twothirds { top:10px; right:20px;}
.form {clear: both;}
.scheda .phoneclick { cursor: pointer; display:inline-block;}
.scheda .phoneclick p { font-weight: bold;}
.scheda .phoneclick p { color:#9356b1}
.scheda .phoneclick p:hover { color:#704286}
.scheda .phoneclick span { margin: 0px 5px 0px 5px; vertical-align: middle;}
.scheda .message { min-height: 40px; margin: 5px 10px 10px 10px;}
.scheda .message p { text-align: center; margin: 10px; font-size: 120%;}
.scheda .sendmailform { clear:both; height: 320px; margin: 0px 10px 10px 10px; padding: 15px; background:#ECE6EA;}
.scheda.premium .sendmailform { clear:both; height: 320px; margin: 10px 10px 10px 10px; padding: 15px; }
.scheda .sendmailform .alert { width: 100%; margin: 0 auto;}
.scheda .sendmailform .alert p { font-size: 2em; margin: 20px auto;}
.scheda .sendmailform .alert img { width: auto; height: auto; margin: 50px 0px 0px 0px; background: transparent;}
.scheda .sendmailform .close { cursor: pointer;}
.scheda .sendmailform .button input { background: transparent !important; border: none !important; float: none !important; text-align: center; font-size: 1.0em; cursor: pointer; color:#fff; text-transform:uppercase; margin: 5px auto;display:inline-block;}
.scheda .sendmailinputbox {margin: 0px 10px 0 0;overflow:hidden;}
.scheda .sendmailinputbox .agree { width: 100%;margin: 10px auto;}
.scheda .sendmailinputbox .agree label { margin: 0px 10px 0px 30px;}
.scheda .sendmailinputbox .agree input { float: left; width: auto; margin: 7px 15px 0px 20px;}
.scheda .sendmailinputbox .agree p { float: left !important; width: auto; vertical-align: middle;}
.scheda .sendmailinputbox .input {padding: 3px 0px;}
.scheda .sendmailinputbox .textarea{ width: 100%; height: 125px !important;}
.scheda .sendmailinputbox .input label { margin: 0px 10px 0px 15px;}
.scheda .sendmailinputbox .input input, textarea { margin: 0px 0px 0px 0px; border: 1px solid #ffffff; width: 80%; float: right; resize: none; color: #666666; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.scheda .sendmailinputbox .input textarea { margin: 0px 0px 20px 0px;resize:vertical}
.scheda .sendrevform { clear:both; height: 320px; margin: 0px 10px 10px 10px; padding: 15px; background:#e4e4e4;}
.scheda.premium .sendrevform { clear:both; height: 320px; margin: 10px 10px 10px 10px; padding: 15px; }
.scheda .sendrevform .alert { width: 100%; margin: 0 auto;}
.scheda .sendrevform .alert p { font-size: 2em; margin: 20px auto;}
.scheda .sendrevform .alert img { width: auto; height: auto; margin: 50px 0px 0px 0px; background: transparent;}
.scheda .sendrevform .close { cursor: pointer;}
.scheda .sendrevform .button input { background: transparent !important; border: none !important; float: none !important; text-align: center; font-size: 1.0em; cursor: pointer; color:#fff; text-transform:uppercase; margin: 5px auto;display:inline-block;}
.scheda .sendrevinputbox {margin: 0px 0px 0 0; overflow:hidden;padding: 5px;}
.scheda .sendrevinputbox .agree { width: 100%;margin: 10px auto;overflow: hidden;}
.scheda .sendrevinputbox .agree label { margin: 0px 10px 0px 30px;}
.scheda .sendrevinputbox .agree input { float: left; width: auto; margin: 7px 15px 0px 20px;}
.scheda .sendrevinputbox .agree p { float: left !important; width: auto; vertical-align: middle;}
.scheda .sendrevinputbox .input {padding: 3px 0px;overflow: hidden;}
.scheda .sendrevinputbox .textarea{ width: 100%; height: 125px !important;}
.scheda .sendrevinputbox .input label { margin: 0px 10px 0px 15px;}
.scheda .sendrevinputbox .input input, textarea { margin: 0px 0px 0px 0px; border: 1px solid #ffffff; width: 80%; float: right; resize: none; color: #666666; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.scheda .sendrevinputbox .input textarea { margin: 0px 0px 20px 0px;resize:vertical}

.premium-logo { height: 56px; overflow: visible; z-index: 100; position: absolute; top: 0; right: 0px;}
.premium-logo img { margin: 0px 0px 0px 0px;}
.wait { background: transparent !important;}
.wait img { background: transparent !important; border: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important;}
.scheda [id^=mapcontainer]{height:0px; display:block; position:relative; overflow:hidden; width:100%;margin-bottom: 10px; text-align:center}
.scheda [id^=mapcontainer] iframe {width:100% !important; margin:0 auto}
.gotosite { display:inline-block; margin-right:17px;}
.sendmailopen { display:inline-block !important;}
.sendmailopen .button {color: #000 !important;background-color: #fff; border:1px solid #9356b1; margin-right:15px;}
.sendmailopen .button:hover {color: #fff !important;background-color: #ffc50a; border:1px solid #9356b1; margin-right:15px;}
.sendrevopen { display:inline-block !important; margin:5px 0px}
.sendrevopen .button {color: #fff !important;background-color: #ffc50a;border: 1px solid #ffc50a;margin-left: 2px;font-size: 13px;font-weight: bold;padding: 3px 7px 5px;text-align: center;}
.sendrevopen .button:hover {color: #fff !important;background-color: #9356b1; border:1px solid #9356b1 ;}
.revopentext { cursor:pointer;}
.revopentext:hover { text-decoration:underline;}
.scheda [id^=readrev]{display:none; position:relative; overflow:hidden; width:100%;margin: 20px 0; text-align:center}
.readrevdiv {background-color:#fff;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); }
.readrevdiv .review {border:1px solid #ffc50a; margin:20px;padding: 10px;}

/*** Material Design Icons* --------------------------------------------------*/
@font-face {font-family: "Material Design Icons";src: url("../fonts/materialdesignicons-webfont.eot?v=1.4.57");src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=1.4.57") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=1.4.57") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=1.4.57") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=1.4.57") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=1.4.57#materialdesigniconsregular") format("svg");font-weight: normal;font-style: normal;}
.mdi {display: inline-block;font: normal normal normal 24px/1 "Material Design Icons";font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transform: translate(0, 0);transform: translate(0, 0);}

.ratingreview {display: block !important;position: relative;}
.ratingreview p{ display:inline-block}
.ratingreview p:not([class^=prating]){ margin:3px 0px 3px 15px;}
[class^=prating] {display: inline-block !important;position: relative;height: 30px;line-height: 30px;font-size: 30px;width: 80%;float: right;}
[class^=prating] label {position: absolute;top: 0;left: 0;height: 100%;cursor: pointer;}
[class^=prating] label:last-child {position: static;}
[class^=prating] label:nth-child(1) {z-index: 5;}
[class^=prating] label:nth-child(2) {z-index: 4;}
[class^=prating] label:nth-child(3) {z-index: 3;}
[class^=prating] label:nth-child(4) {z-index: 2;}
[class^=prating] label:nth-child(5) {z-index: 1;}
[class^=prating] label input {position: absolute;top: 0;left: 0;opacity: 0;}
[class^=prating] label .icon {float: left;color: transparent;}
[class^=prating] label:last-child .icon {color: #333;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
[class^=prating]:not(:hover) label input:checked ~ .icon,
[class^=prating]:hover label:hover input ~ .icon {color: #ffd800;}
[class^=prating] label input:focus:not(:checked) ~ .icon:last-child {color: #000;text-shadow: 0 0 5px #09f;}
.rating-box {position:relative;vertical-align: middle;font-size: 1em;font-family: 'Material Design Icons';display:inline-block;color:#FED801;}
.rating-box:before{content: "\f5c0 \f5c0 \f5c0 \f5c0 \f5c0";}
.rating-box .rating {position: absolute;left:0;top:0;white-space:nowrap;overflow:hidden;color: #FED801;}
.rating-box .rating:before {content: "\f5bc \f5bc \f5bc \f5bc \f5bc";}
.rating-box p {color: #333;}
.rating-text {position:relative;vertical-align: middle;font-size:11px;display:block;color:#333;}
.rating-text span{display:block;color:#333;}
.readrevdiv .rating-box:after { content:"";display: inline-block;height: 0.5em;vertical-align: bottom;width: 60%;margin-right: auto;margin-left: auto;margin-bottom: 2px;border-top:1px solid #9356b1; border-bottom:0;}
.rating-ct {position:relative;vertical-align: middle;font-size: 1em;display:block;color:#333;}

.g-alert{background-color: #bef2d7;}
.y-alert{background-color: #eff45c;}
.r-alert{background-color: #f4c05c;}
.box .middle .imgborder { margin:10px 5px; display:block;}
.big .preview .text {max-width: 50%;}
.preview {min-height: 160px; height:auto;padding:0px !important; position:relative}
.scheda .sendmailform {height: auto !important; overflow:hidden;}
.scheda .sendrevform {height: auto !important; overflow:hidden;}
@media only screen and (max-width: 995px) {
.big .preview .text {max-width: 100%;}
.preview img {width:auto;min-height:auto;}
.article .artimg {max-width: 100%;}
.imgborder { margin:10px auto; display:block; float:none !important;}
.middle .right, .middle .left, .article .right, .article .left {float: none !important; margin:0px auto !important;}
.scheda .sendmailinputbox .input label {margin: 0px 0px 0px 0px !important; padding:3px 0px 0px 0px;}
.scheda .sendmailinputbox .input input, textarea {margin: 0px 0px 0px 0px;width:80%;}
.scheda .sendmailinputbox .agree label {margin: 0px 10px 0px 0px;}
.scheda .sendmailinputbox .agree input {margin: 0px 15px 0px 0px;}
.scheda .sendmailinputbox input[type=submit] {clear:both; margin-top:10px;}
.scheda .sendrevinputbox .input label {margin: 0px 0px 0px 0px !important; padding:3px 0px 0px 0px;}
.scheda .sendrevinputbox .input input, textarea, [class^=prating] {margin: 0px 0px 0px 0px;width:80%;}
.scheda .sendrevinputbox .agree label {margin: 0px 10px 0px 0px;}
.scheda .sendrevinputbox .agree input {margin: 0px 15px 0px 0px;}
.scheda .sendrevinputbox input[type=submit] {clear:both; margin-top:10px;}
.ratingreview p:not([class^=prating]){ margin:3px 0px;}
}
@media only screen and (max-width: 767px) {#main,#left,#right{float:none !important; width: 96% !important; margin-left: 5px; margin-right:5px;}
.logo {margin: 0px ;padding: 0;}
.container {margin: 0 auto;width: 100%; overflow:hidden}
.pagetop { min-height:50px; height:auto !important;}
}
@media only screen and (min-width: 768px) and (max-width: 868px) {
.scheda .inside .twothirds, .scheda .inside .onethird {width: 100%;}
.scheda .inside .twothirds.pleft30 {padding-left:20px;}
.scheda .inside .picture {margin:0px auto; float:none;}
.scheda .inside .picture img {margin: 0 auto; float:none;}
.sendmailopen { display:block !important;text-align: center;}
.sendmailopen .button {font-size:13px;margin:3px 0px 3px 0px;}
.sendrevopen { display:block !important;text-align: center;}
.sendrevopen .button {font-size:13px;margin:3px 0px 3px 0px;}
.sendrevopen .button:hover {margin:3px 0px 3px 0px ;}
.scheda .action.bigaction { display:block; margin:3px 0px 3px 0px; min-height: 25px; padding: 0px 0px 0px 1px; word-wrap: break-word; float:none;text-align: center;}
.scheda .action.bigaction .button {font-size:13px;}
.scheda .gotosite { display:block;margin:3px 0px 3px 0px;}
.scheda .gotosite .button {font-size:13px;}
}
@media only screen and (max-width: 605px) {
.scheda .inside .twothirds, .scheda .inside .onethird {width: 100%;}
.scheda .inside .twothirds.pleft30 {padding-left:20px;}
.scheda .inside .picture {margin:0px auto; float:none;}
.scheda .inside .picture img {margin: 0 auto; float:none;}
.sendmailopen { display:block !important;text-align: center;}
.sendmailopen .button {font-size:13px;margin:3px 0px 3px 0px;}
.sendmailopen .button:hover {margin-right:3px 0px 3px 0px;}
.sendrevopen { display:block !important;text-align: center;}
.sendrevopen .button {font-size:13px;margin:3px 0px 3px 0px;}
.sendrevopen .button:hover {margin:3px 0px 3px 0px;}
.scheda .action.bigaction { display:block; margin:3px 0px 3px 0px; min-height: 25px; padding: 0px 0px 0px 1px; word-wrap: break-word; float:none;text-align: center;}
.scheda .action.bigaction .button {font-size:13px;}
.scheda .gotosite { display:block;margin:3px 0px 3px 0px;}
.scheda .gotosite .button {font-size:13px;}
}
@media only screen and (max-width: 479px) {
.left {float:none !important;display: inline-block;}
.logo.left {float:left !important}
.logo.left {max-width:60%; float:left !important}
.logo.right {max-width:35%;}
.logo img.left {margin: 0 0px; padding: 0; max-height:60px}
.logo img.right {margin: 0 10px; padding: 0; max-width:80px;}
.scheda .sendmailinputbox .input input, textarea {width:70%;}
.scheda .sendmailinputbox .input label {font-size:13px;}
.scheda .sendrevinputbox .input input, textarea,[class^=prating] {width:100%;}
.scheda .sendrevinputbox .input label {font-size:13px;}
}
#all:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}
.dhidden{opacity:0;}