/* CSS Document */
/* CSS created by Giovanni Ghersi for if&but Network di Comunicazione - www.ifbut.com - July 2007. */
/* You may not reproduce this css design elsewhere without the designer's written permission. However, feel free to study the CSS and use techniques you learn from it elsewhere. */
body {
background-image:url(media/bg.gif);
background-repeat:repeat-x;
background-color:#cacfe2;
margin:0;
padding:0;
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;}

#wrapper{
width:740px;
margin:0 auto;
text-align:center;
background-color:transparent;
}
p{
margin:5px 5px 0px 10px;
text-align:left;
line-height:1.2em;
}

#container, #container_interno, #container_mediano{
float:left;
margin:0;
width:740px;
text-align:center;
background-color:transparent;
}
#container_mediano{
background-color:#354066;
}
div#container_interno{
background-color:transparent;
}

#fascia_mail{
float:left;
width:740px;
height:28px;
background-color:#354066;
border-bottom:1px solid #efefef;
margin-bottom:10px;

} 
#fascia_logo_sin{
float:left;
width:220px;
height:210px;
background-image:url(media/logo.gif);
background-repeat:no-repeat;
background-position:left;
border-top:1px solid #efefef;
border-bottom:2px solid #efefef;} 
#fascia_logo_dx, #fascia_foto_prodotti, #fascia_foto_azienda_ieri,
#fascia_foto_azienda_ieri, #fascia_foto_contatti, #fascia_foto_credits, #fascia_foto_azienda_oggi,
#fascia_foto_stocco, #fascia_foto_baccala, #fascia_foto_filettoni, #fascia_lista_stocco,
#fascia_lista_filettoni, #fascia_lista_baccala, #fascia_foto_bussola,#fascia_foto_reidratato,#fascia_foto_dissalato,#fascia_foto_ricette_stoccafisso,#fascia_foto_ricette_baccala,#fascia_lista_baccala_dissalato,#fascia_lista_stoccafisso_reidratato{
float:left;
width:520px;
height:210px;
background-image:url(media/home_grande.jpg);
background-color:#e2e6e9;
background-repeat:no-repeat;
background-position:left;
border-bottom:3px solid #efefef;
border-top:1px solid #efefef;
}
div#fascia_foto_azienda_oggi{
background-image:url(media/laboratorio.jpg);
}
div#fascia_foto_bussola{
background-image:url(media/bussola.jpg);
}
div#fascia_foto_azienda_ieri{
background-image:url(media/trawler.jpg);
} 
div#fascia_foto_contatti{
background-image:url(media/lofoten.jpg);
} 
div#fascia_foto_prodotti{
background-image:url(media/prodotti_grande.jpg);
}
div#fascia_foto_credits{
background-image:url(media/credit_grande.jpg);
} 
div#fascia_foto_stocco{
background-image:url(media/stocc_grande.jpg);
} 
div#fascia_foto_baccala{
background-image:url(media/bacca_grande.jpg);
} 
div#fascia_foto_filettoni{
background-image:url(media/filettoni_grande.jpg);
}
div#fascia_lista_stocco{
background-image:url(media/lista_stocco.jpg);
} 
div#fascia_lista_baccala{
background-image:url(media/lista_baccala.jpg);
} 
div#fascia_lista_filettoni{
background-image:url(media/lista_filettoni.jpg);
}
div#fascia_foto_reidratato{
background-image:url(media/reidratato_grande.jpg);
} 
div#fascia_foto_dissalato{
background-image:url(media/dissalato_grande.jpg);
} 
div#fascia_foto_ricette_stoccafisso{
background-image:url(media/ricette_stoccafisso_grande.jpg);
} 
div#fascia_foto_ricette_baccala{
background-image:url(media/ricette_baccala_grande.jpg);
} 
div#fascia_lista_baccala_dissalato{
background-image:url(media/lista_baccala_dissalato.jpg);
} 
div#fascia_lista_stoccafisso_reidratato{
background-image:url(media/lista_stoccafisso_reidratato.jpg);
} 

#fascia_foto_home{
float:left;
width:740px;
display:inline; 
background-color:#354066;
border-top:3px solid #abb2ce;
height:167px;
margin-top:5px;
}
 div#fascia_testo_home{
float:left;
width:738px;
display:inline; 
margin-top:10px;
margin-bottom:10px;
background-color:#354066;
padding-bottom:10px;
border:1px solid #354066;

}
.box_home{
float:left;
width:220px;
color:#efefef;
margin-left:20px;
margin-top:10px;
display:inline;}
/* ---------------- PAGINE INTERNE -------------- */
#interno_sin, .sezione{
float:left;
width:220px;
height:705px;
display:inline;
background-color:#354066;}
.sezione{
padding-top:15px;
height:40px;
background-color:#000;}
.sezione p{
text-transform:uppercase;
color:#fff;
font-size:16px;
font-weight:bold;
} 
#interno_dx, #testo_interna{
float:left;
width:520px;
display:inline;
background-color:#e2e6e9;}

div#testo_interna{
width:320px;
margin:20px;
padding-right:10px;
}
#testo_interna p{
text-align:justify;
} 
#testo_interna ul, #lista_contatti{
list-style:none;
text-align:left;
margin-right:40px;
}

