/*
colori

blu dark 		#071b2e
blu ++			#214f77
blu --			#526f89

grigio txt 		#bbbbbb
white			#FFFFFF

*/

html, body, div, span, p, a, em, img, strong, fieldset, form, label, legend { margin:0; padding:0; border:0; outline:0; font-size:100%; }

body { background:#FFFFFF; color:#454545; font-family: Helvetica, Arial, sans-serif; font-size:14px; line-height:150%; text-align:center; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; text-align:left; font-family: "Trebuchet MS",  Arial, Helvetica, sans-serif; color:#266F90; line-height:100%; }

h2 { font-size:24px; margin:18px 0 20px 0; 
/*color:#e2001a; */
color:#266F90 
}
h3 { font-size:20px; margin:16px 0 8px 0; }
h4 { font-size:18px; margin:12px 0 6px 0; }
h5 { font-size:16px; margin:10px 0 5px 0; }
h6 { font-size:14px; margin:10px 0 5px 0; }


h2.title { margin-top:0; }
p { margin-bottom:5px; }
ul, ul li { list-style-type:none; margin:0; padding:0;}
ol { margin:0; padding:0; list-style-position:inside}
a:link, a:visited  { text-decoration:none; color:#266F90; }
a:hover, a:focus, a:active { color:#000000; }


ul.list, .testo ul { margin:5px 0; padding:0; list-style-type:none; text-align:left; }
ul.list li, .testo ul li { margin:0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat left 3px; }


/* ........... LAYOUT */
#header-wrapper, #container-wrapper, #footer-wrapper { width:100%; float:left; } 
#header, #container, #footer { width:960px; margin:0 auto; }

#header-wrapper { 
/*background:#941729 url(bg-header.jpg) repeat-x bottom left; */
background:#addb2e;

} 
#container-wrapper { background:#FFFFFF; }
#footer-wrapper { 
/*background:#941729 url(bg-footer.jpg) repeat-x top left; */
background:#addb2e;
color:#000000; 

height:150px; }


#content { float:left; display:inline; width:880px; margin:25px 40px; text-align:left; min-height:350px; }

#content-left { width:640px; float:left; display:inline; margin-right:10px; }
#sidebar { width:220px; float:right; display:inline; text-align:center; font-size:12px; font-weight:bold; text-transform:uppercase; margin-bottom:30px;  }
#sidebar ul { border-top:1px dotted #214f77; }
div#sidebar li { border-bottom:1px dotted #214f77; padding-top:5px; background-position: left center; }


/* ........... HEADER */
#header { position:relative; }

/*h1#logo { width:300px; height:105px; background:url(logo-si-kanda.png) no-repeat !important; margin:5px auto; clear:both; }
h1#logo a { display:block; width:300px; height:105px; float:left; text-indent:-9999px; }*/

div#logo { width:270px; height:105px; margin:0 auto 15px auto; clear:both; -moz-box-shadow: 0 2px 2px #000000; -webkit-box-shadow: 0 2px 2px #000000; box-shadow: 0 2px 2px #000000;}
div#logo h1 { width:270px; height:105px; background:url(newlogo.jpg) no-repeat !important; }
div#logo h1 a { display:block; width:270px; height:105px; float:left; text-indent:-9999px; }


#navigation { width:100%; height:25px; position:relative; float:left; overflow:hidden; margin-bottom:15px; }
#navigation ul { position:relative;	left:50%; clear:left; float:left; }
#navigation ul li { margin:0; height:25px; position:relative; right:50%; display:block; float:left;
}
#navigation ul li a { display:block; line-height:25px; padding:0 10px; font-size:11px; text-transform:uppercase; font-weight: bold; }


#language { position: absolute; top:0; right:40px; padding:5px 10px; }
#language a, #language a:hover { background-repeat:no-repeat; background-position:0 center; padding-left:20px; margin:0 10px; color:#FFFFFF; font-size:10px; text-transform:uppercase; letter-spacing:1px; }
#language a.esp { background-image: url(esp.gif); }
#language a.eng { background-image: url(eng.gif); }
#language a.ita { background-image: url(ita.gif); }
#language a.fra { background-image: url(fra.gif); }

#social { position:absolute; top:5px; left:240px; padding:5px 10px; }

#donation { position:absolute; top:0; left:40px; width:130px; padding:5px 10px;}


