/* ========================================================================== Author's custom styles ========================================================================== */ /*--------------------------------- LAYOUT GENERALE -----------------------------------*/ body{font-family: 'Roboto', sans-serif; font-weight:300; background:#e5e5e5; color:#000;} img{border: none;} input:focus{outline:none;} textarea:focus{outline:none;} a{color:#41b7d4; text-decoration:underline;} a:hover{color:#41b7d4; text-decoration:none;} .bg-white{background:#FFF;} .deco{display:block; margin:auto;} .deco-small{display:block; clear:both; position:absolute; bottom:5px} .nascosto{display:none;} .float-left{float:left;} .float-right{float:right;} .no-margin{margin:0!important;} .margin-top{margin-top:20px;} .no-margin-bottom{margin-bottom:0!Important;} .no-padding{padding:0;} .clearfix{clear:both;} .center-text{text-align:center;} #main-logo{text-align:center; padding-top:20px;} #main-logo img{margin:0 auto; padding:0;} #logo-tablet{display:none;} strong{font-weight:400;} .uppercase{text-transform:uppercase;} .border-bottom{border-bottom:1px solid #c6c6c6;} @media (max-width: 753px) { #main-logo{display:none;} #logo-tablet{display:inherit; width:25%; float:left; padding:10px 0 0 10px;} } @media (max-width: 640px) { #main-logo{display:none;} #logo-tablet{display:inherit; width:30%; float:left; padding:10px 0 0 10px;} } @media (max-width: 568px) { #main-logo{display:none;} #logo-tablet{display:inherit; width:32%; float:left; padding:10px 0 0 10px;} } @media (max-width: 534px) { #main-logo{display:none;} #logo-tablet{display:inherit; width:35%; float:left; padding:10px 0 0 10px;} } @media (max-width: 480px) { #main-logo{display:none;} #logo-tablet{display:inherit; width:38%; float:left; padding:10px 0 0 10px;} } @media (max-width: 424px) { #main-logo{display:none;} #logo-tablet{display:inherit; width:40%; float:left; padding:15px 0 0 10px;} } @media (max-width: 360px) { #main-logo{display:none;} #logo-tablet{display:inherit; width:40%; float:left; padding:8px 0 0 10px;} } @media (max-width: 320px) { #main-logo{display:none;} #logo-tablet{display:inherit; width:40%; float:left; padding:8px 0 0 10px;} } /*input, textarea{-webkit-appearance: none;-webkit-border-radius: 0;}*/ .alert-warning {color:#900; background-image: -webkit-linear-gradient(top, #fce3e3 0%, #f4b3b3 100%); background-image: linear-gradient(to bottom, #fce3e3 0%, #f4b3b3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffce3e3', endColorstr='#fff4b3b3', GradientType=0); background-repeat: repeat-x; border-color: #fce3e3;} /*--------------------------------- HEADER -----------------------------------*/ header#header {background:url(../img/comuni/bg-head.png); background-size:100% 113px; background-position: center 28px; background-repeat: no-repeat; position: fixed; width: 100%;z-index: 7777;} @media (max-width: 768px) { header#header {background:#fff; background-size:inerhit; background-position: center center; background-repeat: no-repeat; position: fixed; width: 100%;z-index: 7777;} } @media (max-width: 753px) { header#header {height:80px;} } header#header div#top{background:#41b7d4; font-size:0.875em/*15px*/; padding-bottom:5px;} header#header div#top h6{margin:9px 0 0 0; float:right;} header#header div#top p.benvenuto{margin:8px 0 0 0; float:left; color:#fff; display:none;} header#header div#top p.benvenuto a{color:#fff;} @media (max-width: 480px) { header#header div#top p.benvenuto{margin:8px 0 0 0; float:right; color:#fff; clear:both;} } @media (max-width: 360px) { header#header {height:40px!Important;} header#header div#top h6{margin:-14px 0 0 0; float:left;} } @media (max-width: 320px) { header#header div#top h6{margin:-14px 0 0 0; float:left; font-size:11px!Important;} } header#header div#top h6 a{color:#fff; text-decoration:none; text-transform:uppercase;} header#header div#top #search{width:145px; float:right; margin-left:40px; padding-top:5px;} header#header div#top #search input[type="text"]{background:#b0d6e0; border:none; height:17px; float:right; width:115px; margin:0 5px 0 3px; color:#000!Important; padding-left:5px;} header#header div#top #search input[type="submit"]{background:#41b7d4 url(../img/ico/ico-search.png) no-repeat; border:none; width:17px; height:17px; float:right;} /*retina display*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { header#header div#top #search input[type="text"]{background:#b0d6e0; border:none; height:17px; float:right; width:110px!Important; margin:0 5px 0 3px; color:#000!Important; padding-left:5px;} header#header div#top #search input[type="submit"]{background:#41b7d4 url(../img/ico/ico-search.png) no-repeat!Important; border:none; width:17px; height:17px; float:right;} } header#header div#top nav#language{float:right;} header#header div#top nav#language ul{list-style:none; margin:0; padding:6px 0 0 0;} header#header div#top nav#language ul li{display:inline; padding:0; margin-left:5px;} header#header div#top nav#language ul li a{text-decoration:none; color:#fff;} header#header div#top nav#language ul li a:hover{color:#000;} header#header div#top nav#language ul li.active a{color:#000;} /*--------------------------------- NAVIGATION -----------------------------------*/ .navbar {border:0;} .navbar-brand {float: none; height:inerhit; padding: 0; font-size: 18px; line-height: 20px;} /*ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}*/ .navbar-toggle .icon-bar {background-color:#000;} @media only screen and (min-width : 768px) { /* Make Navigation Toggle on Desktop Hover */ .dropdown:hover .dropdown-menu { display: block; } } @media (max-width: 360px) { .navbar-toggle {margin:2px 15px 0 0;} } @media (max-width: 320px) { .navbar-toggle {margin:2px 15px 0 0;} } .navbar-nav > li {text-transform:uppercase;} .navbar-nav > li > a {padding:3px 15px; line-height: 20px;} @media (min-width: 768px) { .navbar-nav {margin:auto; text-align:center; width:100%; padding-top:9px;} .nav > li > a:hover, .nav > li > a:focus{background:transparent;} .nav .open > a,.nav .open > a:hover,.nav .open > a:focus {background-color: transparent; border-color: #fff; color:#41b7d4;} .nav li:hover > a {color:#41b7d4;} .navbar-nav > li {float: none; border-left: 1px solid #e8e8e8; display: inline-block; *display: inline; zoom: 1; font-size:0.938em/*15px*/;} .navbar-nav > li:first-child{border-left:0;} .navbar-nav > li a{color:#848482; text-decoration:none;} .navbar-nav > li a:hover, .navbar-nav li.active > a{color:#41b7d4;} .navbar-nav > li > .dropdown-menu {border-top-left-radius: 0;border-top-right-radius: 0;margin-top: -1px;} .dropdown-menu {border:none;border-radius: 0;box-shadow:none; text-align:left!important; margin: 0 0 0 0;} .dropdown-menu li {border-top:1px solid #e8e8e8;} .dropdown-menu li:first-child {border-top:none;} .dropdown-menu li > a{font-size:0.875em/*14px*/; font-weight:300; padding:5px 15px;} .dropdown-menu li > a:hover{background:#fff;} } @media (max-width: 753px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { background:#fff; } /*.navbar-nav > li > .dropdown-menu {display:none!Important;}*/ .nav li > a {color:#000; font-weight:300; text-decoration:none;} } /*@media only screen and (max-width: 480px), only screen and (max-device-width: 640px) { ul.nav li.dropdown:hover ul.dropdown-menu{ display: none; } } */ /*--------------------------------- BANNER INTERNO -----------------------------------*/ div#banner-interno{display:block; padding-top:110px; text-align:center; background:#fff;} @media (max-width: 768px) { div#banner-interno{display:block; padding-top:140px; text-align:center;} } @media (max-width: 753px) { div#banner-interno{display:block; padding-top:80px; text-align:center;} } @media (max-width: 360px) { div#banner-interno{display:block; padding-top:65px; text-align:center;} } /*--------------------------------- BREADCRUMBS -----------------------------------*/ .breadcrumb {padding: 50px 15px 0 15px;margin-bottom: 20px;list-style: none; background-color: #fff; border-radius: 0; color:#000; font-size:0.875em/*14px*/; text-transform:uppercase;} .breadcrumb ul {margin:0; padding:0;} .breadcrumb ul li{margin:0; padding:0;} .breadcrumb ul li {display: inline;} .breadcrumb ul li a{color:#000; text-decoration:none;} .breadcrumb ul li a:hover{color:#41b7d4; text-decoration:underline;} /*--------------------------------- CONTENUTI -----------------------------------*/ .title {margin-bottom:36px; padding-bottom:2px;} .title h1{color:#41b7d4; font-size:1.563em/*25px*/; margin:0; padding:0 0 10px 0; border-bottom:1px solid #c6c6c6; text-transform:uppercase;} section#contenuti-full {font-size:1.000em/*16px*/; line-height:22px; padding-top:30px; padding-bottom:30px; margin-bottom:20px;} section#contenuti-full h2{color:#41b7d4; font-size:1.563em/*25px*/; margin-top:25px; padding:0;} section#contenuti-full h3{color:#41b7d4; font-size:1.125em/*18px*/; margin-top:25px; padding:0; text-transform:uppercase;} section#contenuti-full ul{list-style:outside disc; margin:20px 40px; padding:0;} /*section#contenuti-full a{}*/ /*--------------------------------- HOME -----------------------------------*/ .title-home {padding-bottom:8px;} .title-home h1{color:#41b7d4; font-size:1.563em/*25px*/; margin:0; padding:0 0 5px 0; font-weight:300; text-transform:uppercase; border-bottom:1px solid #c6c6c6;} .box-focus {margin-bottom:40px;} .box-focus .pic-focus{width:50%; float:left; background:#39a7c3; padding-left:10px;} .box-focus .pic-focus-inner{width:100%; height:180px; overflow:hidden; position:relative;} .box-focus .pic-focus-inner .hover-state{background:url(../img/comuni/transp.png); position:absolute;z-index:10; width:100%; height:100%;} .box-focus .pic-focus-inner .hover-state img{display:none; position:absolute; z-index:10; top: 50%; left: 50%; margin-top: -17px; margin-left: -18px;} .box-focus .pic-focus-inner .hover-state:hover{background:url(../img/comuni/bg-hover.png);} .box-focus .pic-focus-inner .hover-state:hover img{display:block;} .box-focus .pic-focus-inner .main{position:relative; z-index:2;} .box-focus .abstract-focus{width:50%; float:left; padding-left:30px;} .box-focus .abstract-focus h3{color:#42b7d4; font-size:1.125em/*18px*/; margin:0 0 2px 0; font-weight:300;} .box-focus .abstract-focus h4{font-weight:1.563em/*25px*/; text-transform:uppercase; font-weight:300; margin:0;} .box-focus .abstract-focus p{font-size:1.125em/*18px*/; margin:15px 0 20px 0;} .box-focus .abstract-focus p.btn{margin:0; padding:0; font-weight:300; font-size:1.000em/*16px*/;} .box-focus .abstract-focus p.btn a{background:#41b7d4; color:#fff; text-decoration:none; padding:12px 15px;} .box-focus .abstract-focus p.btn a:hover{background:#bcbcbc;} @media (max-width: 1024px) { .box-focus .abstract-focus p{font-size:1.000em/*16px*/; margin:10px 0 20px 0;} .box-focus .pic-focus{width:50%; float:left; background:#39a7c3; padding-left:10px;} .box-focus .pic-focus-inner{width:100%; height:160px; overflow:hidden;} } @media (max-width: 966px) { .box-focus .abstract-focus p{font-size:1.125em/*18px*/; margin:10px 0 20px 0;} .box-focus .pic-focus{width:50%; float:left; background:#39a7c3; padding-left:10px;} .box-focus .pic-focus-inner{width:100%; height:220px; overflow:hidden;} } @media (max-width: 966px) { .box-focus .pic-focus-inner{width:100%; height:230px; overflow:hidden;} } @media (max-width: 640px) { .box-focus .pic-focus-inner{width:100%; height:210px; overflow:hidden;} } @media (max-width: 640px) { .box-focus .pic-focus-inner{width:100%; height:190px; overflow:hidden;} } @media (max-width: 534px) { .box-focus .pic-focus-inner{width:100%; height:170px; overflow:hidden;} } @media (max-width: 480px) { .box-focus .pic-focus-inner{width:100%; height:150px; overflow:hidden;} } @media (max-width: 424px) { .box-focus .pic-focus{width:100%; float:none; background:#39a7c3; padding-left:10px; margin-bottom:15px;} .box-focus .pic-focus-inner{width:100%; height:260px; overflow:hidden;} .box-focus .abstract-focus{width:100%; float:none; padding-left:0;} } @media (max-width: 384px) { .box-focus .pic-focus-inner{width:100%; height:240px; overflow:hidden;} } @media (max-width: 360px) { .box-focus .pic-focus-inner{width:100%; height:220px; overflow:hidden;} } @media (max-width: 320px) { .box-focus .pic-focus-inner{width:100%; height:190px; overflow:hidden;} } #middle {background:#fff url(../img/comuni/bg-sfuma.jpg) repeat-x;} #middle .container{background-image:url(../img/comuni/bg-middle.png); background-position: center center; background-repeat: no-repeat; background-size: cover;} #middle .container #in-evidenza{padding-top:36px;} #middle .container #in-evidenza #nav-focus {border-bottom:1px solid #b6b7b8; padding-bottom:3px; width:90%;} #middle .container #in-evidenza #nav-focus h3{float:left; margin:0; padding:0; font-weight:300; color:#41b7d4; text-transform:uppercase; font-size:1.563em/*25px*/;} #middle .container #in-evidenza .crsl-nav{width:56px; height:26px; float:right;} #middle .container #in-evidenza .crsl-nav a{display:inline-block; *display: inline; zoom: 1; width:26px; height:26px;} #middle .container #in-evidenza .crsl-nav a.previous {background:url(../img/ico/ico-arrow-left.png);} #middle .container #in-evidenza .crsl-nav a.previous:hover{background:url(../img/ico/ico-arrow-left_hover.png);} #middle .container #in-evidenza .crsl-nav a.next {background:url(../img/ico/ico-arrow-right.png);} #middle .container #in-evidenza .crsl-nav a.next:hover{background:url(../img/ico/ico-arrow-right_hover.png);} #middle .container #in-evidenza section.crsl-item{position:relative; padding-top:10px;} #middle .container #in-evidenza section.crsl-item a .pic-rounded{position:absolute; z-index:5; width:127px; height:127px; overflow:hidden; right:10px; border:10px solid #f2f2f2; border-radius:50%; display:block; behavior:url(../pie/PIE.php); box-shadow: #666 0px 2px 10px;} #middle .container #in-evidenza section.crsl-item a:hover .pic-rounded{box-shadow: #333 0px 2px 10px;} #middle .container #in-evidenza section.crsl-item a .pic-rounded img{display:block; behavior:url(../pie/PIE.php); border-radius:50%;} #middle .container #in-evidenza section.crsl-item a .hover-state{background:url(../img/comuni/transp.png); position:absolute;z-index:3; width:80%; height:100%;} #middle .container #in-evidenza section.crsl-item a .hover-state img{display:none; position:absolute; z-index:10; top: 50%; left: 50%; margin-top: -17px; margin-left: -18px;} #middle .container #in-evidenza section.crsl-item a:hover .hover-state{background:url(../img/comuni/bg-hover.png);} /*retina display*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { #middle .container #in-evidenza section.crsl-item a .hover-state{display:none;}} #middle .container #in-evidenza section.crsl-item a .hover-state:hover img{display:block;} #middle .container #in-evidenza section.crsl-item a .abstract{position:relative; z-index:1; background:#fff; width:80%; height:200px;} #middle .container #in-evidenza section.crsl-item a .abstract .testo {padding:20px 45px 0 15px; position:absolute; z-index:2; top:0;} #middle .container #in-evidenza section.crsl-item a .abstract .testo h4{color:#41b7d4; font-weight:300; font-size:1.563em/*25px*/; margin:0;} #middle .container #in-evidenza section.crsl-item a .abstract .testo p{font-size:1.125em/*18px*/; margin:10px 0 0 0; color:#1b1b1b;} #middle .container #in-evidenza section.crsl-item a .icone{background:url(../img/ico/arrow-big.png) no-repeat right; position:absolute; bottom:0; width:98%; height:90px; padding:15px 0 15px 15px;} #middle .container #in-evidenza section.crsl-item a .icone img{float:left; margin-right:10px;} @media (max-width: 1024px) { #middle .container #in-evidenza section.crsl-item a .pic-rounded{position:absolute; z-index:5; width:97px; height:97px; overflow:hidden; right:10px; border:10px solid #f2f2f2; border-radius:50%; display:block; behavior:url(../pie/PIE.php); box-shadow: #666 0px 2px 10px;} #middle .container #in-evidenza section.crsl-item a .abstract .testo h4{color:#41b7d4; font-weight:300; font-size:1.250em/*20px*/; margin:0;} #middle .container #in-evidenza section.crsl-item a .abstract .testo p{font-size:1.000em/*16px*/; margin:10px 0 0 0; color:#1b1b1b;} } @media (max-width: 640px) { #middle .container #in-evidenza section.crsl-item a .hover-state{background:transparent; position:absolute;z-index:3; width:90%; height:100%;} #middle .container #in-evidenza section.crsl-item a .abstract{position:relative; z-index:1; background:#fff; width:90%; height:250px;} #middle .container #in-evidenza section.crsl-item a .abstract .testo h4{color:#41b7d4; font-weight:300; font-size:1.563em/*25px*/; margin:0;} #middle .container #in-evidenza section.crsl-item a .abstract .testo p{font-size:1.125em/*18px*/; margin:10px 0 0 0; color:#1b1b1b;} } @media (max-width: 480px) { #middle .container #in-evidenza section.crsl-item a .hover-state{background:transparent; position:absolute;z-index:3; width:85%; height:100%;} #middle .container #in-evidenza section.crsl-item a .abstract{position:relative; z-index:1; background:#fff; width:85%; height:250px;} #middle .container #in-evidenza section.crsl-item a .abstract .testo h4{color:#41b7d4; font-weight:300; font-size:1.563em/*25px*/; margin:0;} #middle .container #in-evidenza section.crsl-item a .abstract .testo p{font-size:1.125em/*18px*/; margin:10px 0 0 0; color:#1b1b1b;} } @media (max-width: 424px) { #middle .container #in-evidenza #nav-focus {border-bottom:1px solid #b6b7b8; padding-bottom:3px; width:83%;} #middle .container #in-evidenza section.crsl-item a .hover-state{background:transparent; position:absolute;z-index:3; width:82%; height:100%;} #middle .container #in-evidenza section.crsl-item a .abstract{position:relative; z-index:1; background:#fff; width:82%; height:250px;} #middle .container #in-evidenza section.crsl-item a .abstract .testo h4{color:#41b7d4; font-weight:300; font-size:1.563em/*25px*/; margin:0;} #middle .container #in-evidenza section.crsl-item a .abstract .testo p{font-size:1.125em/*18px*/; margin:10px 0 0 0; color:#1b1b1b;} } @media (max-width: 384px) { #middle .container #in-evidenza section.crsl-item a .hover-state{background:transparent; position:absolute;z-index:3; width:82%; height:100%;} #middle .container #in-evidenza section.crsl-item a .abstract{position:relative; z-index:1; background:#fff; width:82%; height:200px;} #middle .container #in-evidenza section.crsl-item a .abstract .testo h4{color:#41b7d4; font-weight:300; font-size:1.563em/*25px*/; margin:0;} #middle .container #in-evidenza section.crsl-item a .abstract .testo p{font-size:1.125em/*18px*/; margin:10px 0 0 0; color:#1b1b1b;} } @media (max-width: 360px) { #middle .container #in-evidenza section.crsl-item a .hover-state{background:transparent; position:absolute;z-index:3; width:82%; height:100%;} #middle .container #in-evidenza section.crsl-item a .abstract{position:relative; z-index:1; background:#fff; width:82%; height:200px;} #middle .container #in-evidenza section.crsl-item a .abstract .testo h4{color:#41b7d4; font-weight:300; font-size:1.250em/*20px*/; margin:0;} #middle .container #in-evidenza section.crsl-item a .abstract .testo p{font-size:1.000em/*16px*/; margin:10px 0 0 0; color:#1b1b1b;} } @media (max-width: 324px) { #middle .container #in-evidenza section.crsl-item a .pic-rounded{position:absolute; z-index:5; width:77px; height:77px; overflow:hidden; right:10px; border:8px solid #f2f2f2; border-radius:50%; display:block; behavior:url(../pie/PIE.php); box-shadow: #666 0px 2px 10px;} #middle .container #in-evidenza section.crsl-item a .hover-state{background:transparent; position:absolute;z-index:3; width:82%; height:100%;} #middle .container #in-evidenza section.crsl-item a .abstract{position:relative; z-index:1; background:#fff; width:82%; height:200px;} #middle .container #in-evidenza section.crsl-item a .abstract .testo h4{color:#41b7d4; font-weight:300; font-size:1.250em/*20px*/; margin:0;} #middle .container #in-evidenza section.crsl-item a .abstract .testo p{font-size:1.000em/*16px*/; margin:10px 0 0 0; color:#1b1b1b;} } #middle .container #focus-news{/*background:url(../img/comuni/bg-sfuma-dark.jpg) repeat-x; */padding-top:36px;} #middle .container #focus-news #nav-news {border-bottom:1px solid #b6b7b8; padding-bottom:3px; width:84%;} #middle .container #focus-news #nav-news h3{float:left; margin:0; padding:0; font-weight:300; color:#41b7d4; text-transform:uppercase; font-size:1.563em/*25px*/;} #middle .container #focus-news .crsl-nav{width:56px; height:26px; float:right;} #middle .container #focus-news .crsl-nav a{display:inline-block; *display: inline; zoom: 1; width:26px; height:26px;} #middle .container #focus-news .crsl-nav a.previous {background:url(../img/ico/ico-arrow-left.png);} #middle .container #focus-news .crsl-nav a.previous:hover{background:url(../img/ico/ico-arrow-left_hover.png);} #middle .container #focus-news .crsl-nav a.next {background:url(../img/ico/ico-arrow-right.png);} #middle .container #focus-news .crsl-nav a.next:hover{background:url(../img/ico/ico-arrow-right_hover.png);} #middle .container #focus-news section.crsl-item{position:relative; padding-top:10px;} #middle .container #focus-news section.crsl-item a .pic-rounded{position:absolute; z-index:5; width:127px; height:127px; overflow:hidden; right:10px; border:10px solid #f2f2f2; border-radius:50%; display:block; behavior:url(../pie/PIE.php); box-shadow: #666 0px 2px 10px;} #middle .container #focus-news section.crsl-item a:hover .pic-rounded{box-shadow: #333 0px 2px 10px;} #middle .container #focus-news section.crsl-item a .pic-rounded img{display:block; behavior:url(../pie/PIE.php); border-radius:50%;} #middle .container #focus-news section.crsl-item a .hover-state{background:url(../img/comuni/transp.png); position:absolute;z-index:3; width:80%; height:100%;} /*retina display*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {#middle .container #focus-news section.crsl-item a .hover-state{display:none;}} #middle .container #focus-news section.crsl-item a .hover-state img{display:none; position:absolute; z-index:10; top: 50%; left: 50%; margin-top: -17px; margin-left: -18px;} #middle .container #focus-news section.crsl-item a:hover .hover-state{background:url(../img/comuni/bg-hover.png);} #middle .container #focus-news section.crsl-item a .hover-state:hover img{display:block;} #middle .container #focus-news section.crsl-item a .abstract{position:relative; z-index:1; background:#fff; width:80%; height:200px;} #middle .container #focus-news section.crsl-item a .abstract .testo {padding:20px 45px 0 15px; position:absolute; z-index:2; top:0;} #middle .container #focus-news section.crsl-item a .abstract .testo h4{color:#41b7d4; font-weight:300; font-size:1.563em/*25px*/; margin:0;} #middle .container #focus-news section.crsl-item a .abstract .testo p{font-size:1.125em/*18px*/; margin:10px 0 0 0; color:#1b1b1b;} #middle .container #focus-news section.crsl-item a .icone{background:url(../img/ico/arrow-big.png) no-repeat right; position:absolute; bottom:0; width:98%; height:90px; padding:15px 0 15px 15px;} #middle .container #focus-news section.crsl-item a .icone img{float:left; margin-right:10px;} @media (max-width: 1024px) { #middle .container #focus-news section.crsl-item a .pic-rounded{position:absolute; z-index:5; width:97px; height:97px; overflow:hidden; right:10px; border:10px solid #f2f2f2; border-radius:50%; display:block; behavior:url(../pie/PIE.php); box-shadow: #666 0px 2px 10px;} #middle .container #focus-news section.crsl-item a .abstract .testo h4{color:#41b7d4; font-weight:300; font-size:1.250em/*20px*/; margin:0;} #middle .container #focus-news section.crsl-item a .abstract .testo p{font-size:1.000em/*16px*/; margin:10px 0 0 0; color:#1b1b1b;} } @media (max-width: 966px) { #middle .container #focus-news #nav-news {border-bottom:1px solid #b6b7b8; padding-bottom:3px; width:90%;} #middle .container #focus-news section.crsl-item a .hover-state{background:transparent; position:absolute;z-index:3; width:90%; height:100%;} #middle .container #focus-news section.crsl-item a .abstract{position:relative; z-index:1; background:#fff; width:90%; height:250px;} #middle .container #focus-news section.crsl-item a .abstract .testo h4{color:#41b7d4; font-weight:300; font-size:1.563em/*25px*/; margin:0;} #middle .container #focus-news section.crsl-item a .abstract .testo p{font-size:1.125em/*18px*/; margin:10px 0 0 0; color:#1b1b1b;} } @media (max-width: 424px) { #middle .container #focus-news #nav-news {border-bottom:1px solid #b6b7b8; padding-bottom:3px; width:83%;} #middle .container #focus-news section.crsl-item a .hover-state{background:transparent; position:absolute;z-index:3; width:82%; height:100%;} #middle .container #focus-news section.crsl-item a .abstract{position:relative; z-index:1; background:#fff; width:82%; height:250px;} #middle .container #focus-news section.crsl-item a .abstract .testo h4{color:#41b7d4; font-weight:300; font-size:1.563em/*25px*/; margin:0;} #middle .container #focus-news section.crsl-item a .abstract .testo p{font-size:1.125em/*18px*/; margin:10px 0 0 0; color:#1b1b1b;} } @media (max-width: 384px) { #middle .container #focus-news section.crsl-item a .hover-state{background:transparent; position:absolute;z-index:3; width:82%; height:100%;} #middle .container #focus-news section.crsl-item a .abstract{position:relative; z-index:1; background:#fff; width:82%; height:200px;} #middle .container #focus-news section.crsl-item a .abstract .testo h4{color:#41b7d4; font-weight:300; font-size:1.563em/*25px*/; margin:0;} #middle .container #focus-news section.crsl-item a .abstract .testo p{font-size:1.125em/*18px*/; margin:10px 0 0 0; color:#1b1b1b;} } @media (max-width: 360px) { #middle .container #focus-news section.crsl-item a .hover-state{background:transparent; position:absolute;z-index:3; width:82%; height:100%;} #middle .container #focus-news section.crsl-item a .abstract{position:relative; z-index:1; background:#fff; width:82%; height:200px;} #middle .container #focus-news section.crsl-item a .abstract .testo h4{color:#41b7d4; font-weight:300; font-size:1.250em/*20px*/; margin:0;} #middle .container #focus-news section.crsl-item a .abstract .testo p{font-size:1.000em/*16px*/; margin:10px 0 0 0; color:#1b1b1b;} } @media (max-width: 324px) { #middle .container #focus-news section.crsl-item a .pic-rounded{position:absolute; z-index:5; width:77px; height:77px; overflow:hidden; right:10px; border:8px solid #f2f2f2; border-radius:50%; display:block; behavior:url(../pie/PIE.php); box-shadow: #666 0px 2px 10px;} #middle .container #focus-news section.crsl-item a .hover-state{background:transparent; position:absolute;z-index:3; width:82%; height:100%;} #middle .container #focus-news section.crsl-item a .abstract{position:relative; z-index:1; background:#fff; width:82%; height:200px;} #middle .container #focus-news section.crsl-item a .abstract .testo h4{color:#41b7d4; font-weight:300; font-size:1.250em/*20px*/; margin:0;} #middle .container #focus-news section.crsl-item a .abstract .testo p{font-size:1.000em/*16px*/; margin:10px 0 0 0; color:#1b1b1b;} } #middle .container #intro {margin:100px 0 60px 0; position:relative;} #middle .container #intro h1{font-size:2.188em/*35px*/; color:#42b7d4; margin:0 0 2px 0; padding:0;} #middle .container #intro p{font-size:1.563em/*25px*/; padding:0; margin:0;} /*--------------------------------- BANNER PRINCIPALE -----------------------------------*/ #main-banner {padding:110px 0 30px 0; background:#fff;} @media (max-width: 753px) { #main-banner {padding:80px 0 30px 0; background:#fff;} } #main-banner .slider-wrapper{position:relative; background:#fff;} /*--------------------------------- AZIENDA -----------------------------------*/ div#video-box {max-width:750px; margin:auto; position:relative; margin-bottom:40px;} div#video-box .play{position:absolute; z-index:10; top: 50%; left: 50%; margin-top: -34px; margin-left: -34px;} div#video-box .thumb{position:relative; z-index:1;} .bg-sfuma{background:#fff url(../img/comuni/bg-sfuma.jpg) repeat-x; padding-bottom:30px;} #accordion {padding-top:40px;} #accordion h5{color:#41b7d4; font-size:1.563em/*25px*/; margin:0 0 8px 0; padding:0 0 5px 0; border-bottom:1px solid #c6c6c6; text-transform:uppercase; font-weight:300;} .z-accordion > .z-section > .z-header span.accordion-icon{background:#41b7d4; width:42px; height:49px; padding-left:10px; text-align:right; display:inline-block; *display: inline; zoom: 1; margin-right:15px; margin-top:5px; position:relative;} .z-accordion.vertical > .z-section.z-active > .z-header span.accordion-icon.affidabilita .ico,.z-accordion.vertical > .z-section > .z-header:hover span.accordion-icon.affidabilita .ico{display:none;} .z-accordion.vertical > .z-section.z-active > .z-header span.accordion-icon.affidabilita .ico-hover,.z-accordion.vertical > .z-section > .z-header:hover span.accordion-icon.affidabilita .ico-hover{display:inherit!Important;} .z-accordion.vertical > .z-section.z-active > .z-header span.accordion-icon.ricerca .ico,.z-accordion.vertical > .z-section > .z-header:hover span.accordion-icon.ricerca .ico{display:none;} .z-accordion.vertical > .z-section.z-active > .z-header span.accordion-icon.ricerca .ico-hover,.z-accordion.vertical > .z-section > .z-header:hover span.accordion-icon.ricerca .ico-hover{display:inherit!Important;} .z-accordion.vertical > .z-section.z-active > .z-header span.accordion-icon.sostenibilita .ico,.z-accordion.vertical > .z-section > .z-header:hover span.accordion-icon.sostenibilita .ico{display:none;} .z-accordion.vertical > .z-section.z-active > .z-header span.accordion-icon.sostenibilita .ico-hover,.z-accordion.vertical > .z-section > .z-header:hover span.accordion-icon.sostenibilita .ico-hover{display:inherit!Important;} /*.z-accordion.vertical > .z-section.z-active > .z-header span.accordion-icon .hover-state,.z-accordion.vertical > .z-section > .z-header:hover span.accordion-icon .hover-state{background:url(../img/comuni/ico-accordion-hover.png); width:42px;height:49px; display:block; position:absolute; z-index:5;} */ #slider-bottom {padding-top:68px;} @media (max-width: 966px) { #slider-bottom {padding-top:20px;} } /*--------------------------------- PAGINE STANDARD -----------------------------------*/ .focus-sezioni-standard {border-bottom:1px solid #8e8e8d; padding-bottom:10px; margin-bottom:10px; margin-top:-2px;} .focus-sezioni-standard .focus-sezioni-standard-inner{background:#f4f4f4; padding:35px 10px} .focus-sezioni-standard .focus-sezioni-standard-inner h3, .focus-sezioni-standard .focus-sezioni-standard-inner h4{font-weight:300; line-height:20px;} .focus-sezioni-standard .focus-sezioni-standard-inner h3{margin:0; font-size:1.125em/*18px*/; text-transform:uppercase;} .focus-sezioni-standard .focus-sezioni-standard-inner h4{margin:0; font-size:1.000em/*16px*/;} .focus-sezioni-standard .focus-sezioni-standard-inner p{margin:10px 0 0 0; padding:0; font-weight:300;} .focus-sezioni-standard .focus-sezioni-standard-inner p.btn {float:right; clear:both;} .focus-sezioni-standard .focus-sezioni-standard-inner p.btn a{background:#41b7d4; color:#fff; text-decoration:none; padding:10px 15px;} .focus-sezioni-standard .focus-sezioni-standard-inner p.btn a:hover{background:#c0c0c0;} .focus-sezioni-standard .focus-sezioni-standard-inner .pic-focus{overflow:hidden; width:100%; height:180px; margin:10px 0;} @media (max-width: 966px) { .focus-sezioni-standard {border-bottom:1px solid #8e8e8d; padding-bottom:10px; margin-bottom:10px; margin-top:0; width:50%; float:left;} .focus-sezioni-standard .focus-sezioni-standard-inner p.btn {float:right; clear:both; margin-top:20px!Important;} .focus-sezioni-standard .focus-sezioni-standard-inner .pic-focus{overflow:hidden; width:100%; height:auto; margin:10px 0;} } @media (max-width: 480px) { .focus-sezioni-standard {border-bottom:1px solid #8e8e8d; padding-bottom:10px; margin-bottom:65px!Important; margin-top:-55px; width:100%; float:none;} .focus-sezioni-standard .focus-sezioni-standard-inner p.btn {float:right; clear:both; margin-top:20px!Important;} .focus-sezioni-standard .focus-sezioni-standard-inner .pic-focus{overflow:hidden; width:100%; height:auto; margin:10px 0;} } .carousel-interno {padding-bottom:23px;} .carousel-interno .crsl-nav{width:56px; height:26px; margin:8px auto 0 auto;} .carousel-interno .crsl-nav a{display:inline-block; *display: inline; zoom: 1; width:26px; height:26px;} .carousel-interno .crsl-nav a.previous {background:url(../img/ico/ico-arrow-left.png);} .carousel-interno .crsl-nav a.previous:hover{background:url(../img/ico/ico-arrow-left_hover.png);} .carousel-interno .crsl-nav a.next {background:url(../img/ico/ico-arrow-right.png);} .carousel-interno .crsl-nav a.next:hover{background:url(../img/ico/ico-arrow-right_hover.png);} .carousel-interno .crsl-wrap section.crsl-item{width:100%; height:42%;} .carousel-interno .crsl-wrap section.crsl-item .hover-state{background:url(../img/comuni/transp.png); position:absolute;z-index:10; width:100%; height:100%; display:block;} .carousel-interno .crsl-wrap section.crsl-item .hover-state img{display:none; position:absolute; z-index:10; top: 50%; left: 50%; margin-top: -17px; margin-left: -18px;} .carousel-interno .crsl-wrap section.crsl-item .hover-state:hover{background:url(../img/comuni/bg-hover.png);} .carousel-interno .crsl-wrap section.crsl-item .hover-state:hover img{display:block;} .carousel-interno .crsl-wrap section.crsl-item .main{position:relative; z-index:2;} /*retina display*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { .carousel-interno .crsl-wrap section.crsl-item .hover-state{background:transparent;} .carousel-interno .crsl-wrap section.crsl-item .hover-state:hover{background:transparent;} .carousel-interno .crsl-wrap section.crsl-item .hover-state:hover img{display:none!Important;} } /*.carousel-interno .crsl-wrap section.crsl-item .hover-state {background:url(../img/comuni/transp.png); position:absolute;z-index:10; width:100%; height:100%;} .carousel-interno .crsl-wrap section.crsl-item .hover-state img{display:none; position:absolute; z-index:10; top: 50%; left: 50%; margin-top: -17px; margin-left: -18px;} .carousel-interno .crsl-wrap section.crsl-item .hover-state:hover{background:url(../img/comuni/bg-hover.png);} .carousel-interno .crsl-wrap section.crsl-item .main{position:relative; z-index:2;}*/ /*--------------------------------- RICERCA E SVILUPPO -----------------------------------*/ #test-tessuti{border-top:1px solid #c6c6c6; margin:20px 0;} #test-tessuti h3{margin:20px 0!Important; text-transform:none!Important; font-size:1.563em/*25px*/!Important;} .carousel-interno {padding-bottom:23px;} /*.carousel-interno .focus-tessuti {background:Red;}*/ .carousel-interno .focus-tessuti .crsl-wrap section.crsl-item {width:100%; height:42%; background:#f1f1f1;} .carousel-interno .focus-tessuti .crsl-wrap section.crsl-item .hover-state{background:url(../img/comuni/transp.png); position:absolute;z-index:10; width:100%; height:100%;} .carousel-interno .focus-tessuti .crsl-wrap section.crsl-item .hover-state img{display:none; position:absolute; z-index:10; top: 50%; left: 50%; margin-top: -17px; margin-left: -18px;} .carousel-interno .focus-tessuti .crsl-wrap section.crsl-item .hover-state:hover{background:url(../img/comuni/bg-hover.png) repeat;} /*retina display*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { .carousel-interno .focus-tessuti .crsl-wrap section.crsl-item a .hover-state{background:transparent;} .carousel-interno .focus-tessuti .crsl-wrap section.crsl-item a .hover-state:hover{background:transparent;} .carousel-interno .focus-tessuti .crsl-wrap section.crsl-item a .hover-state:hover img{display:none!Important;} } .carousel-interno .focus-tessuti .crsl-wrap section.crsl-item .hover-state:hover img{display:block;} .carousel-interno .focus-tessuti .crsl-wrap section.crsl-item .caption{background:#e5e5e5; position:absolute;z-index:5; bottom:0; width:100%; height:84px; border-left:10px solid #41b7d4; padding:0 10px; display:table;} .carousel-interno .focus-tessuti .crsl-wrap section.crsl-item .caption .abstract{display:table-cell; vertical-align:middle; width:80%; color:#1d1d1b; font-size:1.000em/*16px*/; } .carousel-interno .focus-tessuti .crsl-wrap section.crsl-item .caption .abstract h4{margin:0; padding:0; text-transform:uppercase!Important;} .carousel-interno .focus-tessuti .crsl-wrap section.crsl-item .caption .abstract p{margin:0; font-weight:300; line-height:18px;} @media (max-width: 1024px) { .carousel-interno .focus-tessuti .crsl-wrap section.crsl-item .caption .abstract{display:table-cell; vertical-align:middle; width:80%; color:#1d1d1b; font-size:0.875em/*14px*/; } .carousel-interno .focus-tessuti .crsl-wrap section.crsl-item .caption .abstract p{margin:0; font-weight:300; line-height:16px;} } @media (max-width: 320px) { .carousel-interno .focus-tessuti .crsl-wrap section.crsl-item .caption .abstract{display:table-cell; vertical-align:middle; width:80%; color:#1d1d1b; font-size:1.000em/*16px*/; } .carousel-interno .focus-tessuti .crsl-wrap section.crsl-item .caption .abstract p{margin:0; font-weight:300; line-height:18px;} } .carousel-interno .focus-tessuti .crsl-wrap section.crsl-item .pic-anteprima{position:relative; z-index:2;} /*--------------------------------- NEWS -----------------------------------*/ .focus-sezioni-standard .focus-sezioni-standard-inner ul#nav-archivio{margin:10px 0 0 0; padding:0; list-style:none;} .focus-sezioni-standard .focus-sezioni-standard-inner ul#nav-archivio li{margin-top:3px; padding-right:10px; background:#fff;} .focus-sezioni-standard .focus-sezioni-standard-inner ul#nav-archivio li:first-child{margin-top:0;} .focus-sezioni-standard .focus-sezioni-standard-inner ul#nav-archivio li a{background:url(../img/ico/ico-arrow.png) no-repeat center right; display:block; color:#000; font-weight:400; text-decoration:none; padding:8px 0 8px 10px;} @media (max-width: 966px) { .focus-sezioni-standard .focus-sezioni-standard-inner ul#nav-archivio li{display:inline-block; *display: inline; zoom: 1; width:49%;} } @media (max-width: 360px) { .focus-sezioni-standard .focus-sezioni-standard-inner ul#nav-archivio li{display:block; width:100%;} } .anteprima-news{margin:20px 0; border-bottom:1px solid #c6c6c6; padding-bottom:20px;} .anteprima-news .pic-anteprima-news{width:30%; height:167px; float:left; overflow:hidden; position:relative;} .anteprima-news .pic-anteprima-news .hover{background:url(../img/comuni/transp.png); position:absolute;z-index:10; width:100%; height:100%;} .anteprima-news .pic-anteprima-news .hover img{display:none; position:absolute; z-index:10; top: 50%; left: 50%; margin-top: -17px; margin-left: -18px;} .anteprima-news .pic-anteprima-news .hover:hover{background:url(../img/comuni/bg-hover.png);} /*retina display*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { .anteprima-news .pic-anteprima-news .hover{background:transparent;} .anteprima-news .pic-anteprima-news .hover:hover{background:transparent;} .anteprima-news .pic-anteprima-news .hover:hover img{display:none!Important;} } .anteprima-news .pic-anteprima-news .hover:hover img{display:block;} .anteprima-news .abstract{width:70%; float:left; padding-left:20px;} .anteprima-news .abstract p.data{font-weight:400; font-size:0.875em/*14px*/; margin:0;} .anteprima-news .abstract h3{font-weight:400; font-size:1.125em/*18px*/; text-transform:uppercase; color:#41b7d4; margin:15px 0 10px 0;} .anteprima-news .abstract h3 a{text-decoration:none;} .anteprima-news .abstract p{font-size:1.000em/*16px*/; line-height:20px; margin:0;} @media (max-width: 480px) { .anteprima-news .abstract p.data{font-weight:400; font-size:0.875em/*14px*/; margin:20px 0 0 0;} .anteprima-news .pic-anteprima-news{width:100%; height:267px; float:none; overflow:hidden; position:relative;} .anteprima-news .abstract{width:100%; float:none; padding-left:0; display:block;} } @media (max-width: 320px) { .anteprima-news .pic-anteprima-news{width:100%; height:237px; float:none; overflow:hidden; position:relative;} } #paginazione{text-align:right; padding-bottom:50px;} @media (max-width:966px) { #paginazione{text-align:center; padding-bottom:50px; margin-bottom:30px; clear:both!Important;} } #paginazione p{margin:0;} #paginazione p a{text-decoration:none; color:#000;} #paginazione p a:hover{color:#41b7d4;} #pic-principale{overflow:hidden; height:330px; margin-top:35px;} @media (max-width:1024px) { #pic-principale{margin-top:-20px; height:272px;} } @media (max-width:966px) { #pic-principale{margin-top:-20px;} } @media (max-width:640px) { #pic-principale{margin-top:-20px; height:301px;} } @media (max-width:604px) { #pic-principale{margin-top:-20px; height:283px;} } @media (max-width:568px) { #pic-principale{margin-top:-20px; height:264px;} } @media (max-width:534px) { #pic-principale{margin-top:-20px; height:247px;} } @media (max-width:480px) { #pic-principale{margin-top:-20px; height:219px;} } @media (max-width:424px) { #pic-principale{margin-top:-20px; height:191px;} } @media (max-width:484px) { #pic-principale{margin-top:-20px; height:171px;} } @media (max-width:360px) { #pic-principale{overflow:hidden; height:159px;} } @media (max-width:320px) { #pic-principale{overflow:hidden; height:138px;} } .side-data{margin-top:30px; font-size:1.000em/*16px*/;} /*--------------------------------- ELENCO PRODOTTI -----------------------------------*/ nav#nav-wrap {margin-top: 10px;} /* menu icon */ #menu-icon {display: none; /* hide menu icon initially */} ul#nav, ul#nav li {margin: 0;padding: 0; font-size:0.938em/*15px*/; text-transform:uppercase;} ul#nav li {list-style: none;float: left;margin-right: 5px;} /* nav link */ ul#nav a {padding: 8px 15px;display: block;color: #000; background: #e5e5e5; text-decoration:none;} ul#nav a:hover {background: #f2f2f2; color:#41b7d4;} ul#nav li:hover > a {background: #f2f2f2; color:#41b7d4;} ul#nav li.active a {background: #f2f2f2; color:#41b7d4;} /* nav dropdown */ ul#nav ul {background: #fff;padding: 2px;position: absolute;/*border: solid 1px #ccc;*/display: none;/* hide dropdown */width: 200px; z-index:7777;} ul#nav ul li {float: none;margin: 0;padding: 0; border-top:1px solid #bdbdbc;} ul#nav ul li a{background: #f2f2f2;} ul#nav ul li:first-child {border-top:none;} ul#nav li:hover > ul {display: block; /* show dropdown on hover */} @media screen and (max-width: 600px) { /* nav-wrap */ nav#nav-wrap {position: relative;} /* menu icon */ #menu-icon {color: #000;width: 100px;height: 30px;background: #e5e5e5 url(../img/ico/ico-menu.png) no-repeat 10px center;padding: 8px 10px 0 42px; cursor: pointer; /*border: solid 1px #666;*/display: block; /* show menu icon */} #menu-icon:hover {background-color: #f2f2f2;} #menu-icon.active {background-color: #f2f2f2;} /* main nav */ ul#nav {clear: both;position: absolute;top: 38px;width: 160px;z-index: 10000;padding: 5px;background: #f8f8f8;border: solid 1px #999;display: none; /* visibility will be toggled with jquery */} ul#nav li {clear: both;float: none;margin: 5px 0 5px 10px;} ul#nav a,ul#nav ul a {font: inherit;background: none;display: inline;padding: 0;color: #666;border: none;} ul#nav a:hover, ul#nav ul a:hover {background: none;color: #41b7d4;} /* dropdown */ ul#nav ul {width: auto;position: static;display: block;border: none;background: inherit;} ul#nav ul li {margin: 3px 0 3px 15px; border-top:0;} } @media screen and (min-width: 600px) { /* ensure #nav is visible on desktop version */ ul#nav {display: block !important;} } section#elenco-prodotti{padding-bottom:190px;} section#elenco-prodotti .col-md-12{/*background:Red;*/} section#elenco-prodotti .thumbnail{padding:0; border:0; box-shadow:0 0 0 0!Important; background:#f1f1f1; border-radius:0; position:relative; margin-bottom:30px;} section#elenco-prodotti .thumbnail-inner{background:url(../img/comuni/transp.png); position:absolute;z-index:10; width:100%; height:100%;} section#elenco-prodotti .thumbnail-inner img{display:none; position:absolute; z-index:10; top: 50%; left: 50%; margin-top: -17px; margin-left: -18px;} section#elenco-prodotti .thumbnail-inner:hover{background:url(../img/comuni/bg-hover.png);} /*retina display*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {section#elenco-prodotti .thumbnail-inner{background:transparent;}} section#elenco-prodotti .thumbnail-inner:hover img{display:block;} section#elenco-prodotti .thumbnail .caption{background:#e5e5e5; position:absolute;z-index:5; bottom:0; width:100%; height:84px; border-left:10px solid #41b7d4; padding:0; display:table;} section#elenco-prodotti .thumbnail .caption .logo{float:left; background:#dadada; width:58px; height:84px; margin-right:15px;} section#elenco-prodotti .thumbnail .abstract{display:table-cell; vertical-align:middle; width:80%; padding-left:10px;} /*@media (max-width: 966px) { section#elenco-prodotti .thumbnail .abstract{background:Red; display:table-cell; vertical-align:middle; width:75%;} } */ section#elenco-prodotti .thumbnail .caption .abstract h3, section#elenco-prodotti .thumbnail .caption .abstract h4{margin:0; padding:0; font-size:1.125em/*18px*/; color:#1d1d1b;} section#elenco-prodotti .thumbnail .caption .abstract h3{text-transform:uppercase; margin-bottom:8px;} section#elenco-prodotti .thumbnail .caption .abstract h4{font-weight:300;} section#elenco-prodotti .thumbnail .pic-anteprima{position:relative; z-index:2;} /*--------------------------------- DETTAGLIO PRODOTTO -----------------------------------*/ #gallery-prodotto{float:left; width:42%; margin-bottom:44px; position:relative;} #gallery-prodotto .pic-principale{width:100%; height:42%; overflow:hidden; position:relative;} #gallery-prodotto .hover-state{background:url(../img/comuni/transp.png); position:absolute;z-index:10; width:100%; height:100%;} #gallery-prodotto .hover-state img{display:none; position:absolute; z-index:10; top: 50%; left: 50%; margin-top: -17px; margin-left: -18px;} #gallery-prodotto .hover-state:hover{background:url(../img/comuni/bg-hover.png);} /*retina display*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {#gallery-prodotto .hover-state{background:transparent;}} #gallery-prodotto .hover-state:hover img{display:block;} #gallery-prodotto .main{position:relative; z-index:2;} #gallery-prodotto #thumbs-gallery{margin-top:10px;} #gallery-prodotto #thumbs-gallery ul{margin:0; padding:0; list-style:none;} #gallery-prodotto #thumbs-gallery ul li{display:inline-block; *display: inline; zoom: 1; width:22%; height:20%; overflow:hidden; margin:0 11px 11px 0; position:relative;} #gallery-prodotto #thumbs-gallery ul li:nth-child(4n){margin:0 -1px 11px 0;} /*retina display*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { #gallery-prodotto #thumbs-gallery ul li{display:inline-block; *display: inline; zoom: 1; width:31%; height:31%; overflow:hidden; margin:0 6px 5px 0!Important; position:relative;} #gallery-prodotto #thumbs-gallery ul li:nth-child(3n){margin:0 6px 5px 0!Important;} #gallery-prodotto #thumbs-gallery ul li:nth-child(4n){margin:0 0 5px 17px!Important;} } @media screen and (max-width: 1024px) { #gallery-prodotto #thumbs-gallery ul li{display:inline-block; *display: inline; zoom: 1; width:31%; height:31%; overflow:hidden; margin:0 6px 5px 0!Important; position:relative;} #gallery-prodotto #thumbs-gallery ul li:nth-child(3n){margin:0 -10px 5px 0!Important;} } @media screen and (max-width: 604px) { #gallery-prodotto #thumbs-gallery ul li{display:inline-block; *display: inline; zoom: 1; width:30%; height:30%; overflow:hidden; margin:0 8px 5px 0!Important; position:relative;} #gallery-prodotto #thumbs-gallery ul li:nth-child(3n){margin:0 0 5px 0!Important;} } @media screen and (max-width: 568px) { #gallery-prodotto #thumbs-gallery ul li{display:inline-block; *display: inline; zoom: 1; width:30%; height:30%; overflow:hidden; margin:0 7px 5px 0!Important; position:relative;} #gallery-prodotto #thumbs-gallery ul li:nth-child(3n){margin:0 0 5px 0!Important;} } @media screen and (max-width: 480px) { #gallery-prodotto #thumbs-gallery ul li{display:inline-block; *display: inline; zoom: 1; width:30%; height:30%; overflow:hidden; margin:0 5px 5px 0!Important; position:relative;} #gallery-prodotto #thumbs-gallery ul li:nth-child(3n){margin:0 0 5px 0!Important;} } @media screen and (max-width: 424px) { #gallery-prodotto{float:none; width:100%; margin-bottom:44px;} #gallery-prodotto #thumbs-gallery ul li{display:inline-block; *display: inline; zoom: 1; width:30%; height:30%; overflow:hidden; margin:0 15px 15px 0!Important; position:relative;} #gallery-prodotto #thumbs-gallery ul li:nth-child(3n){margin:0 0 15px 0!Important;} } @media screen and (max-width: 384px) { #gallery-prodotto{float:none; width:100%; margin-bottom:44px;} #gallery-prodotto #thumbs-gallery ul li{display:inline-block; *display: inline; zoom: 1; width:30%; height:30%; overflow:hidden; margin:0 13px 13px 0!Important; position:relative;} #gallery-prodotto #thumbs-gallery ul li:nth-child(3n){margin:0 0 13px 0!Important;} } @media screen and (max-width: 360px) { #gallery-prodotto{float:none; width:100%; margin-bottom:44px;} #gallery-prodotto #thumbs-gallery ul li{display:inline-block; *display: inline; zoom: 1; width:30%; height:30%; overflow:hidden; margin:0 12px 12px 0!Important; position:relative;} #gallery-prodotto #thumbs-gallery ul li:nth-child(3n){margin:0 0 12px 0!Important;} } @media screen and (max-width: 320px) { #gallery-prodotto{float:none; width:100%; margin-bottom:44px;} #gallery-prodotto #thumbs-gallery ul li{display:inline-block; *display: inline; zoom: 1; width:30%; height:30%; overflow:hidden; margin:0 10px 12px 0!Important; position:relative;} #gallery-prodotto #thumbs-gallery ul li:nth-child(3n){margin:0 0 10px 0!Important;} } #gallery-prodotto #thumbs-gallery ul li .hover-state{background:url(../img/comuni/transp.png); position:absolute;z-index:10; width:100%; height:100%;} #gallery-prodotto #thumbs-gallery ul li .hover-state img{display:none; position:absolute; z-index:10; top: 50%; left: 50%; margin-top: -17px; margin-left: -18px;} #gallery-prodotto #thumbs-gallery ul li .hover-state:hover{background:url(../img/comuni/bg-hover.png);} /*retina display*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {#gallery-prodotto #thumbs-gallery ul li .hover-state{background:transparent;}} #gallery-prodotto #thumbs-gallery ul li .hover-state:hover img{display:block;} #gallery-prodotto #thumbs-gallery ul li .zoom{position:relative; z-index:2;} /*Firefox*/ @-moz-document url-prefix() { #gallery-prodotto #thumbs-gallery ul li{display:inline-block; *display: inline; zoom: 1; width:22%; height:20%; overflow:hidden; margin:0 11px 11px 0; position:relative;} #gallery-prodotto #thumbs-gallery ul li:nth-child(4n){margin:0 -1px 11px 0;} } /* Safari Chrome*/ @media screen and (-webkit-min-device-pixel-ratio:0) { #gallery-prodotto #thumbs-gallery ul li{display:inline-block; *display: inline; zoom: 1; width:22%; height:20%; overflow:hidden; margin:0 11px 11px 0; position:relative;} #gallery-prodotto #thumbs-gallery ul li:nth-child(4n){margin:0 0 11px 0;} } #btn_acquista{margin-top:15px;} #caratteristiche-prodotto{float:right; width:58%; margin-bottom:24px; padding-left:30px;} #caratteristiche-prodotto #loghetto-prodotto{display:block;} #caratteristiche-prodotto h3{color:#868685; font-size:0.875em/*14px*/; margin:20px 0 5px 0;} #caratteristiche-prodotto p{font-size:1.000em/*16px*/; margin:0 0 0 0;} #caratteristiche-prodotto label, #caratteristiche-prodotto h4{color:#868685; font-size:0.875em/*14px*/; text-transform:uppercase; font-weight:300; display:block;} #caratteristiche-prodotto #scelta-taglia{float:left; width:167px; margin:0 30px 20px 0; overflow:hidden;} #caratteristiche-prodotto #scelta-quantita{float:left; width:71px; margin-bottom:20px;} #caratteristiche-prodotto #scelta-colore{width:100%;} #caratteristiche-prodotto #scelta-colore ul{margin:0; padding:0; list-style:none; border-top:1px solid #c6c6c6;} #caratteristiche-prodotto #scelta-colore ul li{display:inline-block; *display: inline; zoom: 1; width:70px; height:25px; margin:0 20px 10px 0;} #caratteristiche-prodotto #scelta-colore ul li:nth-child(5n){margin:0 0 10px 0;} #caratteristiche-prodotto #scelta-colore ul li a { display:block; width:70px; padding:10px; outline:none } #caratteristiche-prodotto #scelta-colore ul li a:hover, #caratteristiche-prodotto #scelta-colore ul li.active a{background:#e9e9e9;} #caratteristiche-prodotto #scelta-colore ul li a span{display:block; width:50px; height:10px; /*background:#73c19a; */border:1px solid #666666;} #caratteristiche-prodotto input[type="text"]{width:69px; height:36px; border:1px solid #a0a0a0; text-align:center; font-size:1.000em/*16px*/;} #caratteristiche-prodotto .styled-select select {background: transparent;width: 187px;padding: 5px; font-size:0.875em/*14px*/; line-height: 1;border: 0;border-radius: 0; height: 36px; -webkit-appearance: none; text-transform:uppercase;} #caratteristiche-prodotto .styled-select {width: 165px; height: 36px; overflow: hidden; background:url(../img/ico/ico-arrow-select.png) no-repeat 132px 0 #fff; border:1px solid #a0a0a0;} /* Firefox */ @-moz-document url-prefix() { #caratteristiche-prodotto .styled-select select {background: transparent;width: 187px;padding: 10px 5px 5px 5px; font-size:0.875em/*14px*/; line-height: 2;border: 0;border-radius: 0; height: 36px; -webkit-appearance: none; text-transform:uppercase;} #caratteristiche-prodotto .styled-select {width: 167px; height: 36px; overflow: hidden; background:url(../img/ico/ico-arrow-select.png) no-repeat 132px -1px #fff; border:1px solid #a0a0a0;} } /* Safari Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { #caratteristiche-prodotto .styled-select select {background: transparent;width: 187px;padding: 5px; font-size:0.875em/*14px*/; line-height: 1;border: 0;border-radius: 0; height: 36px; -webkit-appearance: none; text-transform:uppercase;} #caratteristiche-prodotto .styled-select {width: 167px; height: 36px; overflow: hidden; background:url(../img/ico/ico-arrow-select.png) no-repeat 132px 0 #fff; border:1px solid #a0a0a0;} } #caratteristiche-prodotto #scelta-logo{margin-bottom:25px;} #caratteristiche-prodotto #prezzo p { font-size: 2em; color: #555 } #caratteristiche-prodotto button { background:#41b7d4; border:none; color:#fff; text-transform:uppercase; margin-bottom: 20px; width:55%; height:45px; line-height:45px; text-align:center; margin-right:30px; float:left;} #caratteristiche-prodotto button:hover {background:#bcbcbc;} #caratteristiche-prodotto p.button a{background:#bcbcbc; border:none; color:#fff; text-transform:uppercase; width:38%; height:45px; line-height:45px; text-align:center; float:left; text-decoration:none;} #caratteristiche-prodotto p.button a:hover {background:#41b7d4;} @media screen and (max-width: 1024px) { #caratteristiche-prodotto #scelta-colore ul li:nth-child(5n){margin:0 20px 10px 0;} #caratteristiche-prodotto button {background:#41b7d4; border:none; color:#fff; text-transform:uppercase; width:50%; height:45px; line-height:45px; text-align:center; margin-right:30px; float:left;} } @media screen and (max-width: 640px) { #caratteristiche-prodotto button {background:#41b7d4; border:none; color:#fff; text-transform:uppercase; width:100%; height:45px; line-height:45px; text-align:center; margin-right:0; margin-bottom:15px; float:none;} #caratteristiche-prodotto p.button a{background:#bcbcbc; border:none; color:#fff; text-transform:uppercase; width:100%; height:45px; line-height:45px; text-align:center; float:none; text-decoration:none; display:block;} } @media screen and (max-width: 568px) { #caratteristiche-prodotto #scelta-colore ul li{display:inline-block; *display: inline; zoom: 1; width:70px; height:25px; margin:0 20px 10px 0;} #caratteristiche-prodotto #scelta-colore ul li:nth-child(3n){margin:0 0 10px 0;} } @media screen and (max-width: 534px) { #caratteristiche-prodotto #scelta-colore ul li{display:inline-block; *display: inline; zoom: 1; width:70px; height:25px; margin:0 20px 10px 0;} #caratteristiche-prodotto #scelta-colore ul li:nth-child(1n){margin:0 0 10px 0!Important;} } @media screen and (max-width: 424px) { #caratteristiche-prodotto{float:none; width:100%; margin-bottom:54px; padding-left:0;} #caratteristiche-prodotto button {background:#41b7d4; border:none; color:#fff; text-transform:uppercase; width:100%; height:45px; line-height:45px; text-align:center; margin-right:0; margin-bottom:15px; float:none;} #caratteristiche-prodotto p.button a{background:#bcbcbc; border:none; color:#fff; text-transform:uppercase; width:100%; height:45px; line-height:45px; text-align:center; float:none; text-decoration:none; display:block;} } #info-prodotto{margin-bottom:20px;} #info-prodotto h4{color:#41b7d4; text-transform:uppercase; font-size:1.125em/*18px*/; margin:0 0 10px 0;} #info-prodotto .nav-tabs {border-bottom:0; border-top: 1px solid #b6b6b6; border-left: 1px solid #b6b6b6; border-right: 1px solid #b6b6b6;} #info-prodotto .nav-tabs > li > a {border-right: 1px solid #b6b6b6; border-left:0; border-top:0; border-bottom:0; border-radius: 0 0 0 0; line-height: 1.42857; margin-right: 0; text-decoration:none;} #info-prodotto .tab-content{border: 1px solid #b6b6b6; font-size:1.000em/*16px*/; line-height:20px;} #info-prodotto .tab-pane{padding:20px;} #prodotti-correlati h4{color:#41b7d4; text-transform:uppercase; font-size:1.125em/*18px*/; margin:0 0 10px 0;} #prodotti-correlati .box-prodotto{border-bottom:1px solid #8e8e8d; padding-bottom:10px; margin-bottom:10px; positon:relative;} #prodotti-correlati .box-prodotto .thumb-anteprima{width:38%; height:38%;hoverflow:hidden; float:left;} #prodotti-correlati .box-prodotto a .abstract{color:#000;} #prodotti-correlati .box-prodotto a .abstract h5{color:#000; font-size:1.125em/*18px*/; margin:0 0 10px 0;} #prodotti-correlati .box-prodotto a:hover .abstract h5{color:#41b7d4;} #prodotti-correlati .box-prodotto a .abstract h6{font-weight:300; font-size:1.000em/*16px*/; margin:0;} #prodotti-correlati .box-prodotto .abstract{width:62%; text-transform:uppercase; padding-left:10px; float:right;} #prodotti-correlati .box-prodotto .abstract-inner{width:100%; height:100px; position:relative;} #prodotti-correlati .box-prodotto .abstract-inner .focus-prodotto{width:100%; position:absolute; bottom:0; background:url(../img/ico/ico-arrow-right.png) no-repeat bottom right; padding-right:20px;} #prodotti-correlati .box-prodotto a:hover .abstract .abstract-inner .focus-prodotto{background:url(../img/ico/ico-arrow-right_hover.png) no-repeat bottom right;} @media screen and (max-width: 1024px) { #prodotti-correlati .box-prodotto .abstract-inner{width:100%; height:80px; position:relative;} #prodotti-correlati .box-prodotto a .abstract h5{color:#000; font-size:0.875em/*14px*/; margin:0 0 10px 0;} #prodotti-correlati .box-prodotto a .abstract h6{font-weight:300; font-size:0.813em/*13px*/; margin:0;} #prodotti-correlati .box-prodotto .abstract-inner .focus-prodotto{width:100%; position:absolute; bottom:0; background:url(../img/ico/ico-arrow-right.png) no-repeat bottom right; padding-right:25px;} } @media screen and (max-width: 966px) { #prodotti-correlati .box-prodotto a .abstract h5{color:#000; font-size:1.375em/*22px*/; margin:0 0 10px 0;} #prodotti-correlati .box-prodotto a .abstract h6{font-weight:300; font-size:1.250em/*20px*/; margin:0;} #prodotti-correlati .box-prodotto .abstract-inner{width:100%; height:277px; position:relative;} } @media screen and (max-width: 753px) { #prodotti-correlati .box-prodotto .abstract-inner{width:100%; height:272px; position:relative;} } @media screen and (max-width: 640px) { #prodotti-correlati .box-prodotto .abstract-inner{width:100%; height:227px; position:relative;} } @media screen and (max-width: 604px) { #prodotti-correlati .box-prodotto .abstract-inner{width:100%; height:214px; position:relative;} } @media screen and (max-width: 568px) { #prodotti-correlati .box-prodotto .abstract-inner{width:100%; height:199px; position:relative;} } @media screen and (max-width: 534px) { #prodotti-correlati .box-prodotto .abstract-inner{width:100%; height:186px; position:relative;} } @media screen and (max-width: 480px) { #prodotti-correlati .box-prodotto .abstract-inner{width:100%; height:166px; position:relative;} } @media screen and (max-width: 424px) { #prodotti-correlati .box-prodotto .abstract-inner{width:100%; height:144px; position:relative;} } @media screen and (max-width: 384px) { #prodotti-correlati .box-prodotto .abstract-inner{width:100%; height:131px; position:relative;} } @media screen and (max-width: 360px) { #prodotti-correlati .box-prodotto .abstract-inner{width:100%; height:120px; position:relative;} } @media screen and (max-width: 320px) { #prodotti-correlati .box-prodotto .abstract-inner{width:100%; height:106px; position:relative;} } #info-prodotto .panel-heading{padding:10px 10px 1px 10px!Important;} #info-prodotto .panel-title a{text-decoration:none; color:#000; font-weight:300;} #info-prodotto .panel-title h4{margin:0;} /*--------------------------------- CONTATTI -----------------------------------*/ .sede{border-bottom:1px solid #c6c6c6; padding-bottom:10px; margin-bottom:35px;} .sede .recapiti{float:left; width:50%;} .sede .recapiti .flag img{float:left; margin-right:15px;} .sede .recapiti .flag h3{margin:0; text-transform:uppercase; color:#41b7d4; font-size:1.125em/*18px*/; line-height:25px;} .sede .recapiti h4{font-size:1.000em/*16px*/; text-transform:uppercase;} .sede .recapiti ul{margin:0 0 20px 0; padding:0; list-style:none; font-size:1.000em/*14px*/;} .sede .recapiti ul li{margin:15px 0 0 0;} .sede .recapiti ul li a{color:#000; text-decoration:none;} .sede .recapiti ul li a:hover{color:#298aa2; text-decoration:underline;} .sede .recapiti ul li.address{list-style:url(../img/ico/ico-marker.png); margin-left:15px;} .sede .recapiti ul li.phone{list-style:url(../img/ico/ico-phone.png); margin-left:15px;} .sede .recapiti ul li.mail{list-style:url(../img/ico/ico-mail.png); margin-left:15px;} .sede .recapiti ul li.fax{list-style:url(../img/ico/ico-fax.png); margin-left:15px;} .sede .mappa{width:50%; float:right; height: 288px;overflow: hidden;padding-bottom: 0; position: relative;} .sede .mappa iframe{height: 288px; left: 0;position: absolute;top: 0;width: 100%;} @media screen and (max-width: 966px) { .sede .recapiti{float:none; width:100%; margin-bottom:20px;} .sede .mappa{width:100%; float:none; height: 288px;overflow: hidden;padding-bottom: 0; position: relative;} .sede .mappa iframe{height: 288px; left: 0;position: absolute;top: 0;width: 100%;} } #form-contatti{border-right:1px solid #c6c6c6; margin-bottom:30px; min-height:200px;} @media screen and (max-width: 966px) { #form-contatti{border-right:0; margin-bottom:30px; min-height:inherit;} } #form-contatti h5{text-transform:uppercase; color:#41b7d4; font-size:1.125em/*18px*/; margin-bottom:20px;} #form-contatti .field{margin-bottom:10px;} #form-contatti .privacy-field{margin-left:20%;} #form-contatti label{text-align:right; width:15%;text-transform:uppercase; color:#868685; font-weight:300; font-size:0.875em/*14px*/; float:left;} #form-contatti label.privacy{text-align:right; width:inherit;text-transform:none; font-size:0.750em/*12px*/; float:none;} #form-contatti label.error{clear:both; width:80%; text-align:left; color:#c40808; margin-top:5px; font-weight:400; text-transform:none; margin-left:20%;} #form-contatti label.privacy a{text-decoration:underline; color:#868685;} #form-contatti label.privacy a:hover{text-decoration:none;} #form-contatti input[type="text"]{width:80%; background:#e9e9e9; border:1px solid #e9e9e9; color:#000; padding-left:5px; font-size:0.875em/*14px*/; float:right;} #form-contatti button{background:#41b7d4; border:1px solid #41b7d4; color:#fff; font-size:1.000/*16px*/; text-transform:uppercase; padding:10px 15px; float:right; margin-top:10px;} #form-contatti button:hover{background:#666; border:1px solid #666;} #form-contatti textarea{background:#fff; border:1px solid #a8a8a8; color:#000; width:80%; float:right; font-size:0.875em/*14px*/; padding:5px 0 0 5px;} #form-contatti .privacy-field label.error{clear:both; width:100%; text-align:left; color:#c40808; margin-top:5px; font-weight:400; text-transform:none; margin-left:0;} #form-contatti input[type="checkbox"]{vertical-align: text-bottom; margin-right:5px;} /* Opera Hacks */ doesnotexist:-o-prefocus, #form-contatti input[type="checkbox"]{vertical-align:text-top; margin-right:5px; float:none;} #form-contatti .privacy-field h6{color:#868685; font-weight:300; font-size:0.875em/*14px*/;} #form-contatti #loading{margin:15px 15px 0 0; float:right;} @media screen and (max-width: 768px) { #form-contatti .privacy-field{margin-left:0;} #form-contatti label{text-align:left; width:inherit;text-transform:uppercase; color:#868685; font-weight:300; font-size:0.875em/*14px*/; float:none; display:block;} #form-contatti label.privacy{text-align:left; width:inherit;text-transform:none; font-size:0.750em/*12px*/; float:none;} #form-contatti label.privacy a{text-decoration:underline; color:#868685;} #form-contatti label.error{clear:both; width:100%; text-align:left; color:#c40808; margin-top:5px; font-weight:400; text-transform:none; margin-left:0;} #form-contatti .privacy-field label.error{clear:both; width:100%; text-align:left; color:#c40808; margin-top:5px; font-weight:400; text-transform:none; margin-left:0;} #form-contatti input[type="text"]{width:100%; background:#e9e9e9; border:1px solid #e9e9e9; color:#000; padding-left:5px; font-size:0.875em/*14px*/; float:none; display:block;} #form-contatti textarea{background:#fff; border:1px solid #a8a8a8; color:#000; width:100%; float:none; display:block; font-size:0.875em/*14px*/; padding:5px 0 0 5px;} #form-contatti label.privacy{text-align:right; width:inherit;text-transform:none; font-size:0.750em/*12px*/; float:none; display:inline;} } #result p{color:#0f4b0c; background:#d3f3d3; font-weight:400; text-align:center; padding:20px 0; font-size:0.875em/*14px*/;} @media screen and (max-width: 966px) { #job{margin-bottom:40px;} } #job h5{text-transform:uppercase; color:#41b7d4; font-size:1.125em/*18px*/; margin-bottom:20px;} #job #pic-job {margin-bottom:20px;} #job #pic-job .thumb-job{width:262px; height:143px; overflow:hidden; float:left; margin-left:30px;} #job #pic-job .thumb-job:first-child{margin-left:0;} @media screen and (max-width: 1024px) { #job #pic-job .thumb-job{width:46%; height:143px; overflow:hidden; float:left; margin-left:30px;} #job #pic-job .thumb-job:first-child{margin-left:0;} } @media screen and (max-width: 966px) { #job #pic-job .thumb-job{width:262px; height:143px; overflow:hidden; float:left; margin-left:30px;} #job #pic-job .thumb-job:first-child{margin-left:0;} } @media screen and (max-width: 600px) { #job #pic-job .thumb-job{width:100%; height:300px; overflow:hidden; float:left; margin-left:0;margin-top:20px;} #job #pic-job .thumb-job:first-child{margin-left:0; margin-top:0;} } @media screen and (max-width: 480px) { #job #pic-job .thumb-job{width:100%; height:250px; overflow:hidden; float:left; margin-left:0;margin-top:20px;} #job #pic-job .thumb-job:first-child{margin-left:0; margin-top:0;} } @media screen and (max-width: 424px) { #job #pic-job .thumb-job{width:100%; height:220px; overflow:hidden; float:left; margin-left:0;margin-top:20px;} #job #pic-job .thumb-job:first-child{margin-left:0; margin-top:0;} } @media screen and (max-width: 384px) { #job #pic-job .thumb-job{width:100%; height:190px; overflow:hidden; float:left; margin-left:0;margin-top:20px;} #job #pic-job .thumb-job:first-child{margin-left:0; margin-top:0;} } @media screen and (max-width: 384px) { #job #pic-job .thumb-job{width:100%; height:160px; overflow:hidden; float:left; margin-left:0;margin-top:20px;} #job #pic-job .thumb-job:first-child{margin-left:0; margin-top:0;} } #job p.btn {float:right; margin:10px 0 0 0; padding:0;} #job p.btn a{font-weight:300; text-decoration:none; background:#41b7d4; border:1px solid #41b7d4; color:#fff; font-size:1.000/*16px*/; text-transform:uppercase; padding:10px 15px;} #job p.btn a:hover{background:#666; border:1px solid #666;} /*--------------------------------- RICHIESTA PREVENTIVO -----------------------------------*/ #richiesta-preventivo {margin-bottom:40px;} #richiesta-preventivo table{margin-top:0;} #richiesta-preventivo table th{border:0;color:#868685; font-weight:300; padding:0;} #richiesta-preventivo table tbody td{padding:15px 0 15px 0;} #richiesta-preventivo table tbody tr{border-bottom:1px solid #c6c6c6;} @media screen and (min-width: 768px) { #richiesta-preventivo table .anteprima-prodotto{width:5%; text-transform:uppercase;} #richiesta-preventivo table .riepilogo-prodotto {width:35%; padding-left:20px;} #richiesta-preventivo table .taglia {width:12%; text-align:center; text-transform:uppercase; font-size:0.938em/*15px*/;} #richiesta-preventivo table .quantita {width:12%; text-align:center; text-transform:uppercase; font-size:0.938em/*15px*/;} #richiesta-preventivo table .colore {width:12%; text-align:center; text-transform:uppercase; font-size:0.938em/*15px*/;} #richiesta-preventivo table .logo {width:12%; text-align:center; text-transform:uppercase; font-size:0.938em/*15px*/;} #richiesta-preventivo table .cancella {width:12%; text-align:center; text-transform:uppercase; font-size:0.938em/*15px*/;} } #richiesta-preventivo table .taglia p{line-height:36px;} #richiesta-preventivo table .quantita input[type="text"]{width:100%; height:36px; background:#fff; border:1px solid #a0a0a0; text-align:center; margin:auto!Important;} #richiesta-preventivo table .colore .thumb-color {width:50%; height:10px; /*background:#73c19a;*/ margin:12px auto;} #richiesta-preventivo table .logo p{line-height:36px;} #richiesta-preventivo table .cancella button{background:url(../img/ico/ico-del.gif) center center; border:none; width:14px; height:14px; margin-top:10px;} /*retina display*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {#richiesta-preventivo table .cancella button{background:url(../img/ico/ico-del.gif) center center no-repeat; border:none; width:14px; height:14px; margin-top:10px;} } #richiesta-preventivo table .anteprima-prodotto .thumb-prodotto{width:68px; height:68px; overflow:hidden;} #richiesta-preventivo table td.riepilogo-prodotto ul{margin:0; padding:0; list-style:none; font-size:0.938em/*15px*/;} #richiesta-preventivo table td.riepilogo-prodotto ul li.codice{color:#868685; margin-bottom:10px;} #richiesta-preventivo table td.riepilogo-prodotto ul li.titolo{color:#41b7d4; font-weight:400;} #richiesta-preventivo button.aggiungi-prodotto{background:#fff url(../img/ico/ico-add.gif) no-repeat center left; border:none; color:#868685; text-transform:uppercase; font-size:0.938em/*15px*/; height:22px; padding-left:30px;} @media screen and (max-width: 753px) { #richiesta-preventivo table .anteprima-prodotto{display:none;} #richiesta-preventivo table .riepilogo-prodotto {width:10%!Important; padding-left:1%!Important; padding-right:1%!Important;} #richiesta-preventivo table .riepilogo-prodotto span.titolo {display:block; text-transform:uppercase; font-size:0.813em/*13px*/;} #richiesta-preventivo table .taglia {width:18%!Important; text-align:center!Important; text-transform:uppercase; font-size:0.813em/*13px*/; padding-left:2%!Important; padding-right:2%!Important;} #richiesta-preventivo table .quantita {width:18%; text-align:center!Important; text-transform:uppercase; font-size:0.813em/*13px*/; padding-left:2%!Important; padding-right:2%!Important;} #richiesta-preventivo table .colore {width:18%!Important; text-align:center!Important; text-transform:uppercase; font-size:0.813em/*13px*/; padding-left:2%!Important; padding-right:2%!Important;} #richiesta-preventivo table .logo {width:18%!Important; text-align:center!Important; text-transform:uppercase; font-size:0.813em/*13px*/; padding-left:2%!Important; padding-right:2%!Important;} #richiesta-preventivo table .cancella {width:18%!Important; text-align:center!Important; text-transform:uppercase; font-size:0.813em/*13px*/; padding-left:2%!Important; padding-right:2%!Important;} } @media screen and (max-width: 480px) { #richiesta-preventivo table td.riepilogo-prodotto ul{margin:0; padding:0; list-style:none; font-size:0.813em/*13px*/;} #richiesta-preventivo table .taglia {width:18%!Important; text-align:center!Important; text-transform:uppercase; font-size:0.813em/*13px*/!Important; padding-left:2%!Important; padding-right:2%!Important;} #richiesta-preventivo table .quantita {width:18%; text-align:center!Important; text-transform:uppercase; font-size:0.813em/*13px*/!Important; padding-left:2%!Important; padding-right:2%!Important;} #richiesta-preventivo table .colore {width:18%!Important; text-align:center!Important; text-transform:uppercase; font-size:0.813em/*13px*/!Important; padding-left:2%!Important; padding-right:2%!Important;} #richiesta-preventivo table .logo {width:18%!Important; text-align:center!Important; text-transform:uppercase; font-size:0.813em/*13px*/!Important; padding-left:2%!Important; padding-right:2%!Important;} } @media screen and (max-width: 360px) { #richiesta-preventivo table td.riepilogo-prodotto ul{margin:0; padding:0; list-style:none; font-size:0.750em/*13px*/;} #richiesta-preventivo table .taglia {width:18%!Important; text-align:center!Important; text-transform:uppercase; font-size:0.750em/*12px*/!Important; padding-left:2%!Important; padding-right:2%!Important;} #richiesta-preventivo table .quantita {width:18%; text-align:center!Important; text-transform:uppercase; font-size:0.750em/*12px*/!Important; padding-left:2%!Important; padding-right:2%!Important;} #richiesta-preventivo table .colore {width:18%!Important; text-align:center!Important; text-transform:uppercase; font-size:0.750em/*12px*/!Important; padding-left:2%!Important; padding-right:2%!Important;} #richiesta-preventivo table .logo {width:18%!Important; text-align:center!Important; text-transform:uppercase; font-size:0.750em/*12px*/!Important; padding-left:2%!Important; padding-right:2%!Important;} #richiesta-preventivo table .cancella {width:18%!Important; text-align:center!Important; text-transform:uppercase; font-size:0.750em/*12px*/; padding-left:2%!Important; padding-right:2%!Important;} } #richiesta-preventivo #dati #form-dati{border:1px solid #9d9d9d;} #richiesta-preventivo #dati #form-dati .half{width:50%; float:left; padding:20px 0 20px 0;} #richiesta-preventivo #dati #form-dati label{text-align:right; width:30%;text-transform:uppercase; color:#868685; font-weight:300; font-size:0.875em/*14px*/; float:left;} #richiesta-preventivo #dati #form-dati label.altro{text-align:right; width:20%;text-transform:uppercase; color:#868685; font-weight:300; font-size:0.875em/*14px*/; float:left;} #richiesta-preventivo #dati #form-dati input[type="text"]{width:165px; background:#e9e9e9; border:1px solid #e9e9e9; color:#000; padding-left:5px; font-size:0.875em/*14px*/; float:left; margin-left:5px;} #richiesta-preventivo #dati #form-dati select{width:165px; height:22px; background:#e9e9e9; border:1px solid #e9e9e9; color:#000; padding: 1px 1px 1px 5px; font-size:0.875em/*14px*/; float:left; margin-left:5px;} #richiesta-preventivo #dati #form-dati .field{width:50%; float:left; margin-bottom:15px;} #richiesta-preventivo #dati #form-dati .field-full{width:100%; margin-bottom:15px;} #richiesta-preventivo label.privacy{text-align:right; width:inherit!Important;text-transform:none!Important; font-size:0.750em/*12px*/; float:none!Important;} /*retina display*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {#richiesta-preventivo label.privacy{text-align:right; width:inherit!Important;text-transform:none!Important; font-size:11px; float:none!Important;}} #richiesta-preventivo label.error{clear:both; width:68%!Important; text-align:left!Important; color:#c40808!Important; margin:5px 0 0 32%; font-weight:400; text-transform:none!Important;} #richiesta-preventivo .privacy-field label.error{clear:both; width:100%!Important; text-align:left!Important; color:#c40808!Important; margin:5px 0 0 0; font-weight:400; text-transform:none!Important;} #richiesta-preventivo label.privacy a{text-decoration:underline; color:#868685;} #richiesta-preventivo label.privacy a:hover{text-decoration:none;} #richiesta-preventivo input[type="checkbox"]{vertical-align:text-bottom; margin-right:5px; float:none;} #richiesta-preventivo textarea{width:390px; height:340px; background:#fff; border:1px solid #a5a5a5; color:#000; padding-left:5px; font-size:0.875em/*14px*/; float:left; margin-left:5px;} #richiesta-preventivo button.richiedi{background:#41b7d4; border:1px solid #41b7d4; color:#fff; font-size:1.000/*16px*/; text-transform:uppercase; padding:10px 15px; float:right; margin-top:10px;} #richiesta-preventivo button.richiedi:hover{background:#666; border:1px solid #666;} #richiesta-preventivo #dati {margin-top:80px;} #richiesta-preventivo #dati h3, #richiesta-preventivo #dati h4{color:#41b7d4; padding:0; } #richiesta-preventivo #dati h3{text-transform:uppercase; font-size:1.125em/*18px*/; float:left; margin:0 0 10px 0!Important;} #richiesta-preventivo #dati h4{color:#41b7d4; float:right; font-size:0.875em/*14px*/; margin:0 0 10px 0!Important;} /*@media screen and (max-width: 640px) { #richiesta-preventivo #dati #form-dati .half{width:100%; float:none; padding:20px 0 20px 0;} #richiesta-preventivo #dati #form-dati .field{width:100%; float:none; margin-bottom:15px;} } */ @media screen and (max-width: 1024px) { #richiesta-preventivo #dati #form-dati{border:1px solid #9d9d9d; padding:10px;} #richiesta-preventivo label.error{clear:both; width:100%!Important; text-align:left!Important; color:#c40808!Important; margin:5px 0 0 0; font-weight:400; text-transform:none!Important;} #richiesta-preventivo #dati #form-dati input[type="text"]{width:90%!Important; background:#e9e9e9; border:1px solid #e9e9e9; color:#000; padding-left:5px; font-size:0.875em/*14px*/; float:left; margin-left:5px;} #richiesta-preventivo #dati #form-dati label{text-align:left; width:30%;text-transform:uppercase; color:#868685; font-weight:300; font-size:0.875em/*14px*/; float:left;} #richiesta-preventivo #dati #form-dati label.altro{text-align:left; width:20%;text-transform:uppercase; color:#868685; font-weight:300; font-size:0.875em/*14px*/; float:none!Important;} #richiesta-preventivo #dati #form-dati input[type="text"]{width:165px; background:#e9e9e9; border:1px solid #e9e9e9; color:#000; padding-left:5px; font-size:0.875em/*14px*/; float:left; margin-left:0;} #richiesta-preventivo #dati #form-dati select{width:165px; height:22px; background:#e9e9e9; border:1px solid #e9e9e9; color:#000; padding: 1px 1px 1px 5px; font-size:0.875em/*14px*/; float:left; margin-left:0;} #richiesta-preventivo textarea{width:98%; height:340px; background:#fff; border:1px solid #a5a5a5; color:#000; padding-left:5px; font-size:0.875em/*14px*/; float:left; margin-left:5px;} #richiesta-preventivo .privacy-field {padding-left:0!Important;} } @media screen and (max-width: 966px) { #richiesta-preventivo .privacy-field {padding-left:0!Important;} #richiesta-preventivo label.privacy{text-align:right; width:80%!Important;text-transform:none!Important; font-size:0.750em/*12px*/; float:none!Important;} #richiesta-preventivo input[type="checkbox"]{vertical-align:top; margin-right:5px; float:none;} #richiesta-preventivo #dati #form-dati select{width:90%; height:22px; background:#e9e9e9; border:1px solid #e9e9e9; color:#000; padding: 1px 1px 1px 5px; font-size:0.875em/*14px*/; float:left; margin-left:0;} } @media screen and (max-width: 640px) { #richiesta-preventivo .privacy-field {padding-left:0!Important;} #richiesta-preventivo label.privacy{text-align:right; width:80%!Important;text-transform:none!Important; font-size:0.750em/*12px*/; float:none!Important;} #richiesta-preventivo input[type="checkbox"]{vertical-align:top; margin-right:5px; float:none;} } @media screen and (max-width: 604px) { #richiesta-preventivo #dati #form-dati{border:1px solid #9d9d9d; padding:10px;} #richiesta-preventivo #dati #form-dati .half{width:100%; float:none; padding:20px 0 20px 0;} #richiesta-preventivo #dati #form-dati label{text-align:left; width:100%;text-transform:uppercase; color:#868685; font-weight:300; font-size:0.875em/*14px*/; float:none;} #richiesta-preventivo #dati #form-dati label.altro{text-align:left; width:100%;text-transform:uppercase; color:#868685; font-weight:300; font-size:0.875em/*14px*/; float:none;} #richiesta-preventivo #dati #form-dati input[type="text"]{width:100%!Important; background:#e9e9e9; border:1px solid #e9e9e9; color:#000; padding-left:5px; font-size:0.875em/*14px*/; float:none; margin-left:0;} #richiesta-preventivo #dati #form-dati select{width:100%; height:22px; background:#e9e9e9; border:1px solid #e9e9e9; color:#000; padding: 1px 1px 1px 5px; font-size:0.875em/*14px*/; float:none; margin-left:0;} #richiesta-preventivo #dati #form-dati .field{width:100%; float:none; margin-bottom:15px;} #richiesta-preventivo textarea{width:100%; height:340px; background:#fff; border:1px solid #a5a5a5; color:#000; padding-left:5px; font-size:0.875em/*14px*/; float:left; margin-left:0;} #richiesta-preventivo label.privacy{text-align:right; width:inherit!Important;text-transform:none!Important; font-size:0.750em/*12px*/; float:none!Important;} #richiesta-preventivo label.error{clear:both; width:100%!Important; text-align:left!Important; color:#c40808!Important; margin:5px 0 0 0; font-weight:400; text-transform:none!Important;} #richiesta-preventivo .privacy-field label.error{clear:both; width:100%!Important; text-align:left!Important; color:#c40808!Important; margin:5px 0 0 0; font-weight:400; text-transform:none!Important;} #richiesta-preventivo input[type="checkbox"]{vertical-align:text-bottom; margin-right:5px; float:none;} #richiesta-preventivo .privacy-field {padding-left:0!Important;} } @media screen and (max-width: 480px) { #richiesta-preventivo label.privacy{width:90%!Important;text-align:right; text-transform:none!Important; font-size:0.688em/*11px*/!Important; float:none!Important;} #richiesta-preventivo .privacy-field label.error{clear:both; width:100%!Important; text-align:left!Important; color:#c40808!Important; margin:5px 0 0 0; font-weight:400; text-transform:none!Important;} #richiesta-preventivo input[type="checkbox"]{vertical-align:text-bottom; margin-right:5px; float:none;} } @media screen and (max-width: 424px) { #richiesta-preventivo input[type="checkbox"]{vertical-align:top; margin-right:5px; float:none;} #richiesta-preventivo label.privacy{width:90%!Important;text-align:right; text-transform:none!Important; font-size:0.688em/*11px*/!Important; float:none!Important; padding-top:2px;} } /* Opera Hacks */ doesnotexist:-o-prefocus, #richiesta-preventivo input[type="checkbox"]{vertical-align:text-top; margin-right:5px; float:none;} #richiesta-preventivo .privacy-field {padding-left:90px;} #richiesta-preventivo .privacy-field h6{color:#868685; font-weight:300; font-size:0.875em/*14px*/;} #totali { font-size:1.3em; } .tendina { background: none repeat scroll 0 0 #e9e9e9; border: 1px solid #e9e9e9; color: #000; font-size: 0.875em; height: 22px; padding: 1px 1px 1px 5px; } /*--------------------------------- LOGIN -----------------------------------*/ #box-login {margin-bottom:100px;} #box-login form{border:1px solid #c0c0c0; background:#e1f4f9; margin-bottom:10px;} #box-login form h2{background:#fff; margin:0; padding:10px; color:#41b7d4; font-size:1.125em/*18px*/; border-bottom:1px solid #c0c0c0;} #box-login label{display:block; font-size:0.875em/*14px*/; font-weight:300; padding:10px 10px 5px 10px; margin:0;} #box-login input{background:#fff; border:1px solid #fff; width:96%; margin:0 2%; height:35px; padding-left:5px;} #box-login .forgot{float:right; clear:both; margin:10px; font-size:0.750em/*12px*/;} #box-login .forgot a{color:#8b8b8b;} #box-login .campi-obb{color:#8b8b8b; margin:10px; font-size:0.875em/*14px*/; float:left;} #box-login button {background:#41b7d4; border:none; color:#fff; text-align:center; float:right; padding:10px 15px; margin:10px;} #box-login button:hover {background:#bcbcbc;} #box-login p{font-size:0.875em/*14px*/;} .alert-ok{background:#bdedb7; padding:10px; border-radius:0;} .alert h6{margin:0 0 5px 0; font-size:1.000em/*16px*/; font-weight:300;} .alert p{margin:0; padding:0;} /*--------------------------------- AREA RISERVATA -----------------------------------*/ #sidebar-account nav#nav-account{margin:-2px 0 40px 0; border-bottom:1px solid #bdbdbe; padding-bottom:12px;} #sidebar-account nav#nav-account ul{margin:0; padding:20px 10px; list-style:none; background:#f4f4f4; font-size:0.875em/*14px*/;} #sidebar-account nav#nav-account ul li {text-transform:uppercase; margin-top:5px;} #sidebar-account nav#nav-account ul li:first-child {margin-top:0;} #sidebar-account nav#nav-account ul li a{text-decoration:none; color:#000; display:block; padding:8px 0 8px 54px;} #sidebar-account nav#nav-account ul li.home a{background:#fff url(../img/ico/ico-home.png) no-repeat 15px center;} #sidebar-account nav#nav-account ul li.home a:hover, #sidebar-account nav#nav-account ul li.home.active a{background:#dcdada url(../img/ico/ico-home_hover.png) no-repeat 15px center;} #sidebar-account nav#nav-account ul li.account a{background:#fff url(../img/ico/ico-account.png) no-repeat 15px center;} #sidebar-account nav#nav-account ul li.account a:hover, #sidebar-account nav#nav-account ul li.account.active a{background:#dcdada url(../img/ico/ico-account_hover.png) no-repeat 15px center;} #sidebar-account nav#nav-account ul li.logout a{background:#fff url(../img/ico/ico-logout.png) no-repeat 15px center;} #sidebar-account nav#nav-account ul li.logout a:hover, #sidebar-account nav#nav-account ul li.logout.active a{background:#dcdada url(../img/ico/ico-logout_hover.png) no-repeat 15px center;} section#download-section h2{color:#41b7d4; font-size:1.125em/*18px*/; margin:15px 0 10px 0; padding:0;} section#download-section h3{margin:0; padding:0; font-size:1.000em/*16px*/; font-weight:300;} section#download-section nav#elenco-file{border:1px solid #c0c0c0; margin:25px 0;} section#download-section nav#elenco-file h4{border-bottom:1px solid #c0c0c0; color:#41b7d4; text-transform:uppercase; font-weight:300px; margin:0; padding:10px;} section#download-section nav#elenco-file ul{margin:0; padding:0 10px; list-style:none; background:#e1f4f9;} section#download-section nav#elenco-file ul li {border-top:1px solid #c0c0c0; padding:6px 0;} section#download-section nav#elenco-file ul li:first-child {border-top:none;} section#download-section nav#elenco-file ul li {background:url(../img/ico/ico-arrow-down.png) no-repeat center right;} section#download-section nav#elenco-file ul li:hover{background:url(../img/ico/ico-arrow-down_hover.png) no-repeat center right;} section#download-section nav#elenco-file ul li a{display:block; color:#000; text-decoration:none;} section#download-section nav#elenco-file ul li.pdf a{background:url(../img/ico/ico-doc-pdf.png) no-repeat center left; padding:6px 40px;} section#download-section nav#elenco-file ul li.swf a{background:url(../img/ico/ico-doc-swf.png) no-repeat center left; padding:6px 40px;} section#download-section nav#elenco-file ul li.txt a{background:url(../img/ico/ico-doc-txt.png) no-repeat center left; padding:6px 40px;} section#download-section nav#elenco-file ul li.youtube a{background:url(../img/ico/ico-doc-youtube.png) no-repeat center left; padding:6px 40px;} section#download-section nav#elenco-file ul li.zip a{background:url(../img/ico/ico-doc-zip.png) no-repeat center left; padding:6px 40px;} section#download-section nav#elenco-file ul li.doc a{background:url(../img/ico/ico-doc-doc.png) no-repeat center left; padding:6px 40px;} section#download-section nav#elenco-file ul li.mp3 a{background:url(../img/ico/ico-doc-mp3.png) no-repeat center left; padding:6px 40px;} section#download-section nav#elenco-file ul li.email a{background:url(../img/ico/ico-doc-email.png) no-repeat center left; padding:6px 40px;} #search-doc{margin:-2px 0 40px 0; border-bottom:1px solid #bdbdbe; padding-bottom:12px;} #search-doc form{background:#f4f4f4; padding:20px 10px;} #search-doc form input[type="text"]{background:#fff; border:none; height:30px; width:87%; color:#000; padding-left:5px; float:left;} #search-doc form input[type="submit"]{background:#cbcbcb url(../img/ico/ico-search-download.png) no-repeat center center; border:none; width:30px; height:30px; float:left;} /*retina display*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { /* #search-doc form input[type="text"]{background:#b0d6e0; border:none; height:30px; float:right; width:110px!Important; margin:0 5px 0 3px; color:#000!Important; padding-left:5px;}*/ #search-doc form input[type="submit"]{background:#cbcbcb url(../img/ico/ico-search-download.png) no-repeat!Important center center; border:none; width:30px; height:30px; float:left;} } section#section-account{padding-bottom:30px;} section#section-account h2{text-transform:uppercase; color:#41b7d4; font-size:1.250em/*20px*/; margin:20px 0 0 0; padding:0;} section#section-account .box-dati{margin-top:15px;} section#section-account .box-dati p.obb, section#section-account .box-dati p.info{font-size:0.875em/*14px*/; padding-left:35px;} section#section-account .box-dati p.obb{color:#41b7d4;} section#section-account .box-dati p.info{background:url(../img/ico/ico-info.png) no-repeat top left;} section#section-account .box-dati h3{text-transform:uppercase; font-size:1.125em/*18px*/; font-weight:300; border-bottom:1px solid #c8c7c7; margin:0; padding:0 0 5px 0;} section#section-account .box-dati label{font-weight:300; margin:15px 0 5px 0; text-transform:capitalize;} section#section-account .box-dati .field-full input{width:100%; height:30px; background:#e1f4f9; border:1px solid #e1f4f9; padding-left:5px;} section#section-account .box-dati .field{width:70%; float:left;} section#section-account .box-dati .field-full select, section#section-account .box-dati .field select{width:100%; height:30px; background:#e1f4f9; border:1px solid #e1f4f9; padding-left:5px;} /*Firefox*/ @-moz-document url-prefix() { section#section-account .box-dati .field-full select, .box-dati .field select{width:100%; height:30px; background:#e1f4f9; border:1px solid #e1f4f9; padding:5px;} } section#section-account .box-dati .field input{width:100%; height:30px; background:#e1f4f9; border:1px solid #e1f4f9; padding-left:5px;} section#section-account .box-dati .field-small {width:30%; float:left; padding-left:10px;} section#section-account .box-dati .field-small input{width:100%; height:30px; background:#e1f4f9; border:1px solid #e1f4f9; padding-left:5px;} section#section-account .box-dati button {background:#41b7d4; border:none; color:#fff; text-transform:uppercase; padding:10px 20px; text-align:center; float:right; margin:30px 0;} section#section-account .box-dati button:hover {background:#bcbcbc;} @media screen and (max-width: 320px) { section#section-account .box-dati button {background:#41b7d4; border:none; color:#fff; text-transform:uppercase; padding:10px 0; text-align:center; float:right; margin:30px 0; width:100%;} } /*--------------------------------- REGISTRAZIONE -----------------------------------*/ section#section-account .box-dati label.privacy{text-align:left; width:inherit; text-transform:none; font-size:0.875em/*14px*/;} section#section-account .box-dati input[type="checkbox"]{vertical-align: text-bottom; margin-right:5px;} @media screen and (-webkit-min-device-pixel-ratio:0) { section#section-account .box-dati input[type="checkbox"]{vertical-align: text-bottom; margin-right:5px; height:15px;} } @media screen and (max-width: 1024px) { section#section-account .box-dati label.privacy {width:92%;} section#section-account .box-dati input[type="checkbox"]{vertical-align:top; margin-right:5px; margin-top:15px;} } @media screen and (max-width: 1023px) { section#section-account .box-dati label.privacy{text-align:left; width:inherit; text-transform:none; font-size:0.875em/*14px*/;} section#section-account .box-dati input[type="checkbox"]{vertical-align: text-bottom; margin-right:5px;} } @media screen and (max-width: 360px) { section#section-account .box-dati label.privacy {width:92%;} section#section-account .box-dati input[type="checkbox"]{vertical-align:top; margin-right:5px; margin-top:15px;} } /*Firefox*/ @-moz-document url-prefix() { section#section-account .box-dati input[type="checkbox"]{height:17px;} } /* Opera Hacks */ doesnotexist:-o-prefocus, section#section-account .box-dati input[type="checkbox"]{vertical-align:text-top; margin-right:5px; float:none;} @media (max-width: 444px) { .recaptchatable #recaptcha_image { display: block; max-width: 100%; height: auto; } } section#section-account .box-captcha{margin-top:25px; font-size:0.875em/*14px*/;} section#section-account .box-dati #loading{margin:35px 10px 0 0; float:right;} @media screen and (max-width: 320px) { section#section-account .box-dati #loading{margin:0 auto; width:30px; height:30px; float:none;} } section#section-account .box-dati label.error{clear:both; text-align:left; color:#c40808; margin-top:5px; font-weight:400; text-transform:none; font-size:0.875em/*14px*/;} section#section-account .box-dati.privacy-field label.error{clear:both; float:left; width:100%; text-align:left; color:#c40808; margin-top:5px; font-weight:400; text-transform:none; margin-left:0; margin-bottom:10px;} /*--------------------------------- FOOTER -----------------------------------*/ footer#footer{background:#e5e5e5; padding-top:20px;} footer#footer h6{text-transform:uppercase; font-size:0.875em/*14px*/; font-weight:500;} footer#footer ul{margin:0; padding:0; list-style:none; font-size:0.875em/*14px*/;} footer#footer ul li{margin:15px 0 0 0;} footer#footer ul li a{color:#000; text-decoration:none;} footer#footer ul li a:hover{color:#298aa2; text-decoration:underline;} footer#footer ul li.address{list-style:url(../img/ico/ico-marker.png); margin-left:15px;} footer#footer ul li.phone{list-style:url(../img/ico/ico-phone.png); margin-left:15px;} footer#footer ul li.mail{list-style:url(../img/ico/ico-mail.png); margin-left:15px;} footer#footer ul li.download{list-style:url(../img/ico/ico-download.png); margin-left:15px;} footer#footer ul#loghi-partners{margin:0; padding:0;} footer#footer ul#loghi-partners li{margin:0 0 10px 26px; width:68px; height:68px; background:#000; display: inline-block; *display: inline; zoom: 1; text-align:center; overflow:hidden;} footer#footer ul#loghi-partners li:first-child, footer#footer ul#loghi-partners li:nth-child(4n){margin-left:0;} footer#footer div.recapiti{float:left; width:40%;} footer#footer div.area-riservata{float:left; width:30%;} footer#footer div.partners{float:left; width:30%; padding-left:21px;} @media (max-width: 966px) { footer#footer div.recapiti{float:left; width:40%;} footer#footer div.area-riservata{float:left; width:30%;} footer#footer div.partners{float:left; width:30%; padding-left:0;} } @media (max-width: 753px) { footer#footer div.recapiti{float:left; width:50%;} footer#footer div.area-riservata{float:left; width:50%;} footer#footer div.partners{float:none; width:100%; clear:both; padding-top:20px; padding-left:0;} } @media (max-width: 568px) { footer#footer div.recapiti{float:left; width:50%;} footer#footer div.area-riservata{float:left; width:50%; padding-left:20px;} footer#footer div.partners{float:none; width:100%; clear:both; padding-top:20px; padding-left:0;} } @media (max-width: 480px) { footer#footer div.recapiti{float:left; width:50%;} footer#footer div.area-riservata{float:left; width:50%; padding-left:30px;} footer#footer div.partners{float:none; width:100%; clear:both; padding-top:20px; padding-left:0;} } @media (max-width: 320px) { footer#footer div.recapiti{float:none; width:100%;} footer#footer div.area-riservata{float:none; width:100%; padding-left:0; padding-top:20px} footer#footer div.partners{float:none; width:100%; clear:both; padding-top:20px; padding-left:0;} } @media (max-width: 1024px) { footer#footer ul#loghi-partners li{margin:0 0 0 16px; width:58px; height:58px; background:#000; display: inline-block; *display: inline; zoom: 1; text-align:center; overflow:hidden;} } footer#footer #bottom{border-top:1px solid #b3b3b2; margin-top:35px; padding-bottom:35px;} footer#footer #bottom ul#copy {float:left; margin-top:10px;} footer#footer #bottom ul#copy li{display:inline; border-left:1px solid #000; padding:0 5px;} footer#footer #bottom ul#copy li:first-child{border-left:none; padding-left:0;} @media (max-width: 1024px) { footer#footer #bottom ul#copy {float:left; margin-top:12px;} } footer#footer #bottom ul#social{float:right;} footer#footer #bottom ul#social li{display:inline-block; *display: inline; zoom: 1; margin-left:8px;} footer#footer #bottom ul#social li:first-child{margin-left:0;} footer#footer #bottom ul#social li.youtube a{background:url(../img/ico/ico-youtube.png); display:block; width:41px; height:41px;} footer#footer #bottom ul#social li.gplus a{background:url(../img/ico/ico-gplus.png); display:block; width:41px; height:41px;} footer#footer #bottom ul#social li.linkedin a{background:url(../img/ico/ico-linkedin.png); display:block; width:41px; height:41px;} @media (max-width: 568px) { footer#footer #bottom ul#copy {float:none; margin-top:12px; text-align:center;} footer#footer #bottom ul#copy li{display:inline; border-left:1px solid #000; padding:0 5px;} footer#footer #bottom ul#social{float:none; text-align:center;} } .nolink{ background-color: #e5e5e5!important; color:#000!important; } footer#footer .cert-footer {padding-top:5px;} footer#footer .cert-footer img {max-width:165px;} /*--------------------------------- COOKIES -----------------------------------*/ .ce-banner {text-align:center; background-color: #111111; bottom: 0; box-shadow: 0 0 8px #000000; color: #ffffff; font-family: Arial,sans-serif!Important; font-size: 13px; font-weight: normal; left: 0; opacity: 0.9; padding: 15px 0 10px; position: fixed; width: 100%; z-index: 999999; } .ce-banner a { color:#41B7D4; } .ce-trigger { position: absolute; right: 0; top: 11px; margin-right: 10px; border: 0; padding: 3px 15px; background-color: #41B7D4; box-shadow: none; border-radius: 3px; }