html      { background: #F5F4E4;}

body { 
font:80% verdana,helvetica,sans-serif; 
margin:0;
padding:0;
}

code {
font:80% verdana,helvetica,sans-serif;
display:block;
margin:0 1em .5em 1em;
}

hr {
display:none;
}

/* centrare la pagina web a larghezza fissa */
body {
text-align:center;
} 

#testa {
color: #000; 
background: #666 url(immagini_generali/r2_testata_sito.jpg);
margin: 0 auto;
width: 780px;
height: 150px;
}

#colonne {
width:780px;
margin:0 auto;
text-align:left
}

#sotto {
width:780px;
margin:0;
padding:0;
text-align:left;
}


/* corpo */
#colonne   {
background: #f5f4e4 url(immagini_generali/sfondo_colsx.gif) repeat-y;
border: solid 0px #ccc;
position: relative;
}

#colonnasx { 
position:absolute;
top:0;
left:0; 
width:150px; 
padding: 0; 
}
#colonnacen { 
margin:0 150px 0 150px; 
border-left:0px solid #c00; 
border-right:1px dotted #c00; 
background:#F5F4E4; 
padding: 0; 
}
#colonnadx { 
position:absolute; top:0; right:0; 
width:150px; 
padding:1em 0; 
}


/*++++++++++BRICIOLE DI PANE++++++++++*/
#bricioledipane  { 
color: #000; 
font-weight: bold; 
font-size: 0.9em; 
font-family: verdana, helvetica, sans-serif; 
text-decoration: none; 
background: #F5F4E4; 
text-align: left; 
padding: 5px 0px 5px 18px;
margin-top: 0;
border-bottom: 1px dotted #000;
 }
#bricioledipane a {
font-weight: normal;
font-size: 0.9em;
font-family: verdana, helvetica, sans-serif; 
text-decoration: none;
text-align: left;
}

/*++++++++++ICONE NEI PRODOTTI++++++++++*/ 
#icone {
text-align: right;
padding: 0 160 10 0;
}

/*++++++++++SOTTO++++++++++ */
#sotto { 
background:#F5F4E4; 
color:#000;
border-top:1px solid #8B9183; 
clear: left;
margin:0 auto;
padding: 5px 0;
}
#sotto a{ 
color:#000;
text-decoration: none;
}
#sotto a:hover{ 
color:#000;
font-weight: bold;
text-decoration: none;
}


img { 
border: 1px solid #f5f4e4;
}


/*++++++++++TABELLE++++++++++ */
table  {
width:460px;
margin-left: 10px;
font-size: 1em;
font-family: verdana, helvetica, sans-serif;
background-color: #ccc;
text-align: center;
}
p.table {
font-weight: normal;
font-size: 0.9em;
line-height: 1.6em;
font-family: verdana, helvetica, sans-serif;
text-align: center;
margin: 0;
}
table.bianco  {
font-size: 1em;
font-family: verdana, helvetica, sans-serif;
background-color: #fff;
text-align: center;
}

td  {
text-align:center;
background: #fff;
padding: 0 5px ;
}
td.titolo  {
text-align:center;
font-size: 1.2em;
color: #c00;
font-weight: bold;
background: #f5f5f5;
}

/*++++++++++TABELLA SOTTO++++++++++ */
table.sotto  {
width:500px;
margin-left: 10px;
font-size: 0.7em;
font-family: verdana, helvetica, sans-serif;
background-color: #F5F4E4;
text-align: left;
}
td.sotto  {
text-align:center;
background: #F5F4E4;
padding: 5px ;
text-align: left;
}

/*++++++++++TABELLA BEIGE++++++++++ */
table.beige  {
font-size: 1em;
font-family: verdana, helvetica, sans-serif;
background-color: #F5F4E4;
text-align: center;
}
td.beige {
text-align:center;
color: #000;
background: #F5F4E4;
}



p.icone {
text-align:right;
}

