/* 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%;
	vertical-align: baseline;
	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;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ******************************************************** */


body{
   font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
   font-size: 13px;
   font-style: normal;
   letter-spacing: 0;
   line-height: 1.1em;
   /*background: #fff url(../img/bg-body.jpg) repeat-x 50% -1px; */
   width:100%;
   height:100%;
   margin:0;
   padding: 0;
   color: #717171;
   text-align: center;
   position: relative;
}

#bg-box {
   position: absolute;
   height: 451px;
   width: 100%;
   left: 0;
   background: #fff url(../img/bg-body.jpg) repeat-x 50% -5px;
}

#body-home #bg-box {background: #fff url(../img/bg-body-home.jpg) repeat-x 50% -1px;}

#top-wrapper {
   position: relative;
   width: 950px;
   height: 210px;
   margin: 0 auto;
   background: url(../img/ombra-top.png) no-repeat 190px 0;
   text-align: left;
}

#body-home #top-wrapper {
   height: 450px;
}

#logo a {
   position: absolute;
   top: 20px;
   left: 25px;
   display: block; 
   width: 180px;
   height: 89px;
   background: url(../img/logo.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

a.arrow-bg {
   padding: 0 15px 5px 0;
   background: url(../img/arrow1-small.png) no-repeat 100% 90%;
}

/* TOP MENU ************************************************************* */

#top-menu {
   position: absolute;
   top: 0;
   left: 650px;
   width: 270px;
   height: 24px;
   padding: 0;
   list-style: none;
}

#top-menu li {
   float: left;
   display: inline;
}

#top-menu li a {
   position: absolute;
   top: 0;
   margin: 0;
   padding: 0;
   display: block;
   height: 24px;
   background: url(../img/menu-top.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

/*up state*/
li#nav-contatti a {
   left: 0;
   width: 94px;
   background-position: 0 0;
}

li#nav-area-trade a {
   left: 100px;
   width: 180px;
   background-position: -100px 0;
}

/* MAIN MENU *************************************************************************** */

#main-menu {
   float: left;
   width: 720px;
   height: 56px;
   position: relative;
   margin-top: 44px;
   margin-left: 220px;
   padding: 0;
   list-style: none;
   display: inline;
}

#main-menu li {
   float: left;
}

#main-menu li a {
   position: absolute;
   top: 0;
   margin: 0;
   padding: 0;
   display: block;
   height: 56px;
   background: url(../img/menu-main.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

/* up state */
#main-menu li.nav-prodotti a {
   left: 0;
   width: 108px;
   background-position: 0 0;
}

#main-menu li.nav-tonno a {
   left: 108px;
   width: 131px;
   background-position: -108px 0;
}

#main-menu li.nav-lifestyle a {
   left: 239px;
   width: 131px;
   background-position: -239px 0;
}

#main-menu li.nav-sostenibilita a {
   left: 370px;
   width: 245px;
   background-position: -370px 0;
}

#main-menu li.nav-azienda a {
   left: 615px;
   width: 100px;
   background-position: -615px 0;
}

/* hover state */
#main-menu li.nav-prodotti a:hover {background-position: 0 -61px;}

#main-menu li.nav-tonno a:hover {background-position: -108px -61px;}

#main-menu li.nav-lifestyle a:hover {background-position: -239px -61px;}

#main-menu li.nav-sostenibilita a:hover {background-position: -370px -61px;}

#main-menu li.nav-azienda a:hover {background-position: -615px -61px;}

/* current state */
#body-prodotti #main-menu li.nav-prodotti a,
#body-premium #main-menu li.nav-prodotti a,
#body-medium #main-menu li.nav-prodotti a,
#body-sgombri #main-menu li.nav-prodotti a {background-position: 0 -61px;}

#body-tonno #main-menu li.nav-tonno a,
#body-specie #main-menu li.nav-tonno a,
#body-zone #main-menu li.nav-tonno a,
#body-produzione #main-menu li.nav-tonno a {background-position: -108px -61px;}

#body-lifestyle #main-menu li.nav-lifestyle a,
#body-ricette #main-menu li.nav-lifestyle a,
#body-stile #main-menu li.nav-lifestyle a,
#body-sport #main-menu li.nav-lifestyle a,
#body-spunti #main-menu li.nav-lifestyle a,
.stiledivita #main-menu li.nav-lifestyle a,
.sport #main-menu li.nav-lifestyle a,
.spunti #main-menu li.nav-lifestyle a { /* ****************************** DA LEVARE - comingsoon ************ */
   background-position: -239px -61px;
}

#body-sostenibilita #main-menu li.nav-sostenibilita a,
#body-friend #main-menu li.nav-sostenibilita a,
#body-policy #main-menu li.nav-sostenibilita a {background-position: -370px -61px;}

#body-azienda #main-menu li.nav-azienda a,
#body-profilo #main-menu li.nav-azienda a,
#body-sede #main-menu li.nav-azienda a,
#body-comunicazione #main-menu li.nav-azienda a,
#body-press #main-menu li.nav-azienda a {background-position: -615px -61px;}

/* HEADER ******************************************************************************************* */

#header {
   float: left;
   display: inline;
   width: 950px;
   height: 95px;
   margin-top: 20px;
   overflow: hidden;
}

#body-home #header {
   height: 330px;
   background: url(../img/header-home.jpg) no-repeat;
}

#body-home h1 {
   position: absolute;
   top: 225px;
   left: 0;
   width: 950px;
   height: 60px;
   background: url(../img/scritta-header-home.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-prodotti #header,
#body-premium #header,
#body-medium #header,
#body-sgombri #header {
   background: url(../img/header-prodotti.gif) no-repeat;
}

#body-tonno #header,
#body-specie #header,
#body-zone #header,
#body-produzione #header {
   background: url(../img/header-tonno.gif) no-repeat;
}
#body-lifestyle #header,
#body-ricette #header,
#body-stile #header,
#body-sport #header,
#body-spunti #header {
   background: url(../img/header-lifestyle.gif) no-repeat;
}

#body-sostenibilita #header,
#body-friend #header,
#body-policy #header {
   background: url(../img/header-sostenibilita.gif) no-repeat;
}

#body-azienda #header,
#body-profilo #header,
#body-sede #header,
#body-comunicazione #header,
#body-press #header {
   background: url(../img/header-azienda.gif) no-repeat;
}

#body-contatti #header,
#body-areatrade #header,
#body-mappa #header,
#body-ricette #header,
#body-comunicazione #header,
#body-costruzione #header {
   background: url(../img/header-in-costruzione.gif) no-repeat;
}

#body-mail #header {
   background: url(../img/header-contatti.gif) no-repeat;
}


/* HEADER BOX *************************************************************************************** */

#body-home #box-sx {
   position: absolute;
   top: 365px;
   left: 40px; 
   width: 260px;
   height: 80px;
}



#body-home #box-sx img {
   float: left;
   display: inline;
   margin-right: 10px;
}

#body-home #box-sx a.azzurro,
#body-home #box-dx a.azzurro {
   display: block;
   padding: 0;
   font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
   font-size: 12px;
   line-height: 1.2em;
   text-decoration: none;
}

#body-home #box-sx p {
   float: left;
   display: inline;
   font-size: 12px;
}

#body-home a#policy {
   position: absolute;
   top: -46px;
   left: 30px; 
   width: 230px;
   height: 30px;
   font-size: 12px;
}

#body-home #box-dx {
   position: absolute;
   top: 365px;
   left: 715px; 
   width: 200px;
   height: 90px;
}

#box-dx p, #box-dx a {
   font-size: 12px;
}

/* MAIN ********************************************************************************************* */

#main {
   clear: both;
   width: 100%;
   min-width: 950px;
   height: auto;
   overflow: auto;
   background-color: #fff;
}

#main-wrapper {
   position: relative;
   width: 950px;
   height: auto;
   margin: 0 auto 15px auto;
   text-align: left;
   overflow: hidden;
   background-color: #fff;
}

#body-home #main-wrapper {width: 990px;}


#body-prodotti #main-wrapper {background: url(../img/onda-grigia.gif) no-repeat 175px 0;}

#body-premium #main-wrapper {background: url(../img/onda-rossa.jpg) no-repeat 210px 0;}

#body-medium #main-wrapper {background: url(../img/onda-blu.jpg) no-repeat 200px 0;}

#body-sgombri #main-wrapper {background: url(../img/onda-arancione.jpg) no-repeat 200px 0;}

#body-tonno #main-wrapper,
#body-specie #main-wrapper,
#body-zone #main-wrapper,
#body-produzione #main-wrapper {background: url(../img/onda-grigia-2.jpg) no-repeat 145px 0;}

#body-lifestyle #main-wrapper,
#body-sport #main-wrapper,
#body-spunti #main-wrapper {background: url(../img/onda-oro.jpg) no-repeat 160px 0;}

#body-stile #main-wrapper {
   height: 1140px; 
   background: url("../img/stile-di-vita-bg.jpg") no-repeat 10px 300px;
}

#body-sport #main-wrapper {height: 1200px;}

#body-spunti #main-wrapper {height: 1100px;}

#body-sostenibilita #main-wrapper,
#body-friend #main-wrapper,
#body-policy #main-wrapper {background: url(../img/onda-grigia-3.jpg) no-repeat 145px 0;}

#body-azienda #main-wrapper,
#body-profilo #main-wrapper,
#body-sede #main-wrapper,
#body-comunicazione #main-wrapper,
#body-press #main-wrapper {background: url(../img/onda-grigia-3.jpg) no-repeat 145px 0;}

#body-sede #main-wrapper {height: 970px;}

#body-contatti #main-wrapper,
#body-areatrade #main-wrapper,
#body-mappa #main-wrapper,
#body-ricette #main-wrapper,
#body-comunicazione #main-wrapper,
#body-costruzione #main-wrapper,
#body-mail #main-wrapper {background: url(../img/onda-grigia-2.jpg) no-repeat 160px -60px;}

#body-mail #main-wrapper {height: 550px;}

/* MAIN BOX HOME *********************************************************************************** */

#body-home #box1 {
   float: left;
   display: inline;
   width: 360px;
   height: 312px;
   margin-top: 24px;
   margin-left: 0;
}

#body-home #box2 {
   float: left;
   display: inline;
   width: 320px;
   height: 250px;
   margin-left: 0;
   background: url(../img/box-vr-bg.gif) no-repeat;
}

#body-home #box3 {
   float: left;
   width: 240px;
   height: 250px;
   margin-left: 10px;
   background: url(../img/box-vr-bg.gif) no-repeat;
}

