/* Stili generici */
body{
    text-align: left;
    padding: 0;
    margin: 0;
    font-family: "Trebuchet MS", "MS Sans Serif", Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 20px;
}

h2{
        font-size: 1.1em;
        clear: both;
        margin: 0 0 10px 0;
        padding: 0;
        border-bottom: 1px dotted #000;
}

h2 a{
        text-decoration: none;
}

h3.contatti{
        margin-bottom: 5px;
}

form{
        margin: 0;
        padding: 0;
}

#container{
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    width: 760px;
    margin: 0 auto;
}
#head, #body, #footer, #foto, #navbar{
    width: 760px;
}

#head, #footer, #navbar{
    background-color: #000;
    color: #fff;
}

#head{
    padding-top: 10px;
    /*background-image: url(../img/logo_BN_760.gif);*/
    background-repeat: no-repeat;
    /*height: 70px;*/
    border-bottom: 1px solid #FFF700;
}

#address{
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    width: 120px;
    font-size: 11px;
}

#foto{
    /*background-image: url(../img/testa1.gif);*/
    height: 150px;
    background-repeat: no-repeat;
}

#navbar{
    font-size: 14px;
    font-weight: bold;
    border-top: 1px solid #DE117B;
    line-height: 20px;
    padding-top:5px;
    padding-bottom:5px;
}

#navbar a{
    color: #fff;
    background-color: #000;
    text-decoration: none;
}

#navbar a:hover{
        color: #FFF700;
        background-color: #000;
        text-decoration: underline;
}

#navbar div{
    margin-left: 10px;
}

#content{
    width: 380px;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 40px;
    margin-top: 20px; 
    background:acqua;
}

#content img{
    border: 1px solid #000;
}

#services{
    width:150px;
    float:left;
    margin-bottom: 20px;
    margin-top: 20px; 
    padding-top: 0;
         border-left: 1px dotted #666;
}
#services p{
        margin: 0px 0px 30px 10px;
        border-bottom: 1px solid #666;
        padding-bottom: 10px;
}

#services img{
        border: 0;
}

#services a{
        margin-top: 0;
        text-decoration: none;
        font-weight: bold;
        color: #000;
        background-color: #fff;
        font-size: 1.1em;
        background-position: right;
        background-position: top;
        /*width: 140px;*/
        display: block;
        background-repeat: no-repeat;
}

#services a#special_prices{
        background-image: url(../img/special_prices.png);
        padding-top: 80px;
}

#services a:hover#special_prices{
        background-image: url(../img/special_prices_neg.png);
}

#services a#secondHand{
        /*background-image: url(../img/usato_front.png);
        padding-top: 90px;*/
}

#services a:hover#secondHand{
        /*background-image: url(../img/usato_back.png);*/
}

#services span{
    font-size: 1.1em;    
}

/*#services span.argentario{
    text-align: center;
}

#services span.argentario img{
    margin-top: 10px;
}*/

#services p.banner{
    text-align: center;
    padding-bottom: 20px;

}

#services p.banner img{
    margin-bottom: 3px;

}

 /*#suntoCarrello{
     border: 1px solid #000;
     padding: 0;
 }
 #suntoCarrello caption{background: #333; color: #fff;}
 #suntoCarrello td{
     vertical-align: top;
     border: 1px solid #000;
 }
 #suntoCarrello td.q{text-align: right;}*/

#footer{
    text-align: center;
    font-size: 11px;
    clear:both;
    line-height: 20px;
}


/*////////////////////////////////////////////////////////////*/
/* Corpo del sito */

/* tabella che contiene l'elenco dei dati nella visualizzazione */
table#elenco{
    width: 100%;
    margin: 0;
    padding: 0;
}
table#elenco td{
    padding: 2px 2px 2px 0;
    vertical-align: top;
}
table#elenco td.img{
    text-align: right;
}
table#elenco tr{
    border: 1px dotted #DE117B;
}
table#elenco td p{
    margin-bottom: 10px;
}
table#elenco h3{
    margin: 0; 
    font-size: 1em;
}
table#elenco h3 a{
    background: #fff;
    color: #000;
    margin: 0;
    text-decoration: none;
    display: block;
    border-bottom: 2px solid #DE117B;
}
table#elenco h3 a:hover{    
     background: #fff;
     color: #DE117B;
     text-decoration: none;    
     font-weight: bold;
     background-repeat: no-repeat;
     border-bottom: 2px solid #000;
}

