body {
  background-color: #343e4b;
  margin: 0;
  padding: 0;
  font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; 
  /* color:#747a83; */
  color: #555555;

}

#header { 
  height: 148px;
  background-color: #222c37;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #4d5969;
}


.container { 
  position:         relative; 
  max-width:        1200px; 
  width:            900px;
  margin:           0px auto;
  line-height:      130%;
}

a#logo-meta-menu,  a#logo-meta-menu:link, a#logo-meta-menu, 
a#logo-meta-menu_active, a#logo-meta-menu:hover, a#logo-meta-menu:visited {
  height: 98px;
  width: 450px;
  float: left;
  color: #f39c3b;
  font:    normal normal bold 22px/24px arial, serif;
  font:    normal normal bold 22px/24px Verdana,Tahoma,sans-serif;
  letter-spacing: 2px;
  text-decoration: none;
}

a img {
  border: 0;
}


ul#meta-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul#menu {
  clear: both;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul#menu  li, ul#meta-menu li { 
  display: inline; 
}

ul#menu  li {
  text-align: center;
}

ul#meta-menu li a {
  float: right;
  color: #fff;
  text-decoration: none;  
  padding: 62px 10px 0 10px; 
  font:    normal normal normal 12pt/16px arial, serif;
  font:    normal normal normal 15px/16px Verdana,Tahoma,sans-serif;
}

/*
a#index {
  background: transparent url(../img/bg-sprites.png) no-repeat scroll -5px -470px; 
}

a#contatti {
  background: transparent url(../img/bg-sprites.png) no-repeat scroll -255px -470px; 
}

a#video {
  background: transparent url(../img/bg-sprites.png) no-repeat scroll -505px -470px; 
}

a#mostra-fotografica {
  background: transparent url(../img/bg-sprites.png) no-repeat scroll -755px -470px; 
}
*/



ul#menu  li a {
  display: block;
  text-align: center;
  float: left;
  width: 150px;
  height: 50px;
  background: transparent url(../img/bg-sprites.png)  no-repeat scroll -155px -105px;
  color: #222c37;
  font:    normal normal normal 15px/50px arial, serif;
  font:    normal normal normal 15px/50px Verdana,Tahoma,sans-serif;
  text-decoration: none;  
}

ul#menu li.first a {
  background: transparent url(../img/bg-sprites.png) no-repeat scroll -5px -105px;
}

ul#menu li.last a {
  background: transparent url(../img/bg-sprites.png) no-repeat scroll -305px -105px;
}

ul#menu  li a:hover, ul#menu  li a.on {
  background: transparent url(../img/bg-sprites.png)  no-repeat scroll -155px -155px;
  color: #222c37;
}


ul#menu li.first a:hover, ul#menu li.first a.on  {
  background: transparent url(../img/bg-sprites.png) no-repeat scroll -5px -155px;
}

ul#menu li.last a:hover, ul#menu li.last a.on {
  background: transparent url(../img/bg-sprites.png) no-repeat scroll -305px -155px;
}

div#submenu ul {
  margin: 0 0 0 12px;
  padding: 0 0 0 8px;
  list-style-image:url(../img/marker-gray.gif);
}

div#submenu ul li {
  margin: 0 0 4px 0;
}

div#submenu ul.first-block {
  list-style-image:url(../img/marker-orange.gif);
}

div#submenu ul li.on a {
  color: #cc7412;
  font-weight: bold;
}



div#submenu p.menu-title {
  width: 250px;
  height: 41px;
  font:  normal normal normal 14pt/41px arial, Arial, Helvetica, sans-serif;
  color: #444444;
  background: transparent url(../img/bg-sprites.png) no-repeat scroll -310px -390px;
  margin: 12px 0 12px 0;
  padding: 0 0 0 4px;

}

div.box p.custom-menu {
  text-align: center;
  margin-bottom: 30px;
  line-height: 2em; 
}

.content {
  background-color: white;
  position: relative;
  top: -1px;
  padding-top: 1px;
  min-height: 450px;
  height:     auto !important;
  height:     450px;
}


div.hor {
  background-color: #f3f3e7;
  border-top: 2px solid #d9d9d1;
  border-bottom: 1px solid #d9d9d1;
}

div.hor img {
  float: right;
  margin: 12px;
}


div.left-panel {
  background-color: #f3f3e7;
  border: 1px solid #d9d9d1;
  width: 300px;
  float: left;
}
div.left-panel-empty {
  width: 300px;
  float: left;

}

div.right-panel {
  margin-left: 310px;

}
div.right-panel img {
  margin-top: 12px;
}
div.box {
  width: 279px;
  margin: 12px;
  min-height: 244px;
  height:     auto !important;
  height:     244px;
}

div.hor div.box {
  width: 349px;
}


/*
div.box p, div.box ul {
  background-color: #ffffff;
   XXborder-left: 1px solid #dbd8c3;
  XXXborder-right: 1px solid #dbd8c3;
}
*/

div.box .begin {
  background: #ffb768 url(../img/bg-sprites.png) no-repeat scroll -5px -250px;
  padding: 12px;
  padding-bottom: 0;
}

div.hor div.box .begin {
  background-position: -300px -250px;
}

div.box .end {
  height: 5px;
  background: #ffb768 url(../img/bg-sprites.png) no-repeat scroll -5px -315px;
}

div.hor div.box .end {
  background-position: -300px -315px;
}

