body { text-align: center; margin: 0px; padding: 0px; font-size:12px; } img { /* image-rendering:optimizeSpeed; /* Legal fallback */ /*image-rendering:-moz-crisp-edges; /* Firefox */ /*image-rendering:-o-crisp-edges; /* Opera */ /*image-rendering:-webkit-optimize-contrast; /* Chrome (and eventually Safari) */ /*image-rendering:crisp-edges; /* CSS3 Proposed */ /*-ms-interpolation-mode:bicubic; /* IE8+ */ } @keyframes slidefromup{ from { margin-top: -20px; } to { margin-top: 0; }} a { -webkit-transition: all 0.20s ease; -moz-transition: all 0.20s ease; -o-transition: all 0.20s ease; transition: all 0.20s ease;} a:hover { cursor:pointer; } #contenuto {margin: 0 auto; text-align: left; position: relative;} #loading {position:fixed; top:15px; right:15px;} .fLeft{float:left;} .fRight{float:right;} .aLeft{text-align:left;} .aRight{text-align:right;} .w100{width:100%;} .w75{width:75%;} .w74{width:74%;} .w73{width:73%;} .w72{width:72%;} .w71{width:71%;} .w70{width:70%;} .w25{width:25%;} .w24{width:24%;} .w23{width:23%;} .w22{width:22%;} .w21{width:21%;} .w20{width:20%;} .formatTextImg{max-width:100%; box-sizing: border-box;} .plus90deg { -webkit-transform: rotate(90deg);transform: rotate(90deg);} #menu { z-index:6000001;} #testatamenu { min-height:30px; z-index:6000001;} #testatamenu img { border:none; max-width:240px; max-height:60px;} .maxWcss {max-width:1600px !important;} #bioInfo img, #bioFoto img { border:none;} #bioInfo img, #bioFoto img { -webkit-animation: 1s slidefromup; animation: 1s slidefromup;} #bioInfo { padding:0 0 70px 0; } .bioinforight { float:right; width:72%;} .bioinfoleft { float:left; width:72%;} .bioinfocenter { width:72%; margin:0 auto;} .toCenterBio { text-align:center;} .bio0 { margin: 0px auto; width: 30%; padding:0 0 20px 0;} .bio7 { margin: 0px auto; width: 72%; padding:0 0 20px 0;} .bio1 { margin: 0px; width: 30%; padding:0 0 20px 0;} .bio8 { margin: 0px auto 0 0; width: 25%; padding:0 0 20px 0;} .bio2 { margin: 0px; width: 25%; padding:0 0 20px 75%;} .bio3, .bio5 { margin: 0px; width: 25%; padding:0 20px 10px 0;float:left;} .bio4, .bio6 { margin: 0px; width: 25%; padding:0 0 10px 20px; float:right;} .albVoce a { margin:0;} .albVoce img { border:none;} .albCat { margin:0; font-style: italic;} .catdivelem { margin-bottom:22px;} .solotesto { min-height:22px; display:block;} .solotestocentrato { min-height:22px; display:block; text-align:center;} .zoomImg img { display: block;} .zoomImg {display:inline-block; position: relative;} #preFoo {clear:both; padding:90px 0 0 0;} #foo { clear: both; display:block; position:absolute; bottom:0px; left:0px; right:0; padding:7px 0px 11px 0; font-family: Arial, Helvetica, sans-serif; letter-spacing: normal; text-align:center; z-index:6000001; max-width:245px; margin:0 auto; } #fooLink { margin:0 auto;} #foo a, #foo .info { text-decoration:none; font-size:11px; font-weight: normal; margin: 0 0 0 3px; padding: 0px 0px 0px 4px; /*float:left;*/ line-height:18px; font-style: normal; } #foo #directsharelink {border:none;padding-left:0px;margin:0;} #foo #counterFoo {margin: 0 4px 0 0; border:none; padding:0 4px 0 0;} #paypalShowCart { position:fixed; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#333; font-size:13px; display:none; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); right:15px; bottom:50%; padding: 23px 0 23px 10px; height: 20px; width: 56px; margin:0 0 -30px 0; text-decoration:none; background-color:#fbfbfb; color:#000; z-index:5000001; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAOKSURBVGhD7ZpJqI1hGMcvMmaWKGXBAkWsbKQkQ0iilGGDWKHkkjKVKElkysqKFcrCmClzxixQFijKwlAomYn/77n3zXX6zrnnnHf4zim/+tV93nPu+37v+c47Pd9p+E8NMku+kb9L+FFelnNlzfJKZl18MffJmuSFdBf5mIIM+shF8pPkfVNlzTFB0oFHciwFJWiUdOS0RXVMD/lF/pK9KahnzkruygyL6pi1ko7stKiOGSPpyH2LwtBVtm36Mx0dJLPXT9mTAk+Gyq/yhOxIQUouSO7KdIv8GCDfSjcbJu3MeknD2y3yZ5TMpTOsNzR616Iw5NIZGvksGSfdKciAdWZQhbLvo95yOsP4bNP0px+XJA1mbVeGyG+S1308KbNms3GSRXmNRZ5slDS2zaJ/6Stvy2dVyAzmOrJOZnFU8jpbJm/4VKjslkVhWCD5ulLvBgoyYAPL3f4h+1HgSyfJvosKu1HgSTmdgOWS9xy3KBBXJJVOtqh6yu0EsKPgfTMtCsQmSaVbLaqO4bLcToyUvO+1ZIcRjPGSim9YVB1MDMyAKy0qzS5JezssCkhnycD7LrtQEBHugMstjKAgNNcklU+0KB6MCdq5Z1EENksa2GJRPJilaGepRRHgTtAAdyYWrBdM8yyW0Y7YjA3GCGOFMRODVZIP67BFEWHWoiFmsRiQ4aH+KRZFhHWEhlhXQjNaUvdL2Y6CmLCy0xgrfWj2S+r2WXTLhuQBg5G9F3uwUFDXO0lHOBok4aakQXbFoZgjqdNn51AxnEtolHNKKM5I6lxiUSKYUWiUAxX5ZF/JZLKZJPVU7DgdBRpzu9iQHpLJuSNp/IE8H8BjcrBMDnkuOhJynOTCNElHOF/UNeSaGCfkpmLtu5JxXXJX6v75yWpJR+hQkExgXnBecEfSi3KZnO0haVQe+eUCSW4yHXQmhGwcc4PUDhfBqY6thjtT4FV5JMP3ktf5gcIp+aQ5fi7ZmCaHxPMHSaKZR3VA2UHJhWU9V3HHWbYkwygQ7eU5yf8EyfNWCqsxjT+16C+TJOU8GS7EPXMpPNMslJTzISSnl+RucD7pT0EzZNeLXRR3gdf4SUnLr1HSg1UW7mvEryr4WuyRJClYMN3XrRD3bJLc1Qp5QPKBsMAmO1gVwjTsFkcnHeECizFQPpQt/4cxM1/mCgN8ntwtSUyQsG4NHrctlnslX0UeybVCQ8MfNWtSMuwAPV0AAAAASUVORK5CYII=); background-repeat:no-repeat; border-radius: 45px; -moz-border-radius: 45px; -webkit-border-radius: 45px; background-size: 30px; background-position:20px center; border:1px solid #ccc; font-style: normal; text-align:left; } #paypalShowCart:hover { background-color:#999; color:#FFF; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAQYSURBVGhD7ZpLSFRhGIatyEwszYiCoIUuTDBq1UYEEU0sQhSCLpuKWlUQWQSZghSISNGNVq1sVUELK8Uu2E3KEhcltKigoEUXqEDMS2U93/iOMI7azLnNDPTAy3/Oe855v/9z5sycc8a0/yQb4+Pjtejzn1lg+yDDfcZtOiz5YHIfJ6YbG+x/QYcmF0zsveZok3wlOwL8pWg3GtJ+G7UpeWBe5dYAGkAlsqeF7XVqpENWakIP2TQxjH6jXNmpCQ106VWplpWa0MAxNXJaVmpCA8VqpF+Wa4jLQnO1GgwUTKeJIfSL5RzZjiFjNVkj6AZaIDsYKHiXCdirslmWY8hYib4orwMF1wzFjqtwqyxXELUuIc1QqERFn8tyTUKasSLoB/qFFsuOAD+XOeXFI46x674fLP+zGXbJQXO06hyKdKtg1OUKXgEate1uIOMmQ9SnGV4p2+xL+ags5xDSqGItsibBW4Z60VsHGrFcg+V6RUaAf03b62Q5h5xShT2V5RridpJnH+uW2yA7Any7gB1FP9Fy2c6hVgZBdt1lgYtkOyaWJgy2HdA+7bLcQ9gDhVbKcgQRMTVhsL1f+9XIcg9hTQptlhU3HFuEYm1irfb7xJAu2z0Elim4R1bccKx9MHSjQ7JmhH3OqN4pWd5A4EJkJ94Y+ZmyfYF8u8YLPVtgXCPbOwh9pPAKWb5Afo3VgT5Z3kKBE5bOeFKWL5Dfrjr7ZHkLwRUq8EiW55C9HNnHvF3u+3OLTQ+ZhI8hO1cWyvYUcg/rj3VFlj9QoEeFymR5CrkDyq+S5Q8UaFahJlmeQeZ6ZX9gmCfbHyhSqWIPZHkGmReV7fhLN2aok0UhOxmHWc6Q7RrLIvOrGimQ7S8UemIFoVSWa8jcaoGMjq8c4oZiLSraKMs1ZHUqc68s/6FYlYr2MpS7FTnVyG6l7dHTtLfTvmDFrDCT8BQyL6tEcFD0mYq/QHc80HWUr/jgoGirGvHsPEkINLBJjXTLSk3oIYcm7AS1Z16+XHcFBg081quS8r+fHFEj1pD7J4GJggZyUfiW9B7az+IWp+L4WsZsxQcLxUuQPenwBLIuKjp4KN6gSdhdXScK3VMYLD9kuDpV+N8YbfsguoVea/0dQ5aig4Oic9F3JmAPmovDHsttjDaxqN9V8MK3s3ZJUmgeu85n+baOcf+cN14omq/ib2SFYH2D/C5Zk+CFf3OJuKdhfZf8NlnBQd0lFLZXw+5PVsi2SdXPNCm8Qm2zfymZfBuxHtyN1XTYZDUB+6+KOnQO2UMK+8IMvd2mgh/6bRL6WD6ILiH7g9gXbDA3VlOhsH0Mh74cw7BujRzULlGwyyq2v5zYewLW7ZzZoV0SA/OwE3w7OouaUJE2zQj72M96e9B5ZG/FPG2ahbS0v9DuYTX3idkbAAAAAElFTkSuQmCC); } .paypalDivAdd { display:none; width:460px; position:fixed; border-radius: 4px; position:fixed; bottom:25px; right:25px; height:80vh; box-sizing: border-box; background-color: #fbfbfb; font-family:Arial, Helvetica, sans-serif; padding:15px; font-size:12px; color:#999; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); z-index:5000002; text-align:left; font-style: normal; overflow:auto; } .paypalAddButton { font-size:12px; line-height:normal; cursor:pointer; color:#000; z-index:200; border-radius: 26px; -moz-border-radius: 26px; -webkit-border-radius: 26px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-align:center; font-family:Arial, Helvetica, sans-serif; float:left; margin:0 10px 0 0; width:40px; height:40px; font-style: normal; font-size: 28px; border:#CCC 1px solid; background-color:#ccc; color:#000; } .paypalAddButton:hover { background-color: #EBEBEB; color:#333; } .paypalDivRows { padding:2% 0; clear:both;font-style: normal; } .paypalLabelOption, .paypalDivCartLabel, .paypalDivOut { float:left; font-size:16px; line-height:normal; color:#333; font-weight:bold; padding:5px 0 20px 0; text-align: left; font-style: normal; } .paypalDivOut { padding:5px 0 1px 0; border-top: 1px solid #ccc; display: block; margin: 20px 0 0 0; width: 100%; text-align:right; } .paypalPowered { padding:40px 0 0 0; background: url(/utils/img/logopaypal.png) no-repeat; background-position: center bottom; background-size: 100% auto; height:35px; display:block; clear:both; max-width:460px; margin:0 auto; display:none; font-style: normal; } .paypalFormAdd { clear:both; padding:10px 0; border-bottom:1px dotted #ccc; } .paypalFormAdd:last-child { border-bottom:none; padding-bottom:0; } .paypalRow { display:block; font-size:12px; line-height:normal; color:#666; font-style: normal; padding:0 0 0 50px; } .paypalRow b { display:block; font-size:13px; line-height:normal; color:#333; font-style: normal; } .paypalCloseDiv {clear:both;display:block;} .paypalCloseButton { background:0; border:0; float: right; font-size: 11px; cursor: pointer; font-weight: bold; line-height:normal; font-style: normal; margin: 0; background-color:#ccc; color:#000 !important; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; text-align:center; padding: 4px 8px; text-decoration: none !important; width:70px; } .gotocartOnCart { background:0; border:0; float: right; font-size: 11px; cursor: pointer; font-weight: bold; line-height:normal; font-style: normal; margin: 60px 0 0 0; text-decoration: none; background-color:#ccc; color:#000 !important; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; text-align:center; padding: 4px 8px; text-decoration: none !important; width:70px; } .termsOnCart { background:0; border:0; font-size: 11px; cursor: pointer; font-weight: bold; line-height:normal; font-style: normal; margin: 60px 0 0 0; padding: 4px 8px; text-decoration: none; background-color:#ccc; color:#000 !important; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; text-align:center; padding: 4px 8px; text-decoration: none !important; width:70px; display:block; } a.paypalCloseButton:hover, a.gotocartOnCart:hover, a.termsOnCart:hover { background-color:#999; color:#FFF; font-style: normal;} #topReturn { width:25px; height:25px; display:block; font-size:20px; font-weight:normal; text-decoration: none; padding:0px 1px 2px 1px; font-family:"Courier New", Courier, monospace; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-style: normal; line-height:100%; display: flex; align-items: center; justify-content: center; text-align: center; } #retHorzEnd { font-family:"Courier New", Courier, monospace; font-size:26px; text-decoration:none; margin:0 0 0 70px; padding:0 30px; line-height:normal; font-style: normal; } #retVertEnd { font-family:"Courier New", Courier, monospace; font-size:26px; text-decoration:none; margin:150px 0 50px 0; padding:0 30px; line-height:normal; font-style: normal; display:block; text-align:center; } #retHorzEnd:hover, #retVertEnd:hover { font-style: normal; text-decoration:none;} #retHorz { position:fixed; right:95px; bottom:15px; width:30px; height:30px; font-size:20px; font-weight:normal; text-decoration: none; overflow:hidden; font-family:"Courier New", Courier, monospace; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-style: normal; line-height:100%; display: flex; align-items: center; justify-content: center; text-align: center; } #prevHorz { position:fixed; right:60px; bottom:15px; width:30px; height:30px; font-size:17px; font-weight:normal; text-decoration: none; overflow:hidden; font-family:"Courier New", Courier, monospace; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-style: normal; line-height:100%; display: flex; align-items: center; justify-content: center; text-align: center; } #nextHorz { position:fixed; right:25px; bottom:15px; width:30px; height:30px; font-size:17px; font-weight:normal; text-decoration: none; overflow:hidden; font-family:"Courier New", Courier, monospace; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-style: normal; line-height:100%; display: flex; align-items: center; justify-content: center; text-align: center; } #plusOpen { font-size:14px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; border-radius:25px; background-color:#fbfbfb; color:#000; border:1px solid #d7d7d7; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); position:fixed; bottom:25px; left:35px; padding:5px 18px 0 18px; text-align:center; overflow:hidden; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; z-index:5000004; line-height:26px; height:30px; text-transform: capitalize; } @media screen and (orientation: landscape) { #imgFullH{ display:block;} #imgFullV{ display:none;} } @media screen and (orientation: portrait) { #imgFullV{ display:block;} #imgFullH{ display:none;} } #nextHorz, #prevHorz, #retHorz, #topReturn {z-index:200;background-color:#fbfbfb;color:#666;border:1px solid #d7d7d7;border-radius:50%;} #nextHorz:hover, #prevHorz:hover, #retHorz:hover, #plusOpen:hover, #topReturn:hover { background-color:#ccc;} #cookieBanner { position:fixed; bottom:15px; right:25px; padding:13px 17px; font-size:11px; z-index:5000003; background-color:#fbfbfb; display:none; font-family:Arial, Helvetica, sans-serif; border:1px solid #d7d7d7; text-align:left; border-radius: 4px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); line-height:1.3; color:#000; font-style: normal; max-width:420px; } #shareBanner { position:fixed; bottom:15px; left:25px; padding:13px 17px; font-size:11px; z-index:6000003; background-color:#fbfbfb; display:none; font-family:Arial, Helvetica, sans-serif; border:1px solid #d7d7d7; text-align:left; border-radius:4px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); line-height:1.3; display:none; color:#000; font-style: normal; min-width:220px; } #cookieBanner a { color: #000; text-decoration:none; font-weight:normal; font-style: normal; text-align: center; } #cookieBanner b, #shareBanner b { font-weight:bold; } #shareBanner a { font-weight:normal; color:#000; text-decoration:underline; } a#acceptcookieLink, a#cookieCustomizeLink, a#rejectcookieLink { padding: 4px 11px; font-size:11px; margin:5px 2% 5px 0; font-weight:bold; border:1px solid #d7d7d7; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; background-color:#ccc; color:#000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration:none; font-style: normal; width:31.3%; float:left; overflow:hidden; box-sizing:border-box; line-height: normal; } a#closeshareLink { padding: 4px 8px; font-size:11px; margin:5px 0; font-weight:bold; border:1px solid #d7d7d7; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; background-color:#ccc; color:#000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; float: left; text-decoration:none; font-style: normal; width:70px; line-height: normal; text-align: center; } a#acceptcookieLink:hover, a#closeshareLink:hover, a#cookieCustomizeLink:hover, #rejectcookieLink:hover { background-color:#999; color:#FFF; font-style: normal;} #directsharelink, #slideStart, #slideStartHd, #opencloseThumbnails, #menuHamb, #closeHamb, #closeMob { display:none; } #screenshot { position:absolute; border:1px solid #999; padding:4px; display:none; background-color: #FFF; font-size: 11px; z-index:5000001; } #screenshotTool { position:absolute; border:none; padding:0px; display:none; font-size: 11px; z-index:500; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; } .iGeneric, .iNumero, .iNaviga, .iNavigaPlus, .iPlay, .iZoom, .iSlide, .iThumbs, .iEcommerce { padding:0 16px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px;} .moreLargeDida { font-size: small !important; line-height:145% !important; } .moreLargeInfo { font-size: small !important; } .iEcommerce a { padding:6px 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; font-size:11.5px; margin:0; line-height:normal; } #countFoto { display:block; padding: 0 0 3px 0; line-height: 50px; min-height:10px;} .gridimg #countFoto { min-height:auto; } #nextArrowLink, #prevArrowLink { font-weight:bold;font-size:15px;} #summaryFoto { padding:45px 0 25px 0; clear:both;} #navFotoFrecce { position:relative; top: 0px; left: 0px; width:100%; height:100%; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #navFotoFrecce .asLink { font-size: 14px; font-weight:bold; text-decoration: none; color: #FFF; } .mysocial {float:left;} .mysocial img { border:none; padding:3px 5px 2px 0; width:36px;} .toCenterBio .mysocial { float:none;} .toCenterBio .mysocial img { border:none; padding:3px 2.5px 2px 2.5px; width:36px; } /*CONTACTS and LEGAL*/ #legal { position: relative; display:block; clear:both; margin-top: 0px; margin-right: auto; margin-bottom: 50px; margin-left: auto; padding: 20px; } #legal {text-align:left;} #contactsForm input, #contactsForm textarea { width:98%; padding: 6px; font-size: 12px; max-width:400px; box-sizing: border-box; } .privacyblock { width:98%; padding: 6px 0; max-width:400px; box-sizing: border-box; display:block; text-align:left; } .privacyforemail { padding:0 0 0 15px; } #contactsForm input[type="checkbox"] {width:auto;max-width:none;} #contactsForm input[type="submit"] {width:auto; padding: 5px 35px;} #contactsForm, #contactInfo {padding:0; margin:0 0 60px 0;} #prevElem, .prevElem { position: absolute; top: 0px; left: 0px; width:35%; height:300px; -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0; z-index:200; } #prevElem:hover, .prevElem:hover { position: absolute; top: 0px; left: 0px; width:35%; height:300px; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; z-index:200; } #nextElem, .nextElem { position: absolute; top: 0px; right: 0px; width:35%; height:300px; -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0; z-index:200; } #nextElem:hover, .nextElem:hover { position: absolute; top: 0px; right: 0px; width:35%; height:300px; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; z-index:200; } h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px; -webkit-animation: 1s slidefromup; animation: 1s slidefromup; } h1{ margin:0 0 5px 0;} h2{ margin:0 0 4px 0;} h3{ margin:0 0 3px 0;} .hide { display:none; } .show { display:block; } .close{ clear:both; } .asLink{ cursor:pointer; } #indexImg img.asNoLink { cursor:auto;} .bigareaimg { display:block; min-height:250px; clear:both; text-align:center; width:100%; margin: 0px; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; } .bigareaimgreportage { display:block; min-height:250px; clear:both; text-align:left; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } .colonnaDuePrima { margin:1% 0 0 0; width:49%; box-sizing: border-box; line-height:normal; float:left;} .colonnaDue { margin:1% 0 0 2%; width:49%; box-sizing: border-box; line-height:normal; float:left;} .colonnaTrePrima { margin:2% 0 0 0; width:31.78%; box-sizing: border-box; line-height:normal; float:left;} .colonnaTre { margin:2% 0 0 2.3%; width:31.78%; box-sizing: border-box; line-height:normal; float:left;} .colonnaQuattroPrima { margin:1.7% 0 0 0; width:23.64%; box-sizing: border-box; line-height:normal; float:left;} .colonnaQuattro { margin:1.7% 0 0 1.8%; width:23.64%; box-sizing: border-box; line-height:normal; float:left;} .colonnaCinquePrima { margin:1.3% 0 0 0; width:19%; box-sizing: border-box; line-height:normal; float:left;} .colonnaCinque { margin:1.3% 0 0 1.2%; width:19%; box-sizing: border-box; line-height:normal; float:left;} .mosaicoTrePrima { margin:2% 0 0 0; width:31.78%; box-sizing: border-box; line-height:normal;} .mosaicoTreUnica { margin:2% 2.3% 0 0; box-sizing: border-box; line-height:normal;} .mosaicoTre { margin:2% 0 0 2.3%; width:31.78%; box-sizing: border-box; line-height:normal;} .mosaicoQuattroPrima { margin:1.7% 0 0 0; width:23.64%; box-sizing: border-box; line-height:normal;} .mosaicoQuattroUnica { margin:1.7% 1.8% 0 0; box-sizing: border-box; line-height:normal;} .mosaicoQuattro { margin:1.7% 0 0 1.8%; width:23.64%; box-sizing: border-box; line-height:normal;} .mosaicoCinquePrima { margin:1.7% 0 0 0; width:18.55%; box-sizing: border-box; line-height:normal;} .mosaicoCinqueUnica { margin:1.7% 1.8% 0 0; box-sizing: border-box; line-height:normal;} .mosaicoCinque { margin:1.7% 0 0 1.8%; width:18.55%; box-sizing: border-box; line-height:normal;} .mosaicoSeiPrima { margin:1.3% 0 0 0; width:15.49%; box-sizing: border-box; line-height:normal;} .mosaicoSeiUnica { margin:1.3% 1.4% 0 0; box-sizing: border-box; line-height:normal;} .mosaicoSei { margin:1.3% 0 0 1.4%; width:15.49%; box-sizing: border-box; line-height:normal;} .mosaicoSettePrima { margin:1% 0 0 0; width:13.34%; box-sizing: border-box; line-height:normal;} .mosaicoSetteUnica { margin:1% 1.1% 0 0; box-sizing: border-box; line-height:normal;} .mosaicoSette { margin:1% 0 0 1.1%; width:13.34%; box-sizing: border-box; line-height:normal;} .gridDue { margin:0 0 4.8% 0; } .gridTre { margin:0 0 6.8% 0; } .gridQuattro { margin:0 0 6% 0; } .gridCinque { margin:0 0 5% 0; } .gridDue img, .gridTre img, .gridQuattro img, .gridCinque img { /*margin:0 0 3px 0;*/ margin:0; } .afterDida{padding:0 0 3px 0;} .mosaicoTrePrima img, .mosaicoTreUnica img, .mosaicoTre img,.mosaicoQuattroPrima img, .mosaicoQuattroUnica img, .mosaicoQuattro img, .mosaicoCinquePrima img, .mosaicoCinqueUnica img, .mosaicoCinque img, .mosaicoSeiPrima img, .mosaicoSeiUnica img, .mosaicoSei img, .mosaicoSettePrima img, .mosaicoSetteUnica img, .mosaicoSette img { /*margin:0 0 3px 0;*/ margin:0; } .formatTextObj { padding:3px; height:205px; overflow:hidden; display:block; font-size: 10px; text-transform: uppercase; } .error {color: #DE363A; display:block;} .portfolioElem { float:left; padding: 0px; overflow:hidden; text-align: left; padding:0px; line-height:normal; position:relative; -webkit-animation: 1s slidefromup; animation: 1s slidefromup; } .portfolioElem div a, .genProofElem div a { text-decoration:none;} #fotoTitolo { /*font-weight: normal;*/ line-height:135%;} #fotoDsc { font-size: smaller; line-height:135%;} .didaDscTxt { font-size: small; padding:2px 1px; margin:0; line-height:135%; display:block; } .didaDscTxtSpace { font-size: small; padding:2px 1px 25px 1px; margin:0; line-height:135%; display:block; } .genProofElem { margin-right:18px; margin-bottom:8px; margin-top:8px; float:left; position:relative; } .divGrid-genElemQM a img, .divGrid-genElemQ a img, .divGrid-genElem a img, .divGrid-genElemSMB a img, .divGrid-genElemSM a img, .divGrid-genElemSG a img, .divGrid-genElemQP a img,.divGrid-genElemQMB a img, .divGrid-genElemQG a img, .divGrid-genElemP a img, .divGrid-genElemPE a img, .divGrid-genElemPC a img, .divGrid-genElemPCcx a img, .divGrid-genElemPXL a img, .divGrid-genElemC a img, .divGrid-genElemCcx a img, .divGrid-journal a img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width:100%; box-sizing: border-box; margin: 0 0 5px 0; } .divGrid-genElemQM a img:hover, .divGrid-genElemQ a img:hover, .divGrid-genElem a img:hover, .divGrid-genElemSMB a img:hover, .divGrid-genElemSM a img:hover, .divGrid-genElemSG a img:hover, .divGrid-genElemQP a img:hover, .divGrid-genElemQMB a img:hover, .divGrid-genElemQG a img:hover, .divGrid-genElemP a img:hover, .divGrid-genElemPE a img:hover, .divGrid-genElemPC a img:hover, .divGrid-genElemPCcx a img:hover, .divGrid-genElemPXL a img:hover, .divGrid-genElemC a img:hover, .divGrid-genElemCcx a img:hover, .divGrid-journal a img:hover { -moz-opacity:.80; filter:alpha(opacity=80); opacity: 0.80; margin: 0 0 5px 0; } .divGrid- { display:grid; grid-template-columns: 1fr; grid-gap: 0; gap: 0px; padding-bottom:85px; padding-bottom:35px; -webkit-animation: 1s slidefromup; animation: 1s slidefromup; } .divGrid-hide { display:none;} .divGrid-genElemQM, .divGrid-genElemSM, .divGrid-genElemPE { display:grid; grid-template-columns: 1fr 1fr 1fr; /*grid-gap: 40px 25px; gap: 60px 37.5px;*/ grid-gap: 60px 37.5px; gap: 60px 37.5px; padding-bottom:85px; } .divGrid-genElemQ, .divGrid-genElem { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; /*grid-gap: 30px 15px; gap: 30px 15px;*/ grid-gap: 45px 22.5px; gap: 45px 22.5px; padding-bottom:85px; } .divGrid-genElemSMB, .divGrid-genElemQMB, .divGrid-genElemP { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; /*grid-gap: 35px 20px; gap: 35px 20px;*/ grid-gap: 52.5px 30px; gap: 52.5px 30px; padding-bottom:85px; } .divGrid-genElemSG, .divGrid-genElemQG { display:grid; grid-template-columns: 1fr 1fr; /*grid-gap: 45px 30px; gap: 45px 30px;*/ grid-gap: 67.5px 45px; gap: 67.5px 45px; padding-bottom:85px; } .divGrid-genElemQP { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; /*grid-gap: 20px 10px; gap: 20px 10px;*/ grid-gap: 30px 15px; gap: 30px 15px; padding-bottom:85px; } .divGrid-genElemC { display:grid; grid-template-columns: 1fr; grid-gap: 60px 30px; gap: 60px 30px; width:100%; padding-bottom:85px; max-width:200mm; } .divGrid-genElemCcx { display:grid; grid-template-columns: 1fr; grid-gap: 60px 30px; gap: 60px 30px; width:100%; padding-bottom:85px; margin:0 auto; max-width:200mm; } .divGrid-genElemPC { display:grid; grid-template-columns: 1fr; grid-gap: 60px 30px; gap: 60px 30px; width:100%; padding-bottom:85px; max-width:200mm; } .divGrid-genElemPCcx { display:grid; grid-template-columns: 1fr; grid-gap: 60px 30px; gap: 60px 30px; width:100%; padding-bottom:85px; margin:0 auto; max-width:200mm; } .divGrid-genElemPXL { display:grid; grid-template-columns: 1fr; grid-gap: 60px 30px; gap: 60px 30px; /*padding-bottom:70px;*/ padding-bottom:85px; } .divGrid-genElemPXL div, .divGrid-genElemCcx div, .divGrid-genElemPCcx div { text-align:center; /*padding-bottom:70px;*/ } .divGrid-journal div.portfolioElem:nth-child(1), .divGrid-journal div.portfolioElem:nth-child(9), .divGrid-journal div.portfolioElem:nth-child(17), .divGrid-journal div.portfolioElem:nth-child(25) { width:57%; height:auto; padding-bottom:10px; margin:7% 0 0 0; min-height:890px; } .divGrid-journal div.portfolioElem:nth-child(2), .divGrid-journal div.portfolioElem:nth-child(10), .divGrid-journal div.portfolioElem:nth-child(18), .divGrid-journal div.portfolioElem:nth-child(26) { width:32.95%; height:auto; padding-bottom:10px; margin:2% 0% 0 8%; min-height:510px; } .divGrid-journal div.portfolioElem:nth-child(3), .divGrid-journal div.portfolioElem:nth-child(11), .divGrid-journal div.portfolioElem:nth-child(19), .divGrid-journal div.portfolioElem:nth-child(27) { width:27%; height:auto; padding-bottom:10px; margin:4% 0% 0 10%; min-height:420px; } .divGrid-journal div.portfolioElem:nth-child(4), .divGrid-journal div.portfolioElem:nth-child(12), .divGrid-journal div.portfolioElem:nth-child(20), .divGrid-journal div.portfolioElem:nth-child(28) { width:53%; height:auto; padding-bottom:10px; margin:1.5% 5% 0 2%; min-height:820px; } .divGrid-journal div.portfolioElem:nth-child(5), .divGrid-journal div.portfolioElem:nth-child(13), .divGrid-journal div.portfolioElem:nth-child(21), .divGrid-journal div.portfolioElem:nth-child(29) { width:36.95%; height:auto; padding-bottom:10px; margin:6% 0% 0 2%; min-height:570px; } .divGrid-journal div.portfolioElem:nth-child(6), .divGrid-journal div.portfolioElem:nth-child(14), .divGrid-journal div.portfolioElem:nth-child(22), .divGrid-journal div.portfolioElem:nth-child(30) { width:24%; height:auto; padding-bottom:10px; margin:6% 0% 10% 3.5%; min-height:370px; } .divGrid-journal div.portfolioElem:nth-child(7), .divGrid-journal div.portfolioElem:nth-child(15), .divGrid-journal div.portfolioElem:nth-child(23), .divGrid-journal div.portfolioElem:nth-child(31) { width:45%; height:auto; padding-bottom:10px; margin:-23% 0 0% 7%; min-height:700px; } .divGrid-journal div.portfolioElem:nth-child(8), .divGrid-journal div.portfolioElem:nth-child(16), .divGrid-journal div.portfolioElem:nth-child(24), .divGrid-journal div.portfolioElem:nth-child(32) { width:30%; height:auto; padding-bottom:10px; margin:-4% 0% 6% 14%; min-height:460px; } .divGrid-genElemPhone.roundImg a img, .divGrid-genElemQM.roundImg a img, .divGrid-genElemQ.roundImg a img, .divGrid-genElem.roundImg a img, .divGrid-genElemSMB.roundImg a img, .divGrid-genElemSM.roundImg a img, .divGrid-genElemSG.roundImg a img, .divGrid-genElemQP.roundImg a img,.divGrid-genElemQMB.roundImg a img, .divGrid-genElemQG.roundImg a img, .divGrid-genElemP.roundImg a img, .divGrid-genElemPE.roundImg a img, .divGrid-genElemPC.roundImg a img, .divGrid-genElemPCcx.roundImg a img, .divGrid-genElemPXL.roundImg a img, .divGrid-genElemC.roundImg a img, .divGrid-genElemCcx.roundImg a img, .divGrid-journal.roundImg a img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .divGrid-genElemPhone.roundImg .portfolioElem, .divGrid-genElemQM.roundImg .portfolioElem, .divGrid-genElemQ.roundImg .portfolioElem, .divGrid-genElem.roundImg .portfolioElem, .divGrid-genElemSMB.roundImg .portfolioElem, .divGrid-genElemSM.roundImg .portfolioElem, .divGrid-genElemSG.roundImg .portfolioElem, .divGrid-genElemQP.roundImg .portfolioElem,.divGrid-genElemQMB.roundImg .portfolioElem, .divGrid-genElemQG.roundImg .portfolioElem, .divGrid-genElemP.roundImg .portfolioElem, .divGrid-genElemPE.roundImg .portfolioElem, .divGrid-genElemPC.roundImg .portfolioElem, .divGrid-genElemPCcx.roundImg .portfolioElem, .divGrid-genElemPXL.roundImg .portfolioElem, .divGrid-genElemC.roundImg .portfolioElem, .divGrid-genElemCcx.roundImg .portfolioElem, .divGrid-journal.roundImg .portfolioElem { text-align:center; } #myportfolioFoto img { box-sizing: border-box;} #optdiv { padding-top:5px; float:right; ext-align:right;} .clearCol { clear:both; } #musicVideo { width:280px; height:230px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; position:relative; margin: 30px 0 0 0; padding: 0 0 4px 0; } #musicVideoDue { width: 100%; height:230px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; position:relative; margin: 0px; text-align: center; padding:0; display:block; clear:both; } #musicPlayer {position:absolute; top:0px;left:0px;} #musicPlayerDue{} #musicInfo { position:absolute; bottom:5px; right:0px; width:95px; text-align:left; line-height:11px;} #musicInfoDue {line-height:11px; padding:10px 0 0 0;} .videoHide { position:absolute; top:-4000px;} #launchSlide { display: none; background-color: #000; width: 100%; position: absolute; top: 0px; height:60px; font-size: 13px; font-weight: bold; color: #FFF; text-align:center; z-index:200; opacity:.90; filter: alpha(opacity=90); -moz-opacity: 0.9; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #999; border-right-color: #999; border-bottom-color: #999; border-left-color: #999; } #launchMobile { display: none; background-color: #000; width: 100%; position: fixed; bottom: 0px; left:0px; color: #FFF; text-align: center; z-index:1000; opacity:.90; filter: alpha(opacity=90); -moz-opacity: 0.9; padding-top: 15px; padding-right: 30px; padding-bottom: 60px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #999; border-right-color: #999; border-bottom-color: #999; border-left-color: #999; padding:5% 0 5% 0; } #launchSlide .btLaunch { width:70px; font-weight: bold;} #launchMobile p {line-height:normal;font-size:46px; padding:0 0 30px 0;} #launchMobile p a { font-family:"Courier New", Courier, monospace; color:#000; font-size:46px; font-weight:bold; text-decoration:none; width:100px; position:relative; padding:15px 65px; border:#999 solid 1px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #CCC; z-index:1000; margin:0 20px; } .sottolineato { text-decoration: underline;} .paragDiary { margin:0; padding:5px 0 0 0; display:block; width: 75%;} .paragAllegato {margin:0 0 0 0; display:block;} #dscPortfolio { text-align:left; padding-bottom: 30px;} .optiText {} /*WORKS*/ #workFoto { float:left; margin: 0px 0px 40px 0px; width:33%;} #workDsc { width:63%; float: right; margin: 0px 0px 40px 0px;} #workDsc p { margin:10px 0 0 0;} #workGallery a img {width:22%; margin:2% 2% 0 0;} #workGalleryGrande {float:left; padding:0 0 20px 0;} #workGalleryGrande a img {margin:5px 5px 0 0;} /*DIARY*/ .diaryElem { text-align:left; clear:both; margin-bottom:170px;} .diaryTitleSucc { padding-top:55px;} .diaryDsc { width: 75%; float:left; margin-top: 5px; margin-right: 0px; margin-bottom: 25px; margin-left: 0px;} .diaryDscDett { width: 75%; float:left;} .diaryOption { float:right; width:20%; padding:0 0 0 10px; text-align:right; position: -webkit-sticky; position: sticky; top: 0;} .diaryLink { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px;} .diaryDate, .diaryAllegato, .diaryTags { margin: 0px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px;margin-left: 0px;} #diarySearch b, #diarySearchTop b { clear:both; display:block;} #diarySearch, #diarySearchTop { margin-top: 40px;margin-right: 0px;margin-bottom: 40px; margin-left: 0px;float:left;width:66%} #searchKey{ width:70%;} #diaryNav, #diaryNavTop { margin-top:40px; margin-right:0px; margin-bottom: 40px; margin-left: 0px;float:right; width:33%; text-align:right;} #diaryNavTop, #diarySearchTop { margin-top:0px; margin-bottom: 60px;} #diaryNav form, #diarySearch form, #diaryNavTop form, #diarySearchTop form{ float:left;} span.left, div.center { text-align:left; padding:0; margin:0; display:block;} span.right, div.center { text-align:right; padding:0; margin:0; display:block;} span.center, div.center { text-align:center; padding:0; margin:0; display:block;} span.justify, div.center { text-align:justify; padding:0; margin:0; display:block;} #bio, #portfolio, #index, #myportfolio, #reportages, #myreportage, #proof, #works, #diary { position:absolute; top:0; left:0; right:0; display:block; clear:both; margin: 0 auto; padding: 145px 30px 20px 30px; word-wrap: break-word; overflow-wrap: break-word; min-height:100vh; box-sizing: border-box; /*width: 1322px;*/ width: 100%; max-width:1600px; } #fullscreenCover { width:100%; padding:0; margin:0; display:block; clear:both;overflow:hidden; } #myportfolio.withfullscreenCover { padding-top: 80px;position: relative;} .textWithXxlImage { width:100%; max-width:100%; box-sizing:border-box; display:block; clear:both; padding:0 0 30px 0; margin:0;} #index.withfullscreenCover { position: relative;min-height:auto;padding-top:0;} #bio { max-width:1200px;} #diary { max-width:1400px;} .dscHorz {display:block;width:350px;padding:0 10px 0 0px;margin:0 25px 0 0;} .dscHorzMoretext {display:block;width:655px;padding:0 10px 0 0px;margin:0 35px 0 0;} .tableHorz div.bigareaimg { padding:0 10px 15px 0px;text-align:left;} .tableHorz div.bigareaimghorz, .tableHorz div.bigareaimgTestoUD {padding:0 0px 15px 0px;text-align:left;} #fotoShow img, #fotoReportageShow img, #workFoto img, .bigareaimgreportage img, .genProofElem img, .bigareaimghorz img, .bigareaimg img, .bigareaimgTestoUD img { -webkit-transition: all 0.20s ease; -moz-transition: all 0.20s ease; -o-transition: all 0.20s ease; transition: all 0.20s ease; /*max-height:91vh;*/ max-height:88vh; max-width:100%; } .bigareaimghorz img, .bigareaimgTestoUD img {max-height:87vh; max-width:none; } #indexImg img{ max-width:100%; box-sizing: border-box; } @media only screen and (max-width: 1400px) { .iGeneric, .iNumero, .iNaviga, .iNavigaPlus, .iPlay, .iZoom, .iSlide, .iThumbs, .iEcommerce a{ font-size:11px;} #fotoShow img, #fotoReportageShow img, .bigareaimgreportage img, .genProofElem img, .diaryDscDett img, .diaryDsc img {/*max-width:100%;*/} .bigareaimghorz img, .bigareaimgTestoUD img {/*max-height:680px;max-height:90vh; width:auto;*/} .bigareaimg img {/*max-width:100%;*/} #indexImg img{/*max-width:100%; box-sizing: border-box;*/} .moreLargeDida { font-size: small !important; line-height:145% !important; } .moreLargeInfo { font-size: small !important; } } @media only screen and (max-width: 1280px) { .iGeneric, .iNumero, .iNaviga, .iNavigaPlus, .iPlay, .iZoom, .iSlide, .iThumbs, .iEcommerce a{ font-size:11px;} #fotoShow img, #fotoReportageShow img, .bigareaimgreportage img, .genProofElem img, .diaryDscDett img, .diaryDsc img {/*max-width:100%;*/} .bigareaimghorz img, .bigareaimgTestoUD img {/*max-height:680px;max-height:90vh; width:auto;*/} .bigareaimg img {/*max-width:100%;*/} #indexImg img{/*max-width:100%; box-sizing: border-box;*/} .moreLargeDida { font-size: small !important; line-height:145% !important; } .moreLargeInfo { font-size: small !important; } } @media only screen and (max-width: 1024px) { .iGeneric, .iNumero, .iNaviga, .iNavigaPlus, .iPlay, .iZoom, .iSlide, .iThumbs, .iEcommerce a{ font-size:10.5px;} #fotoShow img, #fotoReportageShow img, .bigareaimgreportage img, .genProofElem img, .diaryDscDett img, .diaryDsc img {/*max-width:100%;*/} .bigareaimghorz img, .bigareaimgTestoUD img {/*max-height:600px;max-height:90vh; width:auto;*/} .bigareaimg img {/*max-width:100%;*/} #indexImg img{/*max-width:100%; box-sizing: border-box;*/} .moreLargeDida { font-size: small !important; line-height:145% !important; } .moreLargeInfo { font-size: small !important; } } #fotoShow img.noAutoHeight, #fotoReportageShow img.noAutoHeight, #workFoto img.noAutoHeight, .bigareaimgreportage img.noAutoHeight, .genProofElem img.noAutoHeight, .bigareaimghorz img.noAutoHeight, .bigareaimg img.noAutoHeight, .bigareaimgTestoUD img.noAutoHeight { max-height:none; } img[src*="/utils/img/loader1.gif"]{width: 43px; height: 11px; border:none;} img[src*="/utils/img/imgspace.gif"]{width: 11px; height: 11px; border:none;}