html, body {
margin: 0 auto;
padding: 0;
text-align: center;
background: url(/css/sfondo_body.jpg) repeat top left;
}
hr{border:1px solid #000;}
/* --------------------------- Inizio formattazione titoli --------------------------- */
h1, h2, h3, h4 {
margin: 0;
padding: 0;
text-align: center;
}
h1 {
font: 1.5em Geneva, Arial, Helvetica, sans-serif;
color: #58b5d4;
padding-top: 3.3em;
text-transform: none;
}
h2 {
font: 2.5em Geneva, Arial, Helvetica, sans-serif;
color: #333;
margin-bottom: 0.2em;
}
h3 {
font: 1.5em Geneva, Arial, Helvetica, sans-serif;
text-transform: capitalize;
color: #ffc;
text-align: left;
margin: 0 0.5em 0.5em 0.4em;
padding-left: 0.1em;
background: #ca3b36;
}
h4 {
font: 1.2em Geneva, Arial, Helvetica, sans-serif;
color: #666;
text-align: left;
margin: 0 0 0.1em;
}
/* ---------------------------- Fine formattazione titoli --------------------------- */
/* ----------------------------- Inizio formattazione box --------------------------- */
div#container {
width: 780px;
margin: 15px auto;
background-color: #fff;
border: 2px solid #000;
}
div#box {
border: 2px solid #000;
height: 529px;
}
/* ---------------------------- Fine formattazione box ------------------------------- */
/* ---------------------------- Inizio formattazione header e nav ----------------------------- */
div#header {
width: 100%;
height: 160px;
background: url(/css/sfondo_title5.jpg) top right no-repeat;
}
div#header h1{
display:none;
}
img#loghino {
margin: 0 auto;
float: left;
border-right: 2px solid #000;
border-top: 0;
border-bottom: 0;
border-left: 0;
}
img#collage {
margin: 0 auto;
}
img#arrotino {
border-bottom: 2px solid #000;
margin: 0;
padding: 0;
}
div#nav {
clear: both;
width: 100%;
height: auto;
padding: 2px 0;
text-align: center;
background-color: #fff;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
background: url(/css/sfondo_nav_bianco_blu5.jpg) repeat-x;
}
div#nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}
div#nav li {
margin: 0;
padding: 0;
display: inline;
font: 1.0em Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
}
div#nav a, div#nav a:link, div#nav a:visited, div#nav a:active {
color: #333;
text-decoration: none;
margin: 0 6px;
padding: 0;
text-transform:capitalize;
}
div#nav a:hover {
color: #f00;
text-decoration: underline;
text-transform:capitalize;
}
div#news_letter {
float: left;
width: 300px;
}
div#area_riservata {
float: left;
width: 450px;
}
div#news_letter label, div#area_riservata label {
float: left;
}
#mail, #user, #password {
width: 100px;
float: left;
}
/* -------------------------- Fine formattazione header e nav -------------------------------- */
/* ----------------------------- Inizio formattazione contenuti ----------------------- */
div#contain {
float: left;
width: auto;
height: auto;
background: url(/css/sfondo_left.gif) left top repeat-y;
}
div#containLeft {
float: left;
display: inline;
width: 215px;
}
dl {
width: 100%;
text-align: left;
margin: 0;
padding: 0;
}
dd {
margin: 0;
padding: 0;
font: 0.8em Geneva, Arial, Helvetica, sans-serif;
text-transform: uppercase;
border-bottom: 1px solid #333;
}
dd.prodotti {
font-size: 1.2em;
background-color: #547071;
margin: 0;
padding: 0;
}
dd a, dd a:link, dd a:visited, dd a:active {
width: 205px;
display: block;
padding: 2px 0 2px 10px;
text-decoration: none;
color: #000;
}
dd a:hover {
color: #547071;
background-color: #dae4e4;
}
dd.prodotti a, dd.prodotti a:link, dd.prodotti a:visited, dd.prodotti a:active {
width: 205px;
display: block;
padding: 2px 0 2px 10px;
text-decoration: none;
color: #000;
background-color: #3d515c;
}
dd.prodotti a:hover {
color: #eeefde;
}
dt {
margin: 0;
padding: 0;
font: 0.8em Geneva, Arial, Helvetica, sans-serif;
}
dt a, dt a:link, dt a:visited, dt a:active {
display: block;
margin: 0 0 3px;
padding: 0 0 0 20px;
text-decoration: none;
color: #000;
}
dt a:hover {
color: #000;
text-decoration: underline;
}
div#containRight {
float: right;
display: inline;
width: 563px;
border-left: 2px solid #000;
}
div.hr {
clear: both;
padding: 10px 10px;
}
div.prodotto_verticale {
clear: both;
margin: 0 10px;
}
div.prodotto_verticale li{
font: 0.8em Geneva, Arial, Helvetica, sans-serif;
text-align:left;
line-height:1.5em;
}
div.prodotto_verticale ul{
list-style:square;
list-style-position: inside
}
div.prodotto_verticale form{
font: 0.8em Geneva, Arial, Helvetica, sans-serif;
text-align:left;
}
div.prodotto_verticale img {
padding: 5px;
float: left;
border: 1px solid #000;
margin-right: 10px;
}
.imgnofloat {
margin: 0 10px 0 0;
padding: 0;
float:none;
border: 1px solid #000;
}
.imgnobord {
margin: 0 10px 0 0;
padding: 0;
float:none;
border:0px;
}
div.prodotto_orizzontale {
clear: both;
margin: 0 10px;
text-align: left;
}
div.prodotto_orizzontale li{
font: 0.8em Geneva, Arial, Helvetica, sans-serif;
text-align:left;
line-height:1.5em;
}
div.prodotto_orizzontale ul{
list-style:square;
list-style-position: inside
}
div.prodotto_orizzontale img {
margin: 0 10px 0 0;
padding: 0;
float: none;
/*border: 1px solid #000; */
}
div#containRight p {
margin: 0;
padding: 0;
font: 0.8em Geneva, Arial, Helvetica, sans-serif;
text-align: left;
}
div#containRightTitle {
height: 200px;
margin-bottom: 15px;
border-bottom: 2px solid #000;
background: #66bbd8;
}
/* ------------------------------ Fine formattazione contenuti ------------------------ */
/* ------------------------------ Inizio formattazione footer -------------------------- */
div#footer {
clear: both;
margin: 0;
width: 100%;
border-top: 2px solid #000;
background-color: #e8e8e8;
}
div#footer p {
margin: 0;
padding: 0.7em;
font: 0.6em Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #666;
}
div#goodweb {
margin-top: 15px;
width: 100%;
height: 20px;
background:#333
}
div#goodweb p {
margin: 0;
padding: 0;
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}
/* -------------------------------- Fine formattazione footer --------------------------- */
.socialico {float:right;padding-top:128px}
.socialico img{margin-right:5px; border:0}