/* cella che contiene l'immagine nella visualizzazione di un prodotto */
table#elenco img{
         margin-bottom: 10px;
}

table#elenco p{
    margin: 0 0 10px 0;
    padding:0;
    vertical-align: top;
}

img.cheapProduct{
        float: left;
        border: 0 !important;
        margin: 0 6px 0 0;
}

/* messaggio vizualizzato in assenza di prodotti o in caso d'errore della query nella pagina di visualizzazione degli elenchi di prodotti */
p#noprodotti{

}

/* div contenente la paginazione per gli elenchi dei prodotti */
div.navigazione{
    clear: both;
    text-align: center;
    margin: 20px 0;
}


/* paragrafo che contiene la descrizione del prodotto e l'immagine di dettaglio */
p#descrizione{

}


p#descrizione img{ /* per impostare la relativa immagine di dettaglio*/
    float: left;
    margin: 0 15px 10px 0;
}

/* paragrafo che contiene il prezzo di  */
p#prezzi{
	margin-bottom: 60px;
}

p#prezzi span{
	font-size: 22px;
	font-weight: bold;
}

#prezzoGirobike{ /* Formattazione dei prezzi */
        background-color: #fff;
        color: #DE127C;
}

p#prezzi span#barrato{  /* div che contiene il prezzo di listino barrato se c'� il prezzo girobike */
    text-decoration:line-through;
    font-size: 12px;
    font-weight: normal
}

/* formattazione per la cella contenente il titolo, la marca e la descrizione di un prodotto in offerta */
td.offerta{

}

/* Segnala l'offerta nella pagina di dettaglio di un prodotto in offerta. Lo span in questione � vuoto */
span#offerta{

}

/* Per la formattazione delle mail dei reparti in contatti.php */
a.mailreparti{

}

/* formattazione modulo del carrello */
div#aggiungiProdotto{
        text-align: center;
                clear: both;
}

div#aggiungiProdotto fieldset span, div#aggiungiProdotto fieldset input{
        vertical-align: middle;
}

div#aggiungiProdotto fieldset{
        margin-top: 20px;
        padding: 10px;
        border: 2px solid green;
        padding-bottom: 5px;
}

div#aggiungiProdotto fieldset img{
        border: 0;
        margin-top: 0;
        margin-right: 0;
        margin-left: 10px;
        float: left;
        margin-top: -5px;
        vertical-align: middle;
}

div#aggiungiProdotto fieldset span, div#aggiungiProdotto fieldset p{
        padding: 0;
        margin: 0;
}
div#aggiungiProdotto fieldset p{
        padding-top: 10px;
}
div#aggiungiProdotto fieldset legend{
        background-color: green;
        color: #fff;
        margin: 0;
        padding: 0 5px;
        margin-bottom: 5px;
}

div#aggiungiProdotto fieldset input.bottone{
        font-weight: bold;
        cursor: pointer;
        width: 100px;
}

/* formattazione modulo di richiesta informazioni sul prodotto e modulo noleggio */

div#moduloinfo, div#moduloContatti{
        text-align: center;
        clear: both;
}
div#moduloinfo fieldset, div#moduloContatti fieldset, div#noleggio fieldset{
        margin-top: 20px;
        padding: 20px 5px 5px 5px;
        border: 2px solid #DE117B;
}
div#moduloinfo fieldset label, div#moduloContatti fieldset label, div#noleggio fieldset label{
        font-weight: bold;
        padding: 0;
        margin: 0;
        float: left;
        width: 140px;
        text-align: left;
}

div#moduloinfo fieldset input, div#moduloinfo fieldset textarea, div#moduloContatti fieldset input, div#moduloContatti fieldset textarea{
        width: 200px;
        text-align: left;
}

div#moduloinfo fieldset span, div#moduloContatti fieldset span, div#noleggio fieldset span{
        padding: 0;
        text-align: left;
}

div#moduloinfo fieldset legend, div#moduloContatti fieldset legend, div#noleggio fieldset legend{
        background-color: #DE117B;
        color: #fff;
        margin: 0;
        padding: 0 5px;
        margin-bottom: 5px;
}

div#moduloinfo fieldset p, div#moduloContatti fieldset p, div#noleggio fieldset p{
        clear: right;
        margin: 5px;
}

div#moduloinfo fieldset input.bottone, div#moduloContatti fieldset input.bottone, div#noleggio fieldset input.bottone{
        font-weight: bold;
        cursor: pointer;
        width: 100px;
        margin-left: 145px;
        clear: both;
        text-align: center;
}

/* Per la nota sotto le form e l'asterisco accanto ai campi obbligatori su contatti.php, modulo_info.inc.php e noleggio.php */
.campiobbligatori{
        font-weight: bold;
        background-color: #fff;
        color: red;
        margin: 0;
}
p.campiobbligatori {
        margin-top: 5px;
        float: right;
}
/*////////////////////////////////////////////////////////////*/



/* QUEL CASPITA DI MENU */
#menu{
    margin-top: 20px;
    width: 160px;
    float: left;
    line-height: 20px;
    margin-left: 5px;
    margin-bottom: 20px;
    padding: 0 5px 0 0;
    font-weight: bold;
    background-image:url(../img/line.gif);
    background-repeat:repeat-y;
}

#menu.marca{
    font-weight:bold;    
}

#menu a{
    display: inline;
    text-decoration: none;
         /*color: #0000EE;
         background-color: #fff;*/
}
#menu a:hover{
         text-decoration: none;
         /*color: #DE117B;
         background-color: #fff;*/
}

.voceMenu span{
    padding-left: 20px;
    padding-top: 0;
    margin:0;
}

.voceMenu a{
    text-decoration: none;
}
div#menu .voceMenu a:hover{
    font-weight: bold;
    color: #DE117B;
}

/* PRIMO PIANO */

div#primopiano{
    margin-bottom: 30px;
}

div#primopiano img{
        border: 1px solid #000;
}

div#primopiano p{
        border: 0;
        margin: 0;
}

div#primopiano p span{
        padding: 5px !important;
        background-color: yellow;
        display: block;
        border: 1px solid #000;
}

div#primopiano p span#imgprimopiano{
        background-color: #fff;
        color: #000;
        border: 0;
        text-align: center;
        padding: 0 !important;
}

div#primopiano a{
        background-color: #DE117B; 
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        border: 1px solid #000;
        padding: 5px;
        margin: 0 0 3px 0;
        clear: both;
        display: block;
}
div#primopiano a:hover{
        background-color: #000; 
        color: #FFF700;
        width: 368px;
}

div#primopiano p span#imgprimopiano img, div#primopiano p span#imgprimopiano a, div#primopiano p span#imgprimopiano a:hover{
    margin: 0 0 0 0 !important;
    padding:0 0 0 0 !important;
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    color: #FFF;
    background-color: #FFF; 
}

div#primopiano p span#imgprimopiano{
    padding:0;
    margin-bottom: 5px;
    border: 1px solid #000;  
}

/* Pagina delle marche */

table#marche, table#marche td{
        width: 100%;
        border: 0;
}

table#marche td{
        width: 33%;     
        text-align: center;
                  font-size: 10px;
}

table#marche td img{
        vertical-align: top;
        border: 0;
        margin-bottom: 20px;
}

#fondo{
        margin-top: 5px;
        text-align: center;
}

#fondo a{
        text-decoration: none;
}

#fondo a:hover{
        text-decoration: underline;
}

#fondo ul{
        list-style: none;
	text-align: center;
}

#fondo ul li{
        list-style: none;
	display: inline;
	padding-right: 10px;
}

#fondo ul li a{
        background-color: inherit;
	color: #000;
}

#fondo ul li a:hover{
        text-decoration: underline;
}

/*ZEROUNOZERO*/

p#zerounozero{
    clear: both;
    display: block;
    border: 0; 
    margin-bottom: 5px;
}

p#zerounozero img{border:0;}

p#zerounozero a{
    text-decoration:none; 
    color:#000; 
    background-color:#FFF;
}

p#zerounozero a:hover{
    text-decoration: underline;
}

div#hidden{
    display:none;
}