#body-home #box4 {
   float: left;
   width: 600px;
   height: 40px;
   margin-top: 20px;
   margin-left: 0px;
   background: url(../img/box-hr-bg.gif) no-repeat;
}

#body-home #box1 p {
   margin-top: 5px;
   margin-left: 28px;
}

#body-home #box1 #prodotti {
   float: left;
   width: 200px;
   height: 45px;
   padding: 7px 0;
   margin: 20px auto auto 90px;
}

#body-home #box1 #prodotti p {
   margin-left: 0;
   font-size: 14px;
   padding-top: 0;
}

#body-home #prodotti a {
   display: block; 
   width: 100px;
   height: 20px;
   background: url(../img/scritta-prodotti.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-home #slideshow {
   float: left;
   overflow: hidden;
   width: 300px;
   height: 200px;
   margin: 0px auto auto 30px;
}

#prev, #next  {
   display: block;
   width:27px;
   height: 27px;
   cursor:pointer;
   padding:0;
   text-indent: -9999px;
   overflow: hidden;
}

#prev {
   position: absolute;
   top: 200px;
   left: 40px;
   background:url(../img/prev.png) no-repeat;
   z-index: 9999;
}

#next {
   position: absolute;
   top: 200px;
   left: 310px;
   background:url(../img/next.png) no-repeat;
   z-index: 9999;
}


#body-home #box2 #ricette {
   float: left;
   display: inline;
   width: 300px;
   height: 230px;
   padding: 7px 0;
   margin: 20px auto auto 10px;
}

#body-home #box2 a {
   display: block; 
   width: 184px;
   height: 49px;
   background: url(../img/scritta-ricette.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
   margin-left: 50px;
}

#body-home #box2 p {
   padding-top: 12px;
   font-size: 13px;
}



/* MENU RICETTE HOME *************************************************************************** */

#body-home #ricette-menu {
   float: left;
   display: inline;
   width: 170px;
   height: 105px;
   position: relative;
   margin-top: 18px;
   margin-left: 80px;
   padding: 0;
   list-style: none;
}

#body-home #ricette-menu li {
/*   float: left;*/
}

#body-home #ricette-menu li a {
   position: absolute;
   top: 0;
   margin: 0;
   padding: 0;
   display: block;
   height: 37px;
   width: 170px;
   background: url(../img/menu-ricette.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

/* up state */
#body-home li#nav-light a {
   top: 0;
   height: 37px;
}

#body-home li#nav-golose a {
   top: 37px;
   height: 37px;
   background-position: 0 -37px;
}

#body-home li#nav-trendy a {
   top: 74px;
   height: 37px;
   background-position: 0 -74px;
}

/* hover state */
#body-home li#nav-light a:hover {
   background-position: -173px 0;
}

#body-home li#nav-golose a:hover {
   background-position: -173px -37px;
}

#body-home li#nav-trendy a:hover {
   background-position: -173px -74px;
}

/* ****************************************************************** */

#body-home #box3 #lifestyle {
   float: left;
   display: inline;
   width: 180px;
   height: 220px;
   padding: 7px 0;
   margin: 20px auto auto 45px;
}

#body-home #box3 #lifestyle p {
   margin-left: 0;
   font-size: 14px;
   padding-top: 7px;
}

#body-home #box3 a {
   display: block; 
   width: 129px;
   height: 115px;
   margin-left: 10px;
   background: url(../img/scritta-lifestyle-home.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-home #box3 #lifestyle p {
   font-size: 13px;
   padding-top: 12px;
}

#body-home #box4 h2 {
   /*display: block; */
   float: left;
   display: inline;
   width: 132px;
   height: 60px;
   background: url(../img/scritta-evidenza.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
   margin: 3px 20px auto 38px;
}

#body-home #box4 p {
   padding-top: 12px;
   padding-left: 10px;
   color: #1080e3;   
}

#body-home #box4 a,
#body-home #box4 a:link,
#body-home #box4 a:visited,
#body-home #box4 a:active {
   text-decoration: underline;
   color: #1080e3;
}

#body-home #box4 a:hover {
   color: #004b96;
}

/* FOOTER ****************************************************************************************** */

#footer {
   clear: both;
   width: 100%;
   min-width: 950px;
   overflow: hidden;
   height: 230px;
   background: #000d2c url(../img/bg-footer.jpg) repeat-x 50% 0;
   text-align: center;
}

#body-home #footer {
   height: 230px;
}

#footer-wrapper {
   position: relative;
   width: 950px;
   height: 140px;
   margin: 60px auto auto auto;
   text-align: left;
}

#generale-conserve {
   float: left;
}

#areatrade {
   float: left;
   margin: 14px auto auto 120px;
}

#contattaci {
   float: left;
   width: 273px;
   height: 52px;
   background: url(../img/footer-contattaci.gif) no-repeat;
   margin-left: 25px;
}

#contattaci div {
   float: left;
   display: inline;
   width: 160px;
   height: 40px;
   margin: 15px auto 20px 15px;
}

#contattaci p, #contattaci a, #contattaci a:link, #contattaci a:hover, #contattaci a:active  {
   font-family: Times New Roman, georgia, garamond, serif;
   font-size: 18px;
   color: #ad903c;
   font-weight: normal;
   line-height: 1.2em;
}

#contattaci img {
   margin-top: 5px;
   margin-left: 2px;
}

#contattaci span {
   font-size: 20px;
   color: #ad903c;
   font-weight: normal;
}

/* FOOTER MENU *************************************************************************************** */

#footer-menu {
   float: left;
   display: inline;
   width: 630px;
   height: 20px;
   position: relative;
   margin-top: 20px;
   margin-left: 140px;
   padding: 0;
   list-style: none;
}

#footer-menu li {
   float: left;
   display: inline;
   margin-left: 40px;
}

#footer-menu li a,
#footer-menu li a:link,
#footer-menu li a:visited {
   color: #eef0f2;
   font-family: Times New Roman, georgia, garamond, serif;
   font-size: 16px;
   font-weight: bold;
}

#footer-menu li a:hover {
   color: #fff;
   text-decoration: underline;
}

#info {
   float: left;
   width: 950px;
   height: 20px;
   margin-top: 10px;
   text-align: center;
}

#info p,
#info a, #info a:link, #info a:visited, #info a:active {
   color: #cabd88;
   font-size: 12px;
}

#info a:hover {color: #eef0f2;}

#info span {
   color: #cabd88;
   font-size: 14px;
}


/* ********************************************************************************************************
***********************************************************************************************************
*********************************************************************************************************** */

#content {
   float: right;
   width: 700px;
   height: auto;
   overflow: hidden;
   padding-bottom: 30px;
}

#left {
	float: left;
	width: 250px;
	height: auto;
}

#body-zone #content,
#body-lifestyle #content {
   width: 725px;
}


#body-zone #left,
#body-lifestyle #left {
   width: 200px;
}

#body-sostenibilita #content{
   width: 680px;
   margin-left: 20px;
}



/* MENU PRODOTTI LEFT *************************************************************************** */

#menu {
   width: 250px;
   height: 135px;
   position: relative;
   background: url(../img/menu3-left-bg.png) no-repeat;
}

#prodotti-menu {
   position: absolute;
   top: 23px;
   left: 0px;
   width: 200px;
   height: 135px;
   padding: 0;
   list-style: none;
}

#prodotti-menu li {
   display: block;
   width: 200px;
   height: 30px;

}

#prodotti-menu li a {
   position: absolute;
   top: 0;
   margin: 0;
   padding: 0;
   display: block;
   height: 30px;
   width: 200px;
   background: url(../img/menu-prodotti.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

/* up state */
li#nav-premium a {
   top: 0;
   height: 30px;
}

li#nav-medium a {
   top: 30px;
   height: 30px;
   background-position: 0 -30px;
}

li#nav-sgombri a {
   top: 60px;
   height: 30px;
   background-position: 0 -60px;
}

/* hover state */
li#nav-premium a:hover {
   background-position: 0 -84px;
}

li#nav-medium a:hover {
   background-position: 0 -114px;
}

li#nav-sgombri a:hover {
   background-position: 0 -144px;
}

/* current state */
#body-premium li#nav-premium a {
   background-position: 0 -84px;
}

#body-medium li#nav-medium a {
   background-position: 0 -114px;
}

#body-sgombri li#nav-sgombri a {
   background-position: 0 -144px;
}

/* BOX LIFESTYLE  #lifestyle {
	margin-left: 40px;
	position: relative;
	padding-bottom: 0px; alba
}******************************************************************************************* */

#lifestyle {
	float: left;
	padding-top: 30px;
	padding-left: 25px;
}

#lifestyle a.scritta {
   clear: left; 
   display: block;
   width: 161px;
   height: 146px;
   margin-left: -10px;
   background: url(../img/scritta-lifestyle-prodotti.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#lifestyle p, #lifestyle a {font-size: 12px;}

#body-prodotti #lifestyle a.arrow-bg {padding-right: 25px; background: url(../img/arrow1-small2.png) no-repeat 100% 3px;}


/* tracciabilita shadow box ******************************************************************************************* */

#tracciabilita_shadow {
	width: 660px;
	height: 470px;
	background-image: url(../img/tracciabilita_sfondo.jpg);
	background-repeat: no-repeat;
	text-align: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 0px;
	float: left;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
	z-index: 10000;
}

/* BOX FRIEND OF THE SEA ******************************************************************************************* */

#friend-of-the-sea {
   float: left;
   display: inline;
   margin-top: 40px;
   margin-left: 40px;

}

#friend-of-the-sea  a img {
   float: left;
   margin-right: 7px;
}

#friend-of-the-sea  p {
   padding-top: 10px;
   font-size: 12px;
}

a.sostenibilita-scritta {
   clear: left; 
   display: block;
   width: 154px;
   height: 158px;
   margin-left: 0px;
   background: url(../img/scritta-sostenibilita.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}



/* PATHWAY ******************************************************************************************* */

#pathway {
   float: left;
   display: inline;
   width: 600px;
   height: 20px;
   margin-top: 15px;
   margin-left: 100px;
   font-size: 11px;
   color: #16315c;
   /*font-weight: bold;*/
}

#pathway  a,
#pathway  a:link,
#pathway  a:visited,
#pathway  a:hover,
#pathway  a:active {
   color: #16315c;
   padding-top: 10px;
   padding-bottom: 10px;
}

#pathway span {
padding: 0 5px;
}

