@charset "UTF-8";
/*
	Consistency fixes
	adopted from http://necolas.github.com/normalize.css/
*/

article, aside, details, figcaption, figure, 
footer, header, hgroup, nav, section, audio, canvas, video {
	display: block;
}

/* CSS Document */
body{ background:#f1f1f1; margin:0; padding:0; font-family: 'Roboto Condensed', sans-serif;font-size:10px}
html, body{ height:100%; width:100%; zoom:1;}
a{ text-decoration:none}
figure{ margin:0; padding:0;}
hr{ border:1px solid #e1e1e1; margin:2em 0}
.content{ width:101em; margin:0 auto; display:block; position:relative}
#header .content{ height:13.9em; height:19.9em; width:100%; margin:0}

.transFx{-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.transformFast{  -webkit-transition: all 100ms ease-out;  
    -moz-transition: all 100ms ease-out;  
    -o-transition: all 100ms ease-out;  
    -ms-transition: all 100ms ease-out;  
    transition: all 100ms ease-out;}
.transform{  -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;}
.transformSlow{  -webkit-transition: all 800ms ease-out;  
    -moz-transition: all 800ms ease-out;  
    -o-transition: all 800ms ease-out;  
    -ms-transition: all 800ms ease-out;  
    transition: all 800ms ease-out;}
.transformVerySlow{  -webkit-transition: all 1800ms ease-out;  
    -moz-transition: all 1800ms ease-out;  
    -o-transition: all 1800ms ease-out;  
    -ms-transition: all 1800ms ease-out;  
    transition: all 1800ms ease-out;
	-webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;}

.arrowed:after, .arrowed:before {
	bottom: 100%;
	left: 40px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrowed:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 8px;
	margin-left: -8px;
}
.arrowed:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color:  rgba(0,0,0,0.2);
	border-width: 9px;
	margin-left: -9px; margin-top:10px
}
.rounded{ border-radius:5px}

.menu-social span{ display:none}
.menu-social ul{ margin:0px 0 0 0; padding:0.5em 0 0 0; list-style:none; position:absolute; top:0.2em; right:25px; z-index:300; font-size:1em}
.menu-social li{ display:inline-block; margin:0 0 0 0px; vertical-align:top}
/*#menu-social li.facebook{ background:transparent url(elementi/li-menu-social-sml-fb.png) no-repeat}
#menu-social li.twitter{ background:transparent url(elementi/li-menu-social-sml-twitter.png) no-repeat}
#menu-social li.google{ background:transparent url(elementi/li-menu-social-sml-google.png) no-repeat}
#menu-social li.linkedin{ background:transparent url(elementi/li-menu-social-sml-linkedin.png) no-repeat}*/
.menu-social li a{ width:1.7em; height:1.7em;  background:#fff; display:block; color:#008000; font-size:1.5em; line-height:1.7em; text-align:center; text-transform:uppercase}
#footer .menu-social li a{ font-size:2em}
.menu-social li.ita a, .menu-social li.eng a{ background:#FFF; width:auto; color:#0e71b4; text-transform:uppercase; font-size:1.3em; padding:0 0 0 1.5em}
.menu-social li.ita a:hover, .menu-social li.eng a:hover{ background:#fff; color:#333}
.menu-social li a:hover{ background:#333; color:#fff}
.menu-social li.log{ background:#FFF; height:4em; padding:0 1em; margin-left:20px}
.menu-social li.log a{ background:none; width:auto; height:auto; color:#008000; line-height:1em; text-transform:none; font-size:1.8em; padding:2px 0; border-radius:0; text-align:right}
.menu-social li.log .sign a{ font-size:1em; display:inline}
.menu-social li.log a:hover{ color:#333; text-decoration:underline}

#footer .menu-social ul{ font-size:8px; top:3em} 

/*stili per navbar*/
.navbar .sb-toggle-right{ background:#fff; padding:12px; margin-top:5px; margin-right:5px}

#back{ position:absolute; z-index:1100; top:10px; left:20px; width:550px; min-height:120px; height:100%; background:transparent url(elementi/bg-back.png) no-repeat 0% 10%;  cursor:pointer}
#back h1, #back h2 { display:none}

#header{  background:transparent; margin:0 0 0px 0; position:relative; border-bottom:5px solid #008000}
#header .foto-fissa{ position:absolute; bottom:0; left:0; top:auto; height:100%; width:100%;   z-index: -1;
  background-repeat: no-repeat;
  background-position: -0px center;
  background-size: cover;}
#container-progress{ color:#37749A; text-shadow:1px 1px #FFF; background:transparent url(elementi/logo-progress.png) no-repeat top center; padding:20.0em 0 0 0; margin:5em 0 0 0}
#container-progress h1{ display:none}
#container-progress p{ margin:0.3em 0 0 0; padding:0; font-size:3em; text-align:center; line-height:1.2em}

#menu-up{ width:100%; position:absolute; bottom:0px; right:0px; z-index:1101}

/* SPECIFICHE PER LA HEAD COMPACT*/
#container.compact{ margin:13.9em 0 0 0;}
#container.compact #header{ position:fixed; top:0px; width:100%; height:6.5em; z-index:1050; box-shadow:0px 0px 0.5em #666; background:transparent url(elementi/bg-header.png) repeat-x 0 -70px; 
 border-bottom:2px solid #008000}
#container.compact #header .content{ height:100%}
#container.compact #header #menu-up{}
#container.compact #header ul.topnav{ padding:0; background:none}
#container.compact #header #menu-social, #container.compact #header .menu-social{ display:none}
#container.compact #header #back{ top:0; min-height:60px; height:100%; width:320px; background:transparent url(elementi/bg-back-sml.png) no-repeat left center; z-index:1200}

/* SLIDEBAR*/
.menu-up{ height:100%; background:#FFF;border-left: 10px solid #e1e1e1;}
.menu-up ul{ margin:0; padding:0; list-style:none}
.menu-up li{ margin:0; padding:0;}
.menu-up li a{ display:block; color:#008000; padding:0.5em 0 0.5em 1em; font-size:15px; border-bottom:1px solid #e1e1e1;}
.menu-up li a:hover{ background:#333; color:#fff}

.menu-up li ul li a{ font-size:12px; border-bottom:0px solid #fff;}

#supporto{ display:block; position:absolute; top:90px; right:0; width:181px; height:90px; z-index:2}
#supporto.online{ background:transparent url(elementi/supporto-online.png) no-repeat}
#supporto a{ display:block; width:181px; height:50px; background:transparent; margin:45px 0 0 0}
#supporto span{ display:none}

#splash {
	padding: 0px 0;
	position: relative;
	background: #FFF;
	margin: 0px auto 5px auto;
	min-height: 250px;
	width: 1030px;
	
}
#shadow-up{ height:3px; width:1030px; position:absolute; top:-3px; left:0;
 background:transparent url(elementi/bg-shadow-up.png) no-repeat top center}
/*#content{background:#e5ebee url(elementi/bg-contentxx.png) repeat-y top center; padding:20px 0 20px 0}*/
#content{background:#fff; padding:0em 0 0em 0}

.content-article{ display:table;width:101em; margin:0 auto; position:relative}
#col-sx{ vertical-align:top; display:table-cell; width:66em; width:98%; padding:4em 1% 0px 1%}
#col-dx{ vertical-align:top; display:table-cell; width:33em; padding:4em 0 0px 2em; background:#fff; border-left:2px solid #e1e1e1; min-height:58em}
#main{ display:table; width: 101em; margin:0 auto}

#path{}
#path ul{ list-style:none; margin:-3em 0 2em 0em; padding:0; height:3em; font-size:1.2em; border-bottom:1px dotted #f1f1f1}
#path li{ line-height:3em; float:left; padding:0 0.5em 0 1.8em; color:#999; background:transparent url(elementi/bg-li-path.png) no-repeat left center}
#path li a{ color:#008000}
#path li a:hover{ color:#333; text-decoration:underline}

#article{ margin:0 0 2em 0; text-shadow:1px 1px #fff; padding:0 0px 2em 1em; overflow:hidden}
#article h1{ color:#008000; margin:0px 0 0.5em 0; padding:0; font-size:3.7em; line-height:1.1em; font-weight:200; }
#article h2{ color:#333; margin:0px 0 0.5em 0; padding:0; font-size:2.5em; font-weight:normal; line-height:1.1em}
#article h3{ color:#333; margin:0px 0 0.5em 0; padding:0; font-size:1.8em; font-weight:normal; line-height:1.1em}
#article p{ margin:0 0 1em 0; padding:0; color:#333; font-size:1.7em; line-height:1.5em}
#article ul{ margin:0px 0px 1em 0; padding:0; list-style:none; }
#article ul li{ display:block; padding:0 0 0.5em 25px; background:transparent url(elementi/li-lancio.png) no-repeat left top; font-size:1.6em; line-height:1.1em}
#article ol li{ display:block; padding:0 0 0.5em 0; list-style-position:inside; font-size:1.6em; line-height:1.1em}

#article li p{ margin:0; padding:0}
#article a{ color:#008000}
#article a:hover{ color:#333; text-decoration:underline}
#article p a{ text-decoration:underline}
#article span.autore{ margin:-1em 0 1em 0; display:block; padding:0; font-size:1.5em; color:#666}
#article .data{ text-transform:uppercase; font-size:1.2em; display:inline-block; margin:0.2em 0.5em 0 0;  background:#f1f1f1; border-radius:0.3em; padding:0.2em 0.5em}
#article img{ max-width:62em; float:left; margin:0 1.5em 1em 0}
#article .script{ background:#f1f1f1; padding:1em; 
font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; color:#333; font-size:1em }
.clearer{ display:block; clear:both}

/*allegati*/
#article .allegati{ border-top:5px solid #f1f1f1; border-bottom:5px solid #f1f1f1; padding:15px 0; margin-bottom:15px}
#article .allegati li{ background:none; padding:5px 5px; font-size:2em; border-top:1px dotted #f1f1f1}

/*lista faq*/
#article .faq li{ display:block; padding:0 0 0 5px; background:none;}
.faq .risposta{ }
#lista-news.faq p.autore{margin-top:10px}
.titolo-filtro{ font-size:12px; color:#666; padding:10px 0 5px 0; display:block}

#faq{}
#faq h3{ padding:10px 15px 10px 15px; margin:0; background:#f1f1f1;-moz-border-radius:10px;border-radius:10px;}
#faq h3.on{ padding:10px 15px 5px 15px; margin:0; background:#f1f1f1;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
#faq h3 a{ color:#000}
#faq p{ font-size:13px;padding:10px 15px 10px 15px; margin:0; background:#f1f1f1;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px; display:none}
#faq span{ display:block; height:30px;}

.docet{ clear:both; background:#e9f4e9; background:#87c871; display:table; width:100%; margin:0 0 2em 0; text-shadow:none}
.cell{ display:table-cell; vertical-align:top; padding:1em; width:50%; border-right:1px solid #fff}
.cell .menu-social{ position:relative; top:auto; right:auto}
#article .cell .menu-social ul{ list-style:none; text-align:left; position:relative; right:auto; top:auto; margin-top:10px }
#article .menu-social li{ background:none; padding-left:0; display:inline-block}
#article .menu-social li a:hover{ background:#FFF; color:#000}

#article .docet img{ width:12em; float:left; margin:0 1.5em 0 0}
#article .docet h2{ color:#000; font-size:2em; margin:0}
#article .docet h2.prezzo{ font-size:3em}
#article .docet h2.prezzo span{ font-size:20px; color:#999}
#article .docet h3{ font-size:1.5em; color:#000; margin:0.5em 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; overflow:hidden }
.label-docet{ font-size:1.2em; color:#999; overflow:hidden}
#article .docet p{ margin-bottom:0.2em; font-size:1.3em}

table{ border:1px solid #e6e6e6; border-bottom:2px solid #FFF; font-size:1.4em; margin:0 0 1em 0}
table.acquista{ border:1px solid #FFF}
table.acquista td{border:1px solid #FFF}
td, th{border-bottom:1px solid #e6e6e6; padding:0.5em 1em; width:25%; vertical-align:top}
td.col-cosa{ color:#37749A; width:25%; vertical-align:middle}
th{ font-size:1.6em}
.col-riassunto{ font-weight:normal; font-size:1.4em  text-align:left;border-left:1px solid #e6e6e6;}
.col-scegli{ font-weight:normal; font-size:1.4em;  text-align:center;border-left:1px solid #e6e6e6;}
caption{ background:#e6e6e6; font-size:1.6em; padding:0.5em 1em}
.col-standard{ background:#f5efdb}
.col-professional{ background:#eff6fa}
.col-enterprise{ background:#f1f8eb}
.col-prezzo{ font-weight:bold;color:#37749a; font-size:1.6em}
table select{ display:block; margin:0.2em auto;}
table input{ display:block; margin:0.2em auto; height:2em; width:2em}

#cerca-interno{ background:#fff; margin:0 0 2em 0; border-bottom:1px dashed #dde2e5; border-top:1px dashed #dde2e5;}
#cerca-interno h1, #cerca-interno h2{font-weight:normal; text-align:left; font-size:2.5em;  
line-height:1.1em;color:#0055a0; margin:0px 0 0.2em 0; padding:1em 0 1em 1.5em; border-bottom:1px solid #FFF; font-weight:100}

#cerca-interno form{ margin:0; padding:1.5em 1.5em; min-height:6em; position:relative}
#cerca-interno.incalendario form{ height:90px;}
#cerca-interno .filtro{ padding:1em 0}
#cerca-interno .filtro label{ text-transform:none; padding:0 0.5em 0 0; text-align:left}
#cerca-interno label{ display:block; font-size:1.4em; font-weight:300; margin:0.1em 0 0 0; text-transform:uppercase; color:#777364}
#cerca-interno label span{ font-size:1.3em; color:#666; text-transform:none }
#cerca-interno .parola label{ margin:0; font-weight:300}
#cerca-interno .filtro label{ margin:0; font-weight:300; display:inline-block}
#cerca-interno .campo{ border:0; line-height:2em; height:2em; width:70%; font-size:1.2em; margin:0.3em 0 0 0; padding:0 2em 0 1em; background:#fff; 
border-radius:8px; border:1px solid #ccc; display:block}
#cerca-interno .combo{ display:block; margin:0.5em 0 0 0}
#cerca-interno .periodo, #cerca-interno .iscrizione, #cerca-interno .crediti, #cerca-interno .sezione{ height:9em; float:left; margin:0 3.5em 0 0; overflow:hidden;
 font-size:1.4em; text-transform:uppercase;color:#777364; font-weight:300}
#cerca-interno .periodo label, #cerca-interno .sezione label{ float:left; margin:0 1.5em 0 0;font-weight:300}
#cerca-interno .periodo .campo{ width:8em; padding-right:2em;background:#FFF url(elementi/bg-campo-periodo.png) no-repeat top right}

#cerca-interno .radio{ border:1px solid #999;-webkit-appearance:radio}

#cerca-interno .pul-cerca{ display:block;padding:0 0 0 0px; height:3.8em; position:relative; text-align:center; position:absolute; top:4em; right:1em}
#cerca-interno .pul-cerca span{display:none;}
#cerca-interno .pul-cerca a{ text-shadow:none; color:#FFF;padding:0.5em 1em; border-radius:3px; text-align:center; display:inline-block; background:#008000; text-decoration:none; font-size:1.4em; text-transform:uppercase; font-weight:600} 
#cerca-interno .pul-cerca a:hover{color:#fff;background:#666;}
#cerca-interno .filtro ul{ margin:0; padding:0}
#cerca-interno .filtro li{ display:inline-block; margin:0 0 3px 0; padding:0; background:none}
#cerca-interno .filtro li a{ display:block; background:#f1f1f1; color:#999; border:1px solid #e1e1e1; font-size:1.1em; padding:0.5em 1em; text-transform:uppercase; border-radius:2px}
#cerca-interno .filtro li.attivo a{ background:#FFF; border:1px solid #ccc; color:#666}
#cerca-interno .filtro li a:hover{ background:#FFF; text-decoration:none}

#personale{}
#personale ul{ margin:0; padding:0; background:none}
#personale li{ background:none; margin:0; padding:1em 0 1em 0; border-bottom:1px dashed #CCC}
#personale li:last-child{ border:0}
#article #personale h3{ margin:0 0 0 100px; padding:0; font-size:2em}
#article #personale p{ margin:0 0 0 100px; padding:0; font-size:1.2em}
#personale p.carica{ font-size:1.5em !important; color:#ae8d90}
#personale p.mail{}
#personale img{ border:0; float:left; margin:0 10px 0 0; width:9em; border-radius:3px;}

#servizi{}
#servizi.home li{ width:22%; padding:0 1%; text-align:center }
#servizi.home ul{ font-size:13px}
#servizi.home li p{ margin:0; padding:0.5em 1em}
#servizi.home h3{ color:#5f9ede; margin:0px 0 0em 0; padding:0; font-size:1.3em; font-weight:normal; line-height:1em}
#servizi ul{ margin:2em 0 0 0; padding:0; background:none;}
#servizi li{ background:none; margin:0 0 1em 0; padding:1em 0 1em 0; border-bottom:1px solid #fff;
 width:33%; height:22em; overflow:hidden; float:left; cursor:pointer}
#servizi li:hover{ } 
#servizi li:last-child{ margin:0}
#article #servizi h2{ margin:3em 0 0 0}
#servizi h3{ margin:0 0 0 0px; padding:0; font-size:1.5em; text-align:center; font-weight:bold}
#article #servizi p{ margin:0 0 0 0px; padding:0.5em 1em; font-size:1.4em; line-height:1.2em; text-align:center}
#servizi p.carica{ font-size:1em; color:#888169}
#servizi p.mail{}
#servizi img{ border:0; margin:0 auto 1em auto; width:11em; display:block; border-radius:3px; float:none}

#lavori{ margin:0 0 4em 0}
#lavori ul{ margin:2em 0 0 0; padding:0 1em 0 2em; background:none;}

.viewport{height:27.5em; width:60em; }
.wrapper{  white-space: nowrap;}

/*#lavori li{ background:none; margin:0 5px 10px 0; padding:0px 0 10px 0; border-bottom:1px solid #CCC;
 box-shadow:0px 0px 3px #e1e1e1; width:295px; height:220px; overflow:hidden; float:none; display:inline-block; cursor:pointer}
#lavori li:hover{box-shadow:0px 0px 3px #999; } 
#lavori li:last-child{ margin:0 0 10px 0}
#article #lavori h2{ margin:30px 0 0 0}
#lavori h3{ margin:0 0 0 0px; padding:0 10px; font-size:18px; text-align:center; font-weight:bold; float:left}
#lavori p{ margin:0 0 0 0px; padding:5px 10px; font-size:13px; line-height:1.2em; white-space:normal; float:left}
#lavori img{ border:0px solid #FFF;  width:287px; display:block; float:left;}*/

#lavori{}
#article #lavori ul{ list-style:none; margin:0; padding:0; text-align:left; vertical-align:top}
#article #lavori ul{ text-align:left}
#article #lavori li{ overflow:hidden; width:30em; height:20em; display:inline-block; background:none; padding:0; margin:0 1em 1em 1em; 
position:relative; cursor:pointer; vertical-align:top; font-size:1em}
#article #lavori li:last-child{ margin:0}
#lavori img{ height:120%; width:100% position:absolute; left:0;-webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out; width:100%; height:100%}
#lavori .caption{ text-shadow:none; padding:1em 5%; width:90%; height:100%;  
    background-color: rgba(0,128,0,0.8);  
    position: absolute;  
    color: #fff;  
    z-index: 100;  
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;  
    left: -100%; top:0  
}  
#lavori li:hover .caption { top:0; left:0; 
} 
#lavori h2, #article #lavori h2{ padding:0.35em 0 0 0; margin:0 0 0em 0; text-shadow:none; font-size:2em; font-weight:normal; color:#0e71b4}
#article .categoria-big{ position:relative; top:auto; left:auto; margin:1em 0 0 0}
#article .categoria-big h2{ font-size:1em}
#lavori a.allnews{ position:relative; display:inline-block; top:auto; left:auto; right:auto;padding:1em 1.5em;  line-height:1em; font-size:1.1em; margin:1em 0 0 0}

#lavori a.allnews:hover{ text-decoration:none; color:#FFF; text-shadow:none}
#lavori .more{ text-align:center; padding:10px 0}
#lavori h3{ margin:0 0 0.1em 0; padding:0; color:#FFF; font-size:2.1em; font-weight:bold}
#lavori p{ margin:0; padding:0; color:#FFF; font-size:1.5em; line-height:1.2em}
#lavori li:hover img{  -moz-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }

.img-shadow {
	position: relative;
	max-width: 100%;
	float: left;
	}

.img-shadow::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: inset 0 0 8px rgba(0,0,0,.6);
	-moz-box-shadow: inset 0 0 8px rgba(0,0,0,.6);
	-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,.6);
   } 

#pacchetti{ position:relative; min-height:100px;background:#f7f6ef url(elementi/bg-box-sml.jpg) no-repeat top right; 
background:none; border:4px dashed #f7f6ef; margin:40px 0 0 0}
#pacchetti h2{color:#fff; text-shadow:1px 1px #888169; margin:0; padding:0 0 20px 0;display:block; text-align:center; font-size:14px; font-weight:bold; line-height:25px}
#pacchetti li{ position:relative; background:none; margin:0 10px 10px 0; padding:0px 0 10px 0; width:290px; display:inline-block; cursor:pointer}
#pacchetti li:hover{ } 
#pacchetti li:last-child{ margin:0 0 10px 0}
#pacchetti ul{ list-style:none; margin:0; padding:35px 0 0px 0}
#pacchetti .clearer{ height:10px}
#pacchetti h3{ margin:0 0 0 0px; padding:0; font-size:18px; text-align:left; font-weight:bold}
#pacchetti p{ margin:0 0 0 0px; padding:5px 10px; font-size:13px; line-height:1.2em; white-space:normal;}
#pacchetti img{ border:0; margin:0 5px 0 0; width:120px; float:left; display:block;}
#pacchetti .price-sml{ left:-18px; top:-10px}
#pacchetti .categoria-sml-beige{ top:-15px; left:20px}

.banner{ margin:0 0 10px 0}

.banner-home{ margin:0 0 3em 0; width:100%}
.banner-home img{ width:100%; border:0; display:block}

.box-video{ height:20em; margin:3em 0}
.video{ position:relative; height:100%; width:100%}
.video-caption{ left:0%; right:0%; bottom:20%; top:0%; position:absolute}
.video-caption h1{ font-size:1.5em; color:#FFF;  text-align:center; font-weight:100;  border-top:1px solid #fff; border-bottom:2px solid #c6e1eb; background: rgba(0, 0, 0, 0.5); background:#d7eef6 }
.video-caption .pul{ position:absolute; text-align:center; bottom:-15px; width:100%}
.video-caption a{ display:inline-block; height:20px; line-height:20px; padding:5px 10px; font-size:15px; color:#921931; 
background:#fff; border-radius:2px; text-transform:uppercase }
.video-caption a:hover{ text-decoration:none; color:#FFF; background:#921931; }

.video-youtube{ height:100%; width:100%; opacity:0}
.titolo-container{ height:100%; position:relative; width:100%}
h1.titolo-video{ width:100%; padding:0.3em 0; position:absolute; top:0; left:0; color:#0e71b4; font-weight:300}

.pul{ display:block;padding:0 0 0 0px; height:3.8em; position:relative; text-align:center; clear:both}
.pul span{display:none;}
.pul a{ text-shadow:none; color:#FFF;padding:0.5em 1em; border-radius:3px; text-align:center; display:inline-block; background:#008000; text-decoration:none; font-size:1.4em;font-weight:600} 
.pul a:hover, .pul a:focus{color:#fff;background:#666;}

.pul-sml{ display:block;padding:0 0 0 0px; height:2.5em; position:relative; text-align:center}
.pul-sml span{display:none;}
.pul-sml a{ text-shadow:none; color:#FFF;padding:0.5em 1em; border-radius:3px; text-align:center; display:inline-block; background:#008000; text-decoration:none; font-size:1.1em;  font-weight:600} 
.pul-sml a:hover, .pul-sml a:focus{ color:#fff;background:#666;}

.price{ color:#FFF; position:absolute; top:-10px; right:-5px; background:transparent url(elementi/bg-price.png) no-repeat; height:75px; 
width:100px; text-align:center; font-size:9px; text-transform:uppercase; text-shadow:1px 1px #233c6e; line-height:9px; z-index:10; padding:25px 0 0 0}
.price span{ display:block; font-size:35px; line-height:30px; font-weight:bold; padding:2px 0}

.price-sml{ color:#FFF; position:absolute; top:-10px; right:-5px; background:transparent url(elementi/bg-price-sml.png) no-repeat; height:55px; 
width:70px; text-align:center; font-size:7px; text-transform:uppercase; text-shadow:0px 0px #000; line-height:7px; z-index:10; padding:18px 0 0 0}
.price-sml span{ display:block; font-size:20px; line-height:18px; font-weight:bold; padding:2px 0}


#benefit{ background:#faf9f4 url(elementi/bg-benefit.jpg) no-repeat top right; -moz-border-radius: 10px;border-radius: 10px; margin:0 0 20px 0; height:100px;text-shadow:1px 1px #FFF;}
#benefit h1{ margin:0; font-weight:normal; padding:10px 0; color:#ccc6ae; text-transform:uppercase; font-size:14px; text-align:center; background:transparent url(elementi/bg-h1-benefit.png) no-repeat bottom center}
#benefit ul{ margin:0; padding:0 20px 10px 20px; list-style:none}
#benefit li{ display:block; color:#aaa89d; width:152px; font-size:15px; line-height:16px; padding:3px 0 0 42px; height:42px; overflow:hidden; float:left}
#benefit li span{ font-weight:bold}
#benefit li.antivirus{ background:transparent url(elementi/ico-benefit-backup.png) no-repeat}

#news{ position:relative; padding:5em 0 0 0; overflow:hidden}
#news h1{color:#666; margin:0; padding:0 0 20px 0; text-shadow:1px 1px #FFF; display:block; text-align:center; font-size:3.5em; text-transform:none; font-weight:100; line-height:1.1em}
a.allnews{ display:inline-block; line-height:1em;  background:#ccc;-moz-border-radius: 3px;
border-radius: 3px;color:#fff; padding:1em 1.5em;text-transform:uppercase; font-size:1.2em; }
a.allnews:hover{color:#0e71b4; background: #333; color:#FFF}
#news .pul{padding-bottom:20px; margin-bottom:2em }

#box-chat{background:#dfe6cf url(elementi/bg-box-verde.jpg) no-repeat top right; margin:0 0px 3em 0;
position:relative; box-shadow:inset 0px 0px 3px #FFF, 0px 0px 3px #CCC; text-align:center; padding:4em 2em 2em 2em; text-shadow:1px 1px #fff; border:1px solid #a2aa91;border-radius:5px;}
#box-chat p{ margin:0; padding:0 0 0.8em 0; font-size:1.4em; color:#516c19; line-height:1.4em; font-weight:bold}
#box-chat .pul-sml{ margin:0 0 0 0px}

#boxes{ border-bottom:2px solid #e1e1e1;}
#boxes ul{ display:table; table-layout:fixed}
#boxes li{overflow:hidden; padding:1.5em 2em; display:table-cell; vertical-align:top; width:33%; text-align:center}
#boxes .titoletto{ padding:0px 0; font-size:2em; text-align:center; font-weight:600; color:#008000}
#boxes li a{ color:#008000}
#boxes li a:hover{ color:#333}
#boxes li.formazione a, #boxes li.eventi a{ color:#000}
#boxes li.formazione a:hover, #boxes li.eventi a:hover{ color:#333; text-decoration:underline}
#boxes h1{ font-size:2em;  }
#boxes .icon-boxes{ font-size:2em; padding:10px; color:#75c36b}
#boxes .formazione h1, #boxes .eventi h1{ font-size:1.7em}
#boxes p{ font-size:1.4em; overflow:hidden}
#boxes .data{ text-transform:uppercase; font-size:1.1em; display:inline-block; margin:5px 0em;  background:#f1f1f1; border-radius:0.3em; padding:0.2em 0.5em}
#boxes h1 .data, #boxes p .data{ font-size:0.7em; margin:0 5px 0 0}
#boxes h1 a .data, #boxes p a .data{ color:#333; font-weight:500}

#box-pp{ background:#fff; margin:0 0px 2em 0; border-radius:2px;position:relative; padding:1.5em 2em 1.5em 2em; text-shadow:1px 1px #fff; overflow:hidden }
#box-pp img{ border:0; float:left; margin:0.5em 1.2em 0 0; width:25em;  border-radius:0px;}
#box-pp h2{ color:#008000; margin:0 0 0.2em 0; padding:0; padding-top:0.2em; font-size:2.8em; font-weight:normal; line-height:1em;  font-weight:200; }
#box-pp h2 a{ color:#008000;}
#box-pp h2 a:hover{ color:#333;}
#box-pp p{ margin:0; padding:0; font-size:1.8em; line-height:1.3em; overflow:hidden; color:#4c4c4c; font-weight:100}
#box-pp p.autore{ margin:0 0 0.5em 0; padding:0; font-size:1.3em; color:#4c4c4c}
#box-pp p a{ color:#008000;}
#box-pp p a:hover{ color:#333;}
#box-pp .data{ text-transform:uppercase; font-size:1.1em; display:inline-block; background:#fff; border-radius:3px; padding:0 0.2em}


#lista-news{ overflow:hidden}
#lista-news #box-pp{ background:#f1f1f1; margin:0 0px 1em 0;
position:relative; padding:1.8em 1em; text-shadow:1px 1px #fff; border-bottom:1px solid #fff; }
#lista-news #box-pp img{ border:0; float:left; margin:0 1.2em 0 0; width:18em; border-radius:3px;}
#lista-news #box-pp h2{ color:#008000; margin:0 0 0.1em 0; padding:0; font-size:3.2em; font-weight:normal; line-height:1em}
#lista-news #box-pp h2 a{ color:#008000;}
#lista-news #box-pp h2 a:hover{ color:#333;}
#lista-news #box-pp p{ margin:0 0 0 0; overflow:hidden; padding:0; font-size:1.7em; color:#4c4c4c}
#lista-news #box-pp p.autore{ margin:0.4em 0 0.4em 0; padding:0; font-size:1.5em; color:#4c4c4c}
#lista-news #box-pp p a{ color:#008000;}
#lista-news #box-pp p a:hover{ color:#333;}
#lista-news #box-pp .data{ text-transform:uppercase; font-size:0.8em; display:inline-block; background:#fff; border-radius:3px; padding:0 0.4em;}
#lista-news .data{ margin:0 0 0.2em 0}
#lista-news .box-news{ padding:1em 2em 2.5em 0em;}

.box-news{ background:transparent; display:block; margin:0 0px 0 0;
position:relative; padding:1em 0.5em 2.5em 1.5em; text-shadow:1px 1px #fff; height:15em; overflow:hidden; float:left; width:46em}
#lista-clienti .box-news{ padding:1em 2em 2.5em 0em}
.box-news figure{ display:block; overflow:hidden; text-align:center; float:left}
.box-news img{ border:0;  display:inline-block; margin:0 1em 0 0; width:15em; border-radius:0px}
.box-news h2{ color:#008000; margin:0 0 0.4em 0; padding:0; font-size:2.4em; font-weight:normal; line-height:1.1em;  font-weight:200; }
.box-news h2 a{ color:#008000;}
.box-news h2 a:hover{ color:#333;}
.box-news p{ margin:0; padding:0 0.3em 0 0; font-size:1.4em; line-height:1.5em; color:#4c4c4c; font-weight:100; }
.box-news p.autore{ margin:0 0 0.5em 0; padding:0; font-size:1.3em; color:#333}
.box-news p a{ color:#008000;}
.box-news p a:hover{ color:#333;} 
.box-news .data{ display:inline-block; font-size:0.8em; background:#f1f1f1; border-radius:3px; color:#333; padding:0 0.5em; font-weight:bold}

.extra-box{ background:#f1f1f1; overflow:hidden; margin-top:2em; margin-bottom:2em}
.titolo-extra{ display:block; text-align:center; font-size:2em; padding:0.5em; color:#CCC}
.extra-box .box-news img{ float:none; width:70%; margin:0; margin-bottom:0.5em; display:inline-block }
.extra-box .box-news {height:auto; text-align:center}
.extra-box #box-pp{ background:transparent; margin-top:2em; border-top:1em solid #fff; width:auto}

.categoria-chat{position:absolute; top:-28px; left:70px; height:70px; width:181px; background:transparent url(elementi/supporto-on.png) no-repeat;}
.categoria-chat h1 span{ display:none}
.categoria-sml{position:absolute; top:-0.7em; left:0px; width:18em; height:4em; background:transparent url(elementi/ballon-azzurro.png) no-repeat top center; background:none; 
text-transform:uppercase; color:#98aab5; text-shadow:0px 0px #FFF; display:block; text-align:center; font-size:1.1em; font-weight:bold;}
.categoria-sml h1{ padding:0.4em 0 !important}

.categoria-sml-beige{position:absolute; top:-0.7em; left:0px; width:18em; height:4em; background:transparent url(elementi/ballon-beige.png) no-repeat top center;  background:none;
text-transform:uppercase; color:#98aab5; text-shadow:0px 0px #FFF; display:block; text-align:center; font-size:1.1em; font-weight:bold;}

.categoria-sml-blu, #box-info .categoria-sml-blu{position:absolute; top:-0.7em; left:0px; width:18em; height:4em; background:transparent url(elementi/ballon-blu.png) no-repeat top center;  background:none;
text-transform:uppercase; color:#98aab5; text-shadow:0px 0px #FFF; display:block; text-align:center; font-size:1.1em; font-weight:bold;}

.categoria-big{ position:absolute; top:0em; left:1.5em; width:100%; height:6em; background:transparent url(elementi/ballon-big2.png) no-repeat;  background:none;
text-transform:uppercase; color:#98aab5; text-shadow:1px 1px #FFF; display:block; text-align:center; font-weight:bold; line-height:40px }


.categoria-big-beige{ position:absolute; top:-20px; left:30px; width:270px; height:60px; background:transparent url(elementi/ballon-big-beige.png) no-repeat;  background:none;
text-transform:uppercase; color:#fff; text-shadow:1px 1px #888169; display:block; text-align:center; font-size:23px; font-weight:bold; line-height:40px }

/*TRANSITION CSS3*/
#box-portfolio{ position:relative; padding:5em 0 0 0;}
#box-portfolio img{ border:0; display:block; width:330px; position:absolute; left:0;
-webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;  }


#box-portfolio img:hover{  -moz-transform: scale(1.2);  
   -o-transform: scale(1.2);  
   -webkit-transform: scale(1.2);  
   transform: scale(1.2); }
#box-portfolio .foto-box{ width:33em; height:18em; overflow:hidden; position:relative; 
background:#f1f1f1; z-index:100}
#box-portfolio h1{text-shadow:1px 1px #fff; text-transform:none; color:#0e71b4; margin:0; padding:0 0 0.5em 0; text-shadow:1px 1px #FFF; display:block; text-align:left; font-size:1.6em; font-weight:100; line-height:1.1em}
#box-portfolio h2{text-shadow:1px 1px #fff;  color:#0e71b4; margin:0; padding:0.3em 0 0.1em 0; font-size:3em; font-weight:normal; line-height:1.1em;  font-family: 'Source Sans Pro', sans-serif; font-weight:200; }
#box-portfolio h2 a{ color:#0e71b4;}
#box-portfolio h2 a:hover{ color:#139ed5;}
#box-portfolio h3{text-shadow:1px 1px #fff;  color:#0e71b4; margin:0; padding:0.3em 0; font-size:1.2em; font-weight:normal; line-height:1.1em;  
font-family: 'Source Sans Pro', sans-serif; font-weight:200; text-transform:uppercase }

#box-portfolio p{ text-shadow:1px 1px #fff; margin:0; padding:0; font-size:1.5em; color:#4c4c4c; line-height:1.4em; font-weight:100}
.bg-portfolio{background:#d7eef6; padding:0.5em 1.5em 1em 1.5em;}
a.allworks{ display:block; position:absolute; top:-0.6em; right:1em; line-height:2.5em; height:2.5em; background:#0e71b4;-moz-border-radius: 3px;
border-radius: 3px;color:#fff; padding:0 2em;text-transform:uppercase; font-size:1em  }
a.allworks:hover{color:#0e71b4; background: #0e71b4; color:#FFF}
.tag{ margin:1em 0 0 0}
.tag ul{ list-style:none; margin:0; padding:0}
#article .tag li, .tag li{ display:inline-block; text-transform:uppercase; margin:0 0.5em 1px 0}
#article .tag li{ margin:0 0.5em 0 0}
.tag a{ background:#FFF; padding:0 0.5em; line-height:1.5em; font-size:1em; border-radius:3px; color:#999}
.tag a:hover{ color:#333}
.endbox{ height:20px; background:transparent url(elementi/bg-endbox-xx.png) top right no-repeat}

#tagcloud{ position:relative;padding:20px 10px 20px 10px;}
#tagcloud .categoria-sml-blu{ top:-13px; left:10px}
#tagcloud h1{ margin:0; padding:0 0 20px 0; display:block; text-align:center; font-size:14px; font-weight:bold; line-height:25px}
#tagcloud a{ color:#666;padding:0 5px 5px 0; white-space:nowrap}
#tagcloud a:hover{ text-decoration:underline; color:#333; }

#box-info{ position:relative; padding:0em 1em 2em 1em;  background:#f1f1f1; border-top:3px solid #e1e1e1; margin-bottom:1em}
#col-dx #box-info{}
#box-info h2{text-shadow:1px 1px #fff;  color:#0e71b4; margin:0; padding:0.5em 0; font-size:2em; font-weight:normal; line-height:1.1em}
#box-info p{ text-shadow:1px 1px #fff; margin:0; padding:0 0 1.5em 0; font-size:1.4em; color:#4c4c4c; line-height:1.4em}
#box-info .mail{ float:left; margin:0 0.5em 0 0}
#box-info .categoria-sml-blu{ top:auto; left:auto; position:relative; width:auto; height:auto}
#box-info h1{ margin:0; padding:0 0 0em 0; display:block; text-align:center; font-size:2.8em; font-weight:100; text-transform:none; line-height:2em; color:#008000}

#box-info label{  float:left; width:50%; display:block; font-size:1.2em; text-transform:uppercase;color:#444444; margin:0 0 0.8em 0}
#box-info label.long{ width:100%}
label a, legend a{ color:#008000}
#box-info legend{ word-wrap:break-word; margin:0 0 1em 0em;color:#444444;font-size:1.1em; }
#box-info form{ margin:0; padding:1em 0 0 1em;}
#box-info .pul{ margin:0 0 0 0px;}
.campo{ background:#FFF; font-size:1.6em; display:block; padding:0.2em 0; box-shadow:inset 1px 1px 1px #f1f1f1, 0px 0px 2px #FFF; border:1px solid #CCC; border-radius:3px}
#box-info .campo{ width:90%; border:0; box-shadow:none; margin-top:5px}
#box-info textarea{ width:95%; height:7em;font-size:1.3em;  margin-top:5px; display:block; padding:3px 0.4em; box-shadow:inset 1px 1px 1px #f1f1f1, 0px 0px 2px #FFF; box-shadow:none; border:0px solid #CCC; border-radius:3px}
#box-info ul{ margin:0; padding:0px 0 1em 0; list-style:none}
#box-info li{ line-height:1.8em; height:1.8em; padding:0 0 0 1em; font-size:1.5em; border-bottom:1px dashed #e5e5e5;}
#box-info li a{ color:#760d21; text-decoration:none}
#box-info li a:hover{ background:#faf7de}
#box-info .combo-medio{ width:20em;}
a.captcha{ display:block; background:transparent url(elementi/ico-cambia.png) no-repeat; padding:0 0 0 1.8em; line-height:1.1em; height:1.1em; margin:0 0 0 0.4em; font-size:1.2em}

#box-testimonial{ background:transparent url(elementi/virgolette.png) no-repeat top left;text-shadow:1px 1px #fff; margin:10px 0 0 0}
#box-testimonial p{ padding:10px 10px 0px 10px; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px;
text-align:center; line-height:1.3em; color:#0e71b4}
#box-testimonial p.testimonial{background:transparent url(elementi/virgolette2.png) no-repeat bottom right; padding:15px 0 20px 0;font-family: 'Titillium Web', sans-serif; font-size:19px; font-weight:bold; font-style:normal}
#box-testimonial p.testimonial span{ line-height:1em; display:block; font-size:12px; font-weight:normal}

#box-mdm{ background:#eaf0f4 url(elementi/bg-box-mdm.jpg) no-repeat top right; display:inline-block; width:630px; margin:0 0px 0 0;
height:165px; vertical-align:top;position:relative; padding:25px 20px 10px 20px; text-shadow:1px 1px #fff; border-bottom:1px solid #dde2e5}
#box-mdm img{ border:0; float:left; margin:0 10px 0 0}
#box-mdm h1{ color:#0e71b4; margin:0; padding:0; font-size:35px; font-weight:normal}
#box-mdm h1 a{ color:#0e71b4;}
#box-mdm h1 a:hover{ color:#139ed5;}
#box-mdm p{ margin:0; padding:0; font-size:15px; color:#4c4c4c}
#box-mdm p a{ color:#0e71b4;}
#box-mdm p a:hover{ color:#139ed5;}

.box-sml{ background:#fff; display:block; 
height:165px; vertical-align:top;position:relative; padding:25px 20px 10px 20px; text-shadow:1px 1px #fff; border-bottom:1px solid #dde2e5;}
#col-dx .box-sml{ height:auto;padding:25px 0px 30px 0px;}
#col-dx .categoria-sml{ top:auto; left:auto; position:relative; width:auto; height:auto}
#col-dx .categoria-sml{ margin:0; padding:0 0 0em 0; display:block; text-align:left; font-size:1.8em; font-weight:bold; line-height:2em; color:#0e71b4}

.box-sml img{ border:0; float:left; margin:0 10px 0 0; width:70px; border-radius:3px}
.box-sml h1{ color:#0e71b4; margin:0; padding:0; font-size:22px; font-weight:normal; line-height:30px}
.box-sml h1 a{ color:#0e71b4;}
.box-sml h1 a:hover{ color:#139ed5;}
.box-sml h2{ color:#0e71b4; margin:0 0 0.5em 0; padding:0.5em 0 0 0; font-size:18px; font-weight:normal; line-height:1.2em;font-family: 'Source Sans Pro', sans-serif;border-top:1px solid #dde2e5;}
.box-sml h2 a{ color:#0e71b4;}
.box-sml h2 a:hover{ color:#139ed5;}
.box-sml p{ margin:0; padding:0; font-size:14px; color:#4c4c4c; line-height:1.3em}
#col-dx .box-sml p{ margin:0 0 0 0; overflow:hidden}
.box-sml p a{ color:#0e71b4;}
.box-sml p a:hover{ color:#139ed5;}
.box-sml .data{ text-transform:uppercase; font-size:11px; display:inline-block; background:#f1f1f1; border-radius:3px; padding:0 5px}

.box-sml-blu{  background:#eaf0f4 url(elementi/bg-box-mdm.jpg) no-repeat top right; display:inline-block; width:290px;  
height:165px; vertical-align:top;position:relative; padding:25px 20px 10px 20px; text-shadow:1px 1px #fff; border-bottom:1px solid #dde2e5;}
#col-dx .box-sml-blu{ height:auto;padding:25px 20px 30px 20px;}
.box-sml-blu img{ border:0; float:left; margin:0 10px 0 0}
.box-sml-blu h1{ color:#0e71b4; margin:0; padding:0; font-size:22px; font-weight:normal; line-height:30px}
.box-sml-blu h1 a{ color:#0e71b4;}
.box-sml-blu h1 a:hover{ color:#139ed5;}
.box-sml-blu h2{ color:#0e71b4; margin:0; padding:0; font-size:18px; font-weight:normal; line-height:25px}
.box-sml-blu h2 a{ color:#0e71b4;}
.box-sml-blu h2 a:hover{ color:#139ed5;}
.box-sml-blu p{ margin:0; padding:0; font-size:14px; color:#4c4c4c}
#col-dx .box-sml-blu p{ margin:1em 0 0 0}
.box-sml-blu p a{ color:#0e71b4;}
.box-sml-blu p a:hover{ color:#139ed5;}

.categoria-beige{ position:absolute; top:-8px; left:20px; width:180px; height:40px; background:transparent url(elementi/ballon-beige.png) no-repeat; 
text-transform:uppercase; color:#fff; text-shadow:1px 1px #b2ae91; display:block; text-align:center; font-size:14px; font-weight:bold; line-height:25px }
.categoria-azzurro{ position:absolute; top:-8px; left:100px; width:180px; height:40px; background:transparent url(elementi/ballon-azzurro.png) no-repeat; 
text-transform:uppercase; color:#98aab5; text-shadow:1px 1px #FFF; display:block; text-align:center; font-size:14px; font-weight:bold; line-height:25px }

.box-sml-blu .carrello{ display:table}
.box-sml-blu p{}
.box-sml-blu p span{ display:table-cell}
.box-sml-blu p span.prezzo{ width:20%}


#lista-clienti{ margin:2em 0 0 0}
#lista-clienti ul{ margin:0; padding:0}
#article #lista-clienti li{ overflow:hidden; background:none; padding:1em 0 0.5em 0; border-bottom:1px dashed #f1f1f1; margin:0 0.5em 1em 0; font-size:1em}
#article #lista-clienti h2{ padding:0 0 0.5em 0; margin:0}
#article #lista-clienti .tag li, #article .tag li{ background:none; border:none; padding:0}
#article .tag{ margin:0.2em 0 1.5em 0}
#article .tag a{ background:#f1f1f1; padding:0 0.5em; line-height:1.1em; font-size:1.1em; border-radius:3px; color:#999}
#article .tag a:hover, #article .tag a.attivo{ color:#fff; background:#666; text-decoration:none; text-shadow:none}
.tag p, #article .tag p{ margin:0 0 0.3em 0; padding:0; font-size:1.3em}

#disqus_thread{ margin:2em 0 0 0; border-top:1px dotted #f1f1f1; padding:2em 0 0 0; float:left; width:100%}

#lista-news{}
#article #lista-news li{ background:none; padding:1em 0 0.5em 0; margin:0 0 1.5em 0; font-size:1em; line-height:normal}
#lista-news img{ border:0; float:left; margin:0 1em 0 0; width:12em; border-radius:3px}
#lista-news h1{ color:#008000; margin:0; padding:0; font-size:2.2em; font-weight:normal; line-height:1.1em}
#lista-news h1 a{ color:#008000;}
#lista-news h1 a:hover{ color:#333;}
#lista-news h2{ color:#008000; margin:0 0 0.2em 0; padding:0; font-size:2em; font-weight:normal; line-height:1.1em}
#lista-news h2 a{ color:#008000;}
#lista-news h2 a:hover{ color:#333;}
#lista-news p{ margin:0; padding:0; font-size:1.7em; color:#4c4c4c; line-height:1.3em}
#lista-news p.autore{ margin:0 0 0.5em 0; padding:0; font-size:1.2em; color:#4c4c4c; line-height:1.3em}

#lista-news p a{ color:#008000;}
#lista-news p a:hover{ color:#333;}
#lista-news .data{ text-transform:uppercase; font-size:11px; float:none; display:inline-block; background:#f1f1f1; border-radius:3px; padding:0 5px}

#article a.sito{ background:#069; color:#FFF; display:inline-block; padding:5px 20px; font-size:15px; border:1px solid #036;
 text-shadow:1px 1px #003; border-radius:5px; box-shadow:inset 0px 0px 1px #FFF}
#article a.sito:hover{ text-decoration:none;color:#FFC}

#gallery{}
#gallery ul{ margin:0; padding:20px 0 0 0}
#gallery li{ float:left; padding:0; margin:0 10px 10px 0; background:none;}
#gallery img{ border:0; width:100px; height:100px; border-radius:5px}

#paging{  margin:30px 0px 10px 0px; position:relative; text-shadow:none }
#paging ul{margin:0 auto; padding:0; text-align:center}
#article #paging li{ display:inline-block; line-height:20px; margin:0 5px 0 0; padding:0; border:0; line-height:20px; background:none}
#paging li a{display:block; font-size:11px;line-height:20px; width:20px; background:#999;  text-align:center; margin:0; padding:0; text-decoration:none; color:#fff}
#paging li.attivo a:link, #paging li.attivo a:visited{ font-weight:200; color:#999; background:#fff;}
#paging li a:hover, #paging li a:focus{background:transparent; text-decoration:underline;color:#999;}


#footer{ clear:both;  margin:0px 0 0 0; background:transparent; border-top:5px solid #e1e1e1}
#up-footer{background:#fff; border-bottom:4px solid #e1e1e1; border-top:1px solid #e1e1e1; padding:0px 0 0 0; }
#up-footer .content{background:#fff; height:79px; 
line-height:79px;color:#bec9d0; font-size:11px; text-transform:uppercase; padding:0 0 0 20px; width:990px}
#up-footer .content li{ display:none}
#up-footer .content ul.partner{ background:transparent url(elementi/partners.png) no-repeat; display:block; height:70px; width:800px;  margin:0; padding:0; float:left}
#up-footer .content ul.competenze{ background:transparent url(elementi/partners.png) no-repeat; display:block; height:70px; width:800px;  margin:0; padding:0; float:left}
#up-footer .content ul.certificazioni{ background:transparent url(elementi/partners.png) no-repeat; display:block; height:70px; width:800px;  margin:0; padding:0; float:left}

#up-footer .content span{ height:79px; line-height:79px; display:inline-block; width:130px;float:left;}

#logo-footer{ margin:0 1em 0 0; padding:10px 0 10px 0; text-align:center; border-bottom:3px solid #f1f1f1}
#logo-footer img{ width:100%; max-width:980px }
#menu-footer{min-height:15em; }
#menu-footer .colonna{ width:18em; float:left;padding:7em 0 2em 0; }
#menu-footer .riga{ overflow:hidden; padding-top:20px}


#menu-footer .colonna h2 a{ color:#6f818b; text-decoration:none; }
#menu-footer .colonna h2 a:hover{ color:#fff; text-decoration:none; }

/*espansione*/
.icona_espansione{border:0; float:left; margin:0 5px 0 0 !important;}
.titolo_espansione{ padding-bottom:4px; background-color:#fff;}
.box-info{ width:40%; background:#f1f1f1; background:#87c871; text-shadow:none; padding:2em; box-sizing:border-box; float:right; margin-left:3em; margin-bottom:1em;}
.testo_espansione{ overflow:hidden}
#article .box-info p{ margin:0; padding:0 0 0.5em 0;}

.corpo_espansione{ padding-bottom:1em; display:none}

#footer p{ font-size:1.2em; padding:0em 1em 0 0; margin:0}
#footer p.credits{ text-align:left; font-size:1.2em; padding:1em 0 2em 0; margin:0; color:#999; overflow:hidden}
#footer p.credits a{ text-transform:uppercase; color:#008000 }
#footer p.credits a:hover{ text-decoration:underline}

#social.story_social{ width:100%; float:left; margin:0px; padding:20px 0; overflow:hidden; clear:both}
#social .social_right{ width:40%; float:right; text-align:right;}
#social .social_right a{ color:#008000; font-size:16px; font-weight:400; padding:0 0px 0 15px; }
#social .social_right img{ vertical-align:middle; margin-left:5px; margin-top:15px; float:none;}
#social .social_right a:hover{ color:#333;}



/* NEW WIDE LAYOUT */
#content.wide{ padding:0 0 2em 0}
.wide #article{ font-size:12px}
.wide #article h1, .wide #article h2, .wide #article h3, .wide #article h4, .wide #article p, .wide #article .tag{ width:900px; margin:0 auto 1em auto}
.wide #article h1{  margin:0 auto 0.5em auto; font-family: 'Source Sans Pro', sans-serif; font-weight:200; font-size:4em; text-shadow:none !important}
.wide .tag{}
.slide{ height:40em; border-top: 4px solid #e1e1e1;  border-bottom: 6px solid #a1b8c6; margin:0 0 2em 0}
.slide .foto-fissa{ height:100%; width:100%; background:#eff5f7 url(elementi/foto-portfolio-wide-janet.png) no-repeat top center}
.foto-wide{ display:block; text-align:center; }
.wide #article figure{ display:block; width:100%; text-align:center; }
.wide #article img{ max-width:800px; max-height:400px; display:inline-block; float:none !important}


/* FORM ISCRIZIONE NEWSLETTER */
#iscrizione{ background:#FFF; padding:20px}
#iscrizione h1{ color:#37749a; margin:0px 0 0.2em 0; padding:0; font-size:25px; line-height:1em}
#iscrizione h2{ color:#5f9ede; margin:0px 0 0.2em 0; padding:0; font-size:15px; font-weight:normal; line-height:1em}
#iscrizione label{ display:block; font-size:10px; text-transform:uppercase;color:#444444; margin:0 0 15px 15px}
#iscrizione legend{margin:0 0 10px 10px;color:#444444;font-size:11px; }
#iscrizione form{ margin:20px 0 0 0; padding:10px 0 0 0; background:#f1f1f1}
#iscrizione div.privacy{ padding:0px 20px 0px 10px; height:80px; overflow-x:hidden; overflow-y:auto; font-size:10px; margin:0 15px 15px 15px; border:1px solid #ccc}
#iscrizione .pul{ margin:0 0 10px 0px;}
#iscrizione .campo{ width:180px;}
#iscrizione textarea{ width:270px; height:80px;font-size:13px; display:block; padding:3px 10px; box-shadow:inset 1px 1px 1px #f1f1f1, 0px 0px 2px #FFF; border:1px solid #CCC; border-radius:3px}
#iscrizione label{ float:left}
#iscrizione p.successo{ color:#37749a; margin:2px 0 0 0; padding:0; font-size:13px;}
#iscrizione p.errore{ color:#900; margin:2px 0 0 0; padding:0; font-size:13px;}


/* Tablet Layout: 900px */
@media only screen and (max-width: 1000px) {
	body{ font-size:10px;}
	.content{ width:100%}
	#main{ width:100%}
	#col-sx{ width:auto}
	#col-dx{ font-size:9px; width:32em; padding-right:1em; min-height:0}

/*Stili per header*/
#header{ height:6.5em; font-size:9px;  border-bottom:2px solid #008000}
#container.compact{ margin:0}
#container #header #menu-up{ position:relative; right:auto; top:auto; font-size:8px}
#container #header ul.topnav{ padding:0; position:absolute; top:1em; right:30px}
#container #header ul.topnav a{ font-size:15px}
#container #header #menu-social{ display:none}
#container #header .menu-social{ display:none}
#container #header #back{ height:60px; width:320px; min-height:0; background:transparent url(elementi/bg-back-sml.png) no-repeat; top:0; left:0}
/*Stili per home*/
a.allnews{ right:2em}
#box-pp{ margin-left:1.5em}
#box-pp h2{ font-size:2.2em}
.box-news{ width:auto; float:none; height:auto; overflow:hidden}

/*Stili per pag interne*/
#lavori #contenitore_lavori ul{ vertical-align:top; text-align:left}
#lavori li{ width:49%; margin:0 1% 1% 0; vertical-align:top; height:12em; float:left}
#lavori img{ width:100%; height:auto}
.wide #article h1, .wide #article h2, .wide #article h3, .wide #article h4, .wide #article p{ width:100%; margin:0 auto}
.wide #article h1{  margin:0 auto 0.5em auto}
.wide #article{ margin:0; padding:0 2em}
.foto-wide{ padding:10px 20px}
.foto-wide img{ max-width:none; max-height:none; width:100%; display:inline-block; float:none !important}
.slide{ height:30em;}
.slide .foto-fissa{ height:100%; width:100%; background-size: 100%; background-position:bottom}
.wide #article img{width:100%}

#article p iframe{ width:100%}

/*Stili per coda slider*/
#sequence{ width:100%; min-width:600px}
.coda-slider .panel-wrapper { padding:0 3% !important}
.coda-slider .panel-wrapper{ width:400px; display:inline-block}
.panel{background-position:400px 50% !important; text-align:left}
#splash{ width:100%}
#carousel{ width:100%; overflow:hidden}
.panel .pul{ text-align:left; width:400px !important; padding:0 0 0 3% !important}
#shadow-up{ width:100%}
}

/* Tablet Layout: 768px */
@media only screen and (max-width: 790px) {
	body{ font-size:9px}
	#main{ display:block}
	#menu-up{ display:none}
	#col-sx{ display:block; width:100%; padding:4em 0 0 0}
	#col-dx{ display:block; width:94%; padding:5% 3%; border-top:10px solid #b0bfc8}
	
	/*Stili per home*/
	#box-info, #box-chat{background-image:none }
	a.allnews{ right:2em}
	a.allworks{ display:none}
	#news{ padding:5em 2em 0 2em}
	#box-pp{}
	#box-portfolio{ display:inline-block; width:48%}
	#box-portfolio h2{ font-size:2em}
	#box-portfolio .foto-box{ width:100%; height:auto}
	#box-portfolio img{ width:100%; height:auto; position:relative; left:auto}
	
	
	#servizi.home li{ width:46%; padding:0 2%; text-align:center }
	#servizi ul{ margin:2em 0 0 0; padding:0; background:none; font-size:13px}

	/*Stili per pag interne*/
	#path{ display:none}
#article p iframe{ width:90%}
.slide{ height:20em;}
.wide #article{ font-size:10px}

	#sequence{ width:100%; min-width:600px}
}

/* Tablet Layout: 550px */
@media only screen and (max-width: 550px) {
	#box-portfolio{ display:inline-block; width:100%}
	/*Stili per coda slider*/
.coda-slider .panel-wrapper { padding:0 3% !important}
.coda-slider .panel-wrapper{ width:390px; display:inline-block}
.panel{background:none !important}
/*Stili per footer*/
#menu-footer{ min-height:0}
.credits{ margin-bottom:48px !important}
#menu-footer .riga, #menu-footer .colonna, #menu-footer #logo-footer{ display:none}
#up-footer{ display:none}
#menu-footer{}

}