html, body { height : 100%; width: 100%; padding : 0; margin : 0; background-color: #333333;
/*---------- GENERALE ------*/
font-family : helvetica, arial, sans-serif;
font-size : 13px; line-height : 17px;
font-weight : normal; text-decoration : none;
text-align : left; decoration: none;
color: #333333; }
p {
font-family : helvetica, arial, sans-serif;
font-size : 13px; line-height : 17px; font-weight : 333;
margin: 0; border: 0; color: black; }
/* LINKS TESTO base - bianco e rosso*/
a:link { color : #FFFFFF; text-decoration : none; }
a:visited { color : #FFFFFF; text-decoration : none; }
a:hover { color : red; text-decoration : none; }
a:active { color : red; text-decoration : none; }
.container { /*CONTAINER GENERALE*/
height : 100%; width : 100%; overflow : auto; scroll-behavior : smooth; }
/* SFUMATURE*/
.gallgradtop { /* SFUMATURA SOPRA fix */
position: fixed; top: 0%; height: 10%; width: 100%; z-index : 888889;
background: linear-gradient(to bottom, #333333 10%, transparent 100%); }
.gallgradbottom { /* SFUMATURA SOTTO fix */
position: fixed; bottom: 0%; height: 7%; width: 100%; z-index : 111111;
background: linear-gradient(to top, #333333 2%, transparent 100%); }
/* PULSANTI*/
.clickclose { /*PULSANTE TORNA A HOME fix*/
position : fixed; bottom : 1.5%; left : 4%; z-index : 999999;
height : 40px; width : 40px; overflow : hidden;
padding : 2px; border-radius : 50%;
background-color : #626262;
font-size : 20px; line-height : 40px; text-align : center;}
.clicktop { /*PULSANTE TORNA SU fix*/
position : fixed; bottom : 1.7%; right : 6%; z-index : 777777;
height : auto; width : auto; overflow : hidden;
padding : 8px 8px; border-radius : 110px;
background-color : #626262;
font-size : 25px; line-height : 30px; text-align : left;}
/* OMBRA*/
.textshad { /* OMBRA TESTO */
text-shadow:
-0.8px -0.8px 1px black,
0.8px 0.8px 1px black,
-0.8px 0.8px 1px black,
0.8px -0.8px 1px #333333; }
.boxshad { /* OMBRA IMMAGINI */
box-shadow: 4px 8px 9px 0px rgba(0,0,0,0.40);
-webkit-box-shadow: 4px 8px 9px 0px rgba(0,0,0,0.40);
-moz-box-shadow: 4px 8px 9px 0px rgba(0,0,0,0.40); }
/*---------- GALLERIE ------*/
.galltitle { /* TITOLO fix */
position: fixed; top: 2.5%; left: 6%; right: 0%; z-index: 999998;
height: auto; width: auto;
font-family: Verdana, sans-serif; font-size: 18px; line-height: 16px; letter-spacing: 4px; font-weight: 777; color: #999999;}
.gallsubtitle { /* SOTTOTITOLO fix */
position : fixed; top : 28px; left: 0%; right: 3%; z-index : 999999;
height : auto; width : auto; overflow : hidden;
padding-left : 5%; padding-right : 4%; padding-top : 3%; padding-bottom : 10px;
font-size : 15px; line-height: 20px; letter-spacing : 0px; font-weight: 555;
color : #999999;
text-shadow: -0.8px -0.8px 1px black, 0.8px 0.8px 1px black, -0.8px 0.8px 1px black, 0.8px -0.8px 1px #333333;
text-align : right; }
.opimg150 { width : 96%; max-width : 850px; }
.opimg120 { width : 80%; max-width : 700px; }
.opimg100 { width : 67%; max-width : 600px;}
.opimg80 { width : 51%; max-width : 500px; }
.opimg70 { width : 45%; max-width : 450px; }
.opimg60 { width : 39%; max-width : 400px; }
.opimg50 { width : 34%; max-width : 350px; }
.opimg40 { width : 30%; max-width : 250px; }
.opimg30 { width : 26%; max-width : 200px; }
.opimg20 { width : 22%; max-width : 150px; }
.opimg { /* DIV IMMAGINE PITTURA */
height : auto; margin : 0 auto; overflow : hidden; border : 0;
padding: 20px 0; }
.opimg img { display: block; margin: auto; height : auto; width : 82%;
border-style: solid; border-color: #c8c0b2; border-width: 3px; box-sizing: border-box;
border-image: linear-gradient(to bottom, #c8c0b2, #a79a85) 1 ;
outline-width: 1px; outline-color: rgba(0, 0, 0, 0.2); outline-offset: -4px; outline-style: solid;
box-shadow: 4px 8px 9px 0px rgba(0,0,0,0.40);
-webkit-box-shadow: 4px 8px 9px 0px rgba(0,0,0,0.40);
-moz-box-shadow: 4px 8px 9px 0px rgba(0,0,0,0.40); }
.opimgdvs { /* DIV IMMAGINE SPAZI VIRTUALI */
height : auto; width: 40%; margin : 10px; overflow : hidden; border : 0;
padding: 0px 0; float: left; font-size: 11px;
text-align: right; color: gray; background-color: transparent; }
.opimgdvs a:link img { border: 4px solid gray; box-sizing: border-box;}
.opimgdvs a:visited img { border: 4px solid gray; box-sizing: border-box;}
.opimgdvs a:hover img { border: 4px solid #DCDCDC; box-sizing: border-box;}
.opimgdvs a:active img { border: 4px solid #DCDCDC; box-sizing: border-box;}
.opimgdvs img {
display: block; margin: auto; height : auto; width : 100%;
border-style: solid; border-color: #777; border-width: 6px; box-sizing: border-box;
border-radius: 8px;
box-shadow: 4px 8px 9px 0px rgba(0,0,0,0.40);
-webkit-box-shadow: 4px 8px 9px 0px rgba(0,0,0,0.40); -moz-box-shadow: 4px 8px 9px 0px rgba(0,0,0,0.40); }
.opimgd { /* DIV IMMAGINE PROIEZIONI DIGITALE */
background-color: #000000;
height : auto; margin : 0 auto; overflow : hidden; border : 0;
padding: 20px 0px; font-size : 30px; text-align: right; }
.opimgd img { display: block; margin: auto; height : auto; width : 72%; }
.abi { /* DIV IMMAGINE ILLUSTRAZIONI */
float: left; padding: 2%; font-size: 10px; color: gray; }
.abiimg { width: 100%; height: auto; margin-bottom: 4px; border-radius: 5px; }
.abp { /* DIV GRUPPO IMMAGINI ILLUSTRAZIONI INEDITE */
height : auto; width : 100%; margin : 0 auto; overflow : hidden; text-align: center; }
.opetichp { /* ETICHETTA TESTO OPERA */
height : auto; width : auto; max-width: 200px; margin : 0 auto; overflow : hidden; border : 0;
padding-top: 2px; padding-bottom: 25px; padding-left: 50%; padding-right: 20%;
border: 0;
font-family : helvetica, arial, sans-serif;
font-size : 10px; line-height : 11px;
font-weight : 222; color: #909090; text-align: right; }
/* OPERE 3D*/
.navfdxlabelfix { /* IN WORKS, SPAZIO ETICHETTE laterali***/
height : auto; width : auto; max-width : 45%;
position : fixed; bottom : 1.5%; right : 15%; z-index : 999999;
float : left; overflow : hidden;
font-size : 12px; line-height : 14px; text-align : right; color: #A9A9A9;}
.buttonaudio { /*WORK3D BOTTONE AUDIO */
cursor : pointer;
position : fixed; bottom : 1.5%; left : 18%; z-index : 999999;
height : 30px; width : auto; overflow : hidden;
background-color : #333333; padding: 2px 20px;
border: none; border-radius: 60px;
font-size : 12px; line-height : 14px;
text-align : left; color : #FFFFFF; }
.buttonaudio:link { color: #FFFFFF; }
.buttonaudio:hover { color: red; }
.buttonaudio:active { color: red; }
.navfdxfix { /*AGGIORNA*/
cursor : pointer;
height : auto; width : auto; max-width : 42%;
position : fixed; bottom : 2.2%; right : 4%; z-index : 999999;
font-size : 16px; line-height : 28px; color: gray; text-align : right;
display : inline-block; border-radius: 30px; }
/*------------------PAGINE TESTI---------------------- */
.texttitle { /* TITOLO SINISTRA PAGINE TESTO */
position : fixed; top : 3%; left: 6%; z-index : 899999;
height : 30px; width : auto; overflow : hidden;
font-size : 17px; line-height : 20px; font-weight: 555;
text-align : left; color : #999999; }
.textcont { /* CONTENUTI */
position : fixed; top : 8%; bottom : 75px; left: 4%; right: 4%; z-index : 777777;
height : auto; width : auto; overflow : auto; margin : 0 auto;
padding-left : 5%; padding-right : 5%; padding-top : 0%; padding-bottom : 40px;
background-color : #DCDCDC; border-radius:5px;
scroll-behavior : smooth; }
.imgpres { height : auto; width : 95%; max-width : 600px; float : left;
border : 0; margin-right : 15px; margin-bottom : 30px; border-radius: 0 0 20px 20px; }
.imgcors { height : auto; width : 90%; max-width : 600px; float : left; border : 0; margin-right : 15px; margin-top : 8px; margin-bottom : 11px; border-radius: 5px;}
.imgpres2 { height : auto; width : 90%; max-width : 600px; float : left; border : 0; margin-right : 15px; margin-top : 8px; border-radius: 5px;}
.clickmail { /*PULSANTE MAIL fix*/
position : fixed; bottom : 4%; right : 6%; z-index : 999999;
height : auto; width : auto; overflow : hidden;
font-size : 16px; line-height : 22px; text-align : right; color: #555555; }
.linkrr a:link { color : #ff99ff; text-decoration : underline; } .linkrr a:visited { color : #ff99ff; text-decoration : underline; }
.linkrr a:hover { color : red; text-decoration : underline;} .linkrr a:active { color : red; text-decoration : underline; }
/* LINKS TESTO PER FONDO CHIARO - viola e rosso */
.linkvr a:link { color : #663399;} .linkvr a:visited { color : #663399; }
.linkvr a:hover { color : red; } .linkvr a:active { color : red; }
/*------------------HOME---------------------- */
/* LINKS TESTO HOME - bianco e rosso + textshadow nero*/
.linkhr a:link { color : #FFFFFF; text-decoration : none;
text-shadow: -0.5px -0.5px 4px #222222, 0.5px 0.5px 4px #222222, -0.5px 0.5px 4px #222222, 0.5px -0.5px 4px #222222; }
.linkhr a:visited { color : #FFFFFF; text-decoration : none; }
.linkhr a:hover { color : red; text-decoration : none; }
.linkhr a:active { color : red; text-decoration : none; }
.homecontfixall { /*CORPOfix tutti i contenuti*/
position : fixed; bottom : 18%; right : 18%; left : 18%; z-index : 999998;
height : auto; width : auto; margin : 0 auto; overflow : hidden; float: left;
padding: 3px; vertical-align: bottom;
font-family: Verdana, sans-serif; font-size : 30px; line-height : 30px; color : #999999; }
h3 { /*INTERNO testo piccolo PAINTING*/
padding: 0; margin: 0;
font-size : 16px; letter-spacing : 1px; line-height : 30px;
text-align: left; font-weight: 555; color: white; }
h4 { /*INTERNO testo grande PITTURA*/
padding: 0; margin: 0;
font-family: Verdana, sans-serif; font-size : 28px; line-height : 30px; letter-spacing : 8px; text-align : left; font-weight: 555; }
h5 { /*INTERNO testo grande ILLUSTRAZIONI*/
padding: 0; margin: 0;
font-family: Verdana, sans-serif; font-size : 26px; line-height : 30px; letter-spacing : -2px; text-align: right; font-weight: 555; }
h6 { /*INTERNO testo piccolo ILLUSTRATIONS*/
padding: 0; margin: 0;
font-size : 16px; line-height : 30px; letter-spacing : 1px;
text-align: right; font-weight: 555; color: white; }
.homenavsxfix { /*BOTTOMfix copyright*/
position : fixed; bottom : 4.2%; left : 5%; z-index : 999998;
height : auto; width : auto; margin : 0 auto; overflow : hidden; float: left;
font-family: Verdana, sans-serif; font-size : 11px; line-height : 22px;
text-align : center; font-weight: 333;
text-shadow: -1px -1px 1px #000000, 1px 1px 1px #000000, -1px 1px 1px #000000, 1px -1px 1px #000000; }
.homenavfix { /* BOTTOMfix navigatore princ*/
position : fixed; bottom : 4%; left : 0%; right : 0%; z-index : 999997;
height : auto; width : auto; margin : 0 auto; overflow : hidden; float: left;
font-family: Verdana, sans-serif; font-size : 16px; line-height : 22px; letter-spacing : 6px; text-align : center; font-weight: 333;
text-shadow: -1px -1px 1px #000000, 1px 1px 1px #000000, -1px 1px 1px #000000, 1px -1px 1px #000000; }
.homenavdxfix { /*BOTTOMfix corso*/
position : fixed; bottom : 4.2%; right : 5%; z-index : 999998;
height : auto; width : auto; margin : 0 auto; overflow : hidden; float: left;
font-family: Verdana, sans-serif; font-size : 14px; letter-spacing: 3px; line-height : 22px; text-align : center; font-weight: 333;
text-shadow: -1px -1px 1px #000000, 1px 1px 1px #000000, -1px 1px 1px #000000, 1px -1px 1px #000000; }