#body-prodotti #pathway {
   margin-top: 20px;
}

#body-premium #pathway {
    margin-top: 20px;
}

#body-medium #pathway {
    margin-top: 20px;
}

#body-sgombri #pathway {
    margin-top: 20px;
}

#body-tonno #pathway {
    margin-top: 35px;
    margin-left: 65px;
}

#body-specie #pathway {
    margin-top: 35px;
    margin-left: 55px;
}

#body-zone #pathway {
    margin-top: 35px;
    margin-left: 70px;
}

#body-produzione #pathway {
    width: 650px;
    margin-top: 35px;
    margin-left: 50px;
}


#body-lifestyle #pathway {
    margin-top: 35px;
    margin-left: 160px;
}

#body-stile #pathway {
    margin-top: 30px;
    margin-left: 330px;
}

#body-sport #pathway {
    margin-top: 30px;
    margin-left: 360px;
}

#body-spunti #pathway {
    margin-top: 30px;
    margin-left: 350px;
}

#body-friend #pathway {
    margin-top: 25px;
    margin-left: 100px;
}

#body-policy #pathway {
    margin-top: 25px;
    margin-left: 100px;
}

#body-azienda #pathway {
    margin-top: 30px;
    margin-left: 100px;
}

#body-profilo #pathway {
    margin-top: 30px;
    margin-left: 70px;
}

#body-sede #pathway {
    margin-top: 30px;
    margin-left: 93px;
}

#body-press #pathway {
    margin-top: 30px;
    margin-left: 93px;
}

#body-contatti #pathway,
#body-areatrade #pathway,
#body-mappa #pathway,
#body-ricette #pathway,
#body-comunicazione #pathway,
#body-costruzione #pathway {
    margin-top: 40px;
    margin-left: 110px;
}


/* PRODOTTI SUB HOME ******************************************************************************* */

#body-prodotti h1 {
   float: left;
   width: 300px;
   height: 40px;
   line-height: 1.2em;
   margin: 10px auto 0 60px;
}

/*** BOX LINEA PREMIUM ********************************************************************************** */
#body-prodotti #premium {
	float: left;
	display: inline;
	width: 604px;
	height: 160px;
	background-image: url(../img/prodotti-premium.jpg);
	background-repeat: no-repeat;
	background-position: 0px -10px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 100px;
	padding-top: 0px;
}

#body-prodotti .text-box {
	float: right;
	width: 350px;
	height: 130px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 100px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

#body-prodotti .text-box h2 {
   color: #c4382b;
   padding: 12px 0;
   font-size: 23px;
}

#body-prodotti .text-box p { /* testo grigio */
   color: #666464;
   font-size: 14px;
   line-height: 19px;
   letter-spacing: -0.8px;
   padding-top: 5px; 
   padding-left: 3px;

}

#body-prodotti .text-box a {
   display: block;
   width: 213px;
   height: 25px;
   margin-top: 10px;
   background: url(../img/scritta-scopri.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}



/*** BOX LINEA MEDIUM ********************************************************************************** */
#body-prodotti #medium {
	float: left;
	display: inline;
	width: 340px;
	height: 327px;
	background: url(../img/prodotti-medium.png) no-repeat;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: auto;
	margin-left: 50px;
}

#body-prodotti #medium .text-box {
	float: left;
	display: inline;
	width: 335px;
	height: 130px;
	margin-top: 125px;
	margin-right: 0;
	margin-bottom: auto;
	margin-left: 0;
}

#body-prodotti  #medium .text-box h2 {
   color: #004497;
   padding: 10px 0 5px 30px;
}

#body-prodotti #medium .text-box p {
  padding-top: 0;
  padding-left: 33px;
}

#body-prodotti #medium .text-box a {
   margin-top: 7px;
   margin-left: 118px;
}

/* ** BOX SGOMBRI E SARDINE ********************************************************************************** */
#body-prodotti #sgombri {
	float: right;
	width: 300px;
	height: 327px;
	background: url(../img/prodotti-sgombri.jpg) no-repeat -15px 0;
	margin-top: 13px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#body-prodotti #sgombri .text-box {
	float: left;
	width: 280px;
	height: 135px;
	margin-top: 110px;
	margin-right: 0;
	margin-bottom: auto;
	margin-left: 0;
}

#body-prodotti  #sgombri .text-box h2 {
   color: #ff7800;
   padding: 10px 0 5px 25px;
}

#body-prodotti #sgombri .text-box p {
  padding-top: 0;
  padding-left: 25px;
}

#body-prodotti #sgombri .text-box a {
   margin-top: 25px;
   margin-left: 75px;
}

/* PAGINA LINEA PREMIUM ******************************************************************************* */

#body-premium #premium {
	float: left;
	display: inline;
	width: 604px;
	height: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 101px;
	background-image: url(../img/linea-premium.jpg);
	background-repeat: no-repeat;
}

#body-premium h1 {
   float: left;
   width: 400px;
   margin-top: 30px;
   margin-left: 96px;
   font-size: 36px;
   color: #ab0101;
   line-height: 1.2em;
}

#body-premium .text-box{
   float: left;
   display: inline;
   width: 550px;
   margin-top: 0;
   margin-left: 140px;
}

#body-premium .text-box h2 {
   display: block;
   width: 512px;
   height: 64px;
   margin-left: 0;
   background: url(../img/scritta-premium.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-premium .text-box p {
   color: #787878;
   font-size: 14px;
   line-height: 1.2em;
   /*font-weight: bold;*/
   margin: 20px auto;
}

/* BOX RICETTE **************************************************************** */
#ricette p  {
   padding-top: 7px;
   padding-left: 20px;
   font-size: 12px;
   line-height: 1.2em;
}

a.ricette-scritta {
   display: block; 
   width: 184px;
   height: 49px;
   background: url(../img/scritta-ricette.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
   margin-top: 30px;
   margin-left: 24px;
}
#body-sgombri a.ricette-scritta {
   margin-top: 30px;
   margin-left: 10px;
}

/* PAGINA LINEA MEDIUM ******************************************************************************* */


#body-medium #medium {
	float: left;
	display: inline;
	width: 650px;
	height: 320px;
	background: url(../img/linea-medium.png) no-repeat 15px 10px;
	margin-top: 26px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 50px;
}

#body-medium h1 {
   float: left;
   width: 400px;
   margin-left: 40px;
   font-size: 36px;
   color: #2963ac;
   line-height: 1.2em;
}


#body-medium .text-box{
   float: left;
   display: inline;
   width: 550px;
   margin-top: 0;
   margin-left: 140px;
}

#body-medium .text-box h2 {
   display: block;
   width: 520px;
   height: 64px;
   margin-left: 0;
   background: url(../img/scritta-medium.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-medium .text-box p {
   color: #787878;
   font-size: 14px;
   line-height: 1.2em;
   /*font-weight: bold;*/
   margin: 20px auto;

}

#novita {
   float: left;
   display: inline;
   margin: 0 auto;
   width: 205px;
   height: 250px;
   padding: 5px 15px;
}

h2#novita-scritta {
   display: block; 
   width: 170px;
   height: 209px;
   background: url(../img/scritta-novita.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
   margin-left: 24px;
}

#novita p  {
   font-size: 12px;
}

#novita p.azzurro {font-weight: bold; margin-top: 5px;}


/* PAGINA LINEA SGOMBRI E SARDINE  ******************************************************************************* */

#body-sgombri #sgombri {
	float: left;
	display: inline;
	width: 700px;
	height: 300px;
	background: url(../img/linea-sgombri.png) no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 45px;
}

#body-sgombri h1 {
   float: left;
   width: 400px;
   margin-top: 20px;
   margin-left: 96px;
   font-size: 36px;
   color: #ff7800;
   line-height: 1.2em;
}

#body-sgombri .text-box{
   float: left;
   display: inline;
   width: 550px;
   height: 370px; /* regola l'altezza della pagina */
   margin-left: 140px;
}

#body-sgombri .text-box h2 {
   display: block;
   width: 460px;
   height: 39px;
   margin-top: 10px;
   margin-left: 20px;
   background: url(../img/scritta-sgombri.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-sgombri .text-box p {
   color: #787878;
   font-size: 14px;
   line-height: 1.2em;
   margin: 20px;
}




/* TABELLA VALORI NUTRIZIONALI *********************************************************************** */

#valori-nutrizionali {
   float: left;
   display: inline;
   margin: 40px auto 0;
   width: 205px;
   height: 320px;
   padding: 10px;
   background: #f1f1f1;
}

#valori-nutrizionali  #int {
   width: 198px;
   height: 320px;
   border: 1px solid #fff;
   padding-left: 5px;
}

#valori-nutrizionali table {
   width: 200px;
   font-size: 11px;
   line-height: 1.1em;
   margin-bottom: 10px;
   color: #0a2148;
}

#valori-nutrizionali caption {
   font-weight: bold;
}

#valori-nutrizionali th {font-weight: normal;}

#valori-nutrizionali th.prod {
   padding-top: 10px;
   font-weight: bold;
   text-transform: uppercase;
}


#valori-nutrizionali td {
   padding-top: 1px;
    font-weight: normal;
}

#valori-nutrizionali caption {
   text-align: left;
   color: #0a2148;
   font-size: 12px;
   height: 30px;
   margin-top: 3px;
}

#body-medium  #valori-nutrizionali, #body-medium  #int {
   height: 220px;
}

#body-medium  #valori-nutrizionali a {
   display: block;
   margin-top: 10px;
}

/* MENU TONNO LEFT *************************************************************************** */

#menu {
   width: 250px;
   height: 135px;
   position: relative;
   background: url(../img/menu3-left-bg.png) no-repeat;
}

#tonno-menu {
   position: absolute;
   top: 23px;
   left: 0px;
   width: 230px;
   height: 120px;
   padding: 0;
   list-style: none;
}

#tonno-menu li {
   display: block;
   width: 200px;
   height: 30px;

}

#tonno-menu li a {
   position: absolute;
   top: 0;
   margin: 0;
   padding: 0;
   display: block;
   height: 30px;
   width: 230px;
   background: url(../img/menu-tonno.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

/* up state */
li#nav-specie a {
   top: 0;
   height: 30px;
}

li#nav-zone a {
   top: 30px;
   height: 30px;
   background-position: 0 -30px;
}

li#nav-produzione a {
   top: 60px;
   height: 30px;
   background-position: 0 -60px;
}

/* hover state */
li#nav-specie a:hover {
   background-position: 0 -86px;
}

