/* CSS Document */

@font-face {
    font-family: 'CantarellBold';
    src: url('typography/Cantarell-Bold-webfont.eot');
    src: url('typography/Cantarell-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('typography/Cantarell-Bold-webfont.woff') format('woff'),
         url('typography/Cantarell-Bold-webfont.ttf') format('truetype'),
         url('typography/Cantarell-Bold-webfont.svg#CantarellBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('typography/PTN57F-webfont.eot');
    src: url('typography/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('typography/PTN57F-webfont.woff') format('woff'),
         url('typography/PTN57F-webfont.ttf') format('truetype'),
         url('typography/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'WalkwayBoldRegular';
    src: url('typography/Walkway_Bold-webfont.eot');
    src: url('typography/Walkway_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('typography/Walkway_Bold-webfont.woff') format('woff'),
         url('typography/Walkway_Bold-webfont.ttf') format('truetype'),
         url('typography/Walkway_Bold-webfont.svg#WalkwayBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'WalkwayBlackRegular';
    src: url('typography/Walkway_Black-webfont.eot');
    src: url('typography/Walkway_Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('typography/Walkway_Black-webfont.woff') format('woff'),
         url('typography/Walkway_Black-webfont.ttf') format('truetype'),
         url('typography/Walkway_Black-webfont.svg#WalkwayBlackRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* CSS reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;	border: 0;	outline: 0;	font-size: 100%;  background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration:none;}
/************/

html {height:100%;}
body {font-family: Arial, Helvetica, sans-serif; font-size:12px; background: url(img/body-bg.png) repeat-x #001D3B; height:100%;}

.left {float:left;}
.right {float:right;}
.nomargin {margin:0;}
.hr {border-bottom:1px dotted #CCC; height:10px; margin-bottom:10px;}

#wrapper {width:960px; margin:auto; margin-bottom:40px; overflow:hidden;}
body.sanbitter #wrapper {width:1000px;}
body.gingerino #wrapper {width:994px;}
body.recoaro #wrapper {width:994px;}
body.acqua-brillante #wrapper {width:994px;}
body.pejo #wrapper {width:994px;}
body.sanbernardo #wrapper {width:994px;}
body.chino #wrapper {width:994px;}

#header {width:100%; height:120px; overflow:hidden; background:url(img/sections-bg.png) repeat-x #011224;}
#logo {float:left; width:322px; height:60px; overflow:hidden;}
body.minisiti #logo {margin-right:34px;}

#supersections {height:20px; margin-bottom:8px;}
#supersections ul li {float:left;}
#supersections ul li a {display:block; height:20px; line-height:20px; text-transform:uppercase; text-align:center; width:203px; font-family:CantarellBold, Arial, Helvetica; font-size:11px; letter-spacing:-1px; color:#EEE; margin:0 4px; background:#336799; border-radius:0 0 4px 4px; position:relative;}
#supersections ul li a:hover,
#supersections ul li.current a {color:#FFF; background:#274E74;}

#menu {height:30px; margin-bottom:6px;}
#menu ul li {float:left;}
#menu ul li.home a {width:38px;}
#menu ul li.home a img {vertical-align:middle;}
#menu ul li a {display:block; height:30px; line-height:30px; text-transform:uppercase; text-align:center; width:140px; font-family:CantarellBold, Arial, Helvetica; font-size:11px; letter-spacing:-1px; color:#DDD; margin:0 4px; background:-webkit-gradient(linear,0 0,0 100%,from(#002650),to(#03172B)); /*background:-webkit-linear-gradient(#002650,#03172B);*/ background:-moz-linear-gradient(#002650,#03172B); background:-o-linear-gradient(#002650,#03172B); background:linear-gradient(#002650,#03172B); border-radius:4px; position:relative;}
#menu ul li a:hover,
#menu ul li.current a {color:#FFF; background:-webkit-gradient(linear,0 0,0 100%,from(#10437C),to(#03172B)); /*background:-webkit-gradient(linear,#10437C,#03172B);*/ background:-webkit-linear-gradient(#10437C,#03172B); background:-moz-linear-gradient(#10437C,#03172B); background:-o-linear-gradient(#10437C,#03172B); background:linear-gradient(#10437C,#03172B); border-radius:4px; position:relative;}

#sections {}
#sections ul li {float:left;}
#sections ul li a {display:block; width:296px; height:50px; line-height:50px; padding-left:20px; margin:0 2px; color:#EEE; font-family:CantarellBold, Arial, Helvetica; font-size:13px; letter-spacing:-1px; text-transform:uppercase; background:-webkit-gradient(linear,0 0,0 100%,from(#0E3867),to(#336091)); /*background:-webkit-linear-gradient(#0E3867,#336091);*/ background:-moz-linear-gradient(#0E3867,#336091); background:-o-linear-gradient(#0E3867,#336091); background:linear-gradient(#0E3867,#336091); border-radius:4px; position:relative; background-repeat:no-repeat;}
#sections ul li a:hover,
#sections ul li.current a {color:#FFF;background:-webkit-gradient(linear,0 0,0 100%,from(#10447C),to(#3B6FA6));/*background:-webkit-linear-gradient(#10447C,#3B6FA6);*/ background:-moz-linear-gradient(#10447C,#3B6FA6); background:-o-linear-gradient(#10447C,#3B6FA6); background:linear-gradient(#10447C,#3B6FA6); border-radius:4px; position:relative;}
#sections ul li a .icon {position:absolute; top:0; right:0; width:100px; height:50px; background-position:top right; background-repeat:no-repeat; cursor:pointer;}
#sections ul li a:hover .icon,
#sections ul li.current a .icon {background-position:bottom right;}
body.minisiti #sections ul li a {margin-right:15px;}

#sections ul li a.mondoacqua .icon {background-image:url(img/menu-mondoacqua.png);}
#sections ul li a.idratazione-e-benessere .icon {background-image:url(img/menu-idratazione-e-benessere.png);}
#sections ul li a.sostenibilita-e-ambiente .icon {background-image:url(img/menu-sostenibilita-e-ambiente.png);}

body.minisiti #sections ul li a.sostenibilita-e-ambiente {margin-right:0;}

#main-visual {width:960px; height:380px; position:relative; background:#1C4065;}

#intro-music-wrapper {position:absolute; left:0; top:20px; z-index:30;}
#intro-music-wrapper .mejs-container {background:none;}
#intro-music-wrapper .mejs-container .mejs-controls{background:rgba(0,0,0,0.4); border-radius:0 8px 8px 0;}
#intro-music-wrapper .mejs-time-rail {display:none !important;}
#intro-music-wrapper .mejs-mute {display:none !important;}


#main-visual .context {position:absolute; top:20px; z-index:20; right:0; height:36px; background:rgba(0, 0, 0, 0.4); border-radius:8px 0 0 8px;}
#main-visual .context li {float:left; height:36px; line-height:36px; color:#FFF; padding-left:16px; margin:0 6px; font-weight:bold; font-size:11px; background-image:url(img/ico-context.png); background-repeat:no-repeat; background-position:left top; }
#main-visual .context li.current {background-position:left bottom;}
#main-visual .context a {color:#FFF;}
#main-visual .context a:hover {text-decoration:underline;}
#main-visual .claim {
	position:absolute;
	z-index:20;
	background:rgba(255, 255, 255, 0.7);
	color:#00254E;
	padding:16px 24px;
	font-family:PTSansNarrowRegular, Arial, Helvetica;
	font-size:15px;
	bottom:20px;
	left:0;
	width:599px;
	border-radius:0 8px 8px 0;
	line-height:1.1em;
}
#main-visual .claim2 {position:absolute; z-index:20; background:rgba(51, 103, 153, 0.7); color:#ffffff; padding:16px 24px 16px 15px;  font-family:PTSansNarrowRegular, Arial, Helvetica; font-size:15px;  bottom:20px; right:0; width:160px; border-radius:8px 0 0 8px; line-height:1.1em; text-align:right;}
#main-visual .claim2 a{
	color:#FFFFFF;
	display:block;
	background-image:url(/img/tesi.png);
	background-repeat:no-repeat;
	background-position:-10px;
	width:160px;
	padding:2px 2px 2px 0;
}
#main-visual .slide {width:960px; height:380px; overflow:hidden; position:relative;}
#main-visual .slide h1 {position:absolute; z-index:10; background:rgba(0, 0, 0, 0.2); text-align:center; color:#FFF; font-size:28px; letter-spacing:-1px; top:136px; height:48px; line-height:48px; width:960px; font-family:PTSansNarrowRegular;}

#visual {height:208px; background:#FFF; width:960px; overflow:hidden;}
#visual.istituzionale-main {display:none;}
#visual-mini {height:128px; background:#666; width:960px; overflow:hidden;}

#maincontainer {width:100%; overflow:hidden; background:#FFF; position:relative;}
body.minisiti #maincontainer {background:none;}

#sidebar {float:left; width:188px; padding:12px 16px; background:#FFF;}

#sidebar .menu ul li a {display:block; text-transform:uppercase; color:#767C88; font-size:11px; line-height:14px; padding-left:14px; margin-bottom:8px; }
#sidebar .menu ul li a:hover {color:#4288DD;}
#sidebar .menu ul li a.current {color:#4288DD; background:url(img/sidebar-menu-bg.png) center left no-repeat;}

#sidebar.istituzionale .menu ul li a:hover {color:#E0081F;}
#sidebar.istituzionale .menu ul li a.current {color:#E0081F;}

#sidebar .menu ul li ul {margin-left:10px; padding-bottom:8px;}
#sidebar .menu ul li ul li a {font-size:10px; height:auto; line-height:11px; text-transform:none; margin-bottom:8px;}

#sidebar .mondo-nestle {margin-top:60px; margin-left:12px; border-top:1px dotted #CCC; padding-top:10px;}
#sidebar .mondo-nestle h4 {font-size:11px; color:#666; text-transform:uppercase; font-weight:normal; margin-bottom:10px;}
#sidebar .mondo-nestle ul li {float:left; margin-right:10px; height:36px; line-height:36px;}

#sidebar a.nl-btn-subscribe {display:block; width:185px; height:40px; margin:auto; margin-top:30px; background:url(img/btn-nl-subscribe.png) no-repeat; text-indent:-1000px;}
#sidebar a.nl-btn-subscribe:hover {background:url(img/btn-nl-subscribe-on.png) no-repeat;}
#sidebar a.nl-btn-read {display:block; width:185px; height:40px; margin:auto; margin-top:30px; background:url(img/btn-nl-read.png) no-repeat; text-indent:-1000px;}
#sidebar a.nl-btn-read:hover {background:url(img/btn-nl-read-on.png) no-repeat;}
#sidebar a.nl-edit {font-size:11px; line-height:14px; text-transform:uppercase; margin:8px 0; display:block; color:#767C88; padding-left:14px;}
#sidebar a.nl-edit:hover {color:#4288DD;}

#contents {width:714px; float:left; padding:12px 16px; padding-right:0; margin-bottom:20px; overflow:hidden; background:#FFF;}

#contents .text {float:left; width:440px;}
#contents .text h4 {font-size:12px; color:#666; border-bottom:1px dotted #CCC; padding-bottom:2px; margin-bottom:8px; text-transform:uppercase; font-weight:bold; display:none;}
#contents .text h1 {font-size:24px; letter-spacing:-1px; color:#4288DD; margin-bottom:20px; font-weight:normal; border-bottom:1px dotted #CCC; padding-bottom:5px;}
#contents.istituzionale .text h1 {color:#E0081F;}

#contents .text h2 {font-size:16px; color:#003970; margin-bottom:10px; margin-top:30px; font-weight:normal;}
#contents.istituzionale .text h2 {color:#E0081F;}

#contents .text p {color:#555; font-size:12px; line-height:1.5em; margin-bottom:1.4em;}
#contents .text a {color:#003162; text-decoration:underline;}
#contents .text a:hover {color:#E10914; text-decoration:none;}
#contents .text strong {color:#222;}
#contents .text ul {list-style-type:square; margin-left:20px; margin-bottom:20px; color:#555;}
#contents .text ul li {line-height:18px; margin-bottom:8px; font-size:12px;}
#contents .text ul li a{text-decoration:underline; color:#003162;}
#contents .text ul li a:hover{text-decoration:none; color:#E10914;}

#contents .text ol {list-style-type: none; margin-left:10px; margin-bottom:20px; color:#555;}
#contents .text ol li {line-height:18px; margin-bottom:8px; font-size:12px;}
#contents .text ol li a{text-decoration:underline; color:#003162;}
#contents .text ol li a:hover{text-decoration:none; color:#E10914;}

#contents .text ul.press li {margin-bottom:16px;}
#contents .text ul.press li em {font-size:11px;}
#contents .text ul.press li a {font-weight:bold; text-decoration:none; text-transform:uppercase;}
#contents .text ul.press li a.more {font-size:10px; text-transform:uppercase; display:block;}
#contents .text ul.press li strong {font-weight:bold; text-transform:uppercase; font-size:10px; display:block; background:#F0F0F0; margin-left:-5px; text-indent:5px; margin-bottom:3px;}
#contents .text ul.press li img {float:left; margin-right:10px;}

#contents .text .newsletter {background:url(img/newsletter/header.jpg) top no-repeat; padding-top:164px; width:440px; overflow:hidden;}
#contents .text .newsletter .mainbox,
#contents .text .newsletter .box {margin-bottom:10px; position:relative;}
#contents .text .newsletter .box {background:#EBEBEB;}
#contents .text .newsletter,
#contents .text .newsletter p,
#contents .text .newsletter strong {font-family:Verdana; font-size:11px; line-height:13px; color:#1A344F; text-align:justify;}
#contents .text .newsletter h1 {font-family:Verdana; font-size:11px; line-height:13px; color:#1A344F; font-weight:normal; letter-spacing:normal; margin-left:132px; border:0; margin-bottom:8px;}
#contents .text .newsletter .mainbox .header {height:46px; background:url(img/newsletter/mainbox-header.png) no-repeat;}
#contents .text .newsletter .mainbox .footer {height:17px; background:url(img/newsletter/mainbox-footer.png) no-repeat; _margin-top:-12px;}
#contents .text .newsletter .box .header {height:18px; background:url(img/newsletter/box-header.png) no-repeat;}
#contents .text .newsletter .box .footer {height:18px; background:url(img/newsletter/box-footer.png) no-repeat;}
#contents .text .newsletter .content {padding-left:128px; padding-right:8px; border-left:8px solid #EBEBEB; border-right:8px solid #EBEBEB;overflow:hidden;}
#contents .text .newsletter .image {position:absolute; left:12px; background-repeat:no-repeat; width:117px; height:117px;}
#contents .text .newsletter .mainbox .image {top:46px;}
#contents .text .newsletter .box .image {top:18px;}
#contents .text .newsletter h3 {margin-bottom:10px;}
#contents .text .newsletter .anchor {display:block; height:1px; overflow:hidden;}

/* this is redundant due to IE6 support lack for #ID.class selector directly applied on #contents */
#maincontainer.istituzionale-main #contents,
#maincontainer.prodotti-main #contents {width:960px; float:none; margin-bottom:0; padding:0; overflow:hidden; height:383px;}

#maincontainer.chi-siamo #contents {background:url(img/chi-siamo-bg.jpg) no-repeat #021126;}
#maincontainer.progetto-wet #contents {background:url(img/progetto-wet-bg.jpg) no-repeat #021126;}
#maincontainer.persone-al-centro #contents {background:url(img/persone-al-centro-bg.jpg) no-repeat #021126;}
#maincontainer.live-in-italian #contents {background:url(img/live-in-italian-bg.jpg) no-repeat #021126;}

#contents.index {width:960px; float:none; margin-bottom:0; padding:0; margin-bottom:0; height:380px; overflow:hidden;}

#contents.istituzionale-main,
#contents.prodotti-main {width:960px; float:none; margin-bottom:0; padding:0; overflow:hidden;}

#contents.prodotti-main .prodotti {background:-webkit-gradient(linear,0 0,0 100%,from(#A8CFF5),to(#FFFFFF)); /*background:-webkit-linear-gradient(#A8CFF5,#FFFFFF);*/ background:-moz-linear-gradient(#A8CFF5,#FFFFFF); background:-o-linear-gradient(#A8CFF5,#FFFFFF); background:linear-gradient(#A8CFF5,#FFFFFF); position:relative;}

#contents.prodotti-main .prodotti .descriptions {position:absolute; top:80px; right:36px; height:200px; width:500px;}
#contents.prodotti-main .prodotti .descriptions h1 {text-indent:0; color:#195EA1; font-family:WalkwayBoldRegular; font-size:38px; margin-bottom:16px; font-weight:normal;}
#contents.prodotti-main .prodotti .descriptions h2 {font-size:16px; color:#003970; margin-bottom:10px; font-weight:normal;}
#contents.prodotti-main .prodotti .descriptions p {color:#01203F; font-size:12px; line-height:1.4em; margin-bottom:12px;}
#contents.prodotti-main .prodotti .descriptions .product {display:none;}
#contents.prodotti-main .prodotti .descriptions .product a {color:#FFF; text-transform:uppercase; font-size:11px; font-weight:bold; text-align:center; display: inline-block; border-radius:4px; width:120px; background:#2E659E; margin-right:16px; padding:4px 0;}
#contents.prodotti-main .prodotti .descriptions .product a:hover {background:#023669;}

#contents.prodotti-main .prodotti #elenco-prodotti-anchor {position:absolute; bottom:30px; right:20px; width:180px;}
#contents.prodotti-main .prodotti #elenco-prodotti-anchor a {color:#FFF; text-transform:uppercase; font-size:11px; font-weight:bold; text-align:center; display: inline-block; border-radius:4px; width:180px; background:#2E659E; margin-right:16px; padding:4px 0;}
#contents.prodotti-main .prodotti #elenco-prodotti-anchor a:hover {background:#023669;}

#contents.prodotti-main .prodotti #elenco-prodotti {position:absolute; right:0; bottom:0; width:516px; height:300px; z-index:30; background:#FFF; padding:24px; border-radius:8px 8px 0 0; padding-top:0; padding-bottom:0; height:0; overflow:hidden;}
#contents.prodotti-main .prodotti #elenco-prodotti li {float:left; width:160px; margin-right:12px;}
#contents.prodotti-main .prodotti #elenco-prodotti h2 {font-family:WalkwayBoldRegular; font-size:22px; color:#195EA1; padding-bottom:4px; margin-bottom:16px;  border-bottom:1px solid #195EA1;}
#contents.prodotti-main .prodotti #elenco-prodotti li li {float:none; margin:0; margin-bottom:8px;}
#contents.prodotti-main .prodotti #elenco-prodotti li a {font-size:12px; color:#195EA1;}
#contents.prodotti-main .prodotti #elenco-prodotti li a:hover {color:#c00;}
#contents.prodotti-main .prodotti #elenco-prodotti a.close { position:absolute; bottom:30px; right:0; width:180px; color:#FFF; text-transform:uppercase; font-size:11px; font-weight:bold; text-align:center; display:block; border-radius:4px; width:80px; background:#2E659E; margin-right:16px; padding:4px 0; display:none;}
#contents.prodotti-main .prodotti #elenco-prodotti a.close:hover {background:#023669;}


#contents.istituzionale-main #text {float:none; margin-left:440px; text-align:right; margin-right:20px; overflow:hidden; padding-top:120px; height:159px;}
#contents.istituzionale-main #text h1 {margin-bottom:46px; height:36px; text-indent:-1000px; text-align:left;}
#contents.istituzionale-main #text p {color:#01203F; font-size:12px; line-height:16px; padding-right:10px;}

#buttons {padding-left:12px; margin-top:5px;}
#buttons ul {}
#buttons ul li {float:left;}
#buttons ul li a {display:block; width:305px; height:92px; text-indent:-1000px; margin-right:10px;}
#buttons.narrow ul li a {width:183px; margin-right:5px;}

#maincontainer.chi-siamo #buttons {width:100%; padding:5px 0 5px 12px; margin-top:0; height:auto; overflow:hidden; background:-webkit-linear-gradient(#002D54,#011931); background:-moz-linear-gradient(#002D54,#011931); background:-o-linear-gradient(#002D54,#011931); background:linear-gradient(#002D54,#011931); position:relative;}
#maincontainer.chi-siamo #buttons ul {}
#maincontainer.chi-siamo #buttons ul li {float:left;}
#maincontainer.chi-siamo #buttons ul li a {display:block; width:212px; height:92px; line-height:92px; padding-left:14px; margin-right:10px; color:#67A3DF; font-family:WalkwayBlackRegular; font-size:16px; text-indent:0; background:-webkit-gradient(linear,0 0,0 100%,from(#023972),to(#012652)); /*background:-webkit-linear-gradient(#023972,#012652);*/ background:-moz-linear-gradient(#023972,#012652); background:-o-linear-gradient(#023972,#012652); background:linear-gradient(#023972,#012652); border-radius:8px; position:relative;}
#maincontainer.chi-siamo #buttons ul li a:hover {color:#EEE; background:-webkit-gradient(linear,0 0,0 100%,from(#0F437C),to(#3A6DA4)); /*background:-webkit-linear-gradient(#0F437C,#3A6DA4);*/ background:-moz-linear-gradient(#0F437C,#3A6DA4); background:-o-linear-gradient(#0F437C,#3A6DA4); background:linear-gradient(#0F437C,#3A6DA4);}
#maincontainer.chi-siamo #buttons ul li a .icon {position:absolute; width:100px; height:92px; top:0; right:0; background-position:top right; background-repeat:no-repeat; cursor:pointer;}
#maincontainer.chi-siamo #buttons ul li a:hover .icon {background-position:bottom right;}

#maincontainer.chi-siamo #buttons ul li a.azienda .icon {background-image:url(img/btn-azienda.png);}
#maincontainer.chi-siamo #buttons ul li a.mission-e-valori .icon {background-image:url(img/btn-mission-e-valori.png);}
#maincontainer.chi-siamo #buttons ul li a.vivisanpellegrino .icon {background-image:url(img/btn-vivisanpellegrino.png);}
#maincontainer.chi-siamo #buttons ul li a.gamma-prodotti .icon {background-image:url(img/btn-gamma-prodotti.png);}

#maincontainer.chi-siamo #text {float:none; margin:0; text-align:right; overflow:hidden; padding-top:120px; padding-right:36px; height:159px;}
#maincontainer.chi-siamo #text h1 {text-indent:0; color:#195EA1; text-align:right; font-family:WalkwayBoldRegular; font-size:38px; font-weight:normal;}
#maincontainer.chi-siamo #text p {text-align:right; padding:0; margin-left:440px;}


#buttons ul li a.ogni-goccia {background:url(img/btn-ogni-goccia-conta-off.jpg) no-repeat;}
#buttons ul li a.ogni-goccia:hover {background:url(img/btn-ogni-goccia-conta-on.jpg) no-repeat;}
#buttons ul li a.wet-mondo {background:url(img/btn-wet-nel-mondo-off.jpg) no-repeat;}
#buttons ul li a.wet-mondo:hover {background:url(img/btn-wet-nel-mondo-on.jpg) no-repeat;}
#buttons ul li a.wet-italia {background:url(img/btn-wet-in-italia-off.jpg) no-repeat;}
#buttons ul li a.wet-italia:hover {background:url(img/btn-wet-in-italia-on.jpg) no-repeat;}

#buttons ul li a.obiettivo-sicurezza {background:url(img/btn-obiettivo-sicurezza-off.jpg) no-repeat;}
#buttons ul li a.obiettivo-sicurezza:hover {background:url(img/btn-obiettivo-sicurezza-on.jpg) no-repeat;}
#buttons ul li a.rispetto-e-valorizzazione {background:url(img/btn-rispetto-e-valorizzazione-off.jpg) no-repeat;}
#buttons ul li a.rispetto-e-valorizzazione:hover {background:url(img/btn-rispetto-e-valorizzazione-on.jpg) no-repeat;}
#buttons ul li a.le-nostre-persone {background:url(img/btn-le-nostre-persone-off.jpg) no-repeat;}
#buttons ul li a.le-nostre-persone:hover {background:url(img/btn-le-nostre-persone-on.jpg) no-repeat;}

#buttons ul li a.eventi-e-partnership {background:url(img/btn-eventi-e-partnership-off.jpg) no-repeat;}
#buttons ul li a.eventi-e-partnership:hover {background:url(img/btn-eventi-e-partnership-on.jpg) no-repeat;}
#buttons ul li a.education {background:url(img/btn-education-off.jpg) no-repeat;}
#buttons ul li a.education:hover {background:url(img/btn-education-on.jpg) no-repeat;}
#buttons ul li a.piccolo-e-grande-schermo {background:url(img/btn-piccolo-e-grande-schermo-off.jpg) no-repeat;}
#buttons ul li a.piccolo-e-grande-schermo:hover {background:url(img/btn-piccolo-e-grande-schermo-on.jpg) no-repeat;}
#buttons ul li a.adv-internazionale {background:url(img/btn-adv-internazionale-off.jpg) no-repeat;}
#buttons ul li a.adv-internazionale:hover {background:url(img/btn-adv-internazionale-on.jpg) no-repeat;}
#buttons ul li a.dove-siamo {background:url(img/btn-dove-siamo-off.jpg) no-repeat;}
#buttons ul li a.dove-siamo:hover {background:url(img/btn-dove-siamo-on.jpg) no-repeat;}

#buttons ul li a.acqua-minerale {background:url(img/btn-acqua-minerale-off.jpg) no-repeat;}
#buttons ul li a.acqua-minerale:hover {background:url(img/btn-acqua-minerale-on.jpg) no-repeat;}
#buttons ul li a.acqua-potabile {background:url(img/btn-acqua-potabile-off.jpg) no-repeat;}
#buttons ul li a.acqua-potabile:hover {background:url(img/btn-acqua-potabile-on.jpg) no-repeat;}
#buttons ul li a.acqua-alimento {background:url(img/btn-acqua-alimento-off.jpg) no-repeat;}
#buttons ul li a.acqua-alimento:hover {background:url(img/btn-acqua-alimento-on.jpg) no-repeat;}

#contents.istituzionale-main ul.narrow li {width:110px; margin-right:5px; background:url(img/content-istituzionale-main-item-narrow-bg.jpg) no-repeat;}
#contents.istituzionale-main ul.narrow li a {width:110px; }

#contents .media {float:right; width:250px; padding-top:26px;}
#contents .media .header {background:url(img/media-header.png) no-repeat; height:5px; overflow:hidden;}
#contents .media .contents {background:#E7E8ED; padding:0 5px;}
#contents .media .footer {background:url(img/media-footer.png) bottom no-repeat; height:5px; overflow:hidden;}

#contents .media .hr {height:5px; margin-bottom:5px; overflow:hidden; border-bottom:1px dashed #FFF;}

#contents .box {}
#contents .box .header {background:url(img/box-header-bg.png) no-repeat; height:5px; overflow:hidden;}
#contents .box .contents {background:#FFF; padding:0 5px;}
#contents .box .footer {background:url(img/box-footer-bg.png) bottom no-repeat; height:5px; overflow:hidden;}

#contents .evidenza .header {background:url(img/box-header-bg.png) no-repeat #E7E8ED; height:5px; overflow:hidden;}
#contents .evidenza .contents {background:#FFF; padding:5px;}
#contents .evidenza .contents h3 {margin-bottom:5px; color:#003162;}
#contents .evidenza .contents h3 a {color:#036;}
#contents .evidenza .contents h3 a:hover {color:#E10914;}
#contents .evidenza .contents p {font-size:11px; line-height:13px; color:#666; margin-bottom:5px;}
#contents .evidenza .contents a.more {display:block; color:#036; text-align:right; text-align:right; font-size:11px;}
#contents .evidenza .contents a.more:hover {color:#E10914;}
#contents .media .evidenza-header img {display:block;}
#contents .media .highlight {background:url(img/highlight-bg.gif) top repeat-x #B3D1E8; padding:20px 0 4px; margin:auto; width:242px; border-radius:6px;}

#contents .media .highlight a.evidenza {display:block; width:200px; margin:auto; margin-bottom:16px;}
#contents .media .highlight a.evidenza .content {display:block; padding:10px 16px 4px; background:url(img/evidenza-content-bg.gif) top no-repeat; *background-color:#EAF3FA;}
#contents .media .highlight a.evidenza .content .title {display:block; color:#3B82C0; font-weight:bold; margin-bottom:12px; font-size:12px; padding:0;}
#contents .media .highlight a.evidenza .content .description {display:block; color:#011224; font-size:11px; line-height:13px; font-weight:normal; margin-bottom:4px;}
#contents .media .highlight a.evidenza .image {display:block; padding-top:6px; background:#FFF;}
#contents .media .highlight a.evidenza .more {display:block; text-indent:-600px; overflow:hidden; background:url(img/btn-leggi-tutto.png) #FFF 95% no-repeat; height:28px;}
#contents .media .highlight a.evidenza:hover .title, 
#contents .media .highlight a.evidenza:hover .more {color:#1960A0;}

#contents .media .highlight .slideshow {width:200px; margin:auto; margin-bottom:16px; position:relative; z-index:2;}
#contents .media .highlight .slideshow .images {width:200px; overflow:hidden;}
#contents .media .highlight .slideshow .small {height:150px;}
#contents .media .highlight .slideshow .large {height:270px;}

#contents .media .highlight .slideshow .images img {display:block;}
#contents .media .highlight .slideshow .motto {padding:16px 12px; line-height:13px; color:#14609C; font-size:11px; font-weight:bold; background:#9CC7E9;}
#contents .media .highlight .slideshow .motto a {color:#14609C;}

#contents .media .archives {background:url(img/highlight-bg.png) top repeat-x; padding:20px; padding-top:0;}
#contents .media .archives h3 {font-size:10px; color:#1960A0; text-transform:uppercase; border-bottom:1px dotted #1960A0; padding-bottom:4px; text-align:center; margin-bottom:10px; padding-top:20px;}
#contents .media .archives ul {width:100%; overflow:hidden;}
#contents .media .archives ul li {float:none; display:inline;}
#contents .media .archives ul li a {display:block; height:22px; line-height:22px; font-weight:normal; color:#1960A0; margin-bottom:2px; padding-left:10px;}
#contents .media .archives ul li a:hover {color:#C00;}
#contents .media .archives ul li a.current {background:#ABCEEE;}
#contents .media .archives ul li ul li a {height:18px; line-height:18px; font-size:11px; text-transform:uppercase; font-weight:bold;}
#contents .media .archives ul li ul li ul li a {height:auto; line-height:10px; font-size:10px; margin-left:6px; margin-bottom:6px; text-transform:none; font-weight:normal;}

#websites {position:absolute; top:70px; right:20px; z-index:100; background-color:#f4f8fb; padding:10px 10px 10px 20px; width:213px;}
#websites-title{padding-top:10px; padding-bottom:10px; color:#e0081f; background-color:#f4f8fb; font-size:14px}
#websites ul li {box-shadow: 1px 2px 10px #cccccc;  margin-bottom:10px;}
#websites ul li a {display:block; width:203px; /*height:32px;*/ background: #FFFFFF; color:#333333; font-size:12px; text-align:left; padding-left:12px; /*line-height:32px*/; font-weight:regular; padding-top:6px; padding-bottom:6px;}
#websites ul li a:hover {background:url(img/btn-visita-sito-extra-on.png) no-repeat #cadff0; color:#333333;}
/*#websites ul li a.official {background:url(img/btn-visita-sito-off.jpg);}
#websites ul li a.official:hover {background:url(img/btn-visita-sito-on.jpg);}*/


#contents.prodotti {position:relative; margin-bottom:0;}
#contents.prodotti .text {float:none; margin-bottom:300px;}
#contents.prodotti .prodotto-gallery {position:absolute; bottom:0; height:541px; width:698px; z-index:50;}
#contents.prodotti .prodotto-gallery .tipi-prodotto {width:506px; height:196px; float:left; margin-top:248px;}
#contents.prodotti .prodotto-gallery .link-prodotto {width:506px; height:97px; background:url(img/prodotti-links-bg.jpg) repeat-x; float:left; overflow:hidden;}
#contents.prodotti .prodotto-gallery .link-prodotto .lista-prodotti {float:left; margin-left:30px; display:none;}
#contents.prodotti .prodotto-gallery .link-prodotto .sito-prodotto {float:right; margin-right:30px; display:none;}
#contents.prodotti .prodotto-gallery .immagine-prodotto {width:192px; float:right; background:url(img/prodotti-large-bg.jpg) no-repeat; height:541px; overflow:hidden;}

#contents .breadcrumbs {margin-bottom:24px; height:14px; overflow:hidden;}
#contents .breadcrumbs ul {width:100%; overflow:hidden;}
#contents .breadcrumbs ul li {float:left; margin-right:3px;}
#contents .breadcrumbs ul li a {font-size:10px; color:#2B3939; line-height:14px;}

#contents .breadcrumbs ul li a.current,
#contents .breadcrumbs ul li a:hover {color:#4288DD;}
#contents.istituzionale .breadcrumbs ul li a.current,
#contents.istituzionale .breadcrumbs ul li a:hover {color:#E0081F;}

#contents ul.section-topics {display:block; width:698px; overflow:hidden; margin-bottom:20px;}
#contents ul.section-topics li {float:left; width:338px; height:60px; margin-bottom:20px; margin-right:10px;}
#contents ul.section-topics li a {display:block; width:330px; height:60px; padding:3px; border:1px solid #FFF; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px;}
#contents ul.section-topics li a:hover {background:#F2F2F2; border:1px solid #E5E5E5;}
#contents ul.section-topics li a img {float:left; margin-right:8px;}
#contents ul.section-topics li a .title {display:block; width:240px; float:left; padding-left:10px; font-size:11px; text-transform:uppercase; color:#228BCD; background:url(img/section-item-bg.png) left center no-repeat; margin-bottom:5px; cursor:pointer; margin-top:3px;}
#contents ul.section-topics li a:hover .title {color:#E10914;}
#contents ul.section-topics li a .description {display:block; width:250px; float:left; color:#2D383A; font-size:11px; line-height:13px; cursor:pointer;}

#contents .text form h2 {font-size:14px; padding-bottom:3px; border-bottom:1px solid #003970; margin-bottom:16px;}
#contents .text form h3 {font-size:12px; padding-bottom:3px; border-bottom:1px solid #666; margin-bottom:8px; color:#333;}
#contents .text form ul {list-style-type:none;}
#contents .text form li {position:relative;}
#contents .text form label {display:inline-block; width:160px; vertical-align:middle;}
#contents .text form input {border:1px solid #CCC; padding:3px; font-size:12px; width:240px; vertical-align:middle;}
#contents .text form input.neutral {width:auto; border:0; padding:0;}
#contents .text form .note {padding:10px; background:#E0EDF6; border:1px solid #C0CBD4;}
#contents .text form .note h3 {font-size:11px; border-bottom:1px solid #C0CBD4;}
#contents .text form .note p {font-size:11px; line-height:1.4em; margin-bottom:0; color:#555;}
#contents .text form .commands {border-top:1px solid #CCC; text-align:center; padding:16px;}
#contents .text form .commands button {padding:4px 20px; background:#2268A5; border-width:0; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; letter-spacing:-1px; border-radius:4px; cursor:pointer; margin:0 2px;}
#contents .text form .commands button:hover {background:#16406D;}
#contents .text form .error {margin-left:160px; background:url(img/ico-warning.png) 4px center no-repeat #FFD; border:1px solid #ED1227; width:218px; color:#C00; padding:1px 4px 1px 24px; font-size:11px; font-family:Tahoma, Geneva, sans-serif; display:none;}
#contents .text form .error.global {margin:auto; padding:8px; display:block; text-align:center; width:300px; margin-bottom:16px;}

#footer {width:100%; overflow:hidden; padding-top:10px; background:#011224; padding-bottom:10px; border-radius:0 0 6px 6px; margin-bottom:4px;}

#footer .copy {float:left; font-size:10px; color:#496676; padding-left:10px;}
#footer .copy ul li {float:left;}
#footer .copy ul li a {display:block; padding:0 5px; border-right:1px solid #496676; color:#496676;}
#footer .copy ul li a:hover {color:#CCC;}
#footer .copy ul li a.last {border:0;}
#footer .copy ul li.last {padding-left:5px;}

#footer .menu {float:right; margin-right:10px;}
#footer .menu ul li {float:left;}
#footer .menu ul li a {display:block; padding:0 6px; border-right:1px solid #BBB; color:#BBB; text-transform:uppercase; font-size:10px;}
#footer .menu ul li a:hover {color:#FFF;}
#footer .menu ul li a.last {border:0;}

#footer .homefooter {float:left; width:530px;}
#footer .homefooter .menu {float:none; display:block; width:100%; overflow:hidden; padding-top:14px; padding-left:19px;}
#footer .homefooter .copy {float:none; display:block; width:100%; overflow:hidden; padding-top:5px; margin-left:10px;}
#footer .homefooter .copy ul {width:100%; overflow:hidden;}
#footer .homefooter .copy .piva {display:block; padding-left:5px; margin-top:5px; margin-bottom:10px;}

#footer .news {float:right; width:360px; height:44px; overflow:hidden; margin-top:6px; padding-left:40px; position:relative;}
#footer .news .newstitle {color:#4D9DC4; font-size:10px; text-transform:uppercase; position:absolute; left:0; top:0; font-weight:bold;}

.products a.prev {display:block; float:left; width:20px; height:50px; background:url(img/carousel-previous-btn.png) no-repeat; cursor:pointer;}
.products a.prev:hover {background:url(img/carousel-previous-btn-hover.png) no-repeat;}
.products a.next {display:block; float:left; width:20px; height:50px; background:url(img/carousel-next-btn.png) no-repeat; cursor:pointer;}
.products a.next:hover {background:url(img/carousel-next-btn-hover.png) no-repeat;}
div.carousel {float:left; position:relative; overflow:hidden; width:565px; height:50px; background:url(img/home-carousel-bg.png) no-repeat;}
div.carousel div.items {width:20000em; position:absolute; height:50px;}
div.carousel div.items a {width:142px; height:50px; line-height:50px; text-align:center; display:block; float:left;}


div.newsticker {position:relative; overflow:hidden; height:44px; width:296px; border-left:1px solid #173B5F; padding-left:16px;} 
div.newsticker div.items {position:absolute;}
div.newsticker div.items div a {font-size:10px; line-height:12px; color:#7C92A9;}
div.newsticker div.items div a:hover .title {color:#C00;}
div.newsticker div.items div a .title {font-weight:bold; display:block; color:#FFF; text-transform:uppercase; margin-bottom:4px;}
div.newsticker div.items div a .abstract {display:block; color:#5C758D; margin-bottom:20px;}

.overlay {display:none; background-image:url(img/white-flat.png); width:640px;} 
.overlay .header {background:url(img/overlay-header.png) top no-repeat; height:64px;}
.overlay .footer {background:url(img/white-flat.png) bottom no-repeat; height:14px; }
.overlay .content {background: #FFF; width:100%; overflow:hidden;}
.overlay .content .text {padding:10px 40px 10px; font-size:12px; color:#333;}
.overlay .content .text img {margin-right:20px; display:block; float:left; margin-top:5px;}
.overlay .content .text h3  {font-size:18px; color:#003162; border-bottom:1px dotted #CCC; margin-bottom:10px; padding-bottom:5px;}
.overlay .content .text h4 {color:#003162; margin-bottom:10px;}
.overlay .content .text p {line-height:17px; margin-bottom:14px;}
.overlay .content .text a {color:#003162;}
.overlay .content .text a:hover {color:#C00;}

.overlay .content .text ul {list-style-type:square; margin-left:20px; margin-bottom:20px; color:#666;}
.overlay .content .text li {line-height:18px; margin-bottom:8px; font-size:12px;}
 
.overlay div.close {background-image:url(img/close-modal.png); position:absolute; right:10px; top:10px; cursor:pointer; height:22px; width:62px;}

.overlay_animaz {display:none; background-image:url(img/white-flat_animazione.png); width:850px;} 
.overlay_animaz .header {background:url(img/overlay-header_animazioni.png) top no-repeat; height:64px;}
.overlay_animaz .footer {background:url(img/white-flat_animazione.png) bottom no-repeat; height:20px;}
.overlay_animaz .content {background: #FFF; width:100%; overflow:hidden;}
.overlay_animaz .content .text {padding:10px 20px 10px; font-size:12px; color:#333;}
.overlay_animaz .content .text img {margin-right:20px; display:block; float:left; margin-top:5px;}
.overlay_animaz .content .text h3  {font-size:18px; color:#003162; border-bottom:1px dotted #CCC; margin-bottom:10px; padding-bottom:5px;}
.overlay_animaz div.close {background-image:url(img/close-modal.png); position:absolute; right:10px; top:10px; cursor:pointer; height:22px; width:62px;}

#waterwheel-carousel-default {width:360px; height:383px; position:relative; clear:both;}
#waterwheel-carousel-default .carousel-images {top:-20px;}
#waterwheel-carousel-default .carousel-images img {visibility:hidden; cursor:pointer;}
#waterwheel-carousel-default .carousel-controls a {display:block; width:40px; height:40px; line-height:40px; text-align:center; color:#FFF; font-size:24px; background:-webkit-gradient(linear,0 0,0 100%,from(#467EBA),to(#003366)); /*background:-webkit-linear-gradient(#467EBA,#003366);*/ background:-moz-linear-gradient(#467EBA,#003366); background:-o-linear-gradient(#467EBA,#003366); background:linear-gradient(#467EBA,#003366); border-radius:4px; position:relative;}
#waterwheel-carousel-default .carousel-controls a:active {background:#467EBA;}
#waterwheel-carousel-default .carousel-controls .carousel-prev {position:absolute; bottom:30px; left:30px;}
#waterwheel-carousel-default .carousel-controls .carousel-next {position:absolute; bottom:30px; right:30px;}