/*
Original design: andreas00 (v2.2 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas00/
*/

/* Main layout and header */
body {background:#ffefce url('img/bg.gif') repeat-x top center; color:#ffefce; line-height:1.4em; margin:0 auto; padding:0; font-style:normal; font-variant:normal; font-weight:normal; font-size:100%; font-family:Verdana, Tahoma, Arial, sans-serif}
#wrap {background:#fff url('img/d89.jpg'); color:#303030; margin:0 auto; padding:0px; width:900px;}
#header {background: url('img/pro%20loco%20pulsano%20logo.jpg') no-repeat bottom center; color:#ffefce; height:140px; padding:0; margin-left:0; margin-right:0; margin-top:0; margin-bottom:0}
#header h1 {font-size: 100%; font-weight:180; letter-spacing:0px; margin:0 0 0 0; padding:0;}
#header h1 a, #header h1 a:hover {font-weight:180; padding:0;}
#header p {font-size:100%; letter-spacing: 3px; margin:0 0 0 0; padding:0;}

/* Left sidebar and menu */
#leftside {clear:left; float:left; margin:0 0 0 0; padding:0; width:200px;}
#leftside ul.avmenu {list-style:none; margin:0 0 10px; padding:0; width:170px;}
#leftside ul.avmenu li {display:inline; padding:0; width:170px;}
#leftside ul.avmenu li a {background:#f4f4f4 url('img/menubg.gif') repeat-x bottom left; border-bottom:1px solid #ff; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#2551020; float:left; font-size:100%; font-weight:400; margin-bottom:5px; text-decoration:none; width:158px; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px}
#leftside ul.avmenu li a:hover, #leftside ul.avmenu li a.current {background:#eaeaea url('img/menubg2.gif') repeat-x bottom left; border-bottom:1px solid #b0b0b0; border-left:4px solid #505050; border-right:1px solid #b0b0b0; border-top:1px solid #b0b0b0; color:#ff3333}
#leftside ul.avmenu ul {font-size:100%; margin:0 0 0 0; padding:0 0 5px 0; width:170px;}
#leftside ul.avmenu ul a {padding:3px 1px 3px 5px; width:170px;}
#leftside ul.avmenu ul ul {font-size:100%; width:170px;}
#leftside ul.avmenu ul ul a {width:170px;}
#leftside h2 {font-size:100%; font-weight:400;}
#leftside h3 {font-size:80%; font-weight:400;}
#leftside .announce {background:#f4f4f4 url('img/menubg.gif') repeat-x bottom left; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; clear:left; color:#505050; line-height:1.3em; margin:10px 0; padding:5px; width:170px}
#leftside p, .announce p {font-size:100%;}

/* Right sidebar */
#extras {float:right; margin:0 0 0 0; padding:20px ; width:190px;}
#extras p, #extras ul {font-size:100%; line-height:1.3em; margin:0 0 1.5em; padding:0;}
#extras li {list-style:none; margin:0 0 6px; padding:0;}
#extras h2 {font-size:100%; font-weight:350; letter-spacing:1px; margin:0 0 6px;}

/* Main content */
#content {line-height:1.5em; margin:0 0 0 0; padding:5;}
#contentwide {line-height:1.5em; margin: 0 0 0 0; padding:0; text-align:center;}
#content h2, #contentwide h2 {font-size:120%; font-weight:100; letter-spacing:2px; margin: 0 0 0 0; padding:0; text-align:center;}
#content h3, #contentwide h3 {font-size:100%; font-weight:100; margin:0 0 0 0; padding:0; text-align:justify;}
#content img, #contentwide img {background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:0; margin:0 0 0 0;}
#content ul, #content ol, #contentwide ul, #contentwide ol {margin:0 0 0 0; padding:0;}
#content ul ul, #content ol ol, #contentwide ul ul, #contentwide ol ol {margin:0 0 0 0;}
#content li, #contentwide li {margin:0 0 0 0; padding:0;}

/* Footer */
#footer {background:#ffefce url('img/d89.jpg'); border-top:1px solid #dadada; clear:both; color:#666; font-size:100%; margin:0 auto; padding:3px 0; text-align:center; width:0;}
#footer p {margin:0; padding:0;}
#footer a {background:inherit; color:#666; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {font-size:100%;}
#footer
{
  clear: both;

  bottom: 0 !important;
  bottom: 1px;
  width: 100%;
  margin: 0;
  padding: 0;
}

#footHead
{
  clear: both;
  font-size: 100%;
  letter-spacing: 1px;
  margin: 0;
  padding: 1px;
  background:url('img/d89.jpg')repeat-x top center;
}

#footHead .head
{
  text-transform: uppercase;
  font-size: 100%;
  font-weight: bold;
  width: 33%;
  float: left;
  margin: 0;
  padding: 0;
  color: #59452a;
  line-height: .8em !important;
  line-height: .7em;
  height: .8em !important;
  height: .7em;
}

#footHead .container
{
  padding: 0 0 0 5px;
  margin: 0;
}



#footBody
{
  clear: both;
  width: 100%;
  background: #59452a;
  margin: 0;
  padding: 0;
}

#footBody .container
{
  padding: 0 0 0 5px;
  margin: 0;
}

#footBody .content
{
  width: 33%;
  float: left;
  margin: 0;
  padding: 5;
  color: #FFFFCC;
}

.clear
{
  clear: both;
}

#footBody .showcase
{
  text-align: center;
}

#footBody .showcase img
{
  padding: 5;
  margin: 1px;
  border: #DDA 3px solid;
}

#footer #footBody ul
{
  list-style-image: url('none');
  margin: 1px 0;
  padding: 0;
  border: medium none;
  width: 95%; list-style-type:none
}

#footer #footBody ul li
{
  padding: 0;
  margin: 0 1px; 
  height: 1.8em;
  border-bottom: 1px solid #49351A;
}

#footer #footBody ul li a
{
  color: #DDA;
  text-decoration: none;
  display: block;
  padding: 3px;
}

#footer #footBody ul li a:hover
{
  background: #705735;
}

#copyright
{
  background: #372b1a;
  color: #DDA;
  border-top: 1px solid;
  height: 1.7em;
}

#copyright a
{
  color: #DDA;
}

#copyright .container
{

  text-align: right;
}



/* Links and paragraphs */
a {background:inherit; color:#166090; text-decoration:none; font-weight:500;}
a:hover {background:inherit; color:#286ea0; text-decoration:underline;}
a img {border:0px none;}
p {margin:0 0 16px;}
blockquote {background:#f4f4f4 url('img/menubg.gif')  bottom left; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding-left:11px; padding-right:7px; padding-top:7px; padding-bottom:7px}
blockquote p {font-size:100%; line-height:1.3em; margin:0;}

/* Tables and forms */
table {border:1px solid #d8d8d8; border-collapse:collapse; line-height:1.3em; width:95%; margin:0 0 16px; padding:0;}
caption {font-size:100%; font-weight:400; margin:0; padding:6px 0 8px; text-align:left;}
th {background:#eaeaea url('img/menubg2.gif') repeat-x bottom left; color:#505050; padding:7px; text-align:left}
td {background:#f4f4f4 url('img/menubg.gif') repeat-x bottom left; color:#303030; font-size:100%; padding:7px; text-align:left}
input, textarea {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:100%; margin:0; padding:4px;}
label {margin:2px 0 2px 0; font-size:100%;}
input {width:200px;}
textarea {width:700px;}

/* Search box */
#searchbox label, .hide {display:none;}
#searchbox {margin:6px 0 16px; padding:0;}
#searchform {background:#fff; border:1px solid #ccc; color:#505050; font-size:100%; padding:4px; width:116px;}

/* Additional classes */
.announce h2 {margin:0 0 10px; padding:0;}
.textright {margin:-10px 0 4px; text-align:right;}
.center {text-align:center;}
.small {font-size:80%;}
.large {font-size:100%;}
.red {color:red;}
.green {color:green;}
.blue {color:blue;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.button {background:#f4f4f4 url('img/menubg.gif') repeat-x bottom left; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; font-weight:400; font-size:100%; width:120px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px; padding-left:11px; padding-right:7px; padding-top:7px; padding-bottom:7px}
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}


/*  Gallery  */
#gallery 
{
  padding:0; 
  margin:0 auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:467px; 
  height:240px; 
  border:0px solid #888; 
  background:#fff url('SlideShow/benvenuto%20Proloco.jpg') no-repeat bottom right;
  }
  
#gallery li {
  float:left;
  }
#gallery li a {
  display:block; 
  height:240px;
  width:28px;
  overflow:hidden;
  float:left; 
  text-decoration:none; 
  border-right:0px solid #fff; 
  cursor:default;
  }
#gallery li a img {
border:0px none;
background: #FFF url('../images/gallery_loading.gif') no-repeat top left;
}
#gallery li a:hover {
  background:#eee; 
  width:320px;