li#nav-zone a:hover {
   background-position: 0 -118px;
}

li#nav-produzione a:hover {
   background-position: 0 -144px;
}

/* current state */
#body-specie li#nav-specie a {
   background-position: 0 -86px;
}

#body-zone li#nav-zone a {
   background-position: 0 -118px;
}

#body-produzione li#nav-produzione a {
   background-position: 0 -144px;
}


/* TONNO SUB HOME ******************************************************************************* */

#body-tonno #content {background: url(../img/piatto-tonno.jpg) no-repeat 460px 45px;}

#body-tonno h1 {
   float: left;
   display: inline;
   width:  430px;
   height: 40px;
   margin: 20px auto auto 50px;
   line-height: 1.2em;
}

#body-tonno .text-box{
   float: left;
   display: inline;
   width: 570px;
   height: auto; 
   margin-left: 50px;
   margin-top: 40px;
   margin-bottom: 40px;
}

#body-tonno .text-box p {
   color: #787878;
   font-size: 13px;
   margin: 0px;
}

#body-tonno #specie,
#body-tonno #zone,
#body-tonno #produzione {
   float: left;
   display: inline;
   width: 233px;
   height: 330px;
}

#body-tonno #specie p,
#body-tonno #zone p,
#body-tonno #produzione p {
   margin-top: 30px;
   color: #787878;
   font-size: 12px;
}

#body-tonno #specie a.scritta,
#body-tonno #zone a.scritta,
#body-tonno #produzione a.scritta {
   display: block;
   width: 215px;
   height: 205px;
   background: url(../img/scritta-specie.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-tonno #zone a.scritta {
   background: url(../img/scritta-zone.jpg) no-repeat;
}

#body-tonno #produzione a.scritta {
   background: url(../img/scritta-produzione.jpg) no-repeat;
}

#body-tonno #arrow1,
#body-tonno #arrow2 {
   position: absolute;
   top: 555px;
   left: 463px;
   width: 27px;
   height: 35px;
   background: url(../img/arrow1-big.png) no-repeat;
}

#body-tonno #arrow2 {left: 696px;}

#bibliografia { 
   float: left;
   display: inline;
   width: 600px;
   height: 30px;
   margin: 40px auto 40px 30px ;
   font-size: 11px;
   color: #787878;
   font-style: italic;
}

#friend-of-the-sea {
   clear: left;
   float: left;
   display: inline;
   width: 200px;
   height: 140px;
   margin-left: 30px;
   margin-top: 20px;
}

#body-tonno #friend-of-the-sea {
   width: 210px;
}

#friend-of-the-sea a.friend-scritta {
   display: block;
   width: 163px;
   height: 27px;
   background: url(../img/scritta-friendofthesea.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#friend-of-the-sea p.tx-right {
   margin-left: 0;
   padding-top: 0;
}

#friend-of-the-sea a.arrow-bg {
   float: left;
   width: 135px;
   height: 30px;
   margin-left: 0;
   padding-top: 0;
   padding-left: 0;
}


a.arrow {
   float: right;
   width: 11px;
   height: 13px;
   background: url(../img/arrow1-small.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-tonno #friend-of-the-sea a > img,
#body-specie #friend-of-the-sea a > img,
#body-zone #friend-of-the-sea a > img{float: right;}

#policy {
	clear: both;
	float: left;
	display: inline;
	width: 190px;
	margin-left: 30px;
	margin-top: 30px;
}

#policy a.policy-scritta {
   display: block;
   width: 152px;
   height: 51px;
   margin-bottom: 5px;
   background: url(../img/scritta-policy.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#policy a.azzurro-u {
   font-size: 11px;
   line-height: 14px;
}

#policy p {
   font-size: 12px;
   padding-left: 0;
}

#policy a.arrow {
   margin-right: 82px;
   margin-top: 3px;
}

#policy p {
   /*line-height: 16px;*/
   margin-top: 3px;
}





#tracciabilita {
	clear: both;
	float: left;
	display: inline;
	width: 190px;
	margin-left: 30px;
	margin-top: 30px;
}

#tracciabilita a.tracciabilita-scritta {
	display: block;
	width: 180px;
	height: 30px;
	margin-bottom: 3px;
	background: url(../img/scritta-tracciabilita.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#tracciabilita a.azzurro-u {
   font-size: 11px;
   line-height: 14px;
}

#tracciabilita p {
   font-size: 12px;
   padding-left: 0;
}

#tracciabilita a.arrow {
   margin-right: 82px;
   margin-top: 3px;
}

#tracciabilita p {
   /*line-height: 16px;*/
   margin-top: 3px;
}


#prodotti {
	clear: left;
	float: left;
	display: inline;
	width: 190px;
	height: 150px;
	margin-left: 30px;
	margin-top: 30px;
}

#body-tonno #prodotti {margin-bottom: 20px;}

#prodotti a.scritta {
   display: block;
   width: 101px;
   height: 20px;
   margin-bottom: 5px;
   background: url(../img/scritta-prodotti.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#prodotti #img {
   width: 193px;
   height: 108px;
   margin-top: 10px;
   margin-left: -30px;
   background: url(../img/prodotti-left.gif) no-repeat;
}

/* TONNO > SPECIE E COMPORTAMENTI ******************************************************************** */

#body-specie h1 {
   float: left;
   display: inline;
   width:  650px;
   height: 40px;
   margin: 20px auto auto 50px;
   font-size: 36px;
   line-height: 1.1em;
}

#body-specie .text-box p {
   clear: left;
   float: left;
   display: inline;
   margin: 20px auto auto 50px;
   font-size: 14px;
   color: #7e7e7e;
}

#body-specie #specie #tonni-link,
#body-specie #specie #sgombri-link {
   float: left;
   display: inline;
   width: 280px;
   margin: 30px auto auto 70px;
}

#body-specie #specie h2 {
   font-size: 20px;
   font-style: italic;
   font-family: Georgia, Times New Roman, garamond, serif;
   margin-bottom: 7px;
}

#body-specie #specie #tonni-link a,
#body-specie #specie #sgombri-link a {
   font-size: 14px;
   font-weight: bold;
   text-decoration: underline;
   color: #0482d8;
   line-height: 18px;
}

#body-specie #specie #sgombri-link a {color: #ff5a00;}

#body-specie .tonno,
#body-specie .sgombro {
   float: left;
   display: inline;
   width: 640px;
   height: auto;
   margin: 20px auto auto 50px;
   padding-bottom: 0px;
   background: url(../img/tonni-bg.gif) no-repeat;
}

#body-specie .sgombro {background: url(../img/sgombri-bg.gif) no-repeat;}

#body-specie .nome {
   float: left;
   width: 640px;
   height: 35px;
   text-align: center;
   padding-top: 12px;
}

#body-specie .nome h3 {
   font-size: 14px;
   color: #0482d8;
   line-height: 18px;
}

#body-specie .sgombro .nome h3 {color: #ff5a00;}

#body-specie .border {
   float: left;
   display: inline;
   overflow: hidden;
   width: 260px;
   height: auto;
   border: 1px solid #61a5cf;
   background-color: #fff;
   padding: 5px;
}

table.specie-tbl {
   width: 250px;
   background-color: #fff;
   margin-right: 20px;
}
.specie-tbl th,
.specie-tbl td {
   padding: 6px 5px;
   font-size: 12px;
}

.tx-right {width: 98px;}

.specie-tbl .azzurro,
.specie-tbl .arancione {   
   font-size: 12px;
   font-weight: bold;
}

#body-specie .descrizione {
   float: right;
   width: 350px;
   height: auto;
overflow: hidden;
}

#body-specie .descrizione p {
   color: #7e7e7e;
   font-size: 12px;
   margin: 0 auto 10px 0;
}


#body-specie #friend-of-the-sea a > img,
#body-zone #friend-of-the-sea a > img
{
   float: left;
   display: inline;
}

#body-specie #friend-of-the-sea a.azzurro,
#body-specie #friend-of-the-sea a.azzurro-u,
#body-zone #friend-of-the-sea a.azzurro,
#body-zone #friend-of-the-sea a.azzurro-u {float: left; width: 105px;}


#body-specie #friend-of-the-sea a.arrow,
#body-zone #friend-of-the-sea a.arrow {
   float: left;
   display: inline;
   margin-top: 33px;
   margin-left: -7px;
}

/* TONNO > ZONE E METODI DI PESCA ******************************************************************** */

#body-zone h1 {
   clear: both;
   float: left;
   display: inline;
   width:  650px;
   height: 40px;
   margin: 20px auto auto 50px;
   font-size: 36px;
   line-height: 1.1em;
}

#body-zone .text-box p {
   clear: left;
   float: left;
   display: inline;
   margin: 20px auto auto 50px;
   font-size: 14px;
   line-height: 1.2em;
   color: #7e7e7e;
}

#zone #mappa,
#metodi #circuizione {
   float: left;
   display: inline;
   width: 291px;
   height: 248px;
   margin-top: 20px;
   margin-left: 20px;
   background: url(../img/mappa-bg.jpg) no-repeat;
}

#metodi #circuizione {
   width: 242px;   
   margin-top: 20px;
   margin-left: 50px;
   background: transparent;
}

#zone #mappa img {
   float: left;
   margin-top: 11px;
   margin-left: 11px;
}

#zone #mappa #ingrandisci {
   float: right;
   width: 205px;
   height: 20px;
   margin-top: 10px;
   line-height: 20px;
}

#zone #mappa #ingrandisci a {
   color: #fff;
   /*font-weight: bold;*/
}

#zone #mappa #ingrandisci img {
   float: right;
   margin-top: 0;
   margin-right: 10px;
}

#zone-tbl,
#metodi-txt   {
   float: left;
   width: 368px;
   height: 190px;
   overflow: hidden;
   margin-top: 20px;
   margin-left: 10px;
   padding: 12px;   
   background: url(../img/zone-tbl-bg.gif) no-repeat;
}

#metodi-txt   {
  background: transparent;
  width: 368px;
  height: 200px;
}

#metodi-txt h2 {
   color: #0482d8;
   font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
   font-size: 14px;
   /*font-weight: bold;*/
   margin-top: 10px;
}

#metodi-txt p {
   color: #717171;
   font-size: 13px;
   padding: 11px 0;
}

#zone-tbl  table {
   width: 368px;
}

#zone-tbl th {
   padding-bottom: 10px;
}

#zone-tbl  td {
   font-size: 11px;
   /*font-weight: bold;*/
   color: #16315c;
   line-height: 14px;
}

