/* layout grafico */
html, body {
margin: 0 auto;
background-image : url("../img/sfondo.jpg");
text-align: center;
float: center;
height: 100%;
position: relative;
}
body { font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif; font-size: 13px; }
#sopra {
position: relative;
background-image: url("../img/sopra.jpg");
background-repeat: no-repeat;
width: 740px;
height: 86px;
margin: 0 auto; padding: 0;
float: center;
}
#centro {
position: relative;
background-image: url("../img/centro.jpg");
width: 740px;
margin: 0 auto; padding: 0;
min-height: 325px;
height: auto !important;
height: 325px;
}
#sotto {
position: relative;
background-image: url("../img/sotto.jpg");
width: 740px;
height: 42px;
margin: 0 auto; padding: 0px;
}
/* menu in alto */
table.menu_top {margin-bottom: 5px; margin-top: 5px;border: 1px solid #008100;background: #57B846;text-align: center; }
table.menu_top a { text-decoration: none; margin-left: 0px; margin-right: 0px; font: bold 12px Verdana, georgia, sans-serif; height:32px; letter-spacing: 1px; line-height:32px; padding:0 3px; width: 100%;}
table.menu_top td.menu_top a:link, td.menu_top a:visited { color: #008100; background: transparent; }
table.menu_top td a:hover { color: #000; background: #008100; }
table.menu_top td { border-right: 1px solid #fff; color: #008100;}
/* last minute */
table.menu_top td.menu_bottom a:link, td.menu_bottom a:visited, td.menu_bottom a { color: #000; background: #FFE048; }
table.menu_top td.menu_bottom a:hover { color: #000; background: #FFf; }
/* corpi interni home page */
#sinistro-home {
position: absolute;
top: 170; left: 30;
padding: 0; margin: 0;
width: 350px;
}
#destro-home {
position: relative;
margin: 0px 20px 0px 380px;
background: #eee;
}
#destro-home img {
border: 1px solid #000;
margin: 5px;
}
/* corpo unico in home page */
#unico-home { width: 680px; background: #fff; float: center; text-align: justify; margin: 0 auto;}
/* corpi battiscopa */
#sinistro-batt {
position: absolute;
top: 180; left: 30;
padding: 0; margin: 0;
width: 225px;
background: url("../img/sf-verde.gif");
border: 1px solid #000;
padding-bottom: 50px;
}
#destro-batt {
position: relative;
margin: 10px 20px 0px 275px;
padding: 20px;
text-align: left;
min-height: 500px;
}
#batt {
width: 70%;
text-align: center;
margin-top: 10px;
color : #fff;
text-transform: uppercase;
}
/* corpo combustibile */
#sinistro-comb {
position: absolute;
top: 420; left: 30;
padding: 0; margin: 0;
width: 350px;
}
/** MENU 1 ** roll-over basato solo sui colori **/
ul.menu1 { width:200px; /* elimino i punti elenco */margin:0; padding:0; /* elimino i rientri delle liste */text-align: left;}
ul.menu1 li a {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height:3em;line-height:3em; /* altezza del link: height e line-height devono avere il medesimo valore */
border-bottom: 1px solid #000;
}
ul.menu1 li {display: inline; list-style: square inside;font-size: 13px; }
ul.menu1 li a:link, ul.menu1 li a:visited {
color: #fff;
} /* colori per il link */
ul.menu1 li a:hover, ul.menu1 li a:active {
background: #fff;
color:#4B749C;
} /* colori per l'effetto roll-over */
/* testo */
h2 {font-size: 13px; font-weight: normal; text-align: left; line-height: 2em;float: center; margin: 0px 10px; color : #000; }
h2 a {color : #000;text-decoration: none;font-weight: bold; }
/* titolo : battiscopa */
h1 {
font-size: 125%; margin: 0px;text-align: justify;float: center;color : red;margin: 20px auto 2px auto;}
/* testo battiscopa */
h5 {font-size: 13px; margin: 0px;text-align: justify;float: center;color : #000;margin: 0 auto;line-height: 1.5em; font-weight: normal;}
/* testo foto */
h4 {
font: bold 12px verdana, arial, sans-serif;
float: center;
text-align: center;
color : #000;
margin: 2px auto 15px auto;
text-transform: uppercase;
}
/* form online in contatti */
h3 {
padding: 10px;
text-align: justify;
line-height: 1.5em;
float: center;
color : #840000;
margin: 0 auto;
}
table.img {
margin: 0; padding: 0;
text-align: center;
width: 350px;
FLOAT:center;
font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif; font-size: 13px;
}
td.img {
font-weight: bold;
text-align: left;
color: #fff;
background: #4EA65B;
padding: 5px 10px;
width: 150px;
font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif; font-size: 13px;
}
td.testo {
margin: 0; padding: 0;
width: 200px;
text-align: left;
padding: 5px 10px;
}
td.testo a {
text-align: left;
width: 210px;
background: #FFCC00;
padding: 5px;
}
input.testo {
background: #fff;
border: 1px solid #000;
text-align: left;
color:#000;
width: 180px;
}
input.invia {
font-weight: bold;
text-align: center;
color: #fff;
background: #4EA65B;
padding: 5px 10px;
}
textarea {
background: #fff;
border: 1px solid #000;
text-align: left;
color:#000;
height: 80px;
width: 180px;
}
select.testo {
background: #fff;
border: 1px solid #000;
text-align: left;
color:#000;
width: 125px;
}
/* menu cittą*/
#menu {
position: absolute;
top: 150; left: 0;
background: #FFCCFF;
border: 2px solid #a662af;
padding: 10px;
width: 100%;
font: bold 11px verdana, arial, sans-serif;
color: #fff;
text-align: left;
margin: 10px auto 25px auto;
}
#menu a {
color: #fff;
}
#menu a:hover {
color: #fff;
text-decoration: none;
}
/* articoli in home e nelle impaginazioni */
table {
margin: 0 auto;
}
td.articolo1 {
margin: 0; padding: 4px;
font: normal 11px verdana, arial, sans-serif;
background: #fff;
color: #000;
}
td.articolo2 {
margin: 0; padding: 4px;
font: normal 11px verdana, arial, sans-serif;
background: #a662af;
color: #fff;
}
td.articolo3 {
margin: 0; padding: 2px;
font: normal 11px verdana, arial, sans-serif;
background: #fff;
color: #000;
width: 350px;
}
/* foto */
td.foto {
font: normal 11px verdana, arial, sans-serif;
color: #000;
}
/* nome */
.nome {
font: bold 16px verdana, arial, sans-serif;
color: red;
}
/* bottone claudio maggioli */
#cm {
position: absolute;
bottom: 4px; right:10px;
font: bold 10px Verdana, Arial;
background: #007192;
color: #fff;
padding: 8px;
}
#cm a {
font: bold 10px Verdana, Arial;
color: #fff;
background: #007192;
text-transform: capitalize;
text-decoration: none;
}
#cm a:visited {
color: #ccc;
text-decoration: none;
}
#cm a:active {
color: #ccc;
text-decoration: none;
}
#cm a:hover {
color: #fff;
text-decoration: none;
}
/* lastminute */
div#sezione-foto { margin: 10px auto 5px auto; width: 100%;}
div.pic{ float:left; padding:10px; background: url("../img/sf-cornice3.jpg") no-repeat top left; }
div.pic img {width: 120px; height: 85px; display:block; position: relative; left:5px; }
div.lastit { text-align: left; margin-left: 15px; color: green; font: bold 12px arial, verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; line-height: 20px; }
div.lastesto { text-align: left; margin-left: 15px; color: #000; font: normal 11px arial, verdana, sans-serif; letter-spacing: 1px; line-height: 20px; }
div.lastprezzo { text-align: left; margin-left: 15px; color: red; font: bold 14px georgia, arial, verdana, sans-serif; letter-spacing: 2px; line-height: 20px; }
div#container{width:740px;margin:0 auto; background-image: url("../img/centro.jpg");}
div#content{float:right;width:300px; margin-right: 15px;}
div#navigation{float:left;width:300px; margin-left: 25px;}
div#footer{clear:both;width:740px}
/* top offerte */
#top-offerte { margin-top: 38px; float: right; margin-right: 120px; text-align: left; color: #008200; font-weight: bold; }
#top-offerte a { text-decoration: underline; color: #008200; font-weight: bold; } #top-offerte a:hover { text-decoration: none; }
#top-offerte img { border: none; }
/*galleria foto piccole */
table.foto { float: left; margin: 0; padding: 0; } tr.foto { height: 175px; }
td.foto1 { padding: 0 10px; margin: 0px auto; }
td.foto1 img { padding: 3px; background: #000; border: none; width: 200px; }
td.foto1 a:hover img { padding: 3px; background: #fff; }