@import url("/dima-design/prodotti.nsf/css/magenta52.css?readform");
/* ---------- RESET ------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/*--------------------------------------------*/
body {margin: 20px 0 0 15px; padding:0; border:0; width:100%; min-width:760px; font-size:90% ; background: #fff url(/dima-design/prodotti.nsf/bg-pagina.jpg) ; font-family: arial, helvetica, sans-serif; color: #602161; color: #444}
a:link, a:visited {font-weight: bold; color: #602161}
a:hover, a:active {font-weight: bold; color: #b087af}
#container {position: absolute; top: 0; left: 0; width: 100%}
#header {display: block; float:left; clear: both; border-bottom: dashed 2px; width: 100%}
#headerhome {display: block; float:left; width: 100%; background: transparent}
#logo  {float: left; width: 240px}
#breadcrumbs {float: right; padding: 135px 20px 10px 0}
#content  {display: block;  float: left; clear: both; width: 100%; }
#leftcol {width: 240px;display: block;  float: left;  }
div.menu {padding: 5px 10px}
div.food {margin: 15px 0}
div.food h2 {font: bold 15px verdana;  color: #602161; margin-top: 15px}
a.fft {font: bold 12px verdana; color: #602161; text-decoration: none; display: block; padding: 8px 0}
#rightcol  {position: absolute; top: 170px; left: 255px }
/* Footer styles */
#footer { margin-top: 250px; font: 13px verdana, arial, geneva, sans-serif; color: #602161}
#footer a {font-weight: bold; color: #83699A}
DIV.menu UL {margin-top: 2px}
DIV.menu UL a {width: 200px}
DIV.menu UL li a.galleria {display: block; margin-top: 12px}
UL > LI > A > H1 > IMG  {display: block; margin-top: 2px}
.breads {float: left; margin: 135px 0 0 30px}
#rightcol h1 {font: bold 18px verdana, arial, geneva, sans-serif; color: #602161}
h5.chiusura {font: bold 15px verdana, sans-serif;}
/* CONTENUTO */
/*table.categorie{display: block;}*/
table.categorie tr {display: block;}
table.categorie tr td {padding: 10px; height: 100px; width: 900px; border-bottom: 1px dashed #602161;  text-align: center}
table.categorie tr td img, table.categorie tr td h2 {display: inline; margin: 0 5px; font-size: 13px; font-weight: bold}
table.categorie tr td a {text-decoration: none}
td.testo-azienda {font-size: 13px; padding: 0 25px 0 0; width: 40%}
td.testo-azienda p {margin-bottom: 10px;}
td.testo-azienda ul {margin: 6px 50px;}
td.testo-azienda ul li {margin: 6px 0; list-style: square}
table.chisiamo {width: 100%}
div.icons {text-align: center}
div.icons a img {text-align: center; margin: 5px 5px 0 0; border: solid 1px #fff}
div.icons a:hover img {border: solid 1px #b087af}
/* scheda prodotto */
div.col1 h1, div.col1 h2, div.col1 h3 {font: bold 1em arial, helvetica, sans-serif; margin: 10px 0 0}
div.col1 h3   {color: #c00}
div.col1 p  {font: bold 0.8em arial, helvetica, sans-serif; }
img#im {margin-right: 19px; margin-bottom: 50px}
/* -------------EVENTI ---------------------------------------*/
#eventi th {display:none}
#eventi  h1 {font: bold 150% arial, helvetica, sans-serif}
#eventi  h1 {font: bold 150% arial, helvetica, sans-serif; color: #603}
#eventi td {font: normal 11px/16px verdana, tahoma, geneva, sans-serif; }
.evento-sx  { /*background-color: #ff7dbe;*/ color: #000; padding: 1.5em 0 1.5em 2.0em}
.evento-sx-foto { /*background-color: #ff7dbe;*/ color: #000;  padding: 0 15px; }
.evento-dx { /*background-color: #ffc6e3; */ color: #000;  padding: 1.5em 2.0em}
td.titolo-evento  {padding: 15px 0 0;}
td.titolo-evento h3  {font: bold 1.3em arial, helvetica, sans-serif; margin: 0; color: #333; margin-bottom: 10px}
td.mese-evento h2  {font: bold 1.4em arial, helvetica, sans-serif; margin: 20px 0 0; border-bottom: solid 1px;}
table#eventi tbody tr td.evento-sx-foto a {font-weight: bold}
div.homeboxes { /*position: relative; float: right; */ position: absolute; top; 0; left: 820px; margin: 0 75px 0 0; width: 300px; z-index: 1; }
div.alert {background: #A37DA6; padding: 25px 25px 20px;color: #fff; font-size: 11px}
div.foodfor {background: #EBE4EE; padding: 25px 25px 10px; margin: 20px 0 0; color: #602161; font-size: 14px}
div.homeboxes h1 {font-size: 17px; font-weight: bold}
div.homeboxes h2 {font-size: 13px; font-weight: bold}
div.alert a {color: #fff !important}
/* ------------FORMS --------------------------*/
table.contatto td {padding: 5px 10px; font-size: 11px;}
/* -------------------- STILI NEWSLETTER ------------------------------- */
#newsletter {border: solid 1px #999; margin: 5px 0; padding: 5px 6px 10px 6px;font-size: 11px; background: #fff; width: 180px}
#newsletter h3, #servizio-prod h3, legend {color: #333;font: bold 13px verdana, "Trebuchet MS", arial, sans-serif;}
#newsletter input {font-size: 11px;}
#newsletter input#newsletterfield {width: 100px}
#newsletter input:focus {background: #efefef;}
span.news-content-body { display: block; margin: 5px 15px; padding: 25px; font-size: 10px;}
span.news-content-body h1 {  font-size: 18px; line-height: 20px; margin: 15px 0; color: #c00}
fieldset#news-anagrafica  { margin: 5px 15px;padding: 5px;font-size: 10px;}
fieldset#news-dettagli { margin: 5px 15px;padding: 5px;font-size: 10px;}
fieldset#news-privacy { margin: 5px 15px;padding: 5px;font-size: 10px;}
span.news-titolino { margin: 5px 15px;padding: 5px;font-size: 10px;}
#newsletter td {border-bottom: solid 1px;font-size: 11px;}
label  { font-size: 11px; width: 200px; display: block; float: left}
.allegato {text-align: center;font: bold 1.4em "Trebuchet MS", verdana, sans-serif}
.allegato img {display: block;}
/* google */