#allegato {
   float: left;
   width: 368px;
   height: auto;
   margin-top: 10px;
   margin-left: 10px;
   color: #717171;
   font-size: 11px;
   line-height: 14px;
   font-weight: normal;
}

/* TONNO > PRODUZIONE ******************************************************************** */

#body-produzione h1 {
   margin-bottom: 20px;
   font-size: 34px;
   line-height: 1.1em;
}

#body-produzione .text-box {
   float: right;
   width: 450px;
   height: auto;
   margin-top: 40px;
}

#body-produzione .text-box p {
   font-size: 14px;
   line-height: 16px;
   margin-top: 24px;
   color: #717171;
}

#body-produzione .text-box p.blu {color: #16315c;}

#body-produzione .img-box {
   float: left;
   display: inline;
   width: 170px;
   height: 630px;
   margin: 90px auto auto 50px;
}

#body-produzione .img-box img {
   margin-top: 12px;
}

#body-produzione #lifestyle {
   float: left;
   display: inline;
   margin-top: 50px;
   margin-left: 30px;
}

#body-produzione #lifestyle a.scritta {
   width: 101px;
   height: 29px;
   margin-left: 7px;
   background: url(../img/scritta-lifestyle.png) no-repeat;
}

#body-produzione #lifestyle p {
   display: block;
   margin-left: 7px;
}

#body-produzione #lifestyle a {
   font-size: 12px;
   line-height: 14px;
}

#body-produzione #lifestyle a.arrow-bg {
   display: block;
   padding-right: 15px;
}


/* LIFE STYLE *************************************************************************************** */

/* MENU LIFE STYLE LEFT *************************************************************************** */

#body-lifestyle #menu,
#body-ricette #menu,
#body-stile #menu,
#body-sport #menu,
#body-spunti #menu,
.stiledivita #menu,
.sport #menu,
.spunti #menu {    /* da levare - comingsoon*/
   width: 241px;
   height: 152px;
   position: absolute;
   top: 0;
   left: 0;
   background: url(../img/menu4-left-bg.png) no-repeat;
}

#lifestyle-menu {
   position: absolute;
   top: 35px;
   left: 0px;
   width: 230px;
   height: 120px;
   padding: 0;
   list-style: none;
}

#lifestyle-menu li {
   display: block;
   width: 200px;
   height: 30px;

}

#lifestyle-menu li a {
   position: absolute;
   top: 0;
   margin: 0;
   padding: 0;
   display: block;
   height: 30px;
   width: 230px;
   background: url(../img/menu-lifestyle.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

/* up state */
li#nav-ricette a {
   top: 0;
   height: 26px;
}

li#nav-stile a {
   top: 26px;
   height: 26px;
   background-position: 0 -26px;
}

li#nav-sport a {
   top: 52px;
   height: 26px;
   background-position: 0 -52px;
}

li#nav-spunti a {
   top: 78px;
   height: 26px;
   background-position: 0 -78px;
}


/* hover state */
li#nav-ricette a:hover {
   background-position: 0 -113px;
}

li#nav-stile a:hover {
   background-position: 0 -139px;
}

li#nav-sport a:hover {
   background-position: 0 -165px;
}

li#nav-spunti a:hover {
   background-position: 0 -191px;
}

/* current state */
#body-ricette li#nav-ricette a {
   background-position: 0 -113px;
}

#body-stile li#nav-stile a {
   background-position: 0 -139px;
}

#body-sport li#nav-sport a {
   background-position: 0 -165px;
}

#body-spunti li#nav-spunti a {
   background-position: 0 -191px;
}

.stiledivita #menu li#nav-stile a {    /* da levare - comingsoon */
   background-position: 0 -139px;
}

.sport li#nav-sport a {                /* da levare - comingsoon */
   background-position: 0 -165px;
}

.spunti li#nav-spunti a {             /* da levare - comingsoon */
   background-position: 0 -191px;
}



#body-lifestyle #friend-of-the-sea,
#body-stile #friend-of-the-sea,
#body-sport #friend-of-the-sea,
#body-spunti #friend-of-the-sea {
   position: absolute;
   top: 180px;
   left: 0;
}



/* LIFE STYLE SUB-HOME *********************************************************************************** */

#body-lifestyle #img-trans {
   float: left;
   width: 160px;
   height: 242px;
   margin-top: 5px;
   margin-left: -30px;
   background: url(../img/lifestyle-subhome-sx.png) no-repeat;
}

#body-lifestyle h1 {
   float: left;
   width: 590px;
   height: 242px;
   margin-top: 5px;
   margin-left: 0;
   background: url(../img/lifestyle-subhome-dx.jpg) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
   line-height: 1.1em;
}

#body-lifestyle #left {
   height: 80px;
}

#body-lifestyle #main2 {

   float: left;
   width: 950px;
   height: auto;
   margin-top: -30px;
}

#body-lifestyle #main2 p {
   font-size: 12px;
   color: #717171;
}

#body-lifestyle #box1 {
   float: left;
   width: 214px;
   height: 253px;
   background: url(../img/lifestyle-box1-bg.jpg) no-repeat;
   padding: 12px;
}

#body-lifestyle #main2 p {
   padding: 10px;
}

#body-lifestyle  a.box-scritta {
   display: block;
   width: 212px;
   height: 91px;
   margin-top: 25px;
   text-indent: -9999px;
   overflow: hidden;
}

#body-lifestyle  #box1 a.box-scritta {
   background: url(../img/lifestyle-box1-img.jpg) no-repeat;
}


#body-lifestyle #box2 {
   float: left;
   width: 212px;
   height: 253px;
   background: url(../img/lifestyle-box2-bg.jpg) no-repeat;
   padding: 12px;
}

#body-lifestyle  #box2 a.box-scritta {
   background: url(../img/lifestyle-box2-img.jpg) no-repeat;
}


#body-lifestyle #box3 {
   float: left;
   width: 205px;
   height: 253px;
   background: url(../img/lifestyle-box3-bg.jpg) no-repeat;
   padding: 12px;
}

#body-lifestyle  #box3 a.box-scritta {
   background: url(../img/lifestyle-box3-img.jpg) no-repeat;
}


#body-lifestyle #box4 {
   float: left;
   width: 213px;
   height: 253px;
   background: url(../img/lifestyle-box4-bg.jpg) no-repeat;
   padding: 12px;
}

#body-lifestyle  #box4 a.box-scritta {
   background: url(../img/lifestyle-box4-img.jpg) no-repeat;
}

h2#blog-scritta {
   float: left;
   display: inline;
   width: 870px;
   height: 136px;
   margin-top: 5px;
   margin-left: 28px;
   background: url(../img/scritta-blog.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#blog {
   float: left;
   display: inline;
   width: 870px;
   height: auto; /* */
   margin-top: 0;
   margin-left: 28px;
   background: url(../img/blog-bg.gif) repeat-x;
}

#blog-sx {
   float: left;
   display: inline;
   width: 210px;
   height: 136px;
   margin-top: 20px;
   margin-left: 60px;
}

#blog-sx img {
   float: left;
   padding: 3px;
   margin-right: 5px;
   background-color: #fff;
   border: 1px solid #ad903c;
}

#blog-sx h3 {
   float: left;
   width: 135px;
   color: #ad903c;
   margin-left: 10px;
   font-size: 12px;
}


p.blogger {
   float: left;
   width: 135px;
   padding: 0 10px;
   font-size: 11px;
   line-height: 12px;
   color: #717171;
}


#blog-dx {
   float: right;
   display: inline;
   width: 490px;
   margin-top: 20px;
   margin-left: 60px;
}

#blog-dx p {
   color: #717171; 
   line-height: 16px;   
}

#blog-dx h3,
#blog-dx p.azzurro {
   color: #0482d8;
   font-size: 14px;
   
}
#blog-dx p.azzurro {
   font-weight: normal;   
}

/* LIFE STYLE > STILE DI VITA *************************************************************************************** */


#body-stile #img-trans {
   float: left;
   display: inline;
   width: 82px;
   height: 249px;
   margin-top: 5px;
   margin-left: 230px;
   background: url(../img/stile-di-vita-sx.png) no-repeat;
}

#body-stile h1 {
   float: left;
   display: inline;
   width: 626px;
   height: 249px;
   margin-top: 5px;
   margin-left: 0;
   background: url(../img/stile-di-vita-dx.jpg) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-stile #box1 {
   position: absolute;
   top: 160px;
   left: 535px;
   width: 345px;
   height: 110px;
   background: url(../img/stile-di-vita-box1-bg.png) no-repeat;
   padding: 30px;
   text-align: justify;
}

#body-stile #box2 {
   position: absolute;
   top: 360px;
   left: 535px;
   width: 340px;
   height: 390px;
   background: url(../img/stile-di-vita-box2-bg.png) no-repeat;
   padding: 50px 70px 30px 30px;
   text-align: justify;
}

#body-stile #box3 {
   position: absolute;
   top: 855px;
   left: 120px;
   width: 580px;
   height: 162px;
   background: url(../img/stile-di-vita-box3-bg.png) no-repeat;
   padding: 23px 30px 23px 160px;
   text-align: justify;
}

#body-stile #box4 {
   position: absolute;
   top: 330px;
   left: 0px;
   width: 318px;
   height: 232px;
   background: url(../img/stile-di-vita-box4-bg.png) no-repeat;
   padding: 75px 30px 20px 30px;
}

#body-stile #onda {
   position: absolute;
   top: 0px;
   left: 200px;
   width: 193px;
   height: 609px;
   background: url(../img/onda-oro.png) no-repeat;
}

#body-stile h2 {
   font-family: Georgia, Times New Roman, garamond, serif;
   font-size: 22px;
   color: #0482d8;
   font-style: italic;
   padding-bottom: 12px;
}

#body-stile #box4 h2 {
  padding-bottom: 5px;
}


#body-stile p {
   font-size: 12px;
   padding-bottom: 12px;
   font-weight: normal;
   line-height: 1.1em;
}


ol {
   list-style-type: decimal;
   list-style-position: inside;
}

#body-stile #box2 li {
   color: #2b63a6;
   font-size: 11px;
   line-height: 1.1em;
   margin-top: 5px;
}   



#body-stile #box3 ul {
   margin-top: -10px;
   margin-bottom: 10px;
}
   
#body-stile  ul > li {
   font-size: 12px;
   color: #16315c;
}

