@charset "UTF-8";

html{ height:100%}
body{ background:#fff; margin:0; padding:0;font-family: 'Titillium Web', sans-serif; height:100%;}
a{ text-decoration:none; color:#000}
a:hover{ text-decoration:underline}
figure{ margin:0; padding:0}
ul{ margin:0; padding:0; list-style:none}
h1, h2, h3, h4, p{ margin:0; padding:0; color:#000; line-height:1.1em}
p{ line-height:1.1em}

#header{ height:170px; background:#f5f5f5; background:#fff; position:relative; }
#header .contenitore{ height:180px;border-left:10px solid #FFF;  border-right:10px solid #FFF}
#header h1, #header h2, #header h3{ display:none}

#lang{ position:absolute; top:0; left:0; z-index:1200}
#lang li{ float:left}
#lang a{ padding:0 10px 0 0; color:#4888a9; text-transform:uppercase; display:block}
#lang li.attivo a{ font-weight:bold}

#menu-up{ width:100%; border-bottom:1px solid #ababab; position:absolute; left:0; bottom:20px; font-size:18px; font-weight:bold}
#menu-up li{ float:left}
#menu-up li a{color:#4888a9; display:block; padding:0 27px; height:25px; line-height:25px; background:#eeedeb}
#menu-up li a:hover{ background:#FFF; text-decoration:none}
#menu-up li.latest a{ background:#e3eaed; color:#1ba3e6; text-transform:uppercase; font-size:16px; font-weight:normal; padding:0 20px}
#menu-up li.latest a span{ font-size:24px; font-weight:bold; display:inline-block; background:transparent url(elementi/bg-span-latest.png) no-repeat top right; padding:0 12px 0 0}
	
.menu-social{position:absolute; bottom:60px; right:0}
footer .menu-social{ position:relative; bottom:auto; right:auto; z-index:200; display:none}
.menu-social span{ display:none;}
.menu-social li.social{ width:25px; height:26px; margin:0 0 0 5px; float:right}
.menu-social li.facebook{ background:transparent url(elementi/li-menu-social-facebook.png) no-repeat}
.menu-social li.twitter{ background:transparent url(elementi/li-menu-social-twitter.png) no-repeat}
.menu-social li.google{ background:transparent url(elementi/li-menu-social-google.png) no-repeat}
.menu-social li.youtube{ background:transparent url(elementi/li-menu-social-youtube.png) no-repeat}
.menu-social li.linkedin{ background:transparent url(elementi/li-menu-social-linkedin.png) no-repeat}
.menu-social li.newsletter{ background:transparent url(elementi/li-menu-social-newsletter.png) no-repeat}
.menu-social li.instagram{ background:transparent url(elementi/li-menu-social-instagram.png) no-repeat}
.menu-social li.social a, #footer .menu-social li.social a{ width:25px; height:25px; display:block; padding:0; background:none}


#back{ position:absolute; top:8px; left:50%; margin-left:-108px; width:217px; height:131px; z-index:100; background:transparent url(elementi/logo.png) no-repeat; cursor:pointer;}
#back h1, #back h2 { display:none}


#ricerca{ position:absolute; z-index:6; top:0px; right:0px; }
#ricerca form{ margin:0; padding:0; position:relative; padding:0;}
#ricerca input{}
#ricerca .campo{ border:0; line-height:25px; height:25px; width:150px; font-size:14px; margin:0px; padding:0 40px 0 10px; background:#f5f5f5;font-family: 'Titillium Web', sans-serif;}

.contenitore{ width:1000px; margin:0px auto; position:relative;}

.clearer{ clear:both}

#carousel{ background-color:#f5f1d8;}
#carousel .contenitore{overflow:hidden}
#carousel .categoria{ font-weight:bold; font-size:16px; padding:0 0 0 40px; margin:15px 0 0 500px; height:30px; line-height:30px; 
background:transparent url(elementi/bg-categoria-big.png) no-repeat; color:#ababab; text-transform:uppercase}
#carousel .categoria a{color:#ababab;}

#carousel h1{ font-weight:bold; font-size:28px; margin:0 0 0 540px; font-family: 'Roboto Slab', serif;}
#carousel p{ font-size:16px; margin:0 0 0 540px}
#carousel img{width:486px; height:273px; margin:-15px 0 0 0}
#carousel .data{ color:#000; font-size:13px; margin:15px 0 0 540px}
#carousel .menu-article { position:absolute; top:240px; left:540px}
#carousel .menu-article a{ color:#FFF}
#carousel .menu-article li.video a{ background:transparent url(elementi/li-menu-article-video-w.png) no-repeat }
#carousel .menu-article li.gallery a{ background:transparent url(elementi/li-menu-article-gallery-w.png) no-repeat }

#carousel #lancio-speciali{ background:transparent url(elementi/bg-speciali.png); margin:10px 0 0 0}
#carousel #lancio-speciali .categoria{font-weight:bold; font-size:13px; padding:0 10px 0 25px; border-right:1px solid #FFF; margin:5px 5px 5px 5px; height:60px; line-height:20px; 
background:transparent url(elementi/bg-categoria-sml.png) no-repeat; color:#127199; text-transform:uppercase; float:left}
#carousel #lancio-speciali h1{ margin:0; font-size:12px; padding:3px 0 0 0}
#carousel #lancio-speciali h2{ margin:0; font-size:13px; font-weight:normal}
#carousel #lancio-speciali .header{ height:60px; margin:5px 0; width:400px; overflow:hidden; float:left}
#carousel #lancio-speciali p{ height:60px; margin:5px 0 5px 5px; padding:1.1em 0 0 0; width:400px; overflow:hidden; font-size:13px; float:left;  border-right:1px solid #FFF;}
#carousel #lancio-speciali a.all{ position:absolute; top:8px; right:0px; width:80px;color:#127199; text-transform:uppercase; font-size:12px; line-height:1.1em}

#carousel #lancio-speciali.heli-expo{ background:transparent url(elementi/bg-speciali-heli.png);}
#carousel #lancio-speciali.heli-expo .categoria{ display:none}
#carousel #lancio-speciali.heli-expo .contenitore{ width:850px; padding-left:150px; background:transparent /*url(elementi/heli-logo.png)*/ no-repeat left 5px}
#carousel #lancio-speciali.heli-expo .header{width:370px}
#carousel #lancio-speciali.heli-expo p{width:385px}

#carousel.speciale h1{ font-weight:bold; font-size:32px; margin:0 400px 0 10px; padding:15px 0 30px 0}
#carousel.speciale h2{ font-weight:bold; font-size:20px; margin:0 650px 5px 10px;}

#carousel.speciale p{ font-size:16px; margin:0 650px 0 10px; padding-bottom:1em}
#carousel.speciale img{width:645px; height:333px; float:right; margin:0px 0 0 0}
#carousel.speciale .data{ color:#ababab; font-size:12px; margin:15px 650px 0 10px; padding:10px 0 0 0}
#carousel.speciale .box-article{ background:#FFF; padding:0}
#carousel.speciale .categoria-speciale{font-weight:bold; font-size:13px; padding:0 10px 0 25px; height:20px; line-height:20px; 
background:transparent url(elementi/bg-categoria-sml.png) no-repeat; color:#127199; text-transform:uppercase; position:absolute; top:15px; right:0}

.col-special .box-video{ width:300px; overflow:hidden; height:350px; display:block; float:left; margin:10px 50px 10px 0px; padding-top:15px}
.col-special  .last{margin:10px 0px 10px 0;}
/*REGOLE GENERALI PER BOX ARTICLE */
.box-article{ padding:10px 0 0 0;}
.box-article img{ float:left; border:0}
.box-article h1{font-weight:bold;}
.box-article .categoria{ font-weight:bold;color:#ababab; text-transform:uppercase; border:0; font-size:13px;  line-height:1.1em; height:auto}
.box-article .categoria a{color:#ababab;}
.data{ font-weight:bold; text-transform:uppercase}

/*REGOLE GENERALI PER MENU ARTICLE */
.menu-article{}
.menu-article li{ float:left; margin:0 10px 0 0}
.menu-article a{ display:inline-block; padding:0 0 0 20px; line-height:20px; height:20px; font-size:10px; text-transform:uppercase; color:#ababab}
.menu-article a:hover{ text-decoration:underline}
.menu-article li.video a{ background:transparent url(elementi/li-menu-article-video.png) no-repeat }
.menu-article li.gallery a{ background:transparent url(elementi/li-menu-article-gallery.png) no-repeat }
.menu-article li.magazine a{ background:transparent url(elementi/li-menu-article-magazine.png) no-repeat }

#content{ width:1000px; margin:0 auto; display:block; position:relative; background:#fff }
#content .contenitore{ display:table; table-layout:fixed;}
#content .col-divide-white{ display:table-cell; vertical-align:top; position:relative; width:35px; background:#FFF}
#content .col-divide{ display:table-cell; vertical-align:top; position:relative; width:35px; background:#FFF url(elementi/bg-col-divide2.png) repeat-y top center}
#content .col-divide span{ display:block; background:#fff; width:100%; height:40px}
#content .col1{ display:table-cell; vertical-align:top; position:relative; width:480px}
#content .col2{ display:table-cell; vertical-align:top; position:relative; width:300px}
#content .col3{ display:table-cell; vertical-align:top; position:relative; width:150px}
#content .col-gal{ display:table-cell; vertical-align:top; position:relative; width:1000px; width:100%;}
#content .col-special{ display:table-cell; vertical-align:top; position:relative; width:1000px}
.colonna{ padding:10px 0 0 0}
.colonna .categoria-big{ font-weight:bold; font-size:16px; padding:0 0 0 30px; margin:0px 0 0 10px; height:35px; line-height:30px; 
background:transparent url(elementi/bg-categoria-grey.png) no-repeat; color:#ababab; text-transform:uppercase; border-bottom:1px solid #ababab}
.colonna .box-twitter  .categoria-big{ margin:0 0 10px 0}

.colonna .categoria-bang{ font-weight:bold; font-size:16px; padding:0 0 0 10px; margin:0px; height:35px; line-height:30px; 
background:transparent; color:#ababab; text-transform:uppercase; position:absolute; top:0px; left:680px}

.col-gal .categoria-big{ font-weight:bold; font-size:16px; padding:0 0 0 30px; margin:0px; height:35px; line-height:30px; 
background:transparent url(elementi/bg-categoria-gallery.png) no-repeat; color:#0c4d6b; text-transform:uppercase; border-bottom:0}

.box-dida{ position:absolute; top:120px; left:690px; width:300px}
.didascalia{ position:absolute; top:250px; left:690px; width:300px; font-size:14px; color:#ababab}
.didascalia span{ font-weight:bold; display:block}
.torna{ font-size:12px; text-transform:uppercase; color:#4888a9}

#content .col-gal #article{ width:670px}
#article img.big{ width:670px; max-width:670px}
#content .col-gal #article h2{ font-weight:bold}
#content .col-gal #article h1{ padding-bottom:0; height:57px; overflow:hidden}
#content .col-gal .data{ padding:0em 0 0.2em 0}
#thumb{}
#thumb ul{}
#thumb li{ float:left; margin:0 10px 10px 0}
#thumb img{ border:0; height:80px; width:80px}

#article figure{ position:relative}
#article figure .next{ display:block; width:50%; height:90%;  position:absolute; top:0; right:0}
#article figure .next a{ height:100%; width:100%; display:block;}
#article figure .next a:hover{background:transparent url(elementi/gal-next.png) no-repeat right 50%;}
#article figure .next span{ display:none}
#article figure .prev{ display:block; width:50%; height:90%;  position:absolute; top:0; left:0}
#article figure .prev a{ height:100%; width:100%; display:block;}
#article figure .prev a:hover{background:transparent url(elementi/gal-prev.png) no-repeat left 50%;}
#article figure .prev span{ display:none}

#article .pul-magazine{ text-align:center; clear:both; margin:0 0 20px 0}
#article .pul-magazine a{ display:inline-block; font-size:15px; color:#fff; background:#127199; text-align:center; text-transform:uppercase; padding:5px 20px}
#article .pul-magazine a:hover{ background:#333; text-decoration:none}

.col1 .sml:last-child{ border:0}
.pp { border-bottom:1px solid #e6e6e6; padding:15px 0 35px 0; position:relative}
.pp h1{ font-size:18px; margin:0 0 0 160px; padding:0 0 0.5em 0; font-family: 'Roboto Slab', serif;}
.pp .categoria{ margin:0 0 0 160px}
.pp p{ font-size:15px; margin:0 0 0 160px; color:#ababab; color:#999}
.pp img{ margin:0px 0 0 0; border:0; width:150px; height:150px}
.pp .data{ font-size:11px; color:#ababab; margin:0 0 0 160px}
.pp .menu-article { position:absolute; bottom:10px; left:5px}
.pp .menu-article a{ color:#ababab}
.pp .menu-article li.video a{ background:transparent url(elementi/li-menu-article-video.png) no-repeat }
.pp .menu-article li.gallery a{ background:transparent url(elementi/li-menu-article-gallery.png) no-repeat }

.sml { border-bottom:1px solid #e6e6e6; padding:15px 0 15px 0; position:relative}
.sml h1{ font-size:14px; margin:0 0 0 160px; padding:0 0 0.5em 0; font-family: 'Roboto Slab', serif;}
.sml .categoria{ margin:0 0 0 160px}
.sml p{ font-size:15px; margin:0 0 0 160px; color:#ababab; color:#999}
.sml img{ margin:0px 0 0 0; border:0; width:150px;}
.sml .data{ font-size:10px; color:#ababab; margin:0 0 0 160px}
.sml .menu-article { position:relative; margin:0 0 0 160px}
.sml .menu-article a{ color:#ababab}
.sml .menu-article li.video a{ background:transparent url(elementi/li-menu-article-video.png) no-repeat }
.sml .menu-article li.gallery a{ background:transparent url(elementi/li-menu-article-gallery.png) no-repeat }

.box-trend{ padding:0px 0 0 0}
.box-trend h2{ font-size:14px; font-style:italic; color:#ababab; border-bottom:0px solid #e6e6e6; font-weight:200; padding:15px 0 3px 0}
.box-trend h2 a{color:#ababab; text-decoration:underline}
.box-trend h2.fine{border-top:1px solid #e6e6e6;padding:10px 0 3px 0; margin:10px 0 0 0}
.box-trend li{ font-size:13px; line-height:1.1em; padding:1em 0 0 0; font-family: 'Roboto Slab', serif;}
.box-trend li a{ }

.box-video { border-bottom:1px solid #e6e6e6; padding:0px 0 15px 0; position:relative; background:#eeeeec; margin:15px 0 0 0}
.box-video .wrap-video{ overflow:hidden}
.box-video h1{ font-size:14px; margin:0px 15px 0 15px; padding:0 0 0.5em 0; font-family: 'Roboto Slab', serif;}
.box-video .categoria{ margin:0px 15px 0 15px}
.box-video p{ font-size:13px; margin:0 15px 0 15px; color:#ababab}
.box-video figure{ position:relative; padding:0; margin:0; display:block; }
.box-video figure a{ display:block}
.box-video img{ margin:0px 0 15px 0; border:0; width:300px; height:175px; float:none}
.box-video .data{ font-size:10px; color:#ababab; margin:0 0 0 15px}
.box-video .play{ top:50%; left:50%; margin-top:-50px; margin-left:-40px;position:absolute;}
.box-video .all{ height:25px;  text-align:right; padding:0 10px 0 0}
.box-video .all{line-height:25px; font-size:12px; }
.play a{ display:block; width:80px; height:80px; color:#ababab; background:transparent url(elementi/play.png) no-repeat;}
.play a span{ display:none;}

.box-magazine { border-bottom:1px solid #e6e6e6; padding:0px 0 15px 0; position:relative; background:#fff; margin:15px 0 15px 0}
.box-magazine .wrap-video{ overflow:hidden}
.box-magazine h1{ font-size:14px; margin:0px 15px 0 15px; padding:0 0 0.5em 0; font-family: 'Roboto Slab', serif;}
.box-magazine .categoria{ margin:0px 15px 0 15px}
.box-magazine p{ font-size:13px; margin:0 15px 0 15px; color:#ababab}
.box-magazine figure{ position:relative; padding:0; margin:0; display:block; }
.box-magazine figure a{ display:block}
.box-magazine img{ margin:0px 0 15px 0; border:0; width:300px; height:175px; float:none}
.box-magazine .data{ font-size:10px; color:#ababab; margin:0 0 0 15px}
.box-magazine .read{ top:50%; left:50%; margin-top:-50px; margin-left:-40px;position:absolute;}
.box-magazine .all{ height:25px;  text-align:right; padding:0 10px 0 0}
.box-magazine .all{line-height:25px; font-size:12px; }

.read a{ display:block; width:80px; height:80px; color:#ababab; background:transparent url(elementi/read.png) no-repeat;}
.read a span{ display:none;}

.box-classifica { border-bottom:1px solid #e6e6e6; padding:5px 0px 0px 0px; position:relative; background:#eeeeec; margin:15px 0 0 0}
.box-classifica .tab{ font-weight:bold; font-size:12px; padding:0 0 0 25px; margin:0px 10px 0 10px; height:25px; line-height:25px; 
background:transparent url(elementi/bg-tab.png) no-repeat; color:#ababab; text-transform:uppercase;}
.box-classifica ul{ padding:0 10px}
.box-classifica li{ border-bottom:1px solid #FFF; padding:10px 0}
.box-classifica li:last-child{ border:0}
.box-classifica h1{ font-size:13px; margin:0px 15px 0 15px; padding:0 0 0.5em 0; font-family: 'Roboto Slab', serif; overflow:hidden}
.box-classifica .categoria{ margin:0; color:#ababab; text-transform:uppercase; font-size:12px; font-weight:bold}
.box-classifica .categoria a{color:#ababab;}
.box-classifica img{ margin:0px 10px 0 0; border:0; width:75px; height:75px; float:left}
.box-classifica  .menu-article { position:relative; margin:0 0 0 75px}
.box-classifica  .menu-article li{ padding:0; border:0}

.correlati{ margin:0}
.box-classifica .arrow, .box-tag .arrow{ font-weight:bold; font-size:14px; padding:0 0 0 20px; margin:0px 10px 0 0px; height:25px; line-height:25px; 
background:transparent url(elementi/bg-arrow.png) no-repeat; color:#ababab; text-transform:uppercase;}

.box-tag { border-bottom:1px solid #e6e6e6; padding:5px 0px 10px 0px; position:relative; background:#eeeeec; margin:15px 0 0 0}
.box-tag p{ color:#ababab; font-size:16px; padding:5px 10px 0 20px}
.box-tag p a{ color:#ababab; text-decoration:underline }
.box-tag p a:hover{ color:#333}

.box-twitter{ padding:20px 0 0 0}
.box-twitter .categoria-big span{ color:#60a3e9}

.box-banner{ margin:0 0 15px 0}
.box-banner .categoria{ font-weight:bold; font-size:16px; padding:0 0 0 30px; margin:0px; height:35px; line-height:30px; 
background:transparent url(elementi/bg-categoria-grey.png) no-repeat; color:#ababab; text-transform:uppercase; border-bottom:1px solid #ababab}
.box-banner img{ border:5px solid #dfe0e2}
.col2 .box-banner img{ width:290px; margin:10px 0 0 0}
.col3 .box-banner img{ width:140px; margin:10px 0 0 0}

#article{ position:relative}
#article h1{ color:#000}
#article p, #article h2, #article h3, #article h4{ color:#808080}
#article h1{ font-size:22px;padding:0.1em 0 1em 0; font-family: 'Roboto Slab', serif;}
#article h2{ font-size:18px;padding:0 0 1em 0; font-weight:bold;}
#article h3{ font-size:18px;padding:0 0 0em 0; text-transform:uppercase; font-weight:bold}
#article h4{ font-size:15px;padding:0 0 0em 0; text-transform:uppercase; font-weight:bold}
#article p{ font-size:15px; padding:0 0 1em 0;}
#article p a{ color:#137197; text-decoration:underline; font-weight:600}
#article p a:hover{ color:#000}
#article blockquote{ font-style:italic; line-height:1.1em; color:#808080; margin:1em; display:block}
#article p strong, #article p b{ font-weight:600; -webkit-text-stroke: 0.3px;}
#article ul,#article ol{ font-size:15px; padding:0 0 1em 13px; color:#808080; font-family: 'Titillium Web',sans-serif; line-height:1.1em}
#article ul{ list-style:square}
#article .galleria ul, #article #thumb ul{list-style:none; padding-left:0}
#article img{ max-width:480px}
#article .data{ font-size:13px; color:#ababab; margin:0 0 0 0px}
#article .categoria span{ background:transparent url(elementi/bg-categoria-sml.png) no-repeat; display:block; padding:0 10px 0 25px}
#article .categoria{font-weight:bold; font-size:13px; padding:5px 0 5px 10px; border-right:1px solid #FFF;  line-height:20px; 
 background:transparent url(elementi/bg-speciali.png); color:#127199; text-transform:uppercase; position:absolute; top:0; left:0; width:100%; z-index:20}
#article .categoria a{color:#127199;} 
#article .wrap-video{ margin:-0.5em 0 1em 0}

#article .wrap-video p{ padding:0 0 1em 0; margin:15px 0 0 0}
#article .wrap-video p strong{ text-transform:uppercase;}

#menu-social-article{ height:25px; overflow:hidden; display:block; background:#f3f2f0;  text-align:right; white-space:nowrap; position:relative}
#menu-social-article span{ display:none;}
#menu-social-article h2{ font-size:14px; text-transform:uppercase; padding:0; font-weight:bold;  color:#ababab; display:inline-block; height:25px; 
line-height:25px; position:absolute; right:100px}
#menu-social-article ul{ display:inline-block; height:25px; line-height:25px; margin:0; padding:0;-webkit-margin-before: 0em;-webkit-margin-after: 0em; list-style:none}
#menu-social-article li.social{ width:25px; height:26px; margin:0 0 0 5px; float:right}
#menu-social-article li.facebook{ background:transparent url(elementi/li-menu-social-facebook.png) no-repeat}
#menu-social-article li.twitter{ background:transparent url(elementi/li-menu-social-twitter.png) no-repeat}
#menu-social-article li.google{ background:transparent url(elementi/li-menu-social-google.png) no-repeat}
#menu-social-article li.linkedin{ background:transparent url(elementi/li-menu-social-linkedin.png) no-repeat}
#menu-social-article li.social a{ width:25px; height:25px; display:block; padding:0}
#allegati{ border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; margin:15px 0 0 0}
#allegati h2{font-size:14px; text-transform:uppercase; padding:0 10px 0 0; font-weight:bold;  color:#ababab; display:inline-block; height:25px; 
line-height:25px; float:left }
#allegati p{ line-height:25px; color:#ababab}
#allegati p a{color:#ababab}
.galleria{ margin:1em 0 0 0}
.galleria p strong{ text-transform:uppercase}
.galleria ul{}
.galleria li{ float:left}
.galleria img{ width:80px; border:0; margin:0 15px 15px 0}

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

.pul-prev{ display:inline-block; position:absolute; top:0; left:0;}
.pul-prev a:link{display:block; font-weight:100; line-height:20px; background:transparent url(elementi/pul-prev.png) no-repeat top left; padding:0 0 0 20px;  
text-align:center; margin:0; text-decoration:none; color:#ababab}

.pul-next{ display:inline-block; position:absolute; top:0; right:0;}
.pul-next a:link{display:block; font-weight:100; line-height:20px; background:transparent url(elementi/pul-next.png) no-repeat top right; padding:0 20px 0 0px;  
text-align:center; margin:0; text-decoration:none; color:#ababab}


#formello{ background:#fff; padding:0}
#formello form{ margin:0 auto; padding:10px 15px;}
.campo-mediomedio{ background:#fff;-moz-border-radius: 5px; width:100%; border-radius: 5px; border:1px solid #CCC; height:25px; line-height:25px; padding:0 5px; font-size:14px; display:block}
.campo-medio{ background:#fff;-moz-border-radius: 5px; width:100%; border-radius: 5px; border:1px solid #CCC; height:25px; line-height:25px; padding:0 5px; font-size:14px; display:block}
.combo{ display:block; width:260px; margin:5px 0 0 0}
.combo2{width:280px; margin:5px 0 0 0; font-size:16px}
#formello label{ font-size:13px; color:#333; display:block; text-shadow:1px 1px #FFF; position:relative; float:left; height:65px; margin:0 10px 0 0; box-sizing:border-box}
#formello label > *{box-sizing:border-box}
#formello label.x50{ width:47%}
#formello label.x100{ width:97%}
#formello label.testo{ height:auto}
#formello label.check{ width:150px; height:30px}
#formello .text{ display:block; width:100%; min-height:150px;border:1px solid #CCC;}
#formello label.codice{ padding:10px 0px; border:1px #CCC solid; width:100%; height:auto;}
#formello label.codice .campo-mediomedio{ width:90%; margin:5%}
a.captcha{ display:block; background:transparent url(elementi/ico-cambia.png) no-repeat; padding:0 0 0 20px; line-height:15px; height:15px; margin:0px; font-size:12px}
#article #formello h2{font-family:Arial, Helvetica, sans-serif; font-size:15px; margin:10px 0 10px 0; font-weight:bold}
#formello .overflow{ overflow-y:auto; overflow-x:none; height:100px; margin:0 0 30px 0; width:646px; padding:10px}
#formello img{ max-height:100px; max-width:150px}
#disclaimer{ background:#FFF; float:left; width:590px; height:100px; overflow-x:hidden; overflow-y:scroll; border:1px solid #ccc; margin:10px 20px 10px 0px}
#disclaimer p{ font-size:10px; line-height:normal; padding:10px 15px;}

.pul{ display:block; text-align:center; margin:20px 0 0 0}
a.invia{ display:inline-block; padding:0 15px; height:25px; line-height:25px; font-weight:bold; text-decoration:none; color:#ababab; 
font-size:14px; text-transform:uppercase; border:1px solid #ababab; border-radius:3px }
a.invia:hover{ color:#000 }

.privacy, .credits, .copyright{ margin:0 0 30px 0}
.privacy h1, .credits h1, .copyright h1{ font-weight:bold; font-size:16px; padding:0 0 0 30px; margin:0px; height:35px; line-height:30px; 
background:transparent url(elementi/bg-categoria-grey.png) no-repeat; color:#ababab; text-transform:uppercase; border-bottom:1px solid #ababab; margin:0 0 10px 0}
.privacy p, .credits p, .copyright p{ font-size:14px; padding:0 0 1em 0}
.privacy ul, .credits ul, .copyright ul{ font-size:14px; padding:0 0 1em 13px; font-family: 'Titillium Web',sans-serif; list-style:square}

#footer{ margin:20px 0 0 0;}
#footer .contenitore{ border-top:2px solid #eeeeec; background:#FFF url(elementi/bg-footer.png) no-repeat top center; padding:50px 0 0 0; text-align:center}
#footer ul{ margin:50px 0 0 0; height:30px; margin:0 auto; display:inline-block}
#footer li{ float:left}
#footer li a{color:#ababab; display:inline-block; padding:0 5px; background:#fff}
#footer li a:hover{ background:#FFF}
#menu-footer {color:#ababab; font-size:12px; margin:10px 0 10px 0}
#menu-footer a{color:#ababab;}
#footer #btm-footer .contenitore{ border:0; min-height:1px; background:transparent url(elementi/btm-footer.png) no-repeat top right; height:55px; overflow:hidden; padding:0px 0 0 0; text-align:center}
#footer #btm-footer span{ display:block; position:absolute; bottom:10px; left:845px; text-align:left; width:150px; overflow:hidden; font-size:10px; color:#ababab}

/*STILI PER BANNER*/
.banner{padding:15px 0; position:relative}
.banner img{ border:0; display:block; }
.x300y600 img{ width:300px; height:600px;}
.x300y250 img{ width:300px; height:250px;}
.x160y600 img{ width:160px; height:600px;}
.x160y300 img{ width:160px; height:300px;}
.x180y150 img{ width:180px; height:150px;}
.x180y300 img{ width:180px; height:300px;}

.x728y90{ background:#f1f1f1; padding:0}
.x728y90 a{ display:block; margin:0 auto;width:728px; height:90px;}
.x728y90 img{ width:728px; height:90px;}

.x970y90{ background:#f1f1f1; padding:0}
.x970y90 a{ display:block; margin:0 auto;width:970px; height:90px;}
.x970y90 img{ width:970px; height:90px;}

.x320y50{ background:#f1f1f1; padding:10px 0}
.x320y50 a{ display:block; margin:0 auto;width:320px; height:50px;}
.x320y50 img{ width:320px; height:50px;}

.x320y100{ background:#f1f1f1; padding:10px 0}
.x320y100 a{ display:block; margin:0 auto;width:320px; height:100px;}
.x320y100 img{ width:320px; height:100px;}

.ex970y90{ background:#f1f1f1; padding:0; height:90px}
.ex970y90 a{ display:block; margin:0 auto;width:970px; height:90px; position:relative}
.ex970y90 img{ width:970px; position:absolute; z-index:300}
.ex970y90 .large{ display:none}

.responsive{ display:none}
.responsive-smartphone{ display:none}

.banner_script{ position:relative; overflow:hidden;}
.x300y600 .banner_script{ width:300px; height:600px;}
.x300y250 .banner_script{ width:300px; height:250px;}
.x160y600 .banner_script{ width:160px; height:600px;}
.x160y300 .banner_script{ width:160px; height:300px;}
.x180y150 .banner_script{ width:180px; height:150px;}
.x180y300 .banner_script{ width:180px; height:300px;}

.x728y90 .banner_script{ display:block; margin:0 auto;width:728px; height:90px;}

.x970y90 .banner_script{ display:block; margin:0 auto;width:970px; height:90px;}

.x320y50 .banner_script{ display:block; margin:0 auto;width:320px; height:50px;}

.x320y100 .banner_script{ display:block; margin:0 auto;width:320px; height:100px;}

.ex970y90 .banner_script{ display:block; margin:0 auto;width:970px; height:90px; position:relative; z-index:300}

.x320y50 .banner_script{ display:inline-block; margin:0 auto;width:320px; height:100px; text-align:left }
.x320y50 .banner_script ins{}

.x320y100 .banner_script{ display:inline-block; margin:0 auto;width:320px; height:100px;}

/*STILI PER FANCYBOX*/
body.fancy{ margin:0; padding:20px; box-sizing:border-box; background:#fff; border:0px solid #fff}
body.fancy.green{background:#78B72A; }
body.fancy.red{background:#78B72A; background:#C30 }

#head-fancybox{ height:3em; width:100%; border-bottom:2px solid #e1e1e1; position:fixed; box-shadow:none; background:#fff;  top:0; left:0; z-index:200}
.pul-closeFancybox{ position:absolute; top:0; right:15px}
.pul-closeFancybox a{ display:block; height:2.5em; line-height:2.3em; font-size:2em; color:#333; text-transform:uppercase; letter-spacing:1px}
.pul-closeFancybox a:hover{ text-decoration:none }
.pul-closeFancybox a i{ color:#333; color:#2D81C4;  font-size:1.6em; text-shadow:2px 2px 0px rgba(277,277,277,0.3)}

div.issuuembed{ height:500px}

body.fancy h1{ font-size:1.5em; font-weight:800; text-align:center; font-family: 'Roboto Slab', serif; color:#333; margin:0 2em 1.5em 0}
body.fancy h1 i{ color:#333; text-shadow:2px 2px 0px rgba(0,0,0,0.3); 
-ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);}
body.fancy p{ font-size:1.5em; font-weight:400; text-align:center; font-family: 'Roboto Slab', serif; color:#333}
body.fancy h1 img{ height:1.5em; width:1.5em; display:inline-block; margin-bottom:-0.3em}
body.fancy.green p, body.fancy.green h1, body.fancy.green h1 i, body.fancy.red p, body.fancy.red h1, body.fancy.red h1 i{ color:#fff}

.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}

/*EXTRA ARTICLE STYLE*/
#extraArticle
{
    display:none;
    vertical-align:top;
    width:96%;
    color: white;
    padding: 0px; margin:0 2% 1em 2%; opacity:0; text-align:left; position:relative
}
#extraArticle.active{ display:inline-block; opacity:1}
#extraArticle article{ width:100%; height:100%; display:block}
#extraArticle .box-foto{ width:40%; position:relative; overflow:hidden; text-align:center; float:left; margin-right:20px;
border:10px solid #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.2); margin-top:1em}
#extraArticle .box-foto img{  width:100%; display:block;}
#extraArticle .box-foto.horizontal{ width:100%; position:relative; overflow:hidden; text-align:center; float:none; margin-right:10px; max-height:300px}

#extraArticle h1, #extraArticle h2, #extraArticle h3{ color:#009680; padding:0 20px}
#extraArticle h1{ font-size:2.3em; margin:0em 0; padding:0.5em 0}
#extraArticle h1 i{ color:#666}
#extraArticle h2{ font-size:1.8em; font-weight:100; margin:0 0 0.2em 0; padding:0 }
#extraArticle p{ color:#666; font-size:1.1em; font-weight:100; padding:0 20px 0.5em 0; margin:0; font-family:'PT Serif', serif}
#extraArticle .pul-close{ right:1.5em; top:1.5em; z-index:auto }

#extraArticle .addthis_sharing_toolbox{ padding:1em 0}


/*allegati nel fancy*/
#extraArticle .allegati, .allegati{ margin-top:1em;  padding:0 0 1em 0;}
/*allegati nella colonna di dx*/
aside .allegati{ margin-top:0em; margin-bottom:1em !important}
aside .allegati h2{ padding-top:0 !important}

#extraArticle .allegati h2, .allegati h2{ }
#extraArticle .allegati .file-name, .allegati .file-name{ font-size:1em; font-weight:600}
#extraArticle .allegati .file-kb, .allegati .file-kb{ font-size:0.8em; line-height:1.1em}
#extraArticle .allegati ul, .allegati ul{ list-style:none; margin:0; padding:0; border-top:1px solid #e1e1e1; }
#extraArticle .allegati li, .allegati li{  font-size:0.8em;  border-bottom:1px solid #e1e1e1; padding-bottom:0em; overflow:hidden}
.allegati li{  font-size:1em;margin-left:0 !important; padding-top:0 !important}
#extraArticle .allegati li a, .allegati li a{ display:block; overflow:hidden; padding:7px 0px;}
#extraArticle .allegati li a:hover, .allegati li a:hover{ background:#e9f0f4; padding-left:10px }
#extraArticle .allegati li a i, .allegati li a i{ float:left; display:block;  margin-right:5px; color:#333; color:#aa7d2c; line-height:.9em }

/*link nel fancy*/
#extraArticle .link, .link{ margin-top:1em;  padding:0 0 1em 0;}
#extraArticle .link h2, .link h2{ }
#extraArticle .link .file-name, .link .file-name{ font-size:1em; font-weight:600}
#extraArticle .link .file-kb, .link .file-kb{ font-size:0.8em; line-height:1.1em; font-style:italic}
#extraArticle .link ul, .link ul{ list-style:none; margin:0; padding:0; border-top:1px solid #e1e1e1; }
#extraArticle .link li, .link li{  font-size:0.8em;  border-bottom:1px solid #e1e1e1; padding-bottom:0em; overflow:hidden}
.link li{  font-size:1em; margin-left:0 !important; padding-top:0 !important}
#extraArticle .link li a, .link li a{ display:block; overflow:hidden; padding:7px 0px;}
#extraArticle .link li a:hover, .link li a:hover{ background:#e9f0f4; padding-left:10px }
#extraArticle .link li a i, .link li a i{ float:left; display:block; font-size:2em; margin-right:10px; color:#333 }

/*posizioni nel fancy*/
#extraArticle .lista-posizioni, .lista-posizioni{ margin-top:1em;  padding:0 0 1em 0;}
#extraArticle .lista-posizioni h2, .lista-posizioni h2{ }
#extraArticle .lista-posizioni .file-name, .lista-posizioni .file-name{ font-size:1em; line-height:1.1em; font-weight:600}
#extraArticle .lista-posizioni .file-kb, .lista-posizioni .file-kb{ font-size:0.65em; text-transform:uppercase; line-height:1.1em; color:#999; padding:0.5em 0 0 0}
#extraArticle .lista-posizioni .file-desc, .lista-posizioni .file-desc{ font-size:0.8em; line-height:1.1em; color:#333; padding:0.5em 0}

#extraArticle .lista-posizioni ul, .lista-posizioni ul{ list-style:none; margin:0; padding:0; border-top:1px solid #e1e1e1; }
#extraArticle .lista-posizioni li, .lista-posizioni li{  font-size:0.9em;  border-bottom:1px solid #e1e1e1; padding-bottom:0em; overflow:hidden}
.lista-posizioni li{  font-size:1.15em; position:relative; margin-left:0 !important; }
#extraArticle .lista-posizioni li, .lista-posizioni li{ display:block; overflow:hidden; padding:7px 0px;}
#extraArticle .lista-posizioni li:hover, .lista-posizioni li:hover{ background:#e9f0f4; padding-left:10px }
#extraArticle .lista-posizioni li i, .lista-posizioni li i{ float:left; display:block; font-size:2.2em; margin-right:10px; color:#4f86ac }
/*aside*/
#extraArticle aside .lista-posizioni, aside .lista-posizioni{ margin-top:0 }
#extraArticle aside .lista-posizioni h2, aside .lista-posizioni h2{ padding-top:0 !important }
#extraArticle aside .lista-posizioni li, aside .lista-posizioni li{ padding-left:5px }
#extraArticle aside .lista-posizioni li:hover, aside .lista-posizioni li:hover{ background:#e9f0f4; padding-left:5px }


/*gestione lista nel testo di extraarticle*/
#extraArticle ol{ padding-left:1em; font-size:1em; margin:0 0 0.5em 0}
#extraArticle ul{ padding-left:1em; font-size:1em; margin:0 0 0.5em 0; list-style:circle}
#extraArticle li{ font-size:1em; color:#666; font-weight:300; padding:0 20px 0.2em 0; font-family: 'PT Sans Narrow', sans-serif; }

/* Tablet Layout: 768px */
@media only screen and (max-width: 1000px) {
	body{ min-width:320px}
	#header .contenitore{ border:0}
	
	#menu-social{ display:none}
	#menu-up li{ float:none; display:table-cell}
	#menu-up li a{ padding:0; text-align:center}
	#menu-up li.latest{ display:none}
	ul.topnav{ display:table; width:100%}
	#lang{ left:10px}
	#carousel #lancio-speciali.heli-expo .contenitore{ width:100%; padding-left:150px; box-sizing:border-box}
	#carousel #lancio-speciali p{ display:none}
  	#carousel #lancio-speciali.heli-expo .header{ width:auto; padding-right:150px}
	#carousel img{ width:40%; height:auto; margin:0 10px}
	#carousel h1, #carousel p{ margin:0; overflow:hidden}
	#carousel .data{ margin:0;}
	#carousel .categoria{ margin:0; padding-left:40px; overflow:hidden}
	#carousel #lancio-speciali a.all{ right:10px}
	
	#content{ width:98%; padding:0}
	#content .col1{ width:68%; padding:10px 1% 0 1%}
	#content .col2{ width:28%; padding:10px 1% 0 1%}
	#content .col3{ display:none}
	#content .col-divide{ display:none}
	.contenitore{ width:100%}
	
	.box-video img{ width:100%; height:auto}
	
	.box-classifica img{ width:30%; height:auto }
	.box-classifica .menu-article{ margin:0}
	.box-classifica .menu-article ul{ padding:0}
	
	#article img{ width:100%; height:auto; max-width:none}
	#content .col-gal #article{ width:100%}
	.box-dida{ position:relative; left:auto; top:auto; width:100%}
	
	/*BANNER DENTRO SEZIONE GALLERY*/
	#article .box-dida .x300y600 { text-align:center; display:none}
	#article .box-dida .x300y600 img{ width:300px; height:auto; display:inline-block}
	.col-gal .responsive-smartphone{ display:block}
	
	.colonna .categoria-bang{ position:relative; top:auto; left:auto}
	#article img.big{ width:100%; max-width:none}
	#content .col-gal #article h1{ height:auto}
	#thumb ul{ text-align:center }
	#thumb li, .galleria li{ display:inline-block; margin:0 0 10px 0; float:none}
	
	/*SEZIONE SPECIALI*/
	#content col-special{ width:100%}
	#carousel.speciale h1{ margin:0 150px 0 10px}
	#carousel.speciale h2{ font-weight:bold; font-size:20px; margin:0 0px 5px 10px; overflow:hidden}
	#carousel.speciale img{width:55%; height:auto; float:right; margin:0px 0 0 10px}
	#carousel.speciale p{ font-size:16px; margin:0 0 0 10px; overflow:hidden}
	#carousel.speciale .data{ color:#ababab; font-size:12px; margin:15px 0 0 10px; padding:10px 0 0 0; overflow:hidden}
	#carousel.speciale .box-article{ background:#FFF; padding:0}
	.col-special{ }
	.col-special .box-video{ width:30%; overflow:hidden; height:350px; display:inline-block; float:left; margin:10px 2% 10px 1%; padding-top:15px; text-align:left}

	
	/*SEZIONE BANNER RESPONSIVE*/
	.responsive{ display:block}
	
	.x300y600 img{ width:100%; height:auto;}
	.x300y250 img{ width:100%; height:auto;}
	.x160y600 img{ width:100%; height:auto;}
	.x160y300 img{ width:100%; height:auto;}
	.x180y150 img{ width:100%; height:auto;}
	.x180y300 img{ width:100%; height:auto;}
	
	.x728y90{ background:#f1f1f1; padding:0; display:none}
	.x728y90 a{ display:block; margin:0 auto;width:100%; height:auto;}
	.x728y90 img{ width:100%; height:auto;}
	
	.x970y90{ background:#f1f1f1; padding:0; display:none}
	.x970y90 a{ display:block; margin:0 auto;width:100%; height:auto;}
	.x970y90 img{ width:100%; height:auto;}
	
	.x320y50{ background:#f1f1f1; padding:10px; text-align:center}
	.x320y50 a{ display:inline-block; margin:0 auto;width:320px; height:auto;}
	.x320y50 img{ width:320px; height:auto;}
	
	.x320y100{ background:#f1f1f1; padding:10px; text-align:center}
	.x320y100 a{ display:inline-block; margin:0 auto;width:320px; height:auto;}
	.x320y100 img{ width:320px; height:auto;}
	
	.ex970y90{ background:#f1f1f1; padding:0; height:auto; display:none}
	.ex970y90 a{ display:block; margin:0 auto;width:100%; height:100%; position:relative}
	.ex970y90 img{ width:100%; position:absolute; z-index:300}
	.ex970y90 .large{ display:none}
	
	.x300y600 .banner_script{ width:100%; height:auto;}
	.x300y250 .banner_script{ width:100%; height:auto;}
	.x160y600 .banner_script{ width:100%; height:auto;}
	.x160y300 .banner_script{ width:100%; height:auto;}
	.x180y150 .banner_script{ width:100%; height:auto;}
	.x180y300 .banner_script{ width:100%; height:auto;}
	
	.x728y90 .banner_script{ display:block; margin:0 auto;width:100%; height:auto;}
	
	.x970y90 .banner_script{ display:block; margin:0 auto;width:100%; height:auto;}
	
}	

/* Smartphone Layout: 640px */
@media only screen and (max-width: 640px) {
	/*LAYOUT GENERALE*/
	#content { min-height:0px}
	#content .contenitore{ display:block; overflow:hidden}
	#content .col2, #content .col1{ display:block; width:98%}
	.pp p, .sml p{ display:none}
	footer .menu-social{ display:block}
	
	/*CAROUSEL*/
	#carousel img{ width:100%; margin:0 0 0 0}
	#carousel .contenitore{ padding:1%; width:98%}
	#carousel #lancio-speciali a.all{ display:none}
	#carousel #lancio-speciali.heli-expo .header{ padding:0}
	#carousel .backstretch{ display:none}
	
	#carousel #lancio-speciali .categoria{ margin-left:0px}
	#carousel #lancio-speciali{ background:#f5f1d8}
	#carousel #lancio-speciali .header{ padding:0; width:60%}
	#carousel #lancio-speciali h2{ display:none}
	#carousel #lancio-speciali h1{ font-size:0.9em; padding-left:0.5em}
	/*HEAD*/
	#menu-up{ display:block; padding:0; margin:0}
	#header, #header .contenitore{ height:auto}
	ul.topnav{ display:block; width:100%; text-align:center; height:auto !important; background:#fff !important; padding:0 0 5px 0}
	#menu-up{ position:relative; left:auto; bottom:auto; padding:150px 0 0 0}
	#menu-up ul.topnav li{ display:inline-block; margin:2px}
	#menu-up ul.topnav li.latest{ display:none}
	#menu-up li a{ padding:5px 10px; background:#eeedeb; border-radius:3px; }
	
	.menu-social{ bottom:0; display:none}
	#footer ul{ text-align:center; clear:both; padding:0 10px}
	#footer ul li{ float:none; display:inline-block}
	
	/*SEZIONE ARTICOLO*/
	.box-tag{ display:none}
	.colonna .categoria-big{ margin-left:0}
	
	#formello label.x50{ width:97%}
	
	/*BANNER*/
	.responsive-smartphone{ display:block}
	.adv{ display:none}
	.x320y50{  padding:0px; text-align:center}
	.x320y50 a{ display:inline-block; margin:0 auto;width:100%; height:auto;}
	.x320y50 img{ width:100%; height:auto;}
	
	.x320y100{padding:0px; text-align:center}
	.x320y100 a{ display:inline-block; margin:0 auto;width:100%; height:auto;}
	.x320y100 img{ width:100%; height:auto;}
	
	.x300y250{ background:#f1f1f1; padding:0; display:none}
	
	.x300y600 { display:none}
		
	#carousel.speciale img{ float:none; width:100%; margin:0}
	#carousel.speciale h1{ margin-right:0; padding-top:40px}
	#carousel.speciale .categoria-speciale{ right:auto; left:10px}
	#content .col-special{ display:block; width:100%; }
	#content .contenitore{overflow:hidden}
	.col-special .box-video{ width:100%; display:block; height:auto; float:none}
	.col-special .box-video img{ width:40%; margin:0 10px 0 0; float:left}
}