@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:#fff; margin:0; padding:0;font-family: 'Open Sans', sans-serif; font-size:10px}
html, body{ height:100%; width:100%; zoom:1;}
h1,h2,h3{font-family: 'Open Sans', sans-serif; font-family: 'PT Sans Narrow', sans-serif;}
a{ text-decoration:none}
a{-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;}
figure{ margin:0; padding:0;}
.content{ max-width:110em; width:100%; margin:0 auto; display:block; position:relative; box-sizing:border-box}
.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;}
	
.menu-social span{ display:none;}
.slidebar .menu-social ul{ text-align: center}
.slidebar .menu-social ul a{ font-size: 1.6em; color: #333}
.slidebar .menu-social ul a:hover{ color: #333}
#header .menu-social {background: #2e3f91;min-height: 35px;}
#header .menu-social ul{ margin:0px 0 0 0; padding:0; list-style:none; position:absolute; top:0.5em; right:3.4em; z-index:300; font-size:9px}
#footer .menu-social ul{ margin:0px 0 0 0; padding:0em 20px; list-style:none; z-index:300; font-size:9px; text-align: right}
#footer .menu-social li{ display: inline-block}
.menu-social li{ display:inline-block; margin:0 0 0 5px}
#header .menu-social li{ display:inline-block; margin:0 0 0 5px}
/*#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}*/
#header .menu-social li.facebook i, #header .menu-social li.twitter i, #header .menu-social li.google i, #header .menu-social li.linkedin i, #header .menu-social li.youtube i { color: #FFF}
.menu-piccolo {text-align: right; margin-right: 3.2em;}
.menu-piccolo li {display: inline-block; margin-top: 1.2em;}
.menu-piccolo li a {  color: #2e3f91; background: transparent;  padding: 0.6em;   font-size: 16px;  text-transform: uppercase; font-weight: 500; font-family: 'PT Sans Narrow', sans-serif;}
#container.compact #header .menu-piccolo {display: none;}
#menu-up ul.topnav {top: 7.2em;right: 3.5em;}
#menu-up ul.topnav li a {font-size:18px; padding: 0.5rem 1rem;}
#menu-up ul.topnav .subnav a {font-size:14px; padding:0.5rem}
#menu-up ul.topnav li a.orange {color: #FFF; background: #df2b19;}

.menu-social li.facebook, .menu-social li.twitter, .menu-social li.google, .menu-social li.linkedin{ padding: 0 0 0 5px; font-size: 1.2em}
#footer .menu-social ul li a{ width:25px; height:25px; line-height: 25px; border-radius:50%; text-align: center;  background:#2e3f91; display:block; color:#fff; font-size:1.25em; text-align:center}
#header .menu-social li a{ width:auto; height:auto; line-height: normal; border-radius:50%; text-align: center; background: none; display:block; color:#2E3F90; font-size:1.75em; text-align:center}

.menu-social li.home a{background:transparent; width:auto; color:#2360a7; 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:#2360a7; 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:#fff; color:#333}
.menu-social li .flag-icon{ border:1px solid #e1e1e1}
.menu-social li.active .flag-icon{ border:2px solid #4aa829}

#back{ position:absolute; top:0; left:4em; width:270px; height:110px; border-left: 10px solid #2e3f91;  background:#fff url(elementi/logo.png) no-repeat; 
background:#fff url(elementi/logo.svg) no-repeat center left; background-size:contain; cursor:pointer; box-sizing:border-box}
#back h1, #back h2 { display:none}

#header{ height:13.9em; height:9.2em; height: 120px; width:100%; background:#d1dcec url(elementi/bg-head.jpg) no-repeat center right; margin:0 0 0px 0; position:fixed; z-index:10; top: 0; border-bottom:0px solid #2360a7; border-bottom:0px solid #cedff1}
#header .content{ width:101em; width:100%; max-width:none; height:100%; position:relative; border-bottom: 0px solid #c8ceec}

#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{font-family: 'PT Sans Narrow', sans-serif;}

/* SPECIFICHE PER LA HEAD COMPACT*/
#container.compact{ margin:13.9em 0 0 0; margin:0}
#container.compact #header{ position:fixed; top:0px; width:100%; height:6em; z-index:1500;}
#container.compact #header #menu-up{}
#container.compact #header ul.topnav{ padding:0; position:absolute; top:5px;}
#container.compact #header .menu-social{ display:none}
#container.compact #header #back{ height:100px; width:150px; top:0; ; 
background:#fff url(elementi/logo.svg) no-repeat center left; background-size:contain;}

/*SLIDER*/

/* SLIDEBAR*/
.menu-up{ height:100%; background:#FFF;border-left: 0px solid #333;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+12&0.03+0,0+11 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0.03) 0%, rgba(0,0,0,0) 11%, rgba(0,0,0,0) 12%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0) 11%,rgba(0,0,0,0) 12%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0) 11%,rgba(0,0,0,0) 12%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

}
.menu-up ul{ margin:0; padding:20px 0 0 0; list-style:none}
.menu-up li{ margin:0; padding:0; text-align:center}
.menu-up li a{ font-weight:600; display:block; color:#333; padding:1em 0.5em; text-transform:uppercase; font-size:13px; letter-spacing:0.5px; border-bottom:0px solid #fff;}
.menu-up li a:hover{ background:#fff; color:#00a36f}

.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;padding:4em 2em 0px 0}
#col-dx{ vertical-align:top; display:table-cell; width:33em; padding:4em 0 0px 2em;  min-height:58em}
#main{ display:table; width: 100%; max-width:130em; margin:0 auto}

#path{}
#path ul{ list-style:none; margin:-3em 0 2em 2em; padding:0; height:3em; font-size:1.1em;}
.wide #path{ width:100%; max-width:1100px; margin: 0 auto; box-sizing:border-box}
.wide #path ul { margin:0 0 1em 0}
#path li{ line-height:3.5em; float:left; padding:0 20px 0 0; color:#ccc; text-transform:uppercase; letter-spacing:0.5px}
#path li a{ color:#333; font-weight:600}
#path li a:hover{ color:#333; text-decoration:underline}

#article{ margin:0 0 2em 0;  padding:0 0px 2em 1em; overflow:hidden}
#article .content{ max-width:1100px}
#article h1{ color:#003c70; 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.5em 0 0.2em 0; font-size:2em; letter-spacing:0.5px; font-weight:800; 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:#4c4c4c; font-size:1.5em; line-height:1.5em}
#article ul{ margin:0px 0px 1em 0; padding:0; list-style:none; }
#article li{ display:block; padding:0 0 0 25px; background:transparent url(elementi/li-lancio.png) no-repeat left top;}
#article li p{ margin:0; padding:0}
#article a{ color:#333}
#article a:hover{ color:#333; text-decoration:underline}
#article p a{ text-decoration:underline; color:#333}
#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.1em; display:inline-block; float:left; margin:0.5em 0.5em 0 0; background:#e9eff7; border-radius:0.3em; padding:0 0.5em}
#article img{ max-width:62em; float:left; margin:0 1em 1em 0}
#article .script{ background:#e9eff7; 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}

.foto-article{ float:left; max-width:50%; padding: 0em 1em 1em 0; margin-top: 0; margin-left: -50px}
.wide #article .foto-article img{ max-width:100%; max-height:400px}

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 auto 1em auto; max-width:1100px; box-sizing:border-box; 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; height:6em; position:relative}
#cerca-interno.incalendario form{ height:90px;}
#cerca-interno label{ display:block; font-size:1em; 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{ width:70%; float:left}
#cerca-interno .parola label{ margin:0; font-weight:300}
#cerca-interno .campo{ border:0; line-height:2em; height:2em; width:100%; font-size:1.5em; margin:0.1em 0 0 0; padding:0 2em 0 1em; 
background:#dfe5ef; 
border-radius:0px; border:0 px solid #ccc; display:block; text-indent:0; box-sizing:border-box;}
#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:1.6em 0 0 20px; height:3.8em; height:auto; position:relative; text-align:center; float:left }
#cerca-interno .pul-cerca span{display:none;}
#cerca-interno .pul-cerca a{ text-shadow:none; color:#FFF;padding:0.5em 1em; border-radius:0px; text-align:center; display:inline-block; 
background:#df2b19; text-decoration:none; font-size:1.25em; text-transform:uppercase; font-weight:600} 
#cerca-interno .pul-cerca a:hover{color:#fff;background:#333;}

#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:#888169}
#personale p.mail{}
#personale img{ border:0; float:left; margin:0 10px 0 0; width:9em; border-radius:3px;}

#servizi{ padding:0em 0 2em 0}
#servizi .content{ max-width: 1400px}
#servizi.home li, #servizi li{ width:20%; box-sizing:border-box; padding:0 1em; box-sizing:border-box; text-align:center; margin-bottom:30px }
#servizi.home ul, #servizi ul{ font-size:13px; overflow:hidden; display: flex; flex-wrap: wrap; justify-content: center}
#servizi.home li p, #article #servizi li p{ color:#999; margin:0; padding:0.5em 1em; width:auto; font-size:13px}
#article #servizi li p{ font-size:1.1em}
#servizi.home h3, #article #servizi h3{ color:#333; margin:0px 0 0em 0; padding:0; font-size:15px; font-weight:bold; line-height:1.2em; width:auto}
#servizi.home h3 a, #article #servizi h3 a{ color:#333}
#servizi.home h3{ display:none}

#servizi h3, #servizi h3{ color:#333; margin:0px 0 0em 0; padding:0; font-size:15px; font-weight:bold; line-height:1.2em; width:auto}
#servizi h3 a, #servizi h3 a{ color:#333}

#servizi ul{ margin:2em 0 0 0; padding:0 0 2em 0; background:none;}
#servizi li{ background:none; margin:0 0 1em 0; padding:1em 0 1em 0; border-bottom:1px solid #fff;
 min-width:20%;}
#servizi li:nth-child(5n+1){ clear:both } 
#servizi li:last-child{ margin:0}
#article #servizi h2{ margin:3em 0 0 0}
#servizi li figure{ height: 120px}
#servizi h3{ margin:0 0 0 0px; padding:0; font-size:1.5em; text-align:center; font-weight:bold}
#article #servizi p, #servizi p{ margin:0 0 0 0px; padding:0.5em 1em; font-size:1em; line-height:1.2em; text-align:center}
#servizi p.carica{ font-size:1em; color:#888169}
#servizi p.mail{}
#servizi img figure{ overflow:hidden}
#servizi img{ box-sizing:border-box; border:0; margin:0 auto 5px auto; max-width:200px; width:auto; max-height:90px;  display:block; float:none}
#servizi.home img{ width:auto }
#servizi h3{ display: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{}
#lavori ul{ list-style:none; margin:0; padding:0; text-align:left; vertical-align:top}
#article #lavori ul{ text-align:left}
#lavori li{ overflow:hidden; width:29em; height:17em; display:inline-block; background:none; padding:0; margin:0 1em 1em 0; 
position:relative; cursor:pointer; vertical-align:top}
#lavori li:last-child{ margin:0}
#lavori img{ 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(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  
}  
#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:#3b769b}
#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}

.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; background:#2360a7; 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}
#news h1{color:#2E3F90; margin:0; padding:10px;display:block; text-align:left; font-size:2.3em; font-weight:bold; line-height:1.8em}
a.allnews{ display:block; position:absolute; top:-1em; right:0em; line-height:1em;  background:#e9eff7;color:#2E3F90; padding:1em 1.5em;text-transform:uppercase; font-size:1.1em  }
a.allnews:hover{color:#2E3F90; background: #333; color:#FFF}

#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;  background: #e9eff7; margin:0 0px 50px 50px;
position:relative; padding:2em 2em 2em 2em;  }
#box-pp figure{ margin-left: -30px}
#box-pp img{ border:0; float:left; margin:0 3em 0 0; width:20em; width: auto; height:20em; }
/*#box-pp img{ border:0; float:none; margin:0 0em 0 0; width:100%; border-radius:0; height:auto}*/

#box-pp header h2{ color:#2E3F90; margin:0em 0 0.5em 0; padding:0.5em 0 0 0; font-size:2.8em; font-weight:800; line-height:1em; overflow:hidden; }
#box-pp h2 a{ color:#2E3F90;}
#box-pp h2 a:hover{ color:#333;}
#box-pp p{ margin:0; padding:0; font-size:1.5em; overflow:hidden; color:#4c4c4c}
#box-pp article:after{ content: ''; display: block; height: 1px; clear: both}
#box-pp p.autore{ margin:0 0 0.2em 0; padding:0; font-size:1.3em; color:#2E3F90}
#box-pp p a{ color:#2E3F90;}
#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 #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; height:15em; border-radius:3px;}
#lista-news #box-pp h2{ color:#3b769b; margin:0 0 0.1em 0; padding:0; font-size:2.8em; font-weight:800; line-height:1em}
#lista-news #box-pp h2 a{ color:#3b769b;}
#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:#3b769b;}
#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:#e9eff7; border-radius:3px; padding:0 0.4em}

.box-news{ background:transparent; display:block; margin:0 0px 0 0;
position:relative; padding:2em 2em 2.5em 2em; height:41em; box-sizing: border-box; overflow:hidden; float:left; width:50%; box-sizing:border-box; text-align: left; border-left: 1px dotted #e9eff7}
/*.box-news img{ border:0; float:left; margin:0 1em 0 0; width:10em; border-radius:3px}*/
.wide .box-news{ width:33.3%}
.box-news article{ max-width:400px; margin:0 auto}
.box-news figure{ overflow:hidden; width:100%; margin:0; padding:0}
.box-news figure a{ display:block}
.box-news  img{ border:0; float:none; display:inline-block; margin:0 auto 1em auto; width: auto; max-width: 250px;}

.box-news header h2{ color:#2E3F90; margin:0 0 0.5em 0; padding:0; font-size:2.3em; font-weight:800; line-height:1.1em; }
.box-news h2 a{ color:#2E3F90;}
.box-news h2 a:hover{ color:#333;}
.box-news p{ margin:0; padding:0; font-size:1.4em; color:#4c4c4c;  font-weight: 400}
.box-news p.autore{ margin:0 0 0.2em 0; padding:0; font-size:1.2em; color:#7986c3}
.box-news p a{ color:#3b769b;}
.box-news p a:hover{ color:#139ed5;} 

#box-pp  h2, .box-news  h2{ font-size: 1.4em; color: #333}
.box-news  h2{ }

.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; 
text-transform:uppercase; color:#2E3F90; text-shadow:0px 0px #FFF; display:block; text-align:left; 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; 
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, #box-careers .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; 
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:-2em; left:1.5em; width:27em; width: auto; max-width: 500px; min-width:260px; height:6em;
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; 
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; height:180px; 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 .day{ float:left; margin:5px 10px 0 0}

.day{ width:5.9em; z-index:5; text-align:center; padding-bottom:0.2em; background:#2E3F90;  }
.day .number{ font-size:2.2em; color:#dbc03a; color: #fff; color: #fbb3ac; font-weight:800}
.day .month{ font-size:1em; color:#fff; text-transform:uppercase; padding:0.1em 0}
.day .year{ font-size:1.1em; color:#8796a5;padding:0.1em 0}

#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;  z-index:100}
#box-portfolio h1{ color:#2E3F90; margin:0; padding:0 0 0.5em 0; display:block; text-align:left; font-size:1.4em; font-weight:bold; line-height:1.1em}
#box-portfolio h2{ color:#3b769b; margin:0; padding:0.3em 0; font-size:2em; font-weight:800; line-height:1.1em; overflow:hidden;  
 }
#box-portfolio h2 a{ color:#2E3F90;}
#box-portfolio h2 a:hover{ color:#333;}
#box-portfolio p{ overflow: hidden; margin:0; padding:0; clear:none; font-size:1.5em; color:#4c4c4c; line-height:1.4em}
.bg-portfolio{background:#fff; padding:0.5em 1.5em 1em 1.5em; margin-bottom:20px}
a.allworks{ display:block; position:absolute; top:-0.6em; right:1em; line-height:2.5em; height:2.5em; background:#e9eff7;;color:#2E3F90; padding:0 2em;text-transform:uppercase; font-size:1em  }
a.allworks:hover{color:#333; background: #333; 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:40px; 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, #box-careers{ position:relative; padding:1.2em 1em;  background:#e9eff7; border-bottom:5px solid rgba(0,0,0,0.05)}
#box-info label a, #box-info legend a, #box-careers label a, #box-careers legend a{color:#2360a7; color:#fff}
#col-dx #box-info, #col-dx #box-careers{ min-width:30.6em}
#box-info h2, #box-careers h2{text-shadow:1px 1px #fff;  color:#3b769b; margin:0; padding:0.5em 0; font-size:2em; font-weight:normal; line-height:1.1em}
#box-info p, #box-careers p{  margin:0; padding:0 0 1.5em 0; font-size:1.4em; color:#4c4c4c; line-height:1.4em; text-align:center}
#box-info .mail, #box-careers .mail{ float:left; margin:0 0.5em 0 0}
#box-info .categoria-sml-blu, #box-careers .categoria-sml-blu{ top:-1.3em; left:1em}
#box-info h1, #box-careers h1{ margin:0; padding:0 0 0.2em 0; display:block; text-align:center; font-size:2.8em; font-weight:100; color:#fff; text-transform:none}
#box-info label, #box-careers label{  float:left; width:50%; display:block; font-size:1.3em; text-transform:none;color:#ccc; margin:0 0em 0.5em 0; padding:0 0.9em 0 0; box-sizing:border-box}
#box-info label.long, #box-careers label.long{ width:100%; padding:0 1.8em 0 0}
#box-info legend, #box-careers legend{margin:0 0 1em 0em;color:#ccc;font-size:1.3em; }
#box-info form, #box-careers form{ margin:0 auto; width:1000px; padding:1em 0 1em 0;}
#box-info .pul, #box-careers .pul{ margin:0 0 0 0px;}
.campo{ background:#e1e1e1; color:#333; font-size:1.4em; display:block; padding:0.5em 0; border:0;  border-radius:0px; text-indent:20px}
#box-info .campo, #box-careers .campo{ width:100%;}
#box-info textarea, #box-careers textarea{ width:100%; height:7em;font-size:1.3em; display:block; padding:3px 0.4em; border:0; border-radius:3px}
#box-info ul, #box-careers ul{ margin:0; padding:0px 0 1em 0; list-style:none}
#box-info li, #box-careers 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, #box-careers li a{ color:#760d21; text-decoration:none}
#box-info li a:hover, #box-careers li a:hover{ background:#faf7de}
#box-info .combo-medio, #box-careers .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-info .pul a{ background:#FFF; color:#000}
#box-info .pul a:hover{color:#2360a7;}

#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:#768c99}
#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:#3b769b; margin:0; padding:0; font-size:35px; font-weight:normal}
#box-mdm h1 a{ color:#3b769b;}
#box-mdm h1 a:hover{ color:#139ed5;}
#box-mdm p{ margin:0; padding:0; font-size:15px; color:#4c4c4c}
#box-mdm p a{ color:#3b769b;}
#box-mdm p a:hover{ color:#139ed5;}

.box-sml{ background:#f7f6ef url(elementi/bg-box-sml.jpg) no-repeat top right; 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 20px 30px 20px;}
#col-dx .box-sml .categoria-sml{ top:-14px; left:15px }
.box-sml img{ border:0; float:left; margin:0 10px 0 0; width:70px; border-radius:3px}
.box-sml h1{ color:#3b769b; margin:0; padding:0; font-size:22px; font-weight:normal; line-height:30px}
.box-sml h1 a{ color:#3b769b;}
.box-sml h1 a:hover{ color:#139ed5;}
.box-sml h2{ color:#3b769b; margin:0 0 0.2em 0; padding:0; font-size:18px; font-weight:normal; line-height:1.2em}
.box-sml h2 a{ color:#3b769b;}
.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}
.box-sml p a{ color:#3b769b;}
.box-sml p a:hover{ color:#139ed5;}
.box-sml .data{ text-transform:uppercase; font-size:11px; display:inline-block; background:#FFF; 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:#3b769b; margin:0; padding:0; font-size:22px; font-weight:normal; line-height:30px}
.box-sml-blu h1 a{ color:#3b769b;}
.box-sml-blu h1 a:hover{ color:#139ed5;}
.box-sml-blu h2{ color:#3b769b; margin:0; padding:0; font-size:18px; font-weight:normal; line-height:25px}
.box-sml-blu h2 a{ color:#3b769b;}
.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:#3b769b;}
.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}
.wide #article #lista-clienti ul img.xxxxxx{ float:left !important; margin:0 2em 0 0; max-width:200px}
#article #lista-clienti li.xxxxx{ background:none; padding:1em 0 0.5em 0; border-bottom:1px dashed #e9eff7; margin:0 0.5em 1em 0; overflow:hidden}
.wide #article #lista-clienti ul{}
#article #lista-clienti li{ background:none; position:relative; padding:1em 0 0.5em 0; margin:0 0em 1em 0; overflow:hidden; display:block; float:left; width:19%; text-align:center; height:20em}
.wide #article #lista-clienti ul img{ float:none !important; margin:0 0em 0 0; max-width:200px; width:90%; display:inline-block; vertical-align:middle}


#article #lista-clienti h2{ padding:0 0 0.5em 0; margin:0; width:100%; position:absolute; bottom:5px; color:#333; font-size:2em; display:none}
#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:#e9eff7; 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}

/*Per i partners*/
.docet{ clear:both; background:#eceff1; display:table; width:100%; max-width:1100px; margin:0 auto 2em auto; text-shadow:none}
.docet .cell{ display:table-cell; vertical-align:middle; padding:1em; width:50%; border-right:1px solid #fff}
#article .docet h2, .wide #article .docet h2{ font-size:1.5em; font-weight:800; margin:0; color:#2E3F90}
#article .docet h3, .wide #article .docet h3{ font-size:1.5em; font-weight:800; margin:0; color:#2E3F90}
#article .docet img, .wide #article .docet img{ width:12em; float:left !important; margin:0 1.5em 0 0}
.label-docet{ font-size:1.2em; color:#999; overflow:hidden}
#article .docet p{ margin-bottom:0.2em; font-size:1.3em}
#article .docet .menu-social-partner{}
#article .docet .menu-social-partner ul{ margin: 0; padding: 0}
#article .docet .menu-social-partner li{ background: none; padding: 0; display: inline-block}
#article .docet .menu-social-partner li a{ height: 30px; width: 30px; line-height: 30px; display: block; 
    background: #2E3F90; border-radius: 50%; color: #fff; text-align: center; font-size: 16px}
#article .docet .menu-social-partner li span{ display: none}

#disqus_thread{ margin:2em 0 0 0; border-top:1px dotted #e9eff7; 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; overflow:hidden}
#lista-news img{ border:0; float:left; margin:0 1em 0 0; width:12em; border-radius:3px}
.wide #article #lista-news  figure{ overflow:hidden; width:auto; margin:0; padding:0; float:left;}
#lista-news  figure a{ display:inline-block}
#lista-news   img, .wide #article #lista-news img{ border:0; display:block; margin:0 1.5em 0 -20px; border-radius: 0; width:auto; height:12em;}

#lista-news h1{ color:#2E3F90; margin:0; padding:0; font-size:2.2em; font-weight:normal; line-height:1.1em}
#lista-news h1 a{ color:#2E3F90;}
#lista-news h1 a:hover{ color:#333;}
#lista-news h2, .wide #article #lista-news h2{ color:#333; margin:0em 0 0.5em 0; padding:0.5em 0 0 0; font-size:28px; font-weight:800; line-height:1.1em}
#lista-news h2 a{ color:#2E3F90;}
#lista-news h2 a i{ color: #df2b19}
#lista-news h2 a:hover{ color:#333;}
#lista-news p, .wide #article #lista-news p{ margin:0; padding:0; font-size:1.5em; font-size:18px; color:#4c4c4c; line-height:1.3em;}
#lista-news p.autore, .wide #article #lista-news p.autore{ margin:0 0 0.5em 0; padding:0; font-size:1.2em; color:#4c4c4c; line-height:1.3em}
.wide #article #lista-news ul li, .wide #article #lista-news ul li ul li{ padding:0 10px 5px 22px; font-size:18px}

#lista-news p a{ color:#3b769b;}
#lista-news p a:hover{ color:#139ed5;}
#lista-news .data{ text-transform:uppercase; font-size:11px; margin:0 10px 0 0; display:inline-block; background:#e9eff7; border-radius:3px; padding:0 5px}
#lista-news .day{ float:left; font-size:11px; margin:10px 20px 20px 0; text-shadow:none}

.box-allegati{ float:right; width:50%; min-height:20em; background:#e9eff7; padding:20px; box-sizing:border-box; margin:0 0 0 20px}
.box-allegati a{ font-size:0.9em; text-shadow:none; font-weight:800}
.aprichiudiContent{ overflow:hidden}
.contentResult{ overflow:hidden}
#article #lista-news.aprichiudi li p{ margin-bottom:10px}
#article #lista-news.aprichiudi li{ margin-bottom:0}
#article #lista-news.aprichiudi li li{ margin-bottom:0; font-size:20px; color:#4c4c4c; list-style:circle;  
background:transparent url(elementi/li-lancio.png) no-repeat left 0em; padding-top:0.5em}
#article #lista-news.aprichiudi li ul{ list-style:circle; list-style-type:circle; padding-left:0.5em; margin:10px 0 20px 0}
.wide #article .risultati-title h2{ font-size:1.5em; line-height:1em; font-weight:100; margin:0 auto; max-width:1100px; overflow:hidden; padding:10px 20px; 
border-top:0px solid #e9eff7;border-bottom:0px solid #e9eff7; color:#666}
.risultati-title h2 span{ color:#333}
.risultati-title h2 span.number{ float:right; text-transform:uppercase; font-size:12px; line-height:2em}

#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{  height:auto;  margin:50px 0px 10px 0px; position:relative; text-shadow:none; overflow:hidden; }
#paging ul{margin:0 auto; padding:0; width:200px; height:30px; text-align:center}
#article #paging li{display:inline-block; float:none; margin:0 5px 0 0; padding:0; border:0; background:none}
#paging li a{display:block; font-size:12px;line-height:2em; width:2em; border-radius:50%; background:#bccbd2;  text-align:center; margin:0; padding:0; text-decoration:none; color:#fff}
#paging li.attivo a:link, #paging li.attivo a:visited{  color:#fff; background:#333;}
#paging li a:hover, #paging li a:focus{background:transparent; text-decoration:underline;color:#bccbd2;}

/*Mappa*/
#map{ max-width: 1100px; margin: 20px auto; border: 0px solid #d1dcec; overflow: hidden; background: #e0e9f7 url(elementi/bg-map.jpg) no-repeat center center; background-size: cover}
.wide #article #map ul, #map ul { padding: 0; margin: 20px 0 0 0; overflow: hidden; float: left; width: 30%}
.wide #article #map ul li, #map ul li{ margin: 0; padding: 0; background: none; float: left; width: 50%; box-sizing: border-box; font-size: 1.7em; font-family: 'PT Sans Narrow', sans-serif;}
.wide #article #map ul li a, #map ul li a{ display: block; color: #2E3F90; padding: 5px 0 5px 20px; text-align: left }
#map ul li a:hover, .wide #article #map ul li a:hover, #map ul li a.evidenza{text-decoration:underline; background-color:#CF0; background: #7faae8; color: #fff}

.europe-map{  display:block; width: 70%; max-width:800px;box-sizing: border-box; float: left; height:auto; padding:20px;position:relative; background: #eef2f9; background: rgba(277,277,277,0.6)}
.europe-map img, .europe-map #svgobject{ width:100%; height:auto; }

/*Mappa nel FORM*/
#cerca-interno.cerca-con-mappa{ height: auto; overflow: hidden; margin-bottom: 20px}
#cerca-interno.cerca-con-mappa form{ height: auto }
#cerca-interno .parola h2, .wide #article #cerca-interno .parola h2{ padding: 10px 0; margin:30px 0 10px 0; }
#cerca-interno #map{ background: #e0e9f7; margin-top: 10px }
#cerca-interno #map .europe-map{ width: 55%}
.wide #article #cerca-interno  #map ul, #cerca-interno #map ul{ width: 45%}

#footer{ clear:both;  margin:0px 0 0 0; background:#cde0e8; background:#d1dcec;padding-bottom:1em; border-top:0px solid #e1e1e1; position:relative}
.fascia{ background:transparent url(elementi/bg-partner.jpg) no-repeat center center ; background-size: cover; height:30em}
#up-footer{background:#fff; border-top:4px solid #2360a7; padding:0px 0 0 0;overflow:hidden; }
#up-footer .content{background:#fff ; background:transparent; color:#bec9d0; text-transform:uppercase; padding:0 0 0 0px; width:auto}
#up-footer .content ul.partner{  display:block;  margin:0 auto;  padding:0; text-align:center }
#up-footer .content ul.partner.grey{ margin:2em auto}
#up-footer .content ul.partner li{ display:none; display:inline-block; vertical-align:middle}
#up-footer .content ul.partner li img{ display:block; width:200px; margin:0 1em}
#up-footer .content ul.partner.grey li img{ display:block; width:120px; opacity:0.7}


#up-footer .content span{ font-size:4em; display:block; text-align:center; color:#666; text-transform:none !important; margin-top:-2em; padding:0 0 3em 0}
#up-footer .content span.workfor{ padding:100px 0 0 0; margin-top:0; font-size:2em}

#logo-footer{  height:auto;  float:none; float:left; max-width:600px; cursor:pointer;
 margin:1em 20px 1em 10px; overflow:hidden }
#logo-footer img{ width:120px; float:left; margin-right:15px}
#logo-footer p{ text-align:left; font-size:1.2em; color:#333; padding:0 20px 0 0}

#menu-footer{min-height:5em; }
#menu-footer .content{ overflow:hidden; max-width: 2200px; padding: 0 2em; box-sizing: border-box }
#menu-footer .colonna{ width:18em; width:auto; float:left;padding:2em 3.5em 2em 3em; }

#menu-footer .riga{ position:absolute; top:3em; left:21em; display:none}
#menu-footer ul{ display:block; list-style:none; margin:0; padding:0px 0 1em 0}
#menu-footer h2{ margin:0; padding:0; font-size:1.7em; font-weight:normal;  color:#FFF;}
#menu-footer h2 a{color:#8297a3;color:#2360a7;}
#menu-footer h2 a:hover{text-decoration:underline;}
#menu-footer .riga h2{ float:left; padding:0 2em 0 0}
#menu-footer h3{ margin:0; padding:0; font-size:1.5em; color:#6f818b; }
#menu-footer h3 a{ color:#6f818b; text-decoration:none; }
#menu-footer h3 a:hover{ color:#fff; text-decoration:none; }

#menu-footer .colonna h2 a{ color:#2360a7; text-decoration:none; }
#menu-footer .colonna h2 a:hover{ color:#333; text-decoration:none; }

#menu-footer li{  display:block; color:#536b78; font-size:1.3em }
#menu-footer ul li a{color:#666}
#menu-footer ul li a:hover{color:#333;}
#footer p.credits{ text-align:center; text-align:right; font-size:1.2em; padding:2em 20px 1em 0; margin:0; border-top:1px dotted rgba(277,277,277,0.1); color:#2E3F90}
#footer p.credits a{ text-transform:uppercase; color:#333; font-weight:800; letter-spacing:0.5px; font-size:0.9em }
#footer p.credits a:hover{ text-decoration:underline}
#footer a{color:#2360a7}
#footer a:hover{ color:#333; text-decoration:underline}

/* 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 ul, .wide #article .tag{ width:100%; box-sizing:border-box; max-width:1100px; margin:0 auto 1em auto}
.wide #article h1{font-weight:800;font-size: 40px;  color:#009EE0; color:#2E3F90; line-height:1.2em; padding:20px 0;
	 margin:0px auto 0px auto;  text-align:left; text-transform:uppercase; position:relative
}
.wide .tag{}
.slide{ height:40em; border-top: 0px solid #e1e1e1;  border-bottom: 0px solid #e9eff7; margin:0 0 2em 0; position:relative}
.slide.compact{ height:15em}
.slide .foto-fissa{ height:100%; width:100%; background:#edeffd;  background-repeat:no-repeat; background-size:cover;  background-position:-0px center}
.slide .foto-fissa::before { content:''; position:absolute; bottom:0; left:0; right:0; height:100%; display: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7394a3+0,000000+100&0.65+0,0+100 */
background: -moz-linear-gradient(top,  rgba(115,148,163,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(115,148,163,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(115,148,163,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a67394a3', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.foto-wide{ display:block; text-align:center; }
.wide #article figure{ display:block; width:100%; text-align:center; }
.wide #article img{ max-width:900px; margin-top:1em; max-height:none; display:inline-block; float:none !important}
.wide #article li{ margin-bottom:0.5em;  background:transparent url(elementi/li-lancio.png) no-repeat left 0.5em;}
.wide #article li p{ margin-bottom:0}
.wide #article li li{background:transparent url(elementi/li.png) no-repeat left 0.3em;}
.wide #article li ul{ padding-top: 0.5em}
.wide #article ol{ padding-top: 0.5em; list-style:decimal; list-style-position:inside}
.wide #article ol li{ background:none; padding-left:0}
.wide #article #servizi li{ background:none}

.wide #article ol {list-style: none;counter-reset: my-awesome-counter;}
.wide #article ol li {counter-increment: my-awesome-counter;}
.wide #article ol li::before {content: counter(my-awesome-counter) ". ";font-weight: bold; float:left; font-size:1.5em; margin-right:5px;}

/* SEZIONE BOX */
.title-section{ font-size:15px; text-transform:uppercase; font-weight:800; color:#ccc; padding:20px 0 10px 0; margin:50px 0 10px 0; border-top:1px solid #e9eff7; text-align:center; line-height:1.1em; letter-spacing:0.5px; position:relative}
.title-section:before { content:''; display:none; width:100px; height:5px; position:absolute; bottom:-10px; left:50%; margin-left:-50px; background:#e1e1e1; z-index:2}

.box article{ display:table; width:100%; max-width:900px; margin:0 auto}
.box article .foto-container{ display:table-cell; width:190px; vertical-align:middle; padding:40px 20px 20px 40px}
.box article .foto-container figure{ width:150px; height:150px; border-radius:50%; background:#e9eff7}
.box article .foto-container img{ max-width:100%;}
.box article .text-container{display:table-cell; vertical-align:middle; padding:20px 10px}
.box article .text-container.right{ text-align:right}
.text-container h1{ font-size:18px; line-height:1.3em; letter-spacing:0.5px; font-weight:600; color:#00a36f; padding:10px 0}
.text-container p{ font-size:17px; line-height:1.3em; letter-spacing:0.5px; font-weight:100; color:#999; padding:0 0 10px 0}

.box.aderisci{ margin:20px 0 0 0}
.box.aderisci article{ text-align:center; padding:30px 0}
.box.aderisci .text-container h1{ font-size:24px; line-height:1.3em; letter-spacing:0.5px; font-weight:600; color:#fff; padding:10px 0}
.box.aderisci .text-container p{ font-size:20px; line-height:1.3em; letter-spacing:0.5px; font-weight:100; color:#333; padding:0 0 10px 0}

/*BOX CV*/
#box-cv{ position:relative; padding:10px 20px;  background:#e9eff7; box-sizing:border-box; max-width:1100px; margin:50px auto 0 auto}
#box-cv .content{ background:none;  box-sizing:border-box;  width:100% !important; }
#box-cv label a, #box-cv legend a{color:#009ee0; color:#000; text-decoration:underline}
#box-cv h2{text-shadow:1px 1px #fff;  color:#000; margin:0; padding:0.5em 0; font-size:2em; font-weight:normal; line-height:1.1em}
#box-cv p, #box-careers 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-cv .mail{ float:left; margin:0 0.5em 0 0}
#box-cv .categoria-sml-blu{ top:-1.3em; left:1em}
#box-cv h1{ margin:0; padding:0 0 0.2em 0; display:block; text-align:center; font-size:2em; font-weight:100; color:#999; text-transform:none}
#box-cv label{  float:left; width:50%; display:block; font-size:1em; text-transform:none;color:#000; margin:0 0em 0.5em 0; padding:0 0.9em 0 0; box-sizing:border-box}
#box-cv label.long{ width:100%; padding:0 1.8em 0 0}
#box-cv legend{margin:0 0 1em 0em;color:#999;font-size:1em; padding:1.5em 0 0 0 }
#box-cv form{ margin:0 auto; width:100%; padding:1em 0 1em 0;}
#box-cv .pul{ margin:0 0 0 0px;}
#box-cv .campo{ width:100%; font-size:1.4em; background: #fff}
#box-cv textarea{ width:100%; height:4em;font-size:1.3em; background:#fff; display:block; padding:3px 0.4em; border:0;}
#box-cv ul{ margin:0; padding:0px 0 1em 0; list-style:none}
#box-cv li{ line-height:1.8em; height:1.8em; padding:0 0 0 1em; font-size:1.5em; border-bottom:1px dashed #e5e5e5;}
#box-cv li a{ color:#760d21; text-decoration:none}
#box-cv li a:hover{ background:#faf7de}
#box-cv .combo-medio{ width:20em;}

#box-cv .pul{  padding:15px 0 10px 0; text-align:center }
#box-cv .pul a{ display:inline-block; padding:0.9em 1.2em; font-weight:100; text-transform:uppercase; letter-spacing:0.9px; 
color:#fff; background:#df2b19;  border:0px solid #fff; border-radius:0px; font-size:12px; 
border-bottom:3px solid rgba(0,0,0,0.1);}
#box-cv .pul a:hover{ color:#FFF;  text-decoration:none; background:#333 }

/* 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:#e9eff7}
#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 #e9eff7, 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;}

/*allegati nel fancy*/
.wide #article .allegati{ width:900px; margin:2.5em auto}
#extraArticle .allegati, #article .allegati{ margin-top:1em;  padding:0 0 1em 0;}
#extraArticle .allegati h2, #article  .allegati h2{ margin:0 !important  }
#extraArticle .allegati .file-name, #article  .allegati .file-name{ font-size:1em; font-weight:600; line-height:1.1em}
#extraArticle .allegati .file-kb, #article  .allegati .file-kb{ font-size:0.8em; line-height:1.1em}
#extraArticle .allegati ul, #article  .allegati ul{ list-style:none; margin:0.6em 0 0 0 !important; padding:0; border-top:2px solid #e9eff7; }
#extraArticle .allegati li, #article  .allegati li{   border-bottom:2px solid #e9eff7; padding:0.5em 0; overflow:hidden; background:none !important}
#article  .allegati li{  font-size:1.2em !important; padding-left:0; margin-bottom:0 !important}
#extraArticle .allegati li a, #article  .allegati li a{ display:block; overflow:hidden; padding:7px 0px;}
#extraArticle .allegati li a:hover, #article  .allegati li a:hover{ background:#fff; padding-left:5px; }
#extraArticle .allegati li a i, #article  .allegati li a i{ float:left; display:block; font-size:2em; margin-right:10px; color:#00a36f }

/*FANCYBOX*/
.popUp #content.wide, .popUp #content{ padding-bottom: 40px}
.popUp .testata{ height:100px}
/*STILI PER FANCYBOX*/
#head-fancybox{ height:3em; width:100%; border-bottom:0px solid #e1e1e1; position:fixed; box-shadow:none; background:#fff; background:none;  top:0; left:0; z-index:200}
.pul-closeFancybox{ position:absolute; top:0; right:0px}
.pul-closeFancybox a{ padding:0 20px; display:block; background:#fff; height:3em; line-height:3em; font-size:12px; color:#333; text-transform:uppercase; letter-spacing:1px; border: 5px solid #d1dcec}
.pul-closeFancybox a:hover{ text-decoration:none }
.pul-closeFancybox a i{ color:#2e3f91; font-size:1.6em}

.pulFancybox{ position:absolute; bottom:0; left:0; width:100%; padding-bottom:15px}
.pulFancybox a{ min-width:60%}

#container.popUp { position:relative; padding-top:3em; background:#effaf8; box-sizing:border-box}
#container.popUp #head{ position:absolute; height:3em; background:#fff}

/*testata*/
.testata{ height:24.5em; background:#e0e9f7; background:none; position:relative}
.testata .foto-fissa{ position:absolute; top:0; left:0; right:0; bottom:0; background-color:#ccc; background-repeat:no-repeat; background-position:50% 50%; background-size:cover}
.testata .title-testata{ position:absolute; bottom:20px; font-size:20px; color:#fff; font-weight:600; letter-spacing:0.4px; box-sizing:border-box; 
z-index:10; width:100%; text-align:left; }
.testata .title-testata .content{padding-left:20px; font-size: 30px}

/* Super wide Layout: 1400px */
@media only screen and (min-width: 1400px) {
    #back{ width:370px; height:150px}
}
/* Tablet Layout: 900px */
@media only screen and (max-width: 1200px) {
 ul.topnav li a { font-size: 15px !important}
}

/* 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:6em; font-size:9px;  background:#e6eafb; border-bottom:0}
#header #back{ height:100%; width:150px; top:0; left: 0; 
background:#fff url(elementi/logo.svg) no-repeat center left; background-size:contain;}
#menu-up{ display:none}
#container.compact{ margin:0}
#container #header #menu-up{}
#container #header ul.topnav{ padding:0; position:absolute; top:1em; right:30px}
#container #header .menu-social{ display:none}
#container #header #back, #container.compact #header #back{ height:80px; width:180px; top: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}
.wide .box-news{ float:left}
#box-info form, #box-careers form{ margin:0 auto; width:100%; padding:1em 1em 0 1em; box-sizing:border-box}

/*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 0.5em auto}
.wide #article h1{  margin:0 auto 0.5em auto}
.wide #article{ margin:0; padding:0 2em}
.wide #path{ margin:0; padding:0 2.1em}
.wide #article ul{ width:auto}
.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.compact{ height:7em}
.slide.compact .foto-fissa{ background-position:center}
.slide .foto-fissa{ height:100%; width:100%; background-size: 100%; background-position:bottom}
.wide #article img{width:100%}
.wide #article #servizi img{width:80%; max-width:150px}
#servizi li {min-width: 30%;}
#article p iframe{ width:100%}
/*Stili per footer*/
#menu-footer{ min-height:0}
.credits{ margin-bottom:48px !important}
#footer p.credits{ text-align:left; padding-left:20px}
#menu-footer .riga, #menu-footer .colonna{ display:none}
#logo-footer{ background-size:contain; float:none;}
#up-footer{ }
    #footer .menu-social ul{ text-align: center }
/*Stili per coda slider*/
}

/* Tablet Layout: 768px */
@media only screen and (max-width: 790px) {
	body{ font-size:9px}
	#main{ display:block}
	
	#col-sx{ display:block; width:100%; padding:4em 0 0 0}
	#col-dx{ display:block; width:94%; padding:5% 3%; border-top:1px solid #e9eff7}
	
	/*Stili per home*/
	#box-info, #box-careers, #box-chat{background-image:none }
	a.allnews{ right:2em}
	a.allworks{ display:inline-block;}
	#news{ padding:5em 2em 0 2em}
	#box-pp{}
	#box-pp img{ float:none; display:inline-block}
	#box-pp figure{ text-align:center; overflow:hidden; padding-bottom:10px}
	#box-pp h2, #box-pp p{ text-align:center}
	#box-pp h2{ font-size:2.5em}
	#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}
	
	.title-section{ margin-top:20px}
	
	/*partenrs*/
	.docet{ display:block}
	.docet .cell{ display:block; width:100%; padding:20px; }
	.docet .cell:first-child{border-bottom:2px dotted #fff}
	
    /*Map*/
    .wide #article #map ul li, #map ul li{ width: 100%}
    .wide #article #map ul, #map ul, .wide #article #cerca-interno  #map ul, #cerca-interno #map ul{ width: 100%}
    .wide #article #map ul li a, #map ul li a{ padding: 5px 20px; text-align: center}
    .europe-map, #cerca-interno #map .europe-map{ width: 100% !important}
        
	#servizi.home li, #article #servizi li{ width:46%; padding:0 2%; text-align:center }
	#servizi ul{ margin:2em 0 0 0; padding:0; background:none; font-size:13px}
    #servizi li {min-width: 50%;}

	/*Stili per pag interne*/
	#path{ display:none}
#article p iframe{ width:90%}
.slide{ height:20em;}
.wide #article{ font-size:10px}
#article #lista-clienti li{ width:29%; text-align:center; height:20em}
.wide #article #lista-clienti ul img{ float:none !important; margin:0 0em 0 0; max-width:200px; width:90%; display:inline-block; vertical-align:middle}


}

/* Tablet Layout: 550px */
@media only screen and (max-width: 550px) {
	/*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}
    #box-pp figure{ margin-left: 0}
    #box-pp img{ width: 100%;  height: auto; margin-left: 0; display: block}
/*Stili per pag interne*/
#servizi.home li, #article #servizi li, #servizi li{ min-width:100%; padding:0 2% 2% 2%; text-align:center }
#servizi li:nth-child(2n+1){ clear:both }

.wide .box-news{ float:none; width:100%}
    /*Map*/
    .wide #article #map ul li, #map ul li{ width: 100%; font-size: 18px}
    .europe-map{ display: none}

.box-allegati{ float:right; width:100%; margin:0 0 20px 0}
.contentResult{ overflow:hidden; float:left}
    .foto-article{ max-width: 100%; margin-left: 0}

.box article{ display:block;}
.box article .foto-container{ display:block; width:auto; padding:10px; text-align:center; display:none}
.box article .foto-container figure{ display:inline-block; width:150px; height:150px; border-radius:50%; background:#e9eff7;}
.box article .foto-container img{ max-width:100%;}
.box article .text-container{display:block; vertical-align:middle; padding:10px 10px; text-align:center}
.box article .text-container.right{ text-align:center}
.text-container h1{ font-size:17px;}
.text-container p{ font-size:14px;}


}