div.box div.middle {
  padding: 12px;
  background-color: #ffffff;
  border-left: 1px solid #dbd8c3;
  border-right: 1px solid #dbd8c3;
}

div.middle p {
  font:  normal normal normal 95%/1.1em arial, Arial, Helvetica, sans-serif;
}

div.hp-box  {
  float: left;
  width: 30%;
  padding: 4px 12px 12px 12px;
  margin: 10px 0 10px 0;
}

div.inner {
  border-right: 1px dotted #bfbfbf;
  border-left: 1px dotted #bfbfbf;

}

.footer {
  clear: both;
  background: #ffb768 url(../img/border-top2.gif) repeat-x scroll 0 0;
  min-height: 175px;
  height:     auto !important;
  height:     175px;

}

.footer img {
  margin: 25px;
  float: right;
}

.footer h2 {
  margin: 0;
  padding: 25px 0 10px 5px;
  font:  normal normal bold 14pt/16pt "Avant Garde",Arial,Georgia;
  letter-spacing: 1px;
  color: #333333;
}

.footer p {
  color: black;
}


.footer a, .footer a:link, .footer a:visited, .footer a:hover, .footer a:active {
  font-weight: bold;
  color: #343e4b;
}

.end-footer {
  height: 25px;
  background: #ffb768 url(../img/bg-sprites.png) no-repeat scroll -5px -220px;
  margin-bottom: 40px;
}

.end-page {
  top: -1px;
  height: 25px;
  background: #ffb768 url(../img/bg-sprites.png) no-repeat scroll -5px -435px;
  margin-bottom: 40px;
}


.clear {
  clear: both;
}


h1 { 
  color: #e8891d;
  font:  normal normal bold 20pt/22pt "Avant Garde",Arial,Georgia;
}


h2 {
  font:           normal normal bold 15pt/16pt "Avant Garde",Arial,Georgia;
  color:          #307cde; 
  letter-spacing: 2px;
  padding-left:   5px;
}


div.hp-box h3 { 
  color:#307cde; 
  margin-bottom:8px;
  font:  normal normal normal 12pt/14pt arial, Arial, Helvetica, sans-serif;
}


p {
  padding: 10px 10px 10px 5px;
  margin: 0;
  font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.1em; 
  color: #555555;
  text-align: justify;
}

ul {
  margin: 0;
  padding-bottom: 20px;
  list-style-type: square;
}

div.box h1, div.box h2  {
  background: transparent url(../img/bg-sprites.png) no-repeat scroll -5px -390px;
  width: 250px;
  height: 40px;
  color: #e8891d;
  margin: 0;
  padding: 0 0 0 4px;
  font:  normal normal bold 14pt/40px "Avant Garde",Arial,Georgia;
}

div.hor div.box h1, div.hor div.box h2  {
  background-position: -590px -390px;
  width: 320px;
}


div.hp-box h2  {
  width: 268px;
  height: 41px;
  font:  normal normal bold 14pt/41px "Avant Garde",Arial,Georgia;
  color: white;
  background: transparent url(../img/bg-sprites.png) no-repeat scroll -590px -340px;
  letter-spacing: 1px;
  padding: 0 0 0 4px;
  margin: 0;
}

div.hp-box h2:before   {
   content: " "
}

div.hp-box p, div.box p  {
  text-align: left;
  padding: 0 0 10px 0;
}

a, a:link, a:visited, a:hover, a:active {
  color: #307cde;
}

div.box a, div.box a:link, div.box a:visited, div.box a:hover, div.box a:active {
  font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; 
  color: #444444;
  text-decoration: none;
}

div.box a:hover {
  text-decoration: underline;
}



div.imgboxright {
  float: right;
  width: 265px;
  margin: 0 0px 10px 15px;
}

div.imgboxright p {
  margin: 0 0 15px 0;
  padding: 0 15px 5px 0;
}

div.imgboxright img {
  margin: 0 0 5px 0;
  margin-top: 10px;
}

div.textboxleft {
  margin-right: 270px;
}



div.imgboxleft {
  float: left;
  width: 265px;
  margin: 0 15px 10px 0;
}

div.imgboxleft p {
  margin: 0 0 15px 0;
  padding: 0 0 5px 10px;
  width: 250px;
}

div.imgboxleft img {
  margin: 0 0 5px 0;
  margin-top: 10px;
  margin-left: 10px;
}

div.textboxright {
  margin-left: 275px;
}



div.imgboxleft-small {
  float: left;
  width: 210px;
  margin: 0 6px 6px 3px;
  padding: 2px;
}

div.textboxright-small {
  margin-left: 220px;
}


div.imgboxright-small {
  float: right;
  width: 210px;
  margin: 0 0px 10px 15px;
  padding: 2px;
}

div.textboxleft-small {
  margin-right: 220px;
}





div.imgboxright, div.imgboxleft, div.imgboxleft-small, div.imgboxright-small  {
  font-size:80%;
}

div.imgboxcenter {
  margin: 0 20px 0 20px;
    border: 1px solid #cccccc;
  padding: 2px;
  text-align: center;
}

div.imgboxcenter p {
  text-align: center;
}

img.border {
  border: 1px solid #cccccc;
  padding: 2px;
}


.center {
  text-align: center;
}

img.right {
  float: right;
  margin: 0 10px 10px 10px;
}

img.left {
  float: left;
  margin: 0px 10px 10px 0;
  
}