/* ======== generale ======== */
body {background: #e5e5e5; font-family: Verdana, Arial, sans-serif; font-size: 12px; margin: 0 20px 20px 20px;}
a:focus {outline: none;}
a img {border: none;}
#wrapper {background: #FFFFFF url(../images/wrapper-bg.gif) repeat-y; margin: 0 auto; width: 900px; padding: 0 10px 0 10px;}
.border {border: 3px solid #CCCCCC;}
.floatleft {float: left;}
.clr {clear: both;}
.clr-left {clear: left;}

/* ======== header ======== */
#header {height: 127px; background: url(../images/header/01.png) no-repeat; border-bottom: 5px solid #00439a;}
#header h1 {margin: 0; padding: 0;}

/* ======== menu ======== */
#menu {background: #003174 url(../images/menu-bg.gif) repeat-x; height: 39px; font-family: Georgia, Verdana, Arial, sans-serif; margin-bottom: 1px;}
#menu ul {list-style: none; margin: 0px; padding: 10px 0 0 0;}
#menu ul li {float: left;}
#menu ul li a {color: #ccd6e3; text-decoration: none; padding: 10px 54px 10px 54px; font-size: 16px; position: relative;}
#menu ul li a.active, #menu ul li a:hover {color: #FFFFFF; background: url(../images/hover.gif) center top no-repeat;}

/* ======== contenuto ======== */
#page {padding: 15px 0 40px 10px;}
#content {width: 640px; text-align: justify; line-height: 18px;}
#content h2 {font-family: Georgia, Verdana, Arial, sans-serif; font-size: 24px; margin: 8px 0 5px 0; color: #003174; line-height: 29px;}
#content {line-height: 180%;}
#content img.prodotto {border: 5px solid #cccccc; float: left; margin: 0 5px 5px 0;}
#content img.logo, #content img.realizzazione {border: 5px solid #cccccc; margin: 0 5px 5px 0;}
/* box */
#content .top {background: url(../images/evento_top.jpg) no-repeat top; height: 10px; padding: 0px; margin: 0px; font-size: 0px; line-height: 0px;}
#content .box {padding: 0px 10px 10px 10px; background: #d8e1ee url(../images/evento_bottom.jpg) no-repeat bottom;}
#content .box img {margin-right: 10px; float: left;}

/* ======== destra ======== */
#right {float: right; width: 230px; margin-top: 5px; padding-bottom: 40px;}
#right .top {height: 10px; background: url(../images/top.gif); font-size: 0px;}
#right .text {background: #d8e1ee; padding: 0px 10px 0 10px; color: #003174; font-size: 13px;}
#right .bottom {height: 10px; background: url(../images/bottom.gif); font-size: 0px;}
#right .titolo {font-family: GEORGIA, VERDANA, ARIAL, SANS-SERIF; font-weight: bold; font-size: 16px; border-bottom: 1px solid #888888; color: #444444; margin-bottom: 8px;}
#right .separator {height: 20px;}
#right .prodotto {height: 40px;}
#right .prodotto a {text-decoration: none;}
#right .prodotto .title {padding-top: 3px; font-size: 14px; font-weight: bold; color: #003174; display: block;}
#right .prodotto .sottotitolo {display: block; font-size: 11px; color: #00439a;  }
#right .text .separator {height: 10px;}
#right .prodotto img {margin-right: 10px;}
#right a {color: #003174; text-decoration: none;}
#right a:hover {text-decoration: underline;}

/* ======== footer ======== */
#footer {clear: both; margin-top: 40px; background: url(../images/footer-bg.gif) no-repeat bottom; padding: 20px 30px 36px 30px; color: #a7b8e0; font-weight: bold; line-height: 18px; margin: 0 auto; width: 860px;}
#footer .copyright {color: #6b82b9; font-weight: normal;}
#footer a {color: #a7b8e0; text-decoration: none;}
#footer a:hover {text-decoration: underline;}