#body-stile #box3 a {
   font-family: Georgia, Times New Roman, garamond, serif;
   font-size: 18px;
   color: #0482d8;
   font-style: italic;
   text-decoration: underline;
}

.punti {
   display: block;
   width: 340px;
   height: 6px;
   margin-top: 10px;
   background: url(../img/punti.png) no-repeat;  
}

#body-stile #box4 h3 {
   font-size: 14px;
   color: #0482d8;
   text-transform: uppercase;
   margin-top: 10px;
}

#body-stile p.block  {
   float: left;
   width: 60px;
   height: 12px;
   margin-top: 0px;
   padding-top: 2px;
   padding-left: 30px;
   background: url(../img/cuffie.gif) no-repeat; 
}

#body-stile #menu {
   position: absolute;
   top: 10px;
   left: 0px;
   width: 241px;
   height: 152px;
}

#body-stile #lifestyle a {
   position: absolute;
   top: 210px;
   left: 25px;
   width: 129px;
   height: 115px;
   background: url(../img/scritta-lifestyle-home.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;   
}

/* LIFE STYLE > SPORT ******************************************************************************* */

#body-sport #box1 {
   clear: both;
   position: absolute;
   top: 50px;
   left: 360px;
   width: 576px;
   font-size: 13px;
   color: #717171;
   line-height: 1.2em;
   text-align: justify;
}

#body-sport #box1 p {color: #717171;}

#body-sport h1 {
   width: 353px;
   height: 40px;
   margin: 5px auto 10px 0;
   background: url(../img/scritta-in-forma-con-ASDOMAR.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-sport #box1 h2 {
   font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
   font-size: 14px;
   color: #0482d8;
   text-align: left;
}

#body-sport #box1-sotto {
   width: 548px;
   height: 200px;
   background: url(../img/box-pagina-sport.gif) no-repeat;
   margin: 15px auto;
   padding: 40px 0 0 0;
}

#body-sport #box1-sotto-sx,
#body-sport #box1-sotto-dx {
   float: left;
   overflow: hidden;
   width: 230px;
   height: auto;
   padding: 18px;
   margin-left: 5px;
}



#body-sport #box1-sotto p {
   font-size: 11px;
   line-height: 1.2em;
   color: #16315c;
   margin: 0 0 10px 0;
}

#body-sport #box2 {
   clear: both;
   position: absolute;
   top: 510px;
   left: 40px;
   width: 900px;
   height: 390px;
}

#body-sport #box-bg-sx {
   float: left;
   display: inline;
   width: 187px;
   height: 308px;
   background: url(../img/sport-box2-sx.jpg) no-repeat;
}

#body-sport #box-bg-dx {
   float: left;
   display: inline;
   width: 691px;
   height: 270px;
   margin-top: 22px;
   margin-left: 0;
   background: url(../img/sport-box2-dx.jpg) no-repeat;
}

#body-sport #box-bg-dx .text-box {
   float: left;
   display: inline;
   width: 415px;
   height: 240px;
   margin-top: 22px;
   margin-left: 160px;
   padding-left: 30px;
}

#body-sport #box-bg-dx h2.scritta {
   width: 324px;
   height: 40px;
   margin: 5px auto 10px 0;
   background: url(../img/scritta-in-forma-sui-campi-da-golf.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-sport #box-bg-dx p {
  line-height: 1.2em;
}

#body-sport #box-bg-dx .text-box p {
   font-size: 14px;
}

#body-sport #box-bg-dx .text-box a {
   font-size: 16px;
   color: #0482d8;
   text-decoration: underline;
   line-height: 20px;
}

#body-sport #box3 {
   position: absolute;
   top: 850px;
   left: 40px;
   width: 850px;
   height: 170px;
}

#body-sport #box3 a {
   float: left;
   display: inline;
   width: 120px;
   font-size: 16px;
   text-decoration: underline;
   color: #0482d8;
   margin-top: 70px;
   margin-left: 10px;

}

#body-sport #box3 a.scritta {
   float: left;
   width: 644px;
   height: 166px;
   margin: 0;
   background: url(../img/scritta-triathlon.jpg) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}



/* LIFE STYLE > SPUNTI E CURIOSITA' ******************************************************************************* */

#body-spunti #box1 {
   clear: both;
   position: absolute;
   top: 70px;
   left: 340px;
   width: 580px;
   height: 200px;
   text-align: justify;
}

#body-spunti #box1 h1 {
   float: left;
   display: inline;
   width: 200px;
   height: 150px;
   margin: 5px 10px 0 0;
   background: url(../img/scritta-spunti-e-curiosita.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-spunti #box1 p {
  font-size: 14px;
  color: #717171;
  margin-bottom: 20px;
  line-height: 1.2em;
}

#body-spunti #box1 h2 {
   font-family: Georgia, Times New Roman, garamond, serif;
   color: #0482d8;
   font-style: italic;
   margin-left: 60px;
}

#body-spunti #box2,
#body-spunti #box3,
#body-spunti #box4 {
   border: 1px solid #bdb69c;
   text-align: justify;
}

#body-spunti #box2 {
   position: absolute;
   top: 280px;
   left: 260px;
   width: 680px;
   height: 215px;
   background: #fff url(../img/spunti-box2-foto.jpg) no-repeat 465px 15px;
}

#body-spunti #box2 .text-box {
   float: left;
   width: 405px;
   height: 185px;
   margin: 15px;
   background: url(../img/spunti-box-bg.gif) repeat-x;
}

#body-spunti #box3{
   position: absolute;
   top: 520px;
   left: 10px;
   width: 930px;
   height: 250px;
   background: #fff url(../img/spunti-box3-foto.jpg) no-repeat 15px 15px;
}

#colonna {
   float: left;
   width: 210px;
   height: 215px;
   margin: 15px;
}


#body-spunti #box3 .text-box {
   float: right;
   width: 650px;
   height: 215px;
   margin: 15px;
   background: url(../img/spunti-box-bg.gif) repeat-x;
}

#body-spunti #box4{
   position: absolute;
   top: 800px;
   left: 10px;
   width: 930px;
   height: 220px;
   background: #fff url(../img/spunti-box4-foto.jpg) no-repeat 15px 15px;
}

#body-spunti #box4 .text-box {
   float: right;
   width: 650px;
   height: 185px;
   margin: 15px;
   background: url(../img/spunti-box-bg.gif) repeat-x;
}

#body-spunti h2 {
   font-family: Georgia, Times New Roman, garamond, serif;
   font-size: 22px;
   color: #0482d8;
   font-style: italic;
   padding: 5px;
}

#body-spunti #box2 p,
#body-spunti #box3 p,
#body-spunti #box4 p {
   font-size: 12px;
   margin-top: 10px;
   margin-left: 10px;
   font-weight: normal;
   line-height: 1.3em;
}

/* BOX QUALITA' ******************************************************************************************* */

#qualita {
   position: absolute;
   top: 190px;
   left: 25px;
   width: 200px;
   height: 250px;
}

#qualita  a img {
   float: left;
   margin-right: 7px;
}

#qualita a  {
   font-family: Georgia, Times New Roman, garamond, serif;
   font-size: 16px;
   color: #0482d8;
   font-style: italic;
   line-height: 1em;   
}

#qualita  p {
   font-size: 12px;
   color: #717171;
   margin-left: 5px;
}

/* SOSTENIBILITA' DELLA PESCA ******************************************************************************** */
/* MENU SOSTENIBILITA LEFT *************************************************************************** */

#body-sostenibilita #menu,
#body-friend #menu,
#body-policy #menu {
   width: 250px;
   height: 85px;
   position: relative;
   background: url(../img/menu2-left-bg.png) no-repeat;
   overflow: hidden;
}

#sostenibilita-menu {
   position: absolute;
   top: 33px;
   left: 33px;
   width: 230px;
   height: 80px;
   padding: 0;
   list-style: none;
}

#sostenibilita-menu li {
   display: block;
   width: 170px;
   height: 30px;
}

#sostenibilita-menu li a {
   position: absolute;
   top: 0;
   margin: 0;
   padding: 0;
   display: block;
   height: 30px;
   width: 170px;
   background: url(../img/menu-sostenibilita.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

/* up state */
li#nav-friend a {
   top: 0;
   height: 27px;
}

li#nav-policy a {
   top: 30px;
   height: 27px;
   background-position: 0 -30px;
}

/* hover state */
li#nav-friend a:hover {
   background-position: 0 -56px;
}

li#nav-policy a:hover {
   background-position: 0 -85px;
}

/* current state */
#body-friend li#nav-friend a {
   background-position: 0 -56px;
}

#body-policy li#nav-policy a {
   background-position: 0 -85px;
}

/* SOSTENIBILITA' DELLA PESCA SUB-HOME ******************************************************************** */


#body-sostenibilita h1 {
   float: left;
   display: inline;
   width:  430px;
   margin: 20px auto auto 50px;
   font-size: 34px;
   line-height: 1.2em;
}

#body-sostenibilita .text-box{
   float: left;
   display: inline;
   width: 580px;
   height: auto; 
   margin-left: 50px;
   margin-top: 40px;
   margin-bottom: 40px;
}

#body-sostenibilita .text-box p {
   color: #787878;
   font-size: 14px;
   line-height: 1.2em;
   margin: 0px;
}

#main-box-friend {
   float: left;
   display: inline;
   width: 407px;
   height: 400px;
   background: url(../img/sostenibilita-mainbox-friend.jpg) no-repeat;
}

#main-box-friend a.scritta {
   float: left;
   display: inline;
   margin: 200px auto 0 160px;
   width: 194px;
   height: 65px;
   background: url(../img/scritta-friendofthesea2.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#main-box-friend .text-box {
   float: left;
   display: inline;
   width: 200px;
   height: 100px;
   margin-top: 10px;
   margin-left: 160px;
}

#body-sostenibilita #main-box-friend p,
#body-sostenibilita #main-box-policy p {
   color: #787878;
   font-size: 12px;
   line-height: 1.2em;
}

#main-box-friend #bollino {
   position: absolute;
   top: 350px;
   left: 280px;
   width: 128px;
   height: 128px;
}

#body-sostenibilita #main-box-policy { 
   float: left;
   display: inline;
   width: 250px;
   height: 400px;
   margin-left: 6px;
   background: url(../img/sostenibilita-mainbox-policy.jpg) no-repeat 14px 0;
}


#main-box-policy h2 a.scritta {
   display: block;
   width: 244px;
   height: 30px;
   margin: 200px auto 0 7px;
   background: url(../img/scritta-policy.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#main-box-policy .text-box {
   float: left;
   display: inline;
   width: 220px;
   height: 100px;
   margin-top: 10px;
   margin-left: 10px;
}