#social  a, #social a:hover {  margin:0 0 0 10px; }

/* ...... FOOTER */
#footer { margin-bottom:25px; padding-top:15px; text-align:left; font-size:11px; }
#footer div { float:left; display:inline; width:400px; margin:0 40px; }

#header a:link, #header a:visited, #footer a:link, #footer a:visited  { 
/*color:#fecd1b;*/
color:#000000;}
#header a:hover, #header a:focus, #header a:active, #navigation a.selected, #footer a:hover, #footer a:focus, #footer a:active { color:#266F90 }

/* ..... CAROUSEL */
.carousel-wrapper { width:880px; margin:15px 0; float:left; border-width:1px 0; border-color:#214f77; border-style:dotted; position:relative; }

.carousel { width:820px; height:150px; margin:10px auto; overflow:hidden; }
.carousel-inner { width:2500px; }
.carousel img { float:left; display:inline; padding:0 10px; }
.carousel-wrapper a.next, .carousel-wrapper a.prev { position:absolute; top:10px; width:30px; height:150px; font-size:36px; line-height:150px; text-align:center; }
.carousel-wrapper a.prev { left:0; }
.carousel-wrapper a.next { right:0;  }


#protofade { position:relative; width:880px; height:440px; margin:0 auto 20px auto; padding:0; overflow:hidden; }
#protofade div { position:absolute; top:0; left:0; margin:0; padding:0; background:none;}



/* ..... MY 960 GRID */
div.box-2 { width:460px; float:left; display:inline; margin:0 20px 20px 0; } 

div.box-3 { width:300px; float:left; display:inline; margin:10px 20px 20px 0; }

div.box-4 { width:220px; float:left; display:inline; margin:0 20px 20px 0; background:#DDEDF7; display:block; position:relative; text-align:center; } 

div.box-2 h3 { border-bottom:1px dotted #CCCCCC; padding-bottom:5px; margin-bottom:10px; font-size:18px; }
div.box-3 h3  { border-bottom:1px dotted #CCCCCC; padding-bottom:5px; margin:5px 0; font-size:14px; }

div.box-4 img { margin:10px 10px 0 10px; }

div.box-4 h3 { text-align:center; margin:10px; font-size:18px;  }

div.last, #gallery div.last, div.news.last { margin-right:0; } 

div.testo-consulenza { float:left; width:560px; margin-right:20px; }
div.foto-consulenza { background:#214f77; text-align:center; float:left; width:300px; height:240px; }
div.foto-consulenza img { padding:5px; float:left; }

/* ...... NEWS */
.news { width:430px; float:left; display:inline; margin:0 20px 20px 0; } 

.testo-articolo, .foto-articolo { display:inline; float:left; text-align:left; }
.testo-articolo { width:280px; } 
.foto-articolo { width:140px; margin:0 10px 0 0; }
.footer-articolo { text-align:right; margin-top:5px; font-size:12px; float:left; width:430px; border-top:1px dotted #214f77; }
.footer-articolo p { padding:5px 10px; margin-bottom:0; }

.read { background:url(detail.gif) no-repeat left center; padding-left:20px; margin-left:15px;}
.gallery { background:url(gallery.gif) no-repeat left center; padding-left:20px; margin-left:15px; }
.video { background:url(video.gif) no-repeat left center ; padding-left:20px; margin-left:15px; }

div.pagination { clear:both; text-align:center; vertical-align:middle; }
div.pagination a, div.pagination span { padding:0 3px; }


.nav-bar-articolo { text-align:right; border-bottom:1px dotted #214f77; margin-bottom:15px; }
.nav-bar-articolo p { font-size:11px; }

div.testo { }


#gallery { border-top:1px dotted #214f77; padding:20px 0; margin:20px 0; float:left; width:100%;}
#gallery div { width:150px; height:110px; float:left; display:inline; margin:0 13px 26px 13px; background:#fecd1b; text-align:center; }
#gallery img { padding:5px; float:left; } 



/* .......... CONTATTI */

div#map { width:520px; float:left; display:inline; background:#fecd1b; }
div#map img { padding:5px; float:left; }
div#address { width:340px; float:left; display:inline; margin-right:20px; }

#form { width:880px; margin:20px 0; float:left; }

#form div { padding:10px 0; float:left; display:inline; width:440px; border-top:1px dotted #214f77;}

#form label { padding-right:10px; width:130px; display: block; float:left; text-align:right; }

#form legend { margin:0; padding-bottom:10px; width:100%; font-size:20px; font-family:"Trebuchet MS",  Arial, Helvetica, sans-serif; color:#214f77;  }

#form input, #form select, #form textarea { border:1px solid #214f77; padding:3px; width:280px; background:#f7f7f7; font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#000000; }

#form select { width:720px; }
#form textarea { overflow:auto; width:720px; }
#form div.textarea { clear:both; width:880px; float:left; }
#form div.textarea input { width:880px;}
#form div.button {clear:both; width:880px; float:left; padding-top:10px; }
#form .button input { margin-left:70px; padding:4px 0; height:auto; float:left; width:60px; cursor:pointer; background:#fecd1b; }
.button p { margin:0; padding-right:15px; float:right; }
input#privacy_Req { width:auto; float:left; display:inline; margin-right:15px; padding:0; background:none; border:none; }

#form input.hoverfocus, #form select.hoverfocus, #form textarea.hoverfocus { border:1px solid #e2001a; background:#fecd1b; }

#error { border-top:1px dotted #214f77; border-bottom:1px dotted #214f77; margin:20px auto 0 auto; padding:5px 0; text-align:left; }
#error li { margin:0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat left 3px; }


table { margin:15px 0; padding:0; text-align:center; border-collapse:collapse; vertical-align:top; text-align:left; }
table td { vertical-align:top; }

iframe {  }


/* ..... COMMON RULES */
.small { font-size:10px; }
.italic { font-style:italic; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify;}
.hidden { display: none; }


/* ..... CLEAR RULES*/
html body div.clear, html body span.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0; }


/* ..... 960 MEMO */
.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9  { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }
#sb-container, #sb-wrapper { text-align:left; }
#sb-container, #sb-overlay { position:absolute; top:0; left:0; width:100%; margin: 0;
  padding: 0;
}
#sb-container {
  height: 100%;
  display: none;
  visibility: hidden;
  z-index: 999;
}
body > #sb-container {
  /* use position:fixed in modern browsers */
  position: fixed;
}
#sb-overlay {
  /* needed in IE6 where sb-container uses position:absolute */
  height: expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay {
  /* use for sb-container position:fixed */
  height: 100%;
}


#sb-wrapper {
  position: relative;
}
#sb-wrapper img {
  border: none;
}


#sb-body {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #666666;
}
#sb-body-inner {
  position: relative;
  height: 100%;
}
#sb-content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

