html { height:100% }
body { color: #903; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url("../img/bg/page.png") repeat-y left top; text-align: center; margin: 0; padding: 0; height: 100% }
a { text-decoration: none }
a:link, a:visited { color: #f60 }
a:hover, a:active { color: #903 }
hr { display: none }
img { border: none }
.clear { clear: both; margin: 0px; padding: 0px; height: 0px; overflow: hidden }
p { font-size: 13px; text-align: left; margin: 5px 0px 15px; padding: 0px }
p.hi { background-color: #f9f9f9; border: 1px solid #e3e3e3; padding: 1px 3px 3px}
strong {  }
h2 { color: #f60; font-size: 16px; text-decoration: none }
table { border: 1px solid #ddd; padding: 5px; background-color: #fff }
th, td { width: 50%; padding: 7px; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif }
th { color: #903; font-size: 11px; border: 1px solid #900; text-align: center }
td { color: #903; font-size: 11px; text-align: center }


/* ------------------------------------------------------------------- */

#page { background: url("../img/bg/body.png") repeat-x left top; text-align: center }
#top { background: url("../img/bg/top.png") no-repeat left top; height: 173px; width: 100%; text-align: right }
#top #flash { position: absolute; top: 20px; left: 163px; width: 263px; height: 120px }
#top #motto { position: absolute; top: 65px; right: 20px; width: 263px; height: 120px; color: #fc0; font-weight: bold; font-size: 20px; font-family: Arial, Verdana, Helvetica, sans-serif }
#top #powered { color: #ff9a00; padding: 3px; text-align: right }
#top #powered a:link, #top #powered a:visited { color: #fc0 }
#top #powered a:hover, #top #powered a:active { color: #ff9a00 }
#menu { position: absolute; top: 190px; left: 0px; width: 140px }
#menu #sconto { width: 120px; height: 77px; margin: 0px 0px 15px 20px }
#menu ul { margin: 0; padding: 0 } 
#menu li { list-style-type: none; margin: 0; padding: 0 }
#menu li.sx { margin-left: 45px }
#home { width: 100%; height: 550px }
#menurotante { margin: 10px auto }
#main { margin: 0px 7px 7px 170px }

#col { margin: 0 auto 20px; width: 600px }
#col .content { margin: 4px; background: #f9f9f9 url("../img/bg/content.png") repeat-y top left; width: 400px; float: left }
#col .content h2 { margin: 10px 40px 10px 0; background-color: #eee; padding: 5px 10px; text-align: left; font-family: Optima, "Trebuchet MS", "Lucida Grande", Trebuchet, Verdana, Lucida, Geneva, Arial, sans-serif; }
#col .content h3 { color: #f90; font-size: 15px; margin: 10px 40px 10px 0; background-color: #eee; padding: 2px 10px; text-align: left; font-family: Optima, "Trebuchet MS", "Lucida Grande", Trebuchet, Verdana, Lucida, Geneva, Arial, sans-serif; }
#col .content h4 { font-size: 13px; margin: 0px 20px; padding: 0; text-align: left }

#col .content p { padding: 0 10px 0 20px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif }
#col .content ul { text-align: left } 
#col .content li { list-style-type: square; margin: 0; padding: 0; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif }
#col .mainimg { width: 180px; float: right }
#col .mainimg .img { width: 180px }
#col .mainimg .img p { width: 180px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0 }
#col .mainimg #popmenu { width: 180px; font-size: 10px; text-align: left; margin: 10px 0 }
#col .mainimg #popmenu #select { background-color: #f9f9f9; font-size: 10px; text-align: left }
#col .mainimg #popmenu #select optgroup { font-size: 10px; font-weight: bold; font-style: normal }
#col #gallery, #col #fornitori{ width: 600px; margin-top: 20px }
#col #gallery h2, #col #fornitori h2 { margin: 0; background-color: #eee; padding: 5px 10px; text-align: left; font-family: Optima, "Trebuchet MS", "Lucida Grande", Trebuchet, Verdana, Lucida, Geneva, Arial, sans-serif; }
#col #gallery .img, #col #fornitori .img { width: 200px; float: left; text-align: center; padding: 5px 0 }
#col #gallery .img p, #col #fornitori .img p { width: 180px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 5px auto 0 }
#col #fornitori .img { height: 110px; border-bottom: 1px solid #eee; margin-bottom: 10px } 

#col .prod { width: 150px; float: left; text-align: left; padding: 5px 0 }
#col .prod ul { margin-left: 15px; padding-left: 15px }

.des { margin: 10px 20px; border: solid 1px #ddd; background-color: #f9f9f9; padding: 0 10px }
.des ul { margin-left: 15px; padding-left: 15px; text-align: left; font-size: 13px; }
.des h3 { color: #f60 }

.imgsx { float: left; padding: 0; margin: 15px }
.imgdx { float: right; padding: 0; margin: 15px }
.hi { background-color: #fff; padding: 10px; margin-bottom: 0px }
.h70 { height: 70px }
.submit { color: #333; padding: 2px 4px; background-color: #eee; border: 1px solid #e7e7e7; height: 1.8em; border-bottom-color: #999; border-right-color: #999 }
.red { color: red; font-family: Arial, Verdana, Helvetica, sans-serif }
#riservato { color: red; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; font-weight: bold; font-size: 11px; }
#premi { text-align: left; background-color: #fff; padding: 10px; margin: 0 30px }
#premi ul { text-align: left; }
#premi ul li { margin: 4px 0 }

/* ------------------------------------------------------------------- */

h2.azienda { color: #f60; font-size: 18px; margin-top: 40px }
.desdx, .dessx { color: #903; font-size: 10px; padding: 0px 10px; margin: 0px 20px; border: dashed 1px #f60 }
.desdx { margin-right: 260px }
.dessx { margin-left: 260px }
.imgboxdx { float: right; width: 250px }
.imgboxsx { float: left; width: 250px }
.imgboxdx .dx, .imgboxsx .dx { text-align: right }
.imgboxdx .cx, .imgboxsx .cx { text-align: center; margin: 10px 0px }
.imgboxdx .sx, .imgboxsx .sx { text-align: left }
#firma { margin: 20px; text-align: right }

/* ------------------------------------------------------------------- */

#contact {  width: 600px; margin: 0 auto 30px; padding-top: 10px }
#contact p { text-align: center; margin: 8px 0px }
#contact h2 { color: #f60; font-size: 15px; margin-top: 20px }
.title { color: #903; font-weight: bold; font-size: 22px; text-decoration: none; margin: 0px }
#modulo { text-align: center; width: 600px; margin: 0px auto 30px; border: solid 1px #ddd; background-color: #f9f9f9 }
#modulo table { width: 500px; margin: 0px auto }
#modulo td { text-align: left; font-size: 13px; width: 50% }
#modulo p { text-align: center }
#modulo p.message { margin: 10px; padding: 3px; border: solid 1px #f60; background-color: #fc0 }
#modulo input { border: solid 1px #ccc; color: #333 }
#modulo textarea { border: solid 1px #ccc; color: #333 }

#map-ext { width: 100%; text-align: center }
#map { width: 750px; height: 550px; text-align: left; margin: 0 auto }

/* ------------------------------------------------------------------- */

.fornitore { float: left; width: 245px; height: 140px; color: #903; font-size: 10px;  text-decoration: none; text-align: center; margin: 10px; padding: 10px 0px 0px; border: dashed 1px #f60 }
.fornitore p { text-align: center; font-size: 12px; margin: 5px }
.fornitore .logo { height: 75px }

/* ------------------------------------------------------------------- */

.realizzazione { width: 560px; margin: 20px auto }
.realdes { margin: 10px auto;  width: 100%; color: #903; font-size: 11px; padding: 5px;  border: dashed 1px #f60; background-color: #f9f9f9; font-family: Verdana, Helvetica, Arial, sans-serif; }
.realimg { float: left; width: 50% }

/* ------------------------------------------------------------------- */

.fsx { text-align: left; float: left; margin: 0px; padding: 0px }
.fdx { text-align: right; float: right; margin: 0px; padding: 0px }
.fcx { text-align: center; margin: 0px auto; padding: 0px }

.row { clear: both; margin: auto }
.cell { width: 49%; float: left; text-align: center; margin-bottom: 40px }
.proddes { margin: 10px auto; width: 250px; color: #903; font-size: 11px; padding: 5px;  border: dashed 1px #f60; background-color: #f9f9f9; font-family: Verdana, Helvetica, Arial, sans-serif }
.proddes2 { text-align: left; margin: 10px auto; width: 90%; color: #903; font-size: 10px; padding: 5px;  border: dashed 1px #f60; background-color: #f9f9f9; font-family: Verdana, Helvetica, Arial, sans-serif }

/* ------------------------------------------------------------------- */

table.offerte-imgbordo { border: 0; text-align: center; margin: 0; padding: 0; background-color: #f3f3f3; width: 140px; height: 140px }
table.offerte-imgbordo td { margin: 0; padding: 0; vertical-align: middle }
.offerte-img { margin: 10px 30px 0; text-align: center; float: left }
.offerte-img p { text-align: center; font-size: 11px }
#offerte-imgbig { margin: 10px 0 }
table#offerte-nav { border: 0; text-align: center; margin: 0; padding: 0; background-color: #f3f3f3; width: 100% }

/* ------------------------------------------------------------------- */


.left { text-align: left; margin: 0px; padding: 0px }
.right { text-align: right; margin: 0px; padding: 0px }