/* ========================================================================== Author's custom styles ========================================================================== */ /*--------------------------------- LAYOUT GENERALE -----------------------------------*/ body{height: 100%; width: 100%; font-family:Arial, Helvetica, sans-serif; background:#CEB49B; color:#999;} img{border: none;} input:focus{outline:none;} textarea:focus{outline:none;} a{color:#003b81; text-decoration:underline;} a:hover{text-decoration:none;} .bg-white{background:#FFF; border-bottom:1px solid #fff;} .deco{display:block; margin:auto;} @media (max-width: 1024px) { .deco{display:block; margin:10px auto;} } .deco-small{display:block; clear:both; position:absolute; bottom:5px} .nascosto{display:none;} .center-text{text-align:center!important;} .float-left{float:left;} .float-right{float:right;} .no-margin{margin:0!important;} .no-padding{padding:0!important;} .clearfix{clear:both;} .sideborder{box-shadow:10px 0 12px -4px #4f4236,-10px 0 12px -4px #4f4236; border-left:2px solid #ccc; border-right:2px solid #ccc; margin:auto; max-width:1170px; padding: 0 0 0 0;} @media (max-width: 1024px) { .sideborder{box-shadow:10px 0 12px -4px #57839E,-10px 0 12px -4px #57839E; border-left:2px solid #ccc; border-right:2px solid #ccc; margin:auto; max-width:970px;} } @media (max-width: 966px) { .sideborder{box-shadow:10px 0 12px -4px #57839E,-10px 0 12px -4px #57839E; border-left:2px solid #ccc; border-right:2px solid #ccc; margin:auto; max-width:752px;} } @media (max-width: 768px) { .sideborder{box-shadow:10px 0 12px -4px #57839E,-10px 0 12px -4px #57839E; border-left:2px solid #ccc; border-right:2px solid #ccc; margin:auto; max-width:752px;} } @media (max-width: 640px) { .sideborder{box-shadow:none; border-left:none; border-right:none; margin:auto; max-width:none;} } /*--------------------------------- HEADER -----------------------------------*/ header#header .container.header-inner{background:url(../img/comuni/bg-header.jpg) center no-repeat;} #logo-congresso{max-width: 100%; float:left;} #logo-congresso img{height: auto;max-width: 100%;width: auto;} #logo{max-width: 100%; float:right;} #logo img{height: auto;max-width: 100%;width: auto;} @media (max-width: 966px) { #logo-congresso{max-width:75%; float:left;} #logo-congresso img{height: auto;max-width: 100%;width: auto;} #logo {max-width: 40%; float:right;} #logo img {height: auto;margin: auto;max-width: 100%;width: auto;} } @media (max-width: 640px) { #logo-congresso{max-width:65%; float:left; padding-top:20px;} #logo-congresso img{height: auto; max-width: 100%;width: auto;} #logo {max-width: 25%; float:right;} #logo img {height: auto;margin: auto;max-width: 100%;width: auto;} } @media (max-width: 320px) { #logo-congresso{max-width:65%; float:left; padding-top:10px;} #logo-congresso img{height: auto; max-width: 100%;width: auto;} #logo {max-width: 25%; float:right;} #logo img {height: auto;margin: auto;max-width: 100%;width: auto;} } @media (max-width: 240px) { #logo-congresso{max-width:65%; float:left; padding-top:8px;} #logo-congresso img{height: auto; max-width: 100%;width: auto;} #logo {max-width: 25%; float:right;} #logo img {height: auto;margin: auto;max-width: 100%;width: auto;} } /*--------------------------------- NAV -----------------------------------*/ .navbar{margin:0; background:none; border-radius:0; box-shadow:none; border:0;} .navbar-collapse{background:#CEB49B; padding-left:0; padding-right:0;} /*.container > .navbar-header,*/ .container > .navbar-collapse {margin-right: -15px;margin-left: -15px;} .navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 8px;margin-right: 15px; margin-bottom: 8px;background-color: transparent; border: 1px solid #95a6cd; border-radius: 4px;} .navbar-toggle .icon-bar {background-color:#95a6cd;} .navbar-header {background:#CEB49B;} .nav > li {position: relative;display: block; text-transform:uppercase; font-size:0.875em/*14px*/; border-right:1px solid #F5F5F5;} .navbar-nav > li > a{text-shadow:none; color:#fff; text-decoration:none; font-weight:bold;} .navbar .navbar-nav > .active > a {background-color: #891918;} .nav > li > a:hover,.nav > li > a:focus {text-decoration: none; background-color: #965901;} @media (max-width: 1024px) { .container > .navbar-header, .container > .navbar-collapse {margin-left: -15px;margin-right: -15px;} .container {background:#fff;} .navbar-header {float: none;} .navbar-toggle {display: block;} .navbar-collapse.collapse {display: none!important;} .navbar-nav {float: none!important;} .navbar-nav>li {float: none;} .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;} } @media (max-width: 640px) { .navbar-nav > li > a{padding-left:30px;} } /*-------------------------------------------------------- BREAKING NEWS ------------------------------------------------------*/ #breaking-news{background:#fff; padding:11px 1% 14px 1%;} #breaking-news-inner{display:block; border:1px solid #e0e1e2;} #breaking-news-inner #content-news{width:90%; float:left; padding:7px 0 5px 0;} #breaking-news-inner #content-news h6{color:#7a7a7a; font-size:0.875em/*14px*/; float:left; text-transform:uppercase; font-weight:bold; line-height:18px; height:18px; margin:0 0 0 20px; border-right:1px solid #abacae; padding-right:10px;} #breaking-news-inner #content-news #newsData {text-transform:uppercase; font-weight:bold; font-size:0.875em/*14px*/; padding-left:10px;} #breaking-news-inner #content-news #newsData a{text-decoration:none;} /*#content-news{width:898px; float:left; padding-top:7px;} #content-news h6{color:#7a7a7a; font-size:12px; float:left; text-transform:uppercase; font-weight:bold; line-height:14px; height:14px; margin-left:20px; border-right:1px solid #abacae; padding-right:10px;} #content-news p{color:#abacae; font-size:12px; float:left; text-transform:uppercase; line-height:14px; margin-left:10px;} */ #rss{width:60px; float:right; margin-right:10px;} #breaking-news-inner .newsCss{float:left;} @media (max-width: 640px) { #breaking-news{display:none;} } /*-------------------------------------------------------- SEARCH ------------------------------------------------------*/ #search{float:right; padding:11px 0 0 0; width:100%;} #search input{width:210px; height:31px; float:right; background-color:#fff; border:1px solid #ccc; border-radius: 5px; behavior:url(../pie/PIE.php); position:relative; padding-left:10px;} #search input[type="submit"]{width:46px; height:30px; background:url(../img/comuni/cerca-nel-sito.png); border:0; border-radius: 0; float:right; margin-left:5px;} @media (max-width: 1024px) { #search{float:none; padding:11px 0 0 0; width:265px; margin:auto;} #search input{width:210px; height:31px; float:right; background-color:#fff; border:1px solid #ccc; border-radius: 5px; behavior:url(../pie/PIE.php); position:relative; padding-left:10px;} #search input[type="submit"]{width:46px; height:30px; background:url(../img/comuni/cerca-nel-sito.png); border:0; border-radius: 0; float:right; margin-left:5px;} } @media (max-width: 240px) { #search{float:none; padding:11px 0 0 0; width:195px; margin:auto;} #search input{width:140px; height:31px; float:right; background-color:#fff; border:1px solid #ccc; border-radius: 5px; behavior:url(../pie/PIE.php); position:relative; padding-left:10px;} #search input[type="submit"]{width:46px; height:30px; background:url(../img/comuni/cerca-nel-sito.png); border:0; border-radius: 0; float:right; margin-left:5px;} } /*-------------------------------------------------------- LEFT COL ------------------------------------------------------*/ #left-col ul{display:block; padding-left:25px;} #left-col ul li{font-size:14px; text-transform:uppercase; line-height:18px; list-style:url(../img/ico/bullet.png) outside;} #left-col ul li:hover{list-style:url(../img/ico/bullet-hover.png) outside; } #left-col ul li a{color:#2a5871; text-decoration:none;} #left-col ul li a:hover{color:#E2001A;} #left-col ul li ul {margin:10px 0;} #left-col ul li ul li , ul li ul li:hover{list-style:disc inside !important; font-size:12px!important; line-height:14px!important;} #left-col ul li ul li a {color:#2a5871 !important;} #left-col ul li ul li a:hover {color:#E2001A !important;} #left-col ul li.current-menu-item a {color:#E2001A !important; list-style:url(../img/bullet-hover.png) outside;} @media (max-width: 1024px) { #left-col ul{display:block; padding-left:0; margin-top:20px; text-align:center;} #left-col ul li{font-size:14px; text-transform:uppercase; line-height:18px; list-style:none; display:inline; background:url(../img/ico/bullet.png) no-repeat; margin:0 15px 5px 0; padding-left:20px;} } @media (max-width: 360px) { #left-col ul{display:block; padding-left:35px; text-align:left;} #left-col ul li{font-size:14px; text-transform:uppercase; line-height:18px; list-style:url(../img/ico/bullet.png) outside; display:block;} } @media (max-width: 240px) { #left-col ul{display:block; padding-left:10px; text-align:left;} #left-col ul li{font-size:14px; text-transform:uppercase; line-height:18px; list-style:url(../img/ico/bullet.png) outside; display:block;} } #btn-industry-symposia {width: 230px; height: 79px; display:block; margin:0 0 9px 10px;} #btn-industry-symposia a {display: block;width: 230px; height: 79px; background:url(../img/banner/industry_symposia.jpg) no-repeat top left;} #btn-industry-symposia a:hover {background-position: top right;} #btn-final-programme {width: 230px; height: 79px; display:block; margin:0 0 9px 10px;} #btn-final-programme a {display: block;width: 230px; height: 79px; background:url(../img/banner/final-programme.jpg) no-repeat top left;} #btn-final-programme a:hover {background-position: top right;} #btn-preliminary-programme {width: 230px; height: 79px; display:block; margin:0 0 9px 10px;} #btn-preliminary-programme a {display: block;width: 230px; height: 79px; background:url(../img/banner/preliminary-programme.jpg) no-repeat top left;} #btn-preliminary-programme a:hover {background-position: top right;} #btn-super-shuttle {width: 230px; height: 87px; display:block; margin:0 0 9px 10px;} #btn-super-shuttle a {display: block;width: 230px; height: 87px; background:url(../img/banner/super-shuttle.jpg) no-repeat top left;} #btn-super-shuttle a:hover {background-position: top right;} #btn-volo {width: 230px; height: 173px; display:block; margin:0 0 0 10px;} #btn-volo a {display: block;width: 230px; height: 173px; background:url(../img/banner/airfrance-volo.jpg) no-repeat top left;} #btn-volo a:hover {background-position: top right;} #btn-download-app {width: 230px; height: 106px; display:block; margin-left:10px;} #btn-download-app a {display: block;width: 230px; height: 106px; background:url(../img/banner/download-app.jpg) no-repeat top left;} #btn-download-app a:hover {background-position: top right;} #btn-main-announcement {width: 230px; height: 79px; display:block; margin:9px auto;} #btn-main-announcement a {display: block;width: 230px; height: 79px; background:url(../img/banner/main-announcement.jpg) no-repeat top left;} #btn-main-announcement a:hover {background-position: top right;} #btn-industry-prospectus {width: 230px; height: 79px; display:block; margin:9px auto;} #btn-industry-prospectus a {display: block;width: 230px; height: 79px; background:url(../img/banner/industry-prospectus.jpg) no-repeat top left;} #btn-industry-prospectus a:hover {background-position: top right;} #btn-invitation {width: 230px; height: 79px; display:block; margin:9px auto;} #btn-invitation a {display: block;width: 230px; height: 79px; background:url(../img/banner/invitation.jpg) no-repeat top left;} #btn-invitation a:hover {background-position: top right;} @media (max-width: 1024px) { #banner-left{text-align:center; width:498px; margin:0 auto 10px auto;} #btn-main-announcement {width: 230px; height: 79px; display:inline; margin:9px; float:left;} #btn-main-announcement a {display: block;width: 230px; height: 79px; background:url(../img/banner/main-announcement.jpg) no-repeat top left;} #btn-main-announcement a:hover {background-position: top right;} #btn-industry-prospectus {width: 230px; height: 79px; display:inline; margin:9px; float:left;} #btn-industry-prospectus a {display: block;width: 230px; height: 79px; background:url(../img/banner/industry-prospectus.jpg) no-repeat top left;} #btn-industry-prospectus a:hover {background-position: top right;} #btn-preliminary-programme {width: 230px; height: 79px; display:inline; margin:9px; float:left;} #btn-preliminary-programme a {display: block;width: 230px; height: 79px; background:url(../img/banner/preliminary-programme.jpg) no-repeat top left;} #btn-preliminary-programme a:hover {background-position: top right;} } @media (max-width: 460px) { #banner-left{text-align:center; width:230px; margin:0 auto 10px auto;} #btn-main-announcement {width: 230px; height: 79px; display:block; margin:9px 0; float:none;} #btn-main-announcement a {display: block;width: 230px; height: 79px; background:url(../img/banner/main-announcement.jpg) no-repeat top left;} #btn-main-announcement a:hover {background-position: top right;} #btn-industry-prospectus {width: 230px; height: 79px; display:block; margin:9px 0; float:none;} #btn-industry-prospectus a {display: block;width: 230px; height: 79px; background:url(../img/banner/industry-prospectus.jpg) no-repeat top left;} #btn-industry-prospectus a:hover {background-position: top right;} #btn-preliminary-programme {width: 230px; height: 79px; display:inline; margin:9px 0; float:none;} #btn-preliminary-programme a {display: block;width: 230px; height: 79px; background:url(../img/banner/preliminary-programme.jpg) no-repeat top left;} #btn-preliminary-programme a:hover {background-position: top right;} } @media (max-width: 240px) { #banner-left{text-align:center; width:200px; margin:0 auto 10px auto;} #btn-main-announcement {width: 200px; height: 69px; display:block; margin:9px 0; float:none;} #btn-main-announcement a {display: block;width: 200px; height: 79px; background:url(../img/banner/main-announcement_small.jpg) no-repeat top left;} #btn-main-announcement a:hover {background-position: top right;} #btn-industry-prospectus {width: 200px; height: 69px; display:block; margin:9px 0; float:none;} #btn-industry-prospectus a {display: block;width: 200px; height: 69px; background:url(../img/banner/industry-prospectus_small.jpg) no-repeat top left;} #btn-industry-prospectus a:hover {background-position: top right;} } #poster-session-left{width:228px; float:left; overflow:hidden; background-color:#f6f5f1; border:1px solid #6c8c9d; margin-left:10px; margin-bottom:10px; text-align:center; padding: 5px 0px 5px 0px;} #poster-session-left p{font-size:12px; font-weight:bold; color:#2a5871; display:block; margin-top:18px; line-height:16px;} #poster-session-left p.free-poster{font-size:14px; line-height:18px; text-transform:uppercase;} #poster-session-left p.submit-poster{font-size:10px; line-height:14px;} #poster-session-left p.browse{font-size:12px; line-height:14px; text-transform:uppercase; margin-top:22px;} /*-------------------------------------------------------- RIGHT COL ------------------------------------------------------*/ /*#right-col{width:724px; float:right; }*/ @media (min-width: 1024px) { #news-col{width:70%; float:left;} #daily-news{width:100%; display:block; background-color:#f6f5f1; border:1px solid #ccbc8e; overflow:hidden; padding:10px; margin-bottom:10px;} #daily-news img{height: auto;max-width: 100%; /* fai espandere l'immagine fino a riempire il contenitore e non oltre */width: auto; margin:10px auto;} #daily-news h1{color:#e87a30; font-size:30px; font-weight:bold; margin:0 0 16px 0; text-align:center;} .banner{display:block; margin:10px auto;} } /*#news-col{width:480px; float:left;}*/ /*#daily-news{width:480px; display:block; background-color:#f6f5f1; border:1px solid #ccbc8e; overflow:hidden; padding:10px; margin-bottom:10px;} */ /*#daily-news h1{color:#e87a30; font-size:30px; font-weight:bold; margin:0 0 16px 0;}*/ /*#daily-news img{display:block;}*/ #daily-news img.last{margin-right:0!important;} .banner{display:block; margin-bottom:10px;} #poster-session{width:219px; float:right; overflow:hidden; background-color:#fff; solid #6c8c9d; margin-right:10px; margin-bottom:10px; text-align:center; } #poster-session p{font-size:12px; font-weight:bold; color:#2a5871; display:block; margin-top:18px; line-height:16px;} #poster-session p.free-poster{font-size:14px; line-height:18px; text-transform:uppercase;} #poster-session p.submit-poster{font-size:10px; line-height:14px;} #poster-session p.browse{font-size:12px; line-height:14px; text-transform:uppercase; margin-top:22px;} #btn-click-here {width: 199px; height: 35px; display:block; margin:31px 0 1px 10px;} #btn-click-here a {display: block;width: 199px; height: 35px; background:url(../images/click-here.png) no-repeat top left;} #btn-click-here a:hover {background-position: top right;} @media (max-width: 1024px) { #news-col{width:72%; float:left;} #daily-news{width:100%; display:block; background-color:#f6f5f1; border:1px solid #ccbc8e; overflow:hidden; padding:10px; margin-bottom:10px;} #daily-news img{height: auto;max-width: 100%; /* fai espandere l'immagine fino a riempire il contenitore e non oltre */width: auto; margin:10px auto;} #daily-news h1{color:#e87a30; font-size:30px; font-weight:bold; margin:0 0 16px 0; text-align:center;} .banner{display:block; margin:10px auto;} } @media (max-width: 966px) { #news-col{width:65%; float:left;} #daily-news{width:100%; display:block; background-color:#f6f5f1; border:1px solid #ccbc8e; overflow:hidden; padding:10px; margin-bottom:10px;} #daily-news img{height: auto;max-width: 100%; /* fai espandere l'immagine fino a riempire il contenitore e non oltre */width: auto; margin:10px auto;} #daily-news h1{color:#e87a30; font-size:30px; font-weight:bold; margin:0 0 16px 0; text-align:center;} .banner{display:block; margin:10px auto;} } @media (max-width: 640px) { #news-col{width:100%; display:block; float:none; text-align:center;} #daily-news{width:100%; display:block; background-color:#f6f5f1; border:1px solid #ccbc8e; overflow:hidden; padding:10px; margin-bottom:10px; text-align:center;} #poster-session{width:219px; float:none; overflow:hidden; background-color:#f6f5f1; /*border:1px solid #6c8c9d;*/ margin:10px auto; text-align:center; } #daily-news img{height: auto;max-width: 100%; /* fai espandere l'immagine fino a riempire il contenitore e non oltre */width: auto; margin:10px auto;} .banner{display:block; margin:10px auto;} } @media (max-width: 460px) { #news-col{width:100%; display:block; float:none;} #daily-news{width:100%; display:block; background-color:#f6f5f1; border:1px solid #ccbc8e; overflow:hidden; padding:10px; margin-bottom:10px;} #daily-news img{height: auto;max-width: 100%; /* fai espandere l'immagine fino a riempire il contenitore e non oltre */width: auto; margin:10px auto;} #poster-session{width:219px; float:none; overflow:hidden; background-color:#f6f5f1; /*border:1px solid #6c8c9d;*/ margin:10px auto;text-align:center; } } /*codice css specifico per chrome e safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { #poster-session p{font-size:12px; font-weight:bold; color:#2a5871; display:block; margin-top:20px; line-height:16px;} } /*-------------------------------------------------------- SLIDER ------------------------------------------------------*/ #slider{display:block; clear:both; border: 1px solid #B8A261; overflow:hidden; margin-bottom: 20px;} #slider p.bjqs-caption{display:block;width:100%;margin:0;padding:2%;position:absolute;bottom:0; color:#fff; background:url(../img/comuni/bg-slider.png);} /*-------------------------------------------------------- GALLERY ------------------------------------------------------*/ .gallery{width:100%; display:block; overflow:hidden; margin-bottom:30px;} .gallery img{float:left !important;} .testo-gallery{width:500px; float:left; overflow:hidden;} .testo-gallery p { font-size:13px; margin-bottom:15px; color:#666; line-height:16px;} .testo-gallery p.data{font-size:12px; color:#666; text-transform:uppercase; margin-bottom:5px !important;} .testo-gallery h2{font-size:18px; margin:0 0 13px 0; color:#666; } .pager { float:right; margin-bottom:15px; margin-right:35px; height:20px;} .pager ul li { font-size:12px; float:left; margin-right:4px; } .pager ul li a { font-weight:normal; text-decoration:none; } .pager ul li a:hover { text-decoration:underline; } .pager ul li a.current { font-weight:bold; color:#555; } .slider-gallery{width:310px; height:242px; float:right; background-color:#F0E7BB; border-top:1px solid #dedede; border-bottom:1px solid #dedede;} @media (max-width: 1024px) { .testo-gallery{width:63%; float:left; overflow:hidden;} } @media (max-width: 966px) { .testo-gallery{width:53%; float:left; overflow:hidden;} } @media (max-width: 640px) { .testo-gallery{width:43%; float:left; overflow:hidden;} } @media (max-width: 568px) { .slider-gallery{width:310px; height:242px; float:none; margin:20px auto; background-color:#F0E7BB; border-top:1px solid #dedede; border-bottom:1px solid #dedede;} .testo-gallery{width:100%; float:none; overflow:hidden; display:block;} } @media (max-width: 320px) { #news_block {width:150px; padding:0 0 0 0!Important;position:relative;} .news_slider-right { background-image:url(../../img/ico/next-news.png); background-repeat:no-repeat; height:17px; width:22px; cursor: pointer; position:absolute; top:218px; right:18px !important; z-index:100; } .news_slider-right { background-position: 0 0; right:0px; } .news_slider-left { background-image:url(../../img/ico/prev-news.png); background-repeat:no-repeat; height:17px; width:22px; cursor: pointer; position:absolute; top:218px; left:20px !important; z-index:100; } .news_slider-left { left:0; } } @media (max-width: 240px) { .slider-gallery{width:200px; height:242px; float:none; margin:20px auto; background-color:#F0E7BB; border-top:1px solid #dedede; border-bottom:1px solid #dedede;} .testo-gallery{width:100%; float:none; overflow:hidden; display:block;} #news_block {width:150px; padding:0 0 0 0!Important;position:relative;} .news_box {height:118px; width:190px!Important; padding:0 0 0 0!Important;float:left; margin-right:0;} .news_box img {width:41px; height:41px;} .news_slider-right { background-image:url(../../img/ico/next-news.png); background-repeat:no-repeat; height:17px; width:22px; cursor: pointer; position:absolute; top:218px; right:100px !important; z-index:100; } .news_slider-right { background-position: 0 0; right:0px; } .news_slider-left { background-image:url(../../img/ico/prev-news.png); background-repeat:no-repeat; height:17px; width:22px; cursor: pointer; position:absolute; top:218px; left:10px !important; z-index:100; } .news_slider-left { left:0; } } /*-------------------------------------------------------- CONTENUTI ------------------------------------------------------*/ #contenuti{ color:#333; font-size:14px; line-height:18px; display:block; margin-top:15px; margin-bottom:15px;} #contenuti h1{color:#E2001A; font-size:18px; text-transform:uppercase; font-weight:bold; margin:0 0 10px 0;} #contenuti p { clear:both; display:block; margin:0 0 0 0;} #contenuti .firme{float:left; margin-top:12px; margin-left:82px; text-align:center;} #contenuti .firme h2{color:#000; font-size:12px; line-height:14px; font-weight:bold;} #contenuti .firme h3{color:#000; font-size:12px; line-height:14px;} #contenuti .firme.president{margin-left:120px;} #contenuti a, #contenuti-short a { color:#38496b; text-decoration:none; } #contenuti a:hover, #contenuti-short a:hover { text-decoration:underline; } #contenuti-short{ color:#333; font-size:14px; line-height:18px; width:68%; float:left; overflow:hidden; padding:0 0 20px 0; margin-top:15px;} #contenuti-short h1{color:#E2001A; font-size:18px; text-transform:uppercase; font-weight:bold; margin:0 0 15px 0;} #contenuti-short p{ /*margin-bottom:15px;*/ clear:both; display:block; clear:both; display:block; margin:0 0 0 0;} #contenuti-short .firme{float:left; margin-top:12px; margin-left:82px; text-align:center;} #contenuti-short .firme h2{color:#000; font-size:12px; line-height:14px; font-weight:bold;} #contenuti-short .firme h3{color:#000; font-size:12px; line-height:14px;} #contenuti-short .firme.president{margin-left:120px;} #link-allegati{width:30%; float:right; overflow:hidden; background-color:#f6f5f1; padding:10px; margin:15px 0 0 0;} #link-allegati h4{font-size:14px; font-weight:bold; color:#2a5871; text-transform:uppercase; margin-bottom:10px;} #link-allegati ul { font-weight:bold; list-style:none; margin:0 0 0 0; padding:0 0 0 0;} #link-allegati ul li{font-size:12px; font-weight:bold; margin-bottom:5px;} #link-allegati ul li a{color:#2a5871; text-decoration:none;} #link-allegati ul li a:hover { text-decoration:underline; } #link-allegati ul li.pdf { background:url(../img/ico/ico-pdf.jpg) no-repeat top left; padding:2px 0 10px 29px;} #link-allegati ul li.link { background:url(../img/ico/ico-link.png) no-repeat top left; padding:2px 0 10px 29px; } #link-allegati ul li.mail { background:url(../img/ico/ico-email.png) no-repeat top left; padding:2px 0 10px 29px; } @media (max-width: 568px) { #contenuti-short{ color:#333; font-size:14px; line-height:18px; width:100%; float:none; display:block; overflow:hidden; padding:0 0 20px 0; margin-top:15px;} #contenuti-short h1{color:#e87a30; font-size:14px; text-transform:uppercase; font-weight:bold; margin:0 0 15px 0;} #contenuti-short p{ /*margin-bottom:15px;*/ clear:both; display:block; clear:both; display:block; margin:0 0 0 0;} #contenuti-short .firme{float:left; margin-top:12px; margin-left:82px; text-align:center;} #contenuti-short .firme h2{color:#000; font-size:12px; line-height:14px; font-weight:bold;} #contenuti-short .firme h3{color:#000; font-size:12px; line-height:14px;} #contenuti-short .firme.president{margin-left:120px;} #link-allegati{width:100%; float:none; display:block; overflow:hidden; background-color:#f6f5f1; padding:10px; margin:0 0 15px 0;} #link-allegati h4{font-size:14px; font-weight:bold; color:#2a5871; text-transform:uppercase; margin-bottom:10px;} #link-allegati ul { font-weight:bold; list-style:none; margin:0 0 0 0; padding:0 0 0 0;} #link-allegati ul li{font-size:12px; font-weight:bold; margin-bottom:5px;} #link-allegati ul li a{color:#2a5871; text-decoration:none;} #link-allegati ul li a:hover { text-decoration:underline; } #link-allegati ul li.pdf { background:url(../img/ico/ico-pdf.jpg) no-repeat top left; padding:2px 0 10px 29px;} #link-allegati ul li.link { background:url(../img/ico/ico-link.png) no-repeat top left; padding:2px 0 10px 29px; } #link-allegati ul li.mail { background:url(../img/ico/ico-email.png) no-repeat top left; padding:2px 0 10px 29px; } } #timetable{width:960px; display:block; overflow:hidden; padding:10px;} #pic-principale{width:100%;} #pic-principale img{width:100%;} /*-------------------------------------------------------- PAGINA RICERCA E NEWS ------------------------------------------------------*/ div.result { border-bottom:1px solid #CCC; margin:5px 0 15px 0; padding-bottom:5px;} div.result a { text-decoration:none; font-weight:bold; color:#2a5871; } div.result a:hover { text-decoration:underline; } div.result .abstract-news{ float:left; width:75%;} div.result .pic-news{ float:left; width:200px; margin:0 10px 5px 0;} @media (max-width: 966px) { div.result .abstract-news{ float:left; width:70%;} } @media (max-width: 640px) { div.result .abstract-news{ float:left; width:65%;} } @media (max-width: 603px) { div.result .abstract-news{ float:left; width:63%;} } @media (max-width: 568px) { div.result .abstract-news{ float:left; width:60%;} } @media (max-width: 460px) { div.result .abstract-news{ float:left; width:50%;} } @media (max-width: 360px) { div.result .pic-news{ float:none; max-width: 100%; margin:10px auto;} div.result .pic-news img{height: auto;max-width: 100%; /* fai espandere l'immagine fino a riempire il contenitore e non oltre */width: auto; margin:auto;} div.result .abstract-news{ float:none; width:100%; display:block; text-align:center;} } .occhiello { margin-bottom:20px; font-weight:bold; } .top { top:0; right:0; width:210px !important; height:300px; } .abstract { margin-bottom:5px; } .data { margin-bottom:3px; font-style:italic; } ul#days {width:100%; margin:0 0 10px 0; padding:0 0 0 0;} ul#days li {display:inline-block; *display: inline; zoom:1; background-color:#EBEBEB; height:65px; line-height:65px; width:24%; border:1px solid #AABCC6; text-align:center; margin-left:3px; } ul#days li:first-child { margin-left:0;} ul#days li:hover, ul#days li.selected { background-color:#E2001A; } ul#days li a { color:#000; text-decoration:none; font-weight:bold; display:block;} ul#days li a:hover { color:#FFF; text-decoration:none;} ul#days li.selected a { color:#FFF;} #tab_calendario { width:99%; border-spacing:5px 10px; border-collapse:separate; background-color:#FFF; } #tab_calendario tr th { width:15%; vertical-align:top;} #tab_calendario tr th p { text-align:center; color:#FFF; padding:3px 5px; background-color:#E2001A; font-weight:bold; font-size:14px; } #tab_calendario tr td { background-color:#F5F5F5; } #tab_calendario tr td a { color:#af9e57; text-decoration:none; } #tab_calendario tr td a:hover { text-decoration:underline; } #tab_calendario tr td div.box { font-size:11px; padding:4px; float:left; width:15%; height:90px; line-height:13px; text-transform:uppercase; margin-bottom:30px; padding-bottom:20px; } #tab_calendario tr td div.box p { width:100px; font-weight:bold; margin:0 0 5px 0;} #tab_calendario div.colore { width:5px; height:20px; padding:0; float:left; } @media (max-width: 966px) { #tab_calendario tr td div.box { font-size:11px; padding:4px; float:left; width:20%; height:90px; line-height:13px; text-transform:uppercase; margin-bottom:30px; padding-bottom:20px; } } @media (max-width: 640px) { #tab_calendario tr td div.box { font-size:11px; padding:4px 20px 4px 4px; float:left; width:20%; min-height:90px; line-height:13px; text-transform:uppercase; margin-bottom:30px; padding-bottom:20px; } } @media (max-width: 568px) { #tab_calendario tr td div.box { font-size:11px; padding:4px; float:left; width:100px; min-height:90px; line-height:13px; text-transform:uppercase; margin-bottom:30px; padding-bottom:20px; } } @media (max-width: 460px) { #tab_calendario tr td div.box { font-size:11px; padding:4px; float:left; width:167px; min-height:90px; line-height:13px; text-transform:uppercase; margin-bottom:10px; padding-bottom:10px; } ul#days li {display:inline-block; *display: inline; zoom:1; background-color:#EBEBEB; height:65px; line-height:65px; width:23%; border:1px solid #AABCC6; text-align:center; margin-left:3px; } } @media (max-width: 360px) { #tab_calendario tr td div.box { font-size:11px; padding:4px; float:left; width:98%; min-height:90px; line-height:13px; text-transform:uppercase; margin-bottom:10px; padding-bottom:10px; } ul#days li {display:block; background-color:#EBEBEB; height:25px; line-height:25px; width:100%; border:1px solid #AABCC6; text-align:center; margin:0 0 5px 0;} } @media (max-width: 320px) { #tab_calendario tr th { width:30%; vertical-align:top;} #tab_calendario tr td div.box { font-size:11px; padding:4px; float:left; width:97%; min-height:90px; line-height:13px; text-transform:uppercase; margin-bottom:10px; padding-bottom:10px; } ul#days li {display:block; background-color:#EBEBEB; height:25px; line-height:25px; width:100%; border:1px solid #AABCC6; text-align:center; margin:0 0 5px 0;} } @media (max-width: 240px) { #tab_calendario tr th { width:30%; vertical-align:top;} #tab_calendario tr td div.box { font-size:11px; padding:4px; float:left; width:94%; min-height:90px; line-height:13px; text-transform:uppercase; margin-bottom:10px; padding-bottom:10px; } ul#days li {display:block; background-color:#EBEBEB; height:25px; line-height:25px; width:100%; border:1px solid #AABCC6; text-align:center; margin:0 0 5px 0;} } .timetable-day ul.bjqs li { padding-left:0; } .timetable-day ul.bjqs li div.evento { width:18%; float:left; margin-left:10px;} .timetable-day ul.bjqs li div.evento p.fascia { background-color:#B8A15E; color:#fff; font-size:12px; font-weight:bold; padding:5px; } .timetable-day ul.bjqs li div.colore { width:10px; height:10px; padding:0; float:left; margin:9px 4px 0 4px; } .timetable-day ul.bjqs li div.evento div.testi { color:#fff; font-size:12px; float:left; width:130px; margin-top:6px; } .timetable-day ul.bjqs li div.evento div.testi span { font-weight:bold; display:block; text-transform:uppercase; margin-bottom:3px; } .timetable-day ul.bjqs li div.evento div.testi a { text-transform:uppercase; font-weight:bold; } .timetable-day ul.bjqs li div.evento a { color:#af9e57; text-decoration:none; } .timetable-day ul.bjqs li div.evento a:hover { text-decoration:underline; } @media (max-width: 1024px) { #stripe{height:20px; background:#E87A30; display:inherit;} .timetable-day{display:none;} } div#legenda { background-color:#F5F5F5; margin-top:20px; margin-bottom:20px; width:98%; } div#legenda .riga{display:block; margin-bottom:5px; font-size:12px; min-height:22px;} div#legenda .descrizioni{width:98%; float:left;} div#legenda .riga p{margin:0 0 0 0; padding:0 0 0 0;} div#legenda .colore{width:5px; height:22px; float:left; margin-right:5px; } @media (max-width: 460px) { div#legenda .riga{display:block; margin-bottom:10px; font-size:12px; min-height:22px;} div#legenda .descrizioni{width:95%; float:left;} div#legenda .colore{width:5px; height:22px; float:left; margin-right:5px; } } /*-------------------------------------------------------- SOCIAL ------------------------------------------------------*/ #social{width:280px; height:16px; display:block; text-align: center; margin:20px auto;} #social ul {margin:0 0 0 0; padding:0 0 0 0;} #social ul li:first-child{padding-left:0;} #social ul li{ height:16px; display:inline; line-height:16px; padding-left:20px;} #social ul li:first-child{padding-left:0;} .social-plugin{padding:0 0 20px 0;} .social-plugins .stButton .stButton_gradient {height: 24px !important;} .social-plugins .stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {height: 24px !important;} .social-plugins .st_fblike_hcount {position: relative; z-index: 1; text-decoration: none; color: black; display: inline-block; cursor: pointer; margin-right: 3px; margin-left: 0; font-size: 11px; line-height: 20px; } /*--------------------------------- FOOTER -----------------------------------*/ #programme{width:100%; height:22px; display:block; background:#E2001A; padding:0 102px 0 20px; clear:both; position:relative;} #planning .arrow-today{float:right; margin-right:105px; margin-bottom:5px;} #programme p{color:#fff; font-weight:bold; font-size:12px; float:left; display:inline; text-transform:uppercase; line-height:22px; margin:0 0 0 0;} #programme p.today{font-size:16px; font-weight:bold; float:right!important;} #planning{width:100%; min-height:237px; display:block; background:#3c6d9b; position:relative;} /*#planning #banner {background:red;}*/ #planning #banner ul.bjqs-controls.v-centered li a{position:absolute; width:21px; height:43px;} #planning #banner ul.bjqs-controls.v-centered li.bjqs-next a{right:10px; background:url(../img/ico/arrow-right.png) no-repeat;} #planning #banner ul.bjqs-controls.v-centered li.bjqs-prev a{left:10px; background:url(../img/ico/arrow-left.png) no-repeat;} footer#footer{margin:0; padding:0; text-align:center; color: #2A5871; font-size: 0.875em/*14px*/; font-weight: bold; text-transform: uppercase;} footer#footer .footer-inner{background:#FFF;} footer#footer p{margin:0 0 0 0; padding:0 0 0 0;} footer#footer p.red{color:#E2001A;} footer#footer p a{color: #2A5871; text-decoration:none;} footer#footer p a:hover{text-decoration:underline;} footer#footer p.copy{color:#333; font-weight:normal; margin:5px 0 20px 0;} footer#footer p.copy a{color:#333; text-decoration:none;} footer#footer p.copy a:hover{color:#333; text-decoration:underline;}