#sb-loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 10px;
  background:transparent url(shadowbox/loading.gif) no-repeat scroll 50% 50%;
}
#sb-body, #sb-loading {
  background-color: #000000; /* should match loading image background color */
}


#sb-title, #sb-info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#sb-title-inner, #sb-info-inner {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 12px;
}
#sb-title, #sb-title-inner {
  height: 26px;
}
#sb-title-inner {
  font-size: 12px;
  padding: 5px 0;
  color: #fff;
}
#sb-info, #sb-info-inner {
  height: 20px;
}
#sb-info-inner {
  font-size: 12px;
  color: #fff;
}


#sb-nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#sb-nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#sb-nav-close {
  background-image: url(shadowbox/close.png);
  background-repeat: no-repeat;
}
#sb-nav-close:hover{ background-image:url(shadowbox/close_hover.png); }
#sb-nav-next {
  background-image: url(shadowbox/next.png);
  background-repeat: no-repeat;
}
#sb-nav-next:hover{ background-image:url(shadowbox/next_hover.png); }
#sb-nav-previous {
  background-image: url(shadowbox/previous.png);
  background-repeat: no-repeat;
}
#sb-nav-previous:hover{background-image:url(shadowbox/previous_hover.png);}
#sb-nav-play {
  background-image: url(shadowbox/play.png);
  background-repeat: no-repeat;
}
#sb-nav-play:hover{ background-image:url(shadowbox/play_hover.png); }
#sb-nav-pause {
  background-image: url(shadowbox/pause.png);
  background-repeat: no-repeat;
}
#sb-nav-pause{ background-image:url(shadowbox/pause_hover.png); }

#sb-counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#sb-counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#sb-counter a.sb-counter-current {
  text-decoration: underline;
}


div.sb-message {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.sb-message a:link, div.sb-message a:visited {
  color: #fff;
  text-decoration: underline;
}