@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-family: 'Droid Sans', 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 #0e71b4; margin:2em 0}
.content{ width:101em; margin:0 auto; display:block; position:relative}
#header .content{ height:13.9em; height:15.9em;}


.menu-social span{ display:none}
.menu-social ul{ margin:3px 0 0 0; padding:0.5em 0 0 0; list-style:none; position:absolute; top:0.2em; right:1em; z-index:300; font-size:9px}
.menu-social li{ display:inline-block; margin:0 0 0 0px}
/*#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.6em; height:1.6em; border-radius:0.8em; background:#0e71b4; background:#FFF; display:block; color:#fff;color:#0e71b4; font-size:2em; line-height:1.6em; text-align:center}
.menu-social li.home a{background:transparent; width:auto; color:#fff; text-transform:uppercase; font-size:1.3em; padding:0 1.5em 0 1.5em}
.menu-social li.home a:hover{ background:transparent; color:#333}
.menu-social li.ita a, .menu-social li.eng a{ background:transparent; width:auto; color:#fff; 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:transparent; color:#333}
.menu-social li a:hover{ background:#333}

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

#back-old{ position:absolute; z-index:1100; top:10px; left:0px; width:259px; height:140px; background:transparent url(elementi/bg-back.png) no-repeat; cursor:pointer}
#back{ position:absolute; z-index:1100; bottom:5px; left:0px; width:220px; height:100px; background:transparent url(elementi/bg-back-mdm.png) no-repeat; cursor:pointer}
#back h1, #back h2 { display:none}

#header{  background:#fff url(elementi/bg-header-new.png) repeat-x top left; z-index:1050; margin:0 0 0px 0; position:relative; border-bottom:1px solid #fff; box-shadow:0px 0px 0.5em #666;}

#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:25px; right:10px}

/* 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:#fff url(elementi/bg-header.png) repeat-x bottom left; 
border-bottom:0px solid #0e71b4}
#container.compact #header #menu-up{}
#container.compact #header .content{ height:100%}
#container.compact #header ul.topnav{ padding:0; position:absolute; top:0px; right:10px}
#container.compact #header #menu-up{ bottom:auto; top:10px}
#container.compact #header #menu-social, #container.compact #header .menu-social{ display:none}
#container.compact #header #back{ top:0; height:60px; width:200px; background:transparent url(elementi/bg-back-sml.png) no-repeat;}

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

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

#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;padding:4em 2em 0px 0}
#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 2em; 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:#5f9ede}
#path li a:hover{ color:#333; text-decoration:underline}

#slogan{ background:#0e71b4; font-size:2.5em; font-weight:100; padding:0.7em; text-align:center; color:#FFF; text-transform:uppercase; letter-spacing:1px}
#slogan span{ font-size:1.4em; display:inline-block; margin:0em 0 -1em 0}
#slogan b{ color: #fff }

#article{ margin:0 0 2em 0; text-shadow:1px 1px #fff; padding:0 0px 2em 1em; overflow:hidden}
#article h1{ color:#0e71b4; margin:0px 0 0.5em 0; padding:0; font-size:3.7em; line-height:1.1em;  font-family: 'Source Sans Pro', sans-serif; font-weight:200; }
#article h2{ color:#5f9ede; margin:0px 0 0.5em 0; padding:0; font-size:2.5em; font-weight:normal; line-height:1.1em}
#article h2.collegate{ font-size:2em; border-top:1px solid #f1f1f1; text-align:center; padding-top:1em; margin-top:1em}
#article h3{ color:#5f9ede; 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:#384b54; font-size:1.6em; line-height:1.5em}
#article ul{ margin:0px 0px 1em 0; padding:0; list-style:none; color:#384b54 }
#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.5em}
#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:#0e71b4}
#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.3em; color:#6c9ab0}
#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}

.docet{ clear:both; background:#f1f1f1; display:table; width:100%; margin:0 0 2em 0}
.cell{ display:table-cell; vertical-align:top; padding:1em; width:50%; border-right:1px solid #fff}
#article .docet img{ width:8em; float:left; margin:0 1.5em 0 0}
#article .docet h2{ color:#666; 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.3em; color:#666; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; overflow:hidden }
.label-docet{ font-size:1.2em; color:#999; text-transform:uppercase}

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:1em 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:3em; 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:#0098c4; 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; padding:0; background:none; font-size:1em}
#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{}
#article #personale ul{ margin:0; padding:0; background:none; list-style:none}
#article #personale li{ background:none; margin:0; padding:1em 0 1em 0; border-bottom:1px dashed #CCC}
#article #personale li:last-child{ border:0}
#article #personale h3{ margin:0 0 0 100px; padding:0; font-size:1.5em}
#article #personale p{ margin:0 0 0 100px; padding:0; font-size:1em}
#article #personale p.carica{ font-size:1.2em !important; color:#888169}
#article #personale p.mail{}
#article #personale img{ border:0; float:left; margin:0 10px 0 0; width:5em; 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 0; 
position:relative; cursor:pointer; vertical-align:top; font-size:1em; background:none}
#article #lavori li:last-child{ margin:0}
#article #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%}
#article #lavori .caption{ text-shadow:none; padding:1em 5%; width:90%; height:100%;  
    background-color: rgba(55,116,154,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  
}  
#article #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:#4ac97d; text-decoration:none; font-size:1.4em; text-transform:uppercase; 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:#0098c4; text-decoration:none; font-size:1.1em; text-transform:uppercase; 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:#0e71b4; margin:0; padding:0 0 20px 0; text-shadow:1px 1px #FFF; display:block; text-align:left; font-size:2.5em; font-weight:100; line-height:1.8em}
a.allnews{ display:block; position:absolute; top:-0em; right:0em; line-height:1em;  background:#0e71b4;-moz-border-radius: 3px;
border-radius: 3px;color:#fff; padding:1em 1.5em;text-transform:uppercase; font-size:1.1em  }
a.allnews:hover{color:#0e71b4; background: #0e71b4; color:#FFF}
.all{ display:block; font-size:1.2em; text-align:center; padding:1em 0 0 0; clear:both}
.all a{ display:inline-block}
#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}

#box-pp{ background:#fff; margin:0 0px 2em 0; border-radius:2px;position:relative; padding:1.5em 2em 1.5em 2em; width:auto; text-shadow:1px 1px #fff; overflow:hidden }
#box-pp img{ border:0; float:left; margin:0.5em 1.2em 0 0; width:15em; border-radius:5px;}
#box-pp h2{ color:#0e71b4; margin:0 0 0.2em 0; padding:0; font-size:2.8em; font-weight:normal; line-height:1em; font-family: 'Source Sans Pro', sans-serif; font-weight:200; }
#box-pp h2 a{ color:#0e71b4;}
#box-pp h2 a:hover{ color:#139ed5;}
#box-pp p{ margin:0; padding:0; font-size:1.5em; line-height:1.5em; 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:#0e71b4;}
#box-pp p a:hover{ color:#139ed5;}
#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:#fff; margin:0 0px 1em 0;
position:relative; padding:1em 0px 1.5em 0px; text-shadow:1px 1px #fff; border-bottom:1px solid #fff; }
#lista-news #box-pp img{ border:0; float:left; margin:0 1em 0 0; width:15em; border-radius:3px;}
#lista-news #box-pp h2{ color:#0e71b4; margin:0 0 0.1em 0; padding:0; font-size:2.8em; font-weight:normal; line-height:1em}
#lista-news #box-pp h2 a{ color:#0e71b4;}
#lista-news #box-pp h2 a:hover{ color:#139ed5;}
#lista-news #box-pp p{ margin:0 0 0 0; overflow:hidden; padding:0; font-size:1.5em; color:#4c4c4c}
#lista-news #box-pp p.autore{ margin:0.4em 0 0.4em 0; padding:0; font-size:1.3em; color:#4c4c4c}
#lista-news #box-pp p a{ color:#0e71b4;}
#lista-news #box-pp p a:hover{ color:#139ed5;}
#lista-news #box-pp .data{ text-transform:uppercase; font-size:0.8em; display:inline-block; background:#f1f1f1; 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:20em; overflow:hidden; float:left; width:29em}
#lista-clienti .box-news{ padding:1em 2em 2.5em 0em}
.box-news img{ border:0; float:left; margin:0 1em 0 0; width:10em; border-radius:3px}
.box-news h2{ color:#0e71b4; margin:0 0 0.4em 0; padding:0; font-size:2.2em; font-weight:normal; line-height:1.1em; font-family: 'Source Sans Pro', sans-serif; font-weight:200; }
.box-news h2 a{ color:#0e71b4;}
.box-news h2 a:hover{ color:#139ed5;}
.box-news p{ margin:0; padding:0 0em; font-size:1.35em; line-height:1.5em; color:#4c4c4c; font-weight:100}
.box-news p.autore{ margin:0 0 0.5em 0; padding:0; font-size:1.2em; color:#666}
.box-news p a{ color:#0e71b4;}
.box-news p a:hover{ color:#139ed5;} 

.extra-box{ background:#f1f1f1; background:#d7eef6; overflow:hidden; margin-top:2em; margin-bottom:2em}
.titolo-extra{ display:block; text-align:center; font-size:2.8em; border-bottom:2px solid #cbe5ee; border-top:4px solid #cbe5ee; padding:0.4em; color:#0e71b4; background:#FFF}
.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 #cbe5ee; width:auto; float:left}

.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:27em; min-width:260px; 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; }

#col-dx .twitter-container{ max-height:30em; overflow:hidden}
#col-dx .twitter-container iframe{ max-height:30em}

#box-info{ position:relative; padding:0em 1em 2em 1em;  background:#d7eef6}
#col-dx #box-info{ min-width:30.6em}
#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:left; font-size:1.8em; font-weight:bold; line-height:2em; color:#0e71b4}

#box-info label{  float:left; width:50%; display:block; font-size:1em; text-transform:uppercase;color:#444444; margin:0 0 0.5em 0}
#box-info label.long{ width:100%}
#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 0;}
#box-info .pul{ margin:0 0 0 0px;}
.campo{ background:#FFF; font-size:1.4em; 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}
#box-info textarea{ width:95%; height:7em;font-size:1.3em; 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%}


#article #lista-clienti{ margin:2em 0 0 0}
#article #lista-clienti ul{ margin:0; padding:0}
#article #lista-clienti li{ 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; font-size:1.8em}
#article #lista-clienti .tag li, #article .tag li{ background:none; border:none; padding:0}
#article #article .tag{ margin:0.2em 0 1.5em 0}
#article #article .tag p{ background:#f1f1f1; padding:0 0.5em; line-height:1.1em; font-size:1.1em; border-radius:3px; color:#999 }
#article #article .tag a{ background:#f1f1f1; padding:0 0.5em; line-height:1.1em; font-size:1.1em; border-radius:3px; color:#999}
#article #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}

#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:1.1em}
#lista-news img{ border:0; float:left; margin:0 1em 0 0; width:12em; border-radius:3px}
#lista-news h1{ color:#0e71b4; margin:0; padding:0; font-size:2.2em; font-weight:normal; line-height:1.1em}
#lista-news h1 a{ color:#0e71b4;}
#lista-news h1 a:hover{ color:#139ed5;}
#lista-news h2{ color:#0e71b4; margin:0 0 0.2em 0; padding:0; font-size:2em; font-weight:normal; line-height:1.1em}
#lista-news h2 a{ color:#0e71b4;}
#lista-news h2 a:hover{ color:#139ed5;}
#lista-news p{ margin:0; padding:0; font-size:1.5em; 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:#0e71b4;}
#lista-news p a:hover{ color:#139ed5;}
#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:#bccbd2;  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:#bccbd2; background:#fff;}
#paging li a:hover, #paging li a:focus{background:transparent; text-decoration:underline;color:#bccbd2;}


#footer{ clear:both;  margin:0px 0 0 0; background:transparent; background:#f1f1f1 url(elementi/bg-header-xxx.png) repeat-x bottom left; border-top:5px solid #e1e1e1; border-top: 2px solid #159a38}
#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{ width:19em; height:13.5em; background:transparent url(elementi/logo-footer.png) no-repeat; float:left; margin:0 2em 0 0}
#menu-footer{min-height:15em; }
#menu-footer .colonna{ width:18em; float:left;padding:7em 0 2em 0; }
#menu-footer .riga{ position:absolute; top:3em; left:21em}


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

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

#social .story_social{ width:100%; float:left; margin:0px; padding:20px 0;}
#social .social_right{ width:35%; float:right; text-align:right;}
#social .social_right a{ color:#0055a0; 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:#aec4d9;}


/* 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;  background:transparent url(elementi/bg-header.png) repeat-x 0 -70px; border-bottom:1px solid #6b8b9e; background: #fff url(elementi/bg-header.png) repeat-x bottom left}
#container.compact{ margin:0}
#container #header #menu-up{ position:relative; right:10px; top:auto; font-size:8px; bottom:0px}
#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, #container.compact #header #back{ height:60px; width:200px; background:transparent url(elementi/bg-back-sml.png) no-repeat left center; top:0; left:0;
    background-size:160px}
/*Stili per home*/
a.allnews{ right:2em}
#box-pp{ margin-left:0em}
#box-pp h2{ font-size:2.2em}
.box-news{ width:auto; float:none; height:auto; overflow:hidden}
    .navbar .sb-toggle-right{ margin-top: 5px}

/*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 footer*/
#menu-footer{ min-height:0}
#footer p.credits{ margin-bottom:48px !important; text-align:center}
#menu-footer .riga, #menu-footer .colonna, #menu-footer #logo-footer{ display:none}
#menu-footer .riga{ display:block; top:0px; left:10px; right:10px}
#menu-footer .menu-social ul{ width:100%; top:50px}
#menu-footer .menu-social{ width:100%; text-align:center;}
#up-footer{ display:none}
#menu-footer{}

/*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; text-align:center}
	
	/*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:100%}
	#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}
	.box-video{ width:100%; display:inline-block; height:40em}
	.banner-home{ width:100%; display:inline-block; text-align:center}
	.banner-home img{ display:inline-block}
	#col-dx .endbox{ display:block}
	.twitter-container{ width:100%; display:inline-block}
	
	#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}
}