/* CSS per lo stile principale del sito */
/*2006 Alessandro Di Filippo aka flip|flop*/

/*il contenuto è liberamente utilizzabile per qualsiasi fine*/

body {
margin:0;
padding:0;
font-family:"Trebuchet MS", Garamond, Verdana, serif;
font-size:70%;
font-weight:normal;
text-align:center;
background:url(../images/bkg2.jpg);
}
#contenitore {
width:70%;
margin:20px auto;
text-align:left;
}
#intestazione {
float:left;
width:100%;
height:195px;
margin-bottom:10px;
border:1px solid #A22A2B;
border-right:none;
border-top:4px solid #A22A2B;
background:#FFFFFF url(../images/h1.jpg) right bottom no-repeat;
}
#superiore {
float:left;
width:100%;
margin-bottom:10px;
}
.onoff {
position:relative;
top:-14px;
left:160px;
}
#col-sx {
float:left;
width:195px;
}
#corpo-sx {
width:100%;
border:1px solid #A22A2B;
border-right:none;
border-top:4px solid #A22A2B;
background:#FFFFFF;
}
#info,
#recapiti,
#catalogo,
#approfondimenti,
#link-esterni,
#copy {
width:90%;
margin:10px auto;
padding:20px 0 5px;
border-left:1px solid #A22A2B;
border-bottom:1px solid #A22A2B;
}
#info {
background:url(../images/informazioni.gif) top left no-repeat;
}
#recapiti {
background:url(../images/recapiti.gif) top left no-repeat;
}
.sede {
margin:10px 5px 10px;
padding:2px;
text-align:center;
font-size:1em;
line-height:14px;
background:#000066;
color:#FFFFFF;
}
#col-dx {
margin-left:195px;
}
#barranav {
clear:left;
width:100%;
height:auto;
margin:10px 0 10px;
padding-top:10px;
border:1px solid #A22A2B;
border-right:none;
border-top:4px solid #A22A2B;
background:#FFFFFF;
}
#corpo-dx {
float:right;
width:90%;
border:1px solid #A22A2B;
border-right:none;
border-top:4px solid #A22A2B;
background:#FFFFFF url(../images/3anelli.jpg) right top no-repeat;
}
#chisiamo,
#prodotti,
#servizi,
#news {
width:90%;
margin:30px 5% 0;
padding-top:35px;
}
#chisiamo {
background:transparent url(../images/chisiamo.gif) no-repeat;
}
#prodotti {
background:transparent url(../images/prodotti.gif) no-repeat;
}
#servizi {
background:transparent url(../images/servizi.gif) no-repeat;
}
#news {
background:transparent url(../images/news.gif) no-repeat;
}
#vuoto {
float:right;
width:100%;
height:50px;
margin-bottom:10px;
border:1px solid #A22A2B;
border-right:none;
border-top:4px solid #A22A2B;
background:#FFFFFF url(../images/vuoto.jpg) right bottom no-repeat;
}
#inferiore {
float:left;
width:100%;
margin-bottom:10px;
}
#service {
float:left;
width:195px;
border:1px solid #A22A2B;
border-right:none;
border-top:4px solid #A22A2B;
background:#FFFFFF;
}
#approfondimenti {
background:url(../images/approfondimenti.gif) top left no-repeat;
}
.appear {
width:100%;
margin:-8px -1px 5px;
background:#FFFFFF;
}
#link-esterni {
background:url(../images/sitiinteresse.gif) top left no-repeat;
}
#visti {
margin-left:195px;
}
#corpo-visti {
float:right;
width:90%;
padding:30px 0 5px;
border:1px solid #A22A2B;
border-right:none;
border-top:4px solid #A22A2B;
background:#FFFFFF url(../images/2anelli.jpg) right top no-repeat;
}
#corpo-visti-titolo {
width:90%;
margin:-10px 5% 0;
padding-top:35px;
background:transparent url(../images/inevidenza.gif) no-repeat;
}
.card {
width:80%;
margin:20px auto 20px;
border:1px solid #E8F2FC;
background:url(../images/bgcard.gif);
color:#666666;
}
.card-img {
float:left;
width:50%;
height:auto;
}
.card-img img {
width:100%;
padding:1px;
margin:10px 4% 10px;
border:2px solid #CCCCCC;
}
.card-dett {
float:left;
width:30%;
margin:10px 5% 10px;
font-size:0.8em;
text-align:left;
}
.card-desc {
clear:left;
width:95%;
margin:10px auto;
font-size:1em;
}
.produttore {
text-indent:25px;
background:url(../images/produttore.gif) 0% 50% no-repeat;
}
.metallo {
text-indent:25px;
background:url(../images/metallo.gif) 0% 50% no-repeat;
}
.carati {
text-indent:25px;
background:url(../images/carati.gif) 0% 50% no-repeat;
}
.peso {
text-indent:25px;
background:url(../images/peso.gif) 0% 50% no-repeat;
}
/*==================================================================================================*/
/*============================== INTESTAZIONI, PARAGRAFI, TESTO E LINK =============================*/
/*==================================================================================================*/

