/* Stili essenziali */img {border: none}
html, body {
height: 100%;
font-family: 'Titillium Web', sans-serif;
background:;
margin:0px;
}
div#contenitore{
width:1024px;
height:300px;
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
}
div#contenitorep{
width:1024px;
height:1400px;
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
/*position:absolute;*/
}
div#flagita {
width:31px;
height:20px;
margin: 0 auto auto 0;
padding-top:20px;
padding-right:10px;
z-index: 40;
}
div#flagen {
width:31px;
height:20px;
margin: -20px auto auto 39px;
z-index: 40;
}
div#flagde {
width:31px;
height:20px;
margin: -20px auto auto 39px;
z-index: 40;
}
div#pagina {
width:1024px;
height:450px;
margin: 30px auto auto auto;
font-weight:normal;
z-index: 20;
background-color:;
font-family: 'Titillium Web', sans-serif;
}
div#header {
height:230px;
width: 1024px;
background: ;
margin: 60px auto auto auto;
z-index:10;
}
.page{margin: -240px auto auto auto;
}
.chisiamopage{margin: 0px auto auto auto;
}
div#headera {
height:230px;
width: 1024px;
background: ;
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
z-index:99999;
}
div#menu {
width: 1024px;
height:175px;
margin: auto auto auto auto;
z-index:20;
background-color:#fcC;
font-family: 'Titillium Web', sans-serif;
}
div#social {
width:128px;
height:40px;
margin:-108px auto auto 906px;
z-index: 40;
background:;
}
div#logo {
width:500px;
height:128px;
background-color: ;
z-index: 500;
}
/*footer*/
div#footer {
width: 1024px;
height: 60px;
margin-left:auto;
margin-right:auto;
margin-top: 0px;
background-color:;
font-family: 'Titillium Web', sans-serif;
font-size:11px;
color: black;
z-index: 100;
}
div#credits {
width: 800px;
height: 60px;
margin-left:auto;
margin-right:auto;
margin-top: -20px;
padding-left:20px;
background-color:;
font-family: 'Titillium Web', sans-serif;
font-size:11px;
color: white;
z-index: 100;
}
div#alma {
width: 400px;
height: 60px;
margin-left:-400;
margin-right:0;
margin-top: -30px;
background-color:;
font-family: 'Titillium Web', sans-serif;
font-size:9px;
font-style:italic;
color: white;
z-index: 100;
}
div#bigfoot {
width: 100%;
margin-top:auto;
margin-left:auto;
margin-right:auto;
height: 60px;
background-color:;
border-top:#787e83 2px solid;
z-index: -9999;
}
/*tasti*/
div#gallery{
width:138px;
height:20px;
z-index:300;
background-color:#acacac;
margin: -20px auto auto 744px;
font-family: 'Titillium Web', sans-serif;
text-align:center;
text-transform:uppercase;
line-height:20px;
font-style:300;
letter-spacing:2px;
font-size:14px ;
color: white;
}
div#gallery:hover{
background:grey;
display:block;
color:white;
text-decoration:none;}
div#contatti{
width:138px;
height:20px;
margin: -90px auto auto 886px;
/* margin: -94px auto auto 945px;*/
z-index:300;
background-color:#acacac;
font-family: 'Titillium Web', sans-serif;
text-align:center;
font-style:300;
letter-spacing:2px;
text-transform:uppercase;
line-height:20px;
font-size:14px ;
color: white;
}
div#contatti:hover{
background:grey;
display:block;
text-decoration:none;}
div#ambiente{
width:138px;
height:20px;
/*padding-right:0px;*/
margin: -20px auto auto 602px;
z-index:300;
background-color:#acacac;
font-family: 'Titillium Web', sans-serif;
text-align:center;
font-style:300;
letter-spacing:2px;
text-transform:uppercase;
line-height:20px;
font-size:14px ;
color: white;
}
div#ambiente_on{
width:138px;
height:20px;
/*padding-right:0px;*/
margin: -20px auto auto 602px;
z-index:300;
background-color:#ccc;
font-family: 'Titillium Web', sans-serif;
text-align:center;
text-transform:uppercase;
font-style:300;
letter-spacing:2px;
line-height:20px;
font-size:14px ;
color: white;
}
div#ambiente:hover{
background:grey;
display:block;
color:white;
text-decoration:none;
}
div#Ei{
background:grey;
width:280px;
height:20px;
text-align:center;
display:block;
color:white;
text-decoration:none;
line-height:20px;
}
div#Ei:hover{
background:#778692;
display:block;
color:white;
text-decoration:none;
}
div#Ec{
background:grey;
width:280px;
height:20px;
text-align:center;
display:block;
color:white;
text-decoration:none;
line-height:20px;
}
div#Ec:hover{
background:#778692;
display:block;
}
div#inf{
background:grey;
width:280px;
height:20px;
text-align:center;
display:block;
color:white;
text-decoration:none;
line-height:20px;
}
div#inf:hover{
background:#778692;
display:block;
}
div#idr{
background:grey;
width:280px;
height:20px;
text-align:center;
display:block;
color:white;
text-decoration:none;
line-height:20px;
}
div#idr:hover{
background:#778692;
display:block;
}
div#slide{
width:1024px;
height:262px;
margin-top: 110px;
z-index:300;
}
div#overslide{
width:1024px;
height:80px;
background-color:black;
margin-top:20px;
font-family: 'Qwigley', cursive;
font-size:55px;
text-align:center;
font-style:400;
color:white;
z-index:900;
}
.search {
font-family: 'Titillium Web', sans-serif;
font-size:11px;
color: black;
z-index: 900;
width: 250px;
height: 24px;
margin-left: 46px;
margin-top: 7px;
}
.par {
font-family: 'Titillium Web', sans-serif;
font-size:14px;
color: black;
vertical-align:text-top;
padding-left:10px;
}
.par2 {
font-family: 'Titillium Web', sans-serif;
font-size:14px;
color: black;
vertical-align:text-top;
padding-left:10px;
padding-right:10px;
}
.par3 {
font-family: 'Titillium Web', sans-serif;
font-size:17px;
color: black;
vertical-align:text-top;
padding-left:10px;
padding-right:20px;
}
.par4 {
font-family: 'Titillium Web', sans-serif;
font-size:17px;
color: black;
vertical-align:text-top;
font-weight:400;
line-height:30px;
}
.par4mini {
font-family: 'Titillium Web', sans-serif;
font-size:13px;
color: black;
vertical-align:text-top;
font-weight:400;
line-height:30px;
}
.par44 {
font-family: 'Titillium Web', sans-serif;
font-size:15px;
color: black;
vertical-align:text-top;
padding-left:30px;
/*padding-right:20px;*/
}
.par5 {
font-family: 'Titillium Web', sans-serif;
font-size:15px;
color: black;
vertical-align:text-top;
padding-left:0px;
padding-right:0px;
}
.pagetitle {
font-family: 'Titillium Web', sans-serif;
font-size:16px;
color: black;
text-align:right;
vertical-align:text-top;
padding-left:10px;
}
.h1 {
font-family: 'Euphoria Script', sans-serif;
font-size:38px;
color:#95A0A9;
}
.h2 {
font-family: 'Titillium Web', sans-serif;
font-size:25px;
color:#95A0A9;
padding-left:10px;
}
.h3 {
font-family: 'Euphoria Script', sans-serif;
font-size:48px;
color:#95A0A9;
/*padding-left:20px; */
font-weight: bold;
text-align:center;
}
.h4 {
font-family: 'Titillium Web', sans-serif;
font-size:25px;
color:#95A0A9;
padding-left:20px;
}
.h7 {
font-family: 'Titillium Web', sans-serif;
font-size:27px;
color:#95A0A9;
/*padding-left:20px;*/
letter-spacing:5px;
}
.h77 {
font-family: 'Titillium Web', sans-serif;
font-size:27px;
color:#95A0A9;
/*padding-left:20px;*/
letter-spacing:3px;
text-transform:uppercase;
}
.h8 {
font-family: 'Titillium Web', sans-serif;
font-size:18px;
color:black;
line-height:18px;
padding-left:5px;
letter-spacing:1px;
font-style:600;
text-transform:none;
}
.h8mini {
font-family: 'Titillium Web', sans-serif;
font-size:16px;
color:black;
padding-left:5px;
line-height:14px;
letter-spacing:0px;
font-style:600;
text-transform:none;
}
.h88 {
font-family: 'Titillium Web', sans-serif;
font-size:20px;
color:#778692;
padding-left:20px;
letter-spacing:2px;
text-transform:uppercase;
}
.h5 {
font-family: 'Titillium Web', sans-serif;
font-size:18px;
color:#95A0A9;
padding-left:20px;
}
.h6 {
font-family: 'Titillium Web', sans-serif;
font-size:10px;
color:#95A0A9;
/*padding-left:20px; */
}
.h9 {
font-family: 'Euphoria Script', sans-serif;
font-size:39px;
color:#95A0A9;
/*padding-left:20px; */
font-weight: ;
text-align:justify;
}
.h10 {
font-family: 'Euphoria Script', sans-serif;
font-size:35px;
color:#95A0A9;
/*padding-left:20px; */
font-weight: bold;
text-align:left;
}
div#coop{
width:250px;
height:58px;
/*position:absolute;*/
left:50%;
margin-top: -100px;
margin-left: 764px;
/* margin: -94px auto auto 945px;*/
z-index:9999;
}
/*per le pagine*/
div#nero_sopra{
width:100%;
z-index:800;
background-color:black;
margin-left:auto;
margin-right:auto;
}
.std{
height:500px;
}
.att{
height:600px;
}
div#headernew{
height:380px;
width: 1024px;
background: ;
margin: -500px auto auto auto;
z-index:800;
}
div#header_att{
height:480px;
width: 1024px;
background: ;
margin: -600px auto auto auto;
z-index:800;
}
div#logonew{
width:500px;
height:128px;
background-color: ;
margin-top:50px;
z-index: 500;
}
div#who{
width:138px;
height:20px;
/*padding-right:0px;*/
margin: -128px auto auto 744px;
z-index:9999;
background-color:#787e83;
font-family: 'Titillium Web', sans-serif;
text-align:center;
text-transform:uppercase;
letter-spacing:2px;
line-height:20px;
font-style:300;
font-size:14px ;
color: white;
}
div#who_on{
width:138px;
height:20px;
/*padding-right:0px;*/
margin: -128px auto auto 744px;
z-index:9999;
background-color:#ccc;
font-family: 'Titillium Web', sans-serif;
text-align:center;
letter-spacing:2px;
line-height:20px;
text-transform:uppercase;
line-height:30px;
font-size:14px ;
color: white;
}
div#who:hover{
background:grey;
display:block;
color:white;
text-decoration:none;}
div#attivita{
width:138px;
height:20px;
/*padding-right:0px;*/
margin: -20px auto auto 886px;
z-index:9999;
background-color:#787e83;
font-family: 'Titillium Web', sans-serif;
text-align:center;
text-transform:uppercase;
letter-spacing:2px;
line-height:20px;
font-style:300;
font-size:14px ;
color: white;
}
div#attivita_on{
width:138px;
height:20px;
/*padding-right:0px;*/
margin: -20px auto auto 886px;
z-index:9999;
background-color:#ccc;
font-family: 'Titillium Web', sans-serif;
text-align:center;
text-transform:uppercase;
letter-spacing:2px;
line-height:20px;
font-style:300;
font-size:14px ;
color: white;
}
div#attivita:hover{
background:grey;
display:block;
color:white;
text-decoration:none;}
div#active{
width:138px;
height:25px;
/*padding-right:0px;*/
margin: -128px auto auto 744px;
z-index:300;
background-color:#787e83;
letter-spacing:2px;
line-height:20px;
font-family: 'Titillium Web', sans-serif;
text-align:center;
text-transform:uppercase;
/*line-height:-4px;*/
line-height:30px;
font-size:14px ;
color: white;
}
div#tabatti{
width:280px;
height:96px;
/*padding-right:0px;*/
margin: 4px auto auto 744px;
z-index:300;
background-color:;
}
div#edind{
width:280px;
height:20px;
/*padding-right:0px;*/
margin: 0px auto auto 0px;
z-index:9999;
font-family: 'Titillium Web', sans-serif;
background-color:#787e83;
height:20px;
text-align:center;
display:block;
color:white;
text-decoration:none;
line-height:20px;
font-size:12px ;
letter-spacing:1px;
}
div#edind_on{
width:280px;
height:20px;
/*padding-right:0px;*/
margin: 0px auto auto 0px;
z-index:9999;
font-family: 'Titillium Web', sans-serif;
background-color:#ccc;
height:20px;
text-align:center;
display:block;
color:white;
text-decoration:none;
line-height:20px;
font-size:12px ;
letter-spacing:1px;
}
div#edind:hover{
background:grey;
display:block;
color:white;
text-decoration:none;}
div#edciv{
width:280px;
height:20px;
/*padding-right:0px;*/
margin: 4px auto auto 0px;
font-family: 'Titillium Web', sans-serif;
font-size:12px ;
letter-spacing:1px;
z-index:9999;
background-color:#787e83;
height:20px;
text-align:center;
display:block;
color:white;
text-decoration:none;
line-height:20px;
}
div#edciv_on{
width:280px;
height:20px;
/*padding-right:0px;*/
margin: 4px auto auto 0px;
z-index:9999;
font-family: 'Titillium Web', sans-serif;
background-color:#ccc;
height:20px;
text-align:center;
display:block;
color:white;
text-decoration:none;
line-height:20px;
font-size:12px ;
letter-spacing:1px;
}
div#edciv:hover{
background:grey;
display:block;
color:white;
text-decoration:none;}
div#infras{
width:280px;
height:20px;
/*padding-right:0px;*/
margin: 4px auto auto 0px;
z-index:9999;
background-color:#787e83;
height:20px;
text-align:center;
display:block;
color:white;
text-decoration:none;
line-height:20px;
font-family: 'Titillium Web', sans-serif;
font-size:12px ;
letter-spacing:0px;
}
div#infras_on{
width:280px;
height:20px;
/*padding-right:0px;*/
margin: 4px auto auto 0px;
z-index:9999;
font-family: 'Titillium Web', sans-serif;
background-color:#ccc;
height:20px;
text-align:center;
display:block;
color:white;
text-decoration:none;
line-height:20px;
font-size:12px ;
letter-spacing:0px;
}
div#infras:hover{
background:grey;
display:block;
color:white;
text-decoration:none;}
div#ingen{
width:280px;
height:20px;
/*padding-right:0px;*/
margin: 4px auto auto 0px;
z-index:9999;
background-color:#787e83;
height:20px;
text-align:center;
display:block;
color:white;
text-decoration:none;
line-height:20px;
font-family: 'Titillium Web', sans-serif;
font-size:12px ;
letter-spacing:0px;
}
div#ingen_on{
width:280px;
height:20px;
/*padding-right:0px;*/
margin: 4px auto auto 0px;
z-index:9999;
font-family: 'Titillium Web', sans-serif;
background-color:#ccc;
height:20px;
text-align:center;
display:block;
color:white;
text-decoration:none;
line-height:20px;
font-size:12px ;
letter-spacing:0px;
}
div#ingen:hover{
background:grey;
display:block;
color:white;
text-decoration:none;}
div#flags {
width:93px;
height:20px;
margin-top:10px;
margin-left:0px;
margin-right:auto;
margin-bottom:auto;
z-index: 40;
background:;
}
div#socialnew {
width:128px;
height:40px;
margin:-94px auto auto -4px;
z-index: 40;
background:;
}
div#traspagina{
width:1024px;
margin-bottom:-80px; /* negativo: in base all'altezza del footer */
min-height:100%;
height:auto !important;
height:100%
z-index:300;
margin-left:auto;
margin-right:auto;
background-color:;
padding-bottom:80px;
}
div#slogan{
width:1024px;
padding-bottom:80px;
background:black;
margin-left:auto;
margin-right:auto;
font-family: 'Qwigley', cursive;
color:white;
z-index:900; }
.siamo{
margin-top:-223px;
font-size:55px;
height:50px;
text-align:center;
line-height:30px;
}
.atti{
margin-top:-323px;
font-size:55px;
height:50px;
text-align:center;
line-height:30px;
padding-bottom:60px;
}
.attien{
margin-top:-353px;
font-size:55px;
height:120px;
text-align:center;
line-height:50px;
padding-bottom:60px;
}
.attide{
margin-top:-343px;
font-size:55px;
height:120px;
text-align:center;
line-height:50px;
padding-bottom:60px;
}
.amb{
margin-top:-243px;
font-size:55px;
height:60px;
text-align:center;
line-height:40px;
vertical-align:bottom;
}
.contatti{
margin-top:-283px;
font-size:55px;
height:50px;
text-align:center;
line-height:50px;
}
div#fotopagina{
width:1024px;
padding-bottom:80px;
margin-left:auto;
margin-right:auto;
z-index:300;
background-repeat:no-repeat;
background-position:center center; }
.immchisiamo{
margin-top:-83px;
height:283px;
background-image:url("../immagini/Foto chisiamo.jpg");}
.immambiente{
margin-top:-43px;
height:283px;
background-image:url("../immagini/Foto ambiente.jpg");}
.immind{
margin-top:-43px;
height:388px;
background-image:;}
.immcontatti{
width:1024px;
height:283px;
background-image:url("../immagini/Banner-Contatti.jpg");}
div#bottomfooter{
width:100%;
height:80px;
line-height:80px;/* in base all'altezza del footer */
background-color:black;
margin-left:auto;
margin-right:auto;
}
div#footernew {
width: 1024px;
height: 80px;
line-height:80px;
margin-left:auto;
margin-right:auto;
font-family: 'Titillium Web', sans-serif;
font-size:11px;
color: white;
z-index: 100;
}
div#creditsnew{
width: 800px;
height: 80px;
margin-left:auto;
margin-right:auto;
margin-top: -20px;
line-height:80px;
padding-left:20px;
background-color:;
font-family: 'Titillium Web', sans-serif;
font-size:11px;
color: white;
z-index: 100;
}
div#alma {
width: 400px;
height: 60px;
margin-left:-400;
margin-right:0;
margin-top: -30px;
background-color:;
font-family: 'Titillium Web', sans-serif;
font-size:9px;
font-style:italic;
color: white;
z-index: 100;
}
div#almax {
width: 400px;
height: 60px;
margin-left:-120px;
margin-right:0;
margin-top: -60px;
background-color:;
font-family: 'Titillium Web', sans-serif;
font-size:9px;
font-style:italic;
color: grey;
z-index: 100;
}
a.almax:link{
text-transform:none;
color:grey;
}
a.almax:hover{
text-transform:none;
color:white;
}
div#gallerynew{
width:138px;
height:20px;
z-index:300;
background-color:#787e83;
margin: -20px auto auto 744px;
font-family: 'Titillium Web', sans-serif;
text-align:center;
text-transform:uppercase;
line-height:20px;
font-size:14px ;
color: white;
font-style:300;
letter-spacing:2px;
}
div#gallerynew:hover{
background:grey;
display:block;
color:white;
text-decoration:none;}
div#contattinew{
width:138px;
height:20px;
margin: -50px auto auto 886px;
/* margin: -94px auto auto 945px;*/
z-index:300;
background-color:#787e83;
font-family: 'Titillium Web', sans-serif;
text-align:center;
text-transform:uppercase;
font-style:300;
letter-spacing:2px;
line-height:20px;
font-size:14px ;
color: white;
}
div#contattinew:hover{
background:grey;
display:block;
text-decoration:none;}
div#ambientenew{
width:138px;
height:20px;
/*padding-right:0px;*/
margin: -20px auto auto 602px;
z-index:300;
background-color:#787e83;
font-family: 'Titillium Web', sans-serif;
text-align:center;
font-style:300;
letter-spacing:2px;
text-transform:uppercase;
line-height:20px;
font-size:14px ;
color: white;
}
div#ambientenew_on{
width:138px;
height:20px;
/*padding-right:0px;*/
margin: -20px auto auto 602px;
z-index:300;
background-color:#ccc;
font-family: 'Titillium Web', sans-serif;
text-align:center;
font-style:300;
letter-spacing:2px;
text-transform:uppercase;
line-height:20px;
font-size:14px ;
color: white;
}
div#ambientenew:hover{
background:grey;
display:block;
color:white;
text-decoration:none;
}
div#coopnew{
width:250px;
height:58px;
margin-top: 58px;
margin-left: 724px;
z-index:9999;
}