.minuscolo{
text-transform:lowercase;
font-size:12px;
font-weight:normal;
display:block;
}
#testo_interna li {
text-indent:0;
padding:3px 5px;
border-bottom:1px solid #b00808;
text-transform:uppercase;
}
#lista_contatti li{
text-transform:capitalize;
}
.head_lista {
font-size:16px;
font-weight:900;
background-color:#b00808;
color:#fff;
}

#colonna_destra{
float:right;
margin-right:0px;
width:150px;
height:490px;
background-color:#354066;
display:inline;
}

/* ---------------- IMMAGINI, LINKS E NAVIGAZIONE -------------- */

h1{
text-align:left;
color:#b00808;
margin-left:10px;
margin-top:0;
font-size:24px;
} 
h2{
text-align:left;
color:#b00808;
font-size:12px;
font-weight:900;
margin-left:10px;
} 
.img_laterali, .contenuti_laterali{
position:relative;
float: right;
margin:20px -20px 0px 10px;
padding:5px;
border:1px solid #354066;
background-color:#e2e6e9;
}
.contenuti_laterali{
width:136px;
border: 2px solid #212a44;
}
.contenuti_laterali p{
text-align:left;
color:#000;
}
.immagini_home{
float:left;
width:209px;
margin-left:10px;
margin-top:10px;
margin-bottom: 10px;
display:inline;
background-color:#abb2ce;
} 
.immagini_home img{
float:left;
padding:2px;
border: 1px solid #fff;
} 

.menu{
float:left;
width:220px;
background-color:#354066;
padding-bottom:25px;
}

#fascia_menu_dx{
float:right;
width:518px;
height:100px;
margin-left:1px;
background-color:#354066;
background-image:url(media/dida.gif);
background-position:center;
background-repeat:no-repeat;
display:inline;
border-left:1px solid #efefef;
} 
a{
color:#b00808;
text-decoration:none;
font-weight:normal;
}
a:hover{
color:#b00808;
text-decoration:underline;
} 
#fascia_mail a{
color:#fefefe;
text-decoration:underline;
font-weight:bold;
}
#fascia_mail a:hover{
color:#b00808;
text-decoration:none;
} 


.menuNavigazione, .menuNavigazione_interna{
width:190px;
margin:5px 5px 0px 5px;
padding:0;
list-style:none;
font-size:12px;
text-align:left;
float: left;
}

.menuNavigazione a {
display:block;
text-decoration:none;
border-bottom:1px solid #fefefe;
color:#fff;
line-height:25px;
text-indent:5px;
}
/*
.menuNavigazione a:link,
.menuNavigazione a:visited{
background:#626d8f;
color:#fff;
font-weight:normal;
} */


#footer{
float:left;
width:740px;
background-color:#354066;
color:#fff;
border-top:3px solid #abb2ce;
border-bottom:3px solid #abb2ce;}
 
#footer p{
text-align:center;
font-size:10px;
height:22px;
padding-top:3px;
}
.titolo1 
{
color:#efefef;
font-size:16px;
font-weight:bold;
} 

/* ------------------------------- MENU DI NAVIGAZIONE ----------------- */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddblueblockmenu{

border-bottom-width: 0;
width: 220px;
float:left;
display:inline;
text-align:left;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 12px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: #fefefe;
background-color: #354066;
border-bottom: 1px solid #fefefe;
border-left: 7px solid #354066;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
width: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
color: #fff;
background-image:url(media/frecciadx.gif);
background-repeat:no-repeat;
background-position:right;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 15px 5px;
padding-left: 10px;
background-color: black;
font: 900 16px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
li#activelink a 
{
background:#354066;
color:#FFF;
background-image:url(media/active.gif);
background-repeat:no-repeat;
background-position:right;
}

/* ------------------ tabella di classificazione dello stoccafisso --------------- */
.stocco table { 
width:100%;
float:left;
border:1px solid #354066;
}
.stocco td{
padding:4px;
font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666;
text-align:left;
}
td.nome{
width:30%;
text-align:left;
background-color:#354066;
color:#fff;
padding-left:10px;
padding-right:10px;
text-transform:uppercase;
}
td.descrizione{
width:30%;
text-align:left;
background-color:#cacfe2;
color:#000;
padding-left:10px;
padding-right:10px;
}