html,body{margin:0;padding:0; font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif; background: url("../img/sfondo.jpg") #b496d4; background-repeat: no-repeat; background-position:top center; width: 100%;}
div#container{width:970px;margin: 10px auto;}
div#content{float:left;width:700px; background: #fff;text-align: center; border: 1px solid #000;}
div#navigation{float:right;width:250px}
div#extra{float:right;clear:right;width:250px}
div#footer{ width:680px; padding: 5px 10px; color: #000; background: #fff; }
div#carrello{float:right;clear:right;width:250px}
div#social{float:right;clear:right;width:250px}
.specchio { float: left; width: 20%; border-right: 1px dotted #ccc; font: 11px verdana, arial, sans-serif; }
/* centro: menu */
#centro1 { position: relative; width: 700px; height: 120px; border-bottom: 0px solid #000;}
/* centro: directory >> */
#directory { font: 11px verdana, arial, sans-serif; width: 100%; color: #000; margin: 0; padding: 5px 10px; text-align: left; font-weight: bold;}
#directory a {color: #000;text-decoration: none;}
#directory a:hover {color: #000; text-decoration: underline;}
/* centro: tabella con i prodotti (articoli.html)*/
table { background: #fff;}
td.articolo { width: 150px; margin: 0; padding: 0; font: 11px verdana, arial, sans-serif;}
td.articolo img { border: 1px solid #000;}
.prezzo2 { color: red; font: normal 20px verdana, arial, sans-serif;}
.prezzo3 { color: red; font: bold 11px verdana, arial, sans-serif;}
/* articoli in home e nelle impaginazioni */
td.articolo2 { width: 200px; margin: 0; padding: 0; font: 11px verdana, arial, sans-serif; height: 225px;}
td.articolo2 img { border: 1px solid #000;}
/* centro: dettagli articoli (calzature.html) */
td.dettagli1 { width: 425px; background: #fff; }
td.dettagli1 img { border: 2px solid #000; }
td.dettagli2 { width: 250px; background: #fff; font: 11px verdana, arial, sans-serif; color: #000; line-height: 2em; text-align: right; padding-right: 10px;}
#dettagli { width: 250px; font: bold 11px verdana, arial, sans-serif; color: #fff; padding: 5px; background: #000; text-align: center; margin: 0;border: 1px solid #000; }
#articolo1 {font: 11px verdana, arial, sans-serif; color: #000; width: 250px; background: #fff; text-align: left;margin: 0; padding: 5px;border: 0px solid #000;}
#articolo2 {font: bold 14px verdana, arial, sans-serif; color: #000;width: 250px; background: #fff; text-align: left;margin: 0; padding: 5px; border: 0px solid #000;}
#articolo3 {font: 11px verdana, arial, sans-serif; color: #000;width: 250px; background: #3399cc; text-align: left;margin: 0; padding: 5px; border: 1px solid #000;}
#articolo4 {font: 11px verdana, arial, sans-serif; color: #000;width: 250px; background: #7CB650; text-align: left;margin: 0; padding: 5px; border: 1px solid #000;}
#articolo4 a { color: #fff; line-height: 2em; text-decoration: none; }
#articolo4 a:hover { text-decoration: underline;}
/* torna indietro */
td.torna img { border: 0px solid #000; }
/* paginazione dati */
td.page { margin: 0; padding: 0; font: 12px verdana, arial, sans-serif; }
td.page a { color: red; text-decoration: none;}
td.page a:hover {color: #000;text-decoration: underline;}
td.page a:link, a:active, a:visited { color: red; text-decoration: underline;}
/* primo box a destra */
#navigation a { color: #000; line-height: 2em; padding: 5px; text-decoration: none; font-weight: bold; }
#navigation a:hover { text-decoration: underline; color: #000;}
#navigation {text-align: center;margin-left:0px;font: bold 11px verdana, arial, sans-serif;padding: 6px 0px;text-align: left; }
ul { padding: 0; margin-left: 5px; }
ul li { list-style: none; margin: 0px 5px; padding: 0; border-bottom: 0px dotted #000; font-weight: normal; }
ul li a {text-decoration:none; }
/* titolo a destra */
#tipo { font: bold 11px verdana, arial, sans-serif; color: #fff;padding: 5px; width: 100%; background: #000;text-align: center;margin: 0;}
/* secondo box a destra: carrello */
#carrello p { font: bold 11px verdana, arial, sans-serif; padding: 0px 5px; text-align: left; color: #fff;}
#carrello a { color: #fff; line-height: 2em; text-decoration: none; }
#carrello a:hover { text-decoration: underline;}
/* terzo box a destra */
#extra a { color: #fff; line-height: 2em; padding: 5px; text-decoration: none; }
#extra a:hover { text-decoration: none; color: #BFCFEA;}
#extra {text-align: center;margin-left:0px;font: bold 11px verdana, arial, sans-serif;padding: 6px 0px;text-align: left; }
#extra img { margin-top: 25px; float: center; text-align: center; border: 1px solid #000; }
#vetrina { text-align: right; font: 11px verdana, arial, sans-serif; }
.prezzo { color: #CBE9Fe; font: bold 13px georgia, arial, sans-serif; }
/* bottone claudio maggioli */
#cm { font: bold 10px Verdana, Arial;background: #007192;color: #fff;padding: 5px 8px; width: 200px; border: 1px solid #000; }
#cm a {font: bold 10px Verdana, Arial;color: #fff;background: #007192;text-transform: capitalize;text-decoration: none;}
#cm a:visited {color: #fff;text-decoration: none; }
#cm a:active {color: #fff;text-decoration: none; }
#cm a:hover {color: #fff;text-decoration: underline; }
/* link dy */
#link { font: normal 10px Verdana, Arial, sans-serif; text-align: left; border-top: 0px solid green; padding: 15px; width: 740px; margin: 150px auto 0 auto; }
#link a { color: #fff; text-decoration: none; }
#link a:hover { text-decoration: underline; }
/* emnu in alto */
#menu {color: #000; font: bold 11px verdana, arial, sans-serif; line-height: 2.4em;text-align: right; position: absolute; top: 55px; right: 5px;}
#menu a {color: #000;text-decoration: none;}
#menu a:hover, a:active {text-decoration: underline;}
#menu1 a {text-decoration: none; color: #fff; padding-top: 5px;}
#menu1 a:hover, a:active {text-decoration: underline; color: #fff; padding-top: 5px;}
/* info */
h1 { color: red; font: bold 13px verdana, arial, sans-serif; text-align: center; margin: 25px auto 0px auto; text-transform: uppercase; }
td.info { color: #000; padding: 0px 25px 35px 25px; }
th.info { color: #000; font-weight: bold; padding: 0px 15px; }
table.info { margin: 0 auto; text-align: left; font: normal 11px verdana, arial, sans-serif; line-height: 20px;}
/* 4 immagini */
.anteprima { float: left; width: 117px; margin: 0 auto; }
.anteprima img { width: 100px; height: 100px; border: 1px solid #000; }
/*form online */
td.form3 {
margin: 0; padding: 8px;
font: bold 11px verdana, arial, sans-serif;
color: #fff;
background: #7cb650;
text-align: center;
width: 400px;
}
td.form {
margin: 0; padding: 8px;
font: normal 11px verdana, arial, sans-serif;
color: #fff;
background: #e8b500;
text-align: left;
width: 400px;
}
td.form img {
border: 0px solid #000;
}
td.form4 { margin: 0; padding: 8px; font: normal 11px verdana, arial, sans-serif; color: #fff; background: #7cb650; text-align: left; }
th.form4 { margin: 0; padding: 8px; font: bold 11px verdana, arial, sans-serif; color: #fff; background: #7cb650; text-transform: uppercase; text-align: center; }
input.invia { background: #ccc; }
select.testo { width: 110px; padding: 2px; border: 1px solid #ddd; color: #777; background: #f9f9f9; font-size: 110%; font-family: Arial, Verdana, sans-serif; }
/*tabella info form online*/
table.form { margin: 0 auto; padding: 0; font-size: 13px; font-weight: normal; font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif;}
td.form1 { text-align: left; font: bold 12px; padding: 3px; color: #000; border: 1px dotted #ccc; } td.form1 a { color: #000;}
td.form2 { text-align: center; color : #000; padding: 3px; border: 1px solid #000; text-transform: uppercase; }
input.testo { width: 160px; padding: 2px; border: 2px solid #ddd; color: #777; background: #f9f9f9; font-size: 125%; }
input.testo a:hover { border: 2px solid blue; }
input.testo2 { width: 95px; padding: 2px; border: 2px solid #ddd; color: #777; background: #f9f9f9; font-size: 110%; }
select.testo { width: 250px; padding: 2px; border: 2px solid #ddd; color: #777; background: #f9f9f9; font-size: 110%; }
select.testo2 { width: 110px; padding: 2px; border: 2px solid #ddd; color: #777; background: #f9f9f9; font-size: 110%; }
input.pulsante { padding: 3px 10px; background: blue; color: #fff; border: none; text-transform: uppercase; }
textarea {width: 250px; padding: 2px; border: 2px solid #ddd; color: #777; background: #f9f9f9; font-size: 110%; font-family: Arial, Verdana, sans-serif; }