body p {
font-family:"Trebuchet MS", Garamond, Verdana, serif;
}
p.primo {
border-top:1px dotted #A22A2B;
}
body h5 {
visibility:hidden;
height:0;
margin:0;
padding:0;
}
#intestazione h1,
#intestazione h2,
#intestazione p {
visibility:hidden;
margin:0;
padding:0;
}
#corpo-dx p,
#corpo-visti-titolo p {
padding-left:10px;
margin:10px;
}
#corpo-dx a,
#corpo-sx li a,
#inferiore li a {
text-decoration:none;
color:#000000;
}
#corpo-dx a:hover {
color:#A22A2B;
}
#info li {
line-height:1.5em;
list-style-image:url(../images/info.gif);
}
#info li#rss {
text-indent:55px;
background:url(../images/rss_icon.gif) 0% 50% no-repeat;
}
#recapiti li {
font-size:1em;
list-style-image:url(../images/arrow_down.gif);
}
#info li a:hover,
#recapiti li a:hover {
border-bottom:1px dotted #000066;
}
.approfondimenti-ul li {
list-style-image:url(../images/arrow_down.gif);
}
#copy p {
margin:0 15%;
}
#copy ul {
list-style:none;
margin:5px;
}
#link-esterni a {
white-space: nowrap;
padding-bottom: 5px;
}
#link-esterni li {
list-style-image:url(../images/out.gif);
line-height:1.5em;
}
#link-esterni li a:hover {
background:url(../images/outhover.gif) repeat-x 100% 100%;
}
#approfondimenti a {
color:#000000;
}
#approfondimenti ul a:hover {
border-bottom:1px dotted #000066;
}
.appear li {
list-style:square;
}
.appear p {
height:auto!important;
padding:5px;
text-decoration:none;
font-size:0.8em;
font-weight:bold;
}
.appear a {
text-decoration:none;
}
.appear a:hover {
border-bottom:1px dotted #000000;
}
.appear a:focus {
color:#000066;
border-bottom:1px dotted #000066;
}
.link-approfondimenti {
font-size:0.8em;
font-weight:bold;
padding-bottom:5px;
}
#oro-completo {
border-left:1px solid #E75700;
border-bottom:1px solid #E75700;
}
#oro-completo p,
#oro-completo ul,
#oro-completo a {
color:#E75700!important;
}
#diamanti-completo {
border-left:1px solid #91B900;
border-bottom:1px solid #91B900;
}
#diamanti-completo p,
#diamanti-completo ul,
#diamanti-completo a {
color:#91B900!important;
}
#orologi-completo {
border-left:1px solid #2EAEEB;
border-bottom:1px solid #2EAEEB;
}
#orologi-completo p,
#orologi-completo ul,
#orologi-completo a {
color:#2EAEEB!important;
}
/*
E' difficile che questo CSS vada a pennello per un vostro progetto, molto
probabilmente avrete la necessità di modificarlo, adattarlo, stravolgerlo...
Oppure semplicemente prendere spunto per un'idea, anche banale, che può fare al caso vostro.
In ogni caso, potete farlo liberamente, questo è un CSS, non il codice sorgente di Windows :)
Cmq mi farebbe piacere ricevere una mail soltanto informativa nel caso in cui questo stile
vi sia servito: alex.difilippo@gmail.com
*/