#main-box-policy a.scritta {
   display: block;
   width: 219px;
   height: 45px;
   margin: 10px auto 0 0;
   background: url(../img/scritta-7-regole.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-sostenibilita #specie {
   clear: left;
   float: left;
   display: inline;
   width: 190px;
   margin-left: 30px;
   margin-top: 20px;
}

#body-sostenibilita #specie a.scritta {
   display: block;
   width: 146px;
   height: 49px;
   background: url(../img/scritta-specie-comportamenti.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-sostenibilita #specie a.azzurro-u {font-size: 12px;}

#body-sostenibilita #specie a.arrow-bg {display: block; width: 148px;}

/* SOSTENIBILITA' DELLA PESCA > FRIEND OF THE SEA ******************************************************************** */


#body-friend h1,
#body-friend #content h2 {
   float: left;
   display: inline;
   width:  650px;
   height: 40px;
   margin: 20px auto auto 125px;
   font-size: 34px;
   line-height: 1.2em;
}

#body-friend #content h2 {margin-left: 140px;}

#body-friend .text-box {
   float: right;
   display: inline;
   width: 420px;
   height: auto; 
   margin-top: 40px;
   
}

#body-friend .text-box p {
   color: #787878;
   font-size: 12px;
   line-height: 1.2em;
   /*font-weight: bold;*/
   margin-top: 13px;

}

#body-friend .text-box #intro {
   font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
   color: #787878;
   font-size: 14px;
   line-height: 1.2em;
   /*font-weight: bold;*/
}


#body-friend #main-left {
   float: left;
   display: inline;
   overflow: hidden;
   width: 200px;
   height: 500px; 
   margin-left: 50px;
   margin-top: 40px;
   margin-bottom: 40px;
}
 
#body-friend #main-left a.scritta {
   float: left;
   display: inline;
   margin: 0;
   width: 177px;
   height: 138px;
   margin-left: 10px;
   background: url(../img/friendofthesea-sustainable.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-friend #main-bottom img {
   float: left;
   display: inline;
   margin-top: 40px;
   margin-left: 50px;
}

#body-friend #main-bottom h3,
#body-friend #main-bottom h4 {
   color: #0482d8;
   font-size: 16px;
   /*font-weight: bold;*/
}

#body-friend #main-bottom a.azzurro-u {
   font-size: 13px;
   /*font-weight: bold;*/
}

#body-friend #main-bottom h4 {
   margin-top: 15px;
}

#body-friend #main-bottom li {
   color: #16315c;
   /*font-weight: bold;*/   
}


#body-friend #main-left .text-box {
   width: 200px;
   height: 105px;
   text-align: center;
 }

#body-friend #main-left .text-box p {
   font-family: Trebuchet, Verdana, sans-serif;
   color: #0a2148;
   font-size: 15px;
   line-height: 1.2em;
   margin: 0px;
   text-align: center;
}

#body-friend #main-left span {
   display: block;
   margin: 0;
   width: 250px;
   height: 25px;
   margin-left: 25px;
   background: url(../img/ASDOMAR.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-friend #main-left a.azzurro-u {
   float: left;
   display: inline;
   font-size: 14px;
   margin: 0 12px;
}


#body-friend #main-left .text-box2 {
   width: 160px;
   height: 105px;
   margin-left: 15px;
   text-align: center;
 }

#body-friend #main-left .text-box2 p {
   display: block;
   width: 150px;
   margin-left: 12px; 
   color: #0a2148;
   font-size: 12px;
   line-height: 1.2em;
   font-weight: normal;
   text-align: center;
}

#body-friend #main-left .text-box2 a.azzurro-u {
   display: block;
   font-size: 14px;
   /*font-weight: bold;*/
   margin: 30px 12px 0 12px;
}

#body-friend #zone {
   margin-left: 30px;
   margin-top: 50px;
}

#body-friend #zone a > img {
   margin-left: 15px;
}


#body-friend #zone a.scritta {
   display: block;
   margin: 0;
   width: 132px;
   height: 54px;
   background: url(../img/scritta-zone-metodi.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-friend #zone p {
   display: block;
   width: 210px;
   height: 80px;
   color: #717171;
   font-size: 12px;
}

#body-friend #zone a.arrow {
   margin-right: 70px;
}

/* SOSTENIBILITA' DELLA PESCA > POLICY  ******************************************************************** */


#body-policy h1 {
   float: left;
   display: inline;
   width:  500px;
   height: 40px;
   margin: 20px auto auto 125px;
   font-size: 34px;
   line-height: 1.2em;
}

#body-policy #content h2.scritta {
   float: left;
   display: inline;
   width: 409px;
   height: 75px;
   margin-top: 5px;
   margin-left: 165px;
   background: url(../img/scritta-7-regole2.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-policy .text-box {
   float: left;
   display: inline;
   width: 550px;
   height: auto; 
   margin-top: 40px;
   margin-left: 125px;
}

ol#regole {list-style-type: none;}

ol#regole li {
   display: block;
   width: 550px;
   height: 40px;
   font-size: 14px;
   font-weight: bold;
   line-height: 1.3em;
   color: #0482d8;
   padding-left: 33px;
}

ol#regole #li-1 {background: url(../img/policy-ol-1.gif) no-repeat;}

ol#regole #li-2 {background: url(../img/policy-ol-2.gif) no-repeat;}

ol#regole #li-3 {background: url(../img/policy-ol-3.gif) no-repeat;}

ol#regole #li-4 {background: url(../img/policy-ol-4.gif) no-repeat;}

ol#regole #li-5{background: url(../img/policy-ol-5.gif) no-repeat;}

ol#regole #li-6 {background: url(../img/policy-ol-6.gif) no-repeat;}

ol#regole #li-7 {background: url(../img/policy-ol-7.gif) no-repeat;}

#body-policy .text-box a.azzurro-u {
   float: right;
   margin-top: 20px;
   font-size: 14px;
}

#body-policy .text-box p {
   color: #787878;
   font-size: 14px;
   line-height: 1.2em;
   /*font-weight: bold;*/
   margin-top: 10px;
}

#body-policy  #main-bottom {
   float: left;
   display: inline;
   width: 550px;
   height: auto; 
   margin-top: 40px;
   margin-left: 125px;
   background: url(../img/100percento-energia-verde.gif) no-repeat;
}

#body-policy  #main-bottom  .text-box {
   float: right;
   display: inline;
   width: 400px;
   height: 180px; 
   margin-top: 15px;
   margin-left: 125px;
}

#body-policy  #main-bottom  h2 {
   font-size: 34px;
}

#body-policy #tonno {
   clear: left;
   float: left;
   display: inline;
   width: 180px;
   margin-left: 30px;
   margin-top: 60px;
}

#body-policy #tonno a > img {
   margin-left: 15px;
}

#body-policy #tonno a.scritta {
   display: block;
   width: 102px;
   height: 30px;
   margin-left: 25px;
   background: url(../img/scritta-il-tonno.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-policy #tonno p {
   font-size: 12px;
   color: #717171;

}

#body-policy #tonno a.arrow-bg {
   font-size: 12px;
}

/* MENU L'AZINDA LEFT *************************************************************************** */

#body-azienda #menu,
#body-profilo #menu,
#body-sede #menu,
#body-comunicazione #menu,
#body-press #menu {
   width: 241px;
   height: 152px;
   position: relative;
   top: 10px;
   left: -10px;
   background: url(../img/menu4-left-bg.png) no-repeat;
}

#azienda-menu {
   position: absolute;
   top: 30px;
   left: 0px;
   width: 230px;
   height: 120px;
   padding: 0;
   list-style: none;
}

#azienda-menu li {
   display: block;
   width: 200px;
   height: 30px;

}

#azienda-menu li a {
   position: absolute;
   top: 0;
   margin: 0;
   padding: 0;
   display: block;
   height: 30px;
   width: 230px;
   background: url(../img/menu-azienda.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

/* up state */
li#nav-profilo a {
   top: 0;
   height: 26px;
}

li#nav-sede a {
   top: 26px;
   height: 26px;
   background-position: 0 -26px;
}

li#nav-comunicazione a {
   top: 52px;
   height: 26px;
   background-position: 0 -52px;
}

li#nav-press a {
   top: 78px;
   height: 26px;
   background-position: 0 -78px;
}


/* hover state */
li#nav-profilo a:hover {
   background-position: 0 -113px;
}

li#nav-sede a:hover {
   background-position: 0 -139px;
}

li#nav-comunicazione a:hover {
   background-position: 0 -165px;
}

li#nav-press a:hover {
   background-position: 0 -191px;
}

/* current state */
#body-profilo li#nav-profilo a {
   background-position: 0 -113px;
}

#body-sede li#nav-sede a {
   background-position: 0 -139px;
}

#body-comunicazione li#nav-comunicazione a {
   background-position: 0 -165px;
}

#body-press li#nav-press a {
   background-position: 0 -191px;
}

/* L'AZIENDA SUB HOME ******************************************************************** */

#body-azienda h1 {
   float: left;
   display: inline;
   width:  555px;
   height: 40px;
   margin: 20px auto 20px 95px;
   font-size: 34px;
   overflow: hidden;
   line-height: 1.1em;
}

#body-azienda #content h2.scritta {
   display: block;
   width: 555px;
   height: 38px;
   margin-top: 20px;
   margin-left: 95px;
   background: url(../img/scritta-generale-conserve.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-azienda .text-box {
   display: block;
   width: 550px;
   height: auto; 
   margin-top: 20px;
   margin-left: 95px;
}

#body-azienda .text-box p {
   font-size: 14px;
   color: #717171;
   margin-bottom: 20px;
   line-height: 1.2em;
}

#body-azienda .text-box span {color: #16315c;}

#body-azienda #main-middle {
   float: left;
   display: inline;
   width: 545px;
   height: 167px;
   margin-left: 95px;
   margin-bottom: 30px;
   background: url(../img/azienda-middle-bg.gif) no-repeat;
}

#body-azienda #main-middle h2.scritta {
   display: block;
   width: 400px;
   height: 60px;
   margin-top: 15px;
   margin-left: 120px;
   background: url(../img/scritta-dal-2008.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-azienda #main-middle .text-box {
   display: block;
   width: 420px;
   height: auto; 
   margin-top: 0px;
   margin-left: 95px;   
}
 
#body-azienda #main-middle .text-box p {
   font-size: 12px;
   color: #717171;
}

#body-azienda #main-bottom {
   float: left;
   width: 615px;
   height: 204px;
   margin-left: 25px;
   margin-bottom: 20px;
   background: url(../img/azienda-bottom-bg.png) no-repeat;
}

#body-azienda #main-bottom h2.scritta {
   display: block;
   width: 220px;
   height: 60px;
   margin-top: 20px;
   margin-left: 5px;
   background: url(../img/scritta-comunicazione-ASDOMAR.png) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}

#body-azienda #main-bottom a.azzurro-u {
   display: block;
   width: 175px;
   margin-top: 40px;
   margin-left: 330px;
   font-family: Georgia, Times New Roman, garamond, serif;
   font-size: 18px;
   font-style: italic;
   font-weight: normal;
   line-height: 1em;
}

#body-azienda #prodotti {margin-top: 55px;}

#certificazioni {
   clear: left;
   float: left;
   width: 200px;
   height: 180px;
   margin-top: 40px;
   margin-left: 15px;
}

#certificazioni h2 {
   font-family: Georgia, Times New Roman, garamond, serif;
   font-size: 18px;
   font-style: italic;
   color: #16315c;

}

#certificazioni ul {
   position: absolute;
   width: 200px;
   height: 175px;
   list-style-type: none;
   padding-top: 10px;
   background: url(../img/certificazioni-left-bg.png) no-repeat 0 5px;
}

#certificazioni ul li {
   display: block;
   width: 200px;
   height: 34px;
   padding-top: 12px;
   padding-left: 50px;

}

#certificazioni ul li a{
   font-size: 12px;
   color: #0482d8;
}

#certificazioni #nav-friend {background: url(../img/friendofthesea-small.gif) no-repeat;}

#certificazioni #nav-energia {background: url(../img/100percento-small.gif) no-repeat;}

#certificazioni #nav-sa8000 {background: url(../img/sa8000.gif) no-repeat;}

#sostenibilita {
   clear: left;
   float: left;
   width: 200px;
   height: auto;
   margin-top: 40px;
   margin-left: 30px;
}

#sostenibilita a.sostenibilita-scritta {
   height: 45px;
   background: url(../img/scritta-sostenibilita2.gif) no-repeat;
   margin-bottom: 0;
}

#sostenibilita p {
   padding-top: 0;
   padding-bottom: 15px;
   color: #717171;
}

#sostenibilita a.azzurro {
   margin-top: 20px;
}

/* L'AZIENDA > PROFILO AZIENDALE ********************************************************************************************** */

#body-profilo h1 {
   float: left;
   display: inline;
   width:  555px;
   height: 40px;
   margin: 20px auto 0 70px;
   font-size: 34px;
   line-height: 1.1em;
}


#body-profilo .text-box {
   float: left;
   display: inline;
   width: 540px;
   height: auto; 
   margin-top: 10px;
   margin-left: 125px;
}

#body-profilo #content h2 {
   font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; 
   font-size: 16px;
   color: #0482d8; 
   margin-top: 20px;
}

#body-profilo .text-box p {
   font-size: 13px;
   color: #717171;
   margin-bottom: 20px;
   line-height: 1.2em;
}

#body-profilo #sostenibilita {
   width: 195px;
   margin-top: 70px;
   margin-left: 15px;
}


/* L'AZIENDA > SEDE E STABILIMENTI ********************************************************************************************** */

#body-sede h1 {
   float: left;
   display: block;
   width:  600px;
   height: 40px;
   margin: 20px auto 20px 97px;
   font-size: 34px;
   line-height: 1.1em;
}


#body-sede .text-box {
   float: left;
   display: inline;
   width: 250px;
   height: 160px; 
   margin-top: 20px;
   margin-left: 115px;
}

#body-sede #content h2 {
   font-size: 28px;
}

#body-sede .text-box p {
   font-size: 13px;
   color: #717171;
   margin-bottom: 20px;
   line-height: 1.2em;
}

#body-sede strong.azzurro {
   font-size: 14px;
}

#body-sede .text-box a {
   float: left;
   margin-right: 10px;
   font-size: 14px;
   color: #16315c;
   text-decoration: underline;
}


#body-sede .text-box a > span {
   text-decoration: none;
}


#body-sede #content h3 {
   font-size: 14px;
   color: #16315c;
   margin-top: 20px;
}

#body-sede #content p strong {
   font-size: 14px;
}

#body-sede #separator {
   float: left;
   display: inline;
   width: 592px;
   height: 3px;
   margin-top: 20px;
   margin-bottom: 30px;
   margin-left: 40px;
   background: url(../img/separator.gif) repeat-x;   
}

#body-sede #sede-img {
   margin-top: 40px;
}

#body-sede #text-dx {
   position: absolute;
   top: 440px;
   left: 620px;
   width: 300px;
   height: 125px;
}

#body-sede #text-dx p {
   font-size: 12px;
   color: #717171;
}

#olbia1 {
   position: absolute;
   top: 580px;
   left: 620px;
   width: 241px;
   height: 170px;
}

#olbia2 {
   position: absolute;
   top: 780px;
   left: 620px;
   width: 241px;
   height: 142px;
}

#body-sede #content p.scritta {
   display: block;
   position: absolute;
   top: 750px;
   left: 620px;
   width: 217px;
   height: 20px;
   margin-top: 5px;
   margin-left: 12px;
   background: url(../img/scritta-stabilimento-olbia.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
}


/* L'AZIENDA > PRESS KIT ********************************************************************************************** */

#body-press h1 {
   float: left;
   display: inline;
   width:  555px;
   height: 40px;
   margin: 20px auto 0 90px;
   font-size: 34px;
   line-height: 1.1em;
}


#body-press .text-box {
   float: left;
   display: inline;
   width: 540px;
   height: auto; 
   margin-top: 20px;
   margin-left: 90px;
}


#body-press .text-box p {
   font-size: 14px;
   color: #717171;
   margin-bottom: 20px;
   line-height: 1.2em;
}

#body-press #box1,
#body-press #box2 {
   float: left;
   display: inline;
   width: 550px;
   height: 180px;
   margin-left: 80px;
   background: url(../img/separator.gif) repeat-x;  
   overflow: hidden; 
}

#body-press #box1 {margin-top: 50px;}

#body-press #content h2 {
   float: left;
   display: inline;
   margin: 75px 40px auto 40px;
   font-family: Georgia, Times New Roman, garamond, serif;
   font-size: 25px;
   color: #16315c;
   line-height: 1.1em;
}

#body-press #content img {
   margin-top: 50px;
}

#body-press #content a img {
   float: left;
   display: inline;
   margin-top: 0;
   margin-right: 20px;
}

#body-press .float-right {
   float: right;
   display: inline;
   width: 250px;
   height: 180px;
}

 
#body-press #eps,
#body-press #jpg,
#body-press #pdf {
	clear: both;
	position: absolute;
	top: 265px;
	left: 650px;
	width: 279px;
}

#body-press #jpg {
   top: 340px;
}

#body-press #pdf {
   top: 500px;
}

#body-press #content  h3 {
   font-size: 14px;
   color: #16315c;
}

#body-press #content .float-right p {
   margin-top: 5px;
   padding-bottom: 5px;
}
 
#body-press #prodotti {
   margin-top: 40px;
   margin-left: 15px;
}

#body-press #sostenibilita {
   width: 195px;
   margin-top: 90px;
   margin-left: 15px;
}

/* PAGINA IN COSTRUZIONE ****************************************************************************************** */

#body-contatti h1,
#body-areatrade h1,
#body-mappa h1,
#body-ricette h1,
#body-comunicazione h1,
#body-costruzione h1 {
   display: block;
   width: 422px;
   height: 96px;
   margin-top: 120px;
   margin-left: 110px;
   background: url(../img/scritta-prestissimo-online.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;   

}

#body-contatti .text-box,
#body-areatrade .text-box,
#body-mappa .text-box,
#body-ricette .text-box,
#body-comunicazione .text-box,
#body-costruzione .text-box {
   float: left;
   display: inline;
   width: 250px;
   height: 210px;
   margin-top: 20px;
   margin-left: 290px;
}

#body-contatti .text-box p,
#body-areatrade .text-box p,
#body-mappa .text-box p,
#body-ricette .text-box p,
#body-comunicazione .text-box p,
#body-costruzione .text-box p {
   font-size: 14px;
   line-height: 1.3em;
   padding-bottom: 15px;
}

#body-contatti .text-box a,
#body-areatrade .text-box a,
#body-mappa .text-box a,
#body-ricette .text-box a,
#body-comunicazione .text-box a,
#body-costruzione .text-box a {
   font-size: 14px;
   line-height: 1.3em;
   color: #0482d8;
   text-decoration: underline;
   
}


/* MAIL INVIATA CON SUCCESSO ************************************************************************ */

#body-mail h1 {
   width: 422px;
   margin-top: 30px;
   margin-left: 110px;
}

#body-mail .text-box {
   float: left;
   display: inline;
   width: 600px;
   margin-top: 20px;
   margin-left: 110px;
}




/* TYPOGRAPHY **************************************************************************************** */

.azzurro {color: #0482d8;}
.azzurro-u {color: #0482d8; text-decoration: underline;}
.arancione {color: #ff5a00;}
.arancione-u {color: #ff5a00; text-decoration: underline;}
.grigio {color: #717171;}
.blu {color: #16315c;}
.oro {color: #aa9d4b;}
.maiusc {text-transform: uppercase}
.small {font-size: 11px;}
.tx-right {text-align: right;}
.azzurro-bg {background-color: #e1f1fb;}
.arancione-bg {background-color: #ffd7be;}
.bold {font-weight: bold;}

strong {
   font-weight: bold;
   word-spacing: -0.1px;
}


p {
   color: #16315c;
   font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
   font-size: 13px;
   font-style: normal;
   font-weight: normal;
}

a {text-decoration: none;}

#body-home #header p {color: #132c64;}

h1, h2 {
   font-family: Georgia, Times New Roman, garamond, serif;
   font-size: 32px;
   color: #16315c;
   font-weight: normal;
   line-height: 1em;
}

h2 {font-size: 28px;}

h3 {font-size: 24px;}

h4 {font-size: 18px;}

h5 {font-size: 18px;}

#content p {
text-align: justify;
}



/* CLASSI VARIE *************************************************************************************** */

.float-left {float: left;}
.float-right {float: right;}
.clear {clear: both;}