/*grandezza dei font */
h1  {
color: #c00;
font-weight: 500;
font-style: normal;
font-size: 2.2em;
font-family: times, serif;
padding: 0 10px;
}
h2    {
color: #c00;
font-style: normal;
font-weight:  500;
font-style: normal;
font-size: 1.2em;
font-family: verdana, helvetica, sans-serif;
padding: 0 10px;
}
h2.titolo{ 
font-size: 1.2em;
line-height: 1em;
font-family: verdana, helvetica, sans-serif;
border-bottom: 1px dotted #000;
}
h2.titolo img {
vertical-align:middle;
margin-right: 10px;
}
h2.prodotto{ 
font-size: 1.2em;
line-height: 1em;
border-bottom: 1px solid #c00;
}
h2.prodotto img {
vertical-align:middle;
margin-right: 10px;
}
h3  {
color: #000;
font-weight: bold;
font-size: 1em;
font-family: times, serif;
}
h5 {
font-size: 0.8em;
font-family: verdana, helvetica, sans-serif;
padding: 0 10px;
}
h6 {
font-size: 0.7em;
font-weight: normal;
font-family: verdana, helvetica, sans-serif;
background-color: #ccc;
padding: 2px 10px;
}
p {
font-weight: normal;
font-size: 0.9em;
line-height: 1.6em;
font-family: verdana, helvetica, sans-serif;
text-align: left;
padding: 2px 10px 5px 10px;
margin:0;
}
p.bianco {
color: #fff;
}
p.dx {
font-weight:  600;
font-style: normal;
color: #666;
font-size: 0.9em;
line-height: 0.9em;
font-family: verdana, helvetica, sans-serif;
text-align: right;
padding: 10px 5px 0px 0px;
border-bottom: 2px solid #c00;
margin:0;
}
p.sotto  {
font-weight: normal;
font-size: 0.7em;
font-family: verdana, helvetica, sans-serif;
}
p.titolo img {
float: left; 
padding: 0 10px;
}
p.data {
font-weight: bold;
font-size: 0.7em;
line-height: 0.2em;
padding: 10px 10px 2px 10px;
}

a {
color: #c00;
font-weight: bold;
font-family: verdana, helvetica, sans-serif;
text-decoration: none;
}
a:hover {
color: #c69;
font-weight: bold;
font-family: verdana, helvetica, sans-serif;
}
a:visited {
color: #c69;
}




/*menu di sx */
ul.menu-verticale {
color: #fff;
background: trasparent;
font-weight: bold;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:20px 2px 20px 10px;
margin: 0;
}
ul.menu-verticale li a {
color: #fff;
font-weight: bold;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
width: 100%;
border-top: 1px  solid #600;
border-right: 1px  solid #600;
border-bottom: 1px  solid #600;
border-left: 1px  solid #600;
padding: 3px 0;
margin: 1px 0;
text-indent: 10px;
}
ul.menu-verticale li {
display: inline;
}
ul.menu-verticale a:link, ul.menu-verticale a:visited  {
color: white;
background-color: rgb(116, 121, 110);
}
ul.menu-verticale a:hover, ul.menu-verticale a:active  {
color: white;
background-color: #c00;
}
ul.menu-verticale ul  {
color: white;
font-weight: normal;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
}
ul.menu-verticale ul li a {
color: white;
font-weight: normal;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
text-indent: 30px;
padding: 2px 0;
width: 100%;
display: block;
}
ul.menu-verticale ul li {
display: inline;
}
ul.menu-verticale ul a:link, ul.menu-verticale ul a:visited {
color: #fff;
background-color: #999;
}
ul.menu-verticale ul a:hover, ul.menu-verticale ul a:active {
color: #fff;
background-color: #c00;
}


/*menu di dx */
ul.menu-dx {
color: #c00;
font-weight: normal;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:0px 0px 10px 0px;
margin: 0;
width: 145px;
}
ul.menu-dx li a  { 
color: #fff; 
font-weight: normal;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 10px 0;
border-bottom: 1px  solid #c00;
width: 100%;
display: block;
}
ul.menu-dx li {display: inline;
}
ul.menu-dx a:link, ul.menu-dx a:visited  {
color: #c00;
text-indent: 1px;
padding: 0.3em 0 0.3em 5px;
}
ul.menu-dx a:hover, ul.menu-dx a:active  {
color: white;
background-color: #c00;
}
ul.menu-dx ul  {
color: #000;
font-weight: normal;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #dcdcdc;
margin: 0;
padding: 0;
width: 150px;
}
ul.menu-dx ul li a  {
color: #000;
font-weight: normal;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 0.3em 0;
width: 100%;
display: block;
}
ul.menu-dx ul li {display: inline;
}
ul.menu-dx ul a:link, ul.menu-dx ul a:visited {
color: #000;
background-color: #f5f5f5;
text-indent: 1px;
padding: 0.3em 5px;
}
ul.menu-dx ul a:hover, ul.menu-dx ul a:active {
color: #000;
background-color: #c99;
text-indent: 1px;
padding: 0.3em 5px;
}