/* CSS Document */

body {
font-family: Arial, Helvetica, Sans Serif;
font-size: 11px;
color: #787878;
background: url(immagini/sfondo.png) top repeat-x;}

p {margin: 5px;}

a:focus {outline: 0;}
a {color: #88cd00; text-decoration: underline;}
a:hover {color: #787878; text-decoration: none;}

#wrapper {
width: 760px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;}

#contenitore {
width: 760px;
margin-top: 0px;
float: left;
background-color: #fff;}

#testata {
width: 760px;
height: 116px;
background: url(immagini/testata3.jpg) center no-repeat;}

#sx {
width: 160px;
float: left;
/*background: url(immagini/sfondo_colonna.jpg) top no-repeat;*/}
#menu p {width: 130px; margin-left: 10px; margin-top: -3px;}
#menu a {line-height:19px; height: 19px;  background-color: #9eb4bf; display: block; width: 130px; padding-left: 10px; color: #444; text-decoration: none;}
#menu a:hover, #active a {background-color: #5d727b;display:block; color: #fff; text-decoration: none; }
#menu .evidenza a {font-weight: bold; background-image: url(immagini/arrow1.gif); background-position:right; background-repeat: no-repeat; line-height:25px; height: 25px;  background-color: #99cd00; display: block; width: 130px; padding-left: 10px; color: #444; text-decoration: none;}
#menu .evidenza a:hover {background-color: #c1fd12; background-image: url(immagini/arrow.gif); background-position:right; background-repeat: no-repeat; display:block; color: #444; text-decoration: none; }

#dx {
background-color: #17272f;
width: 600px;
float: left;}

#foto_home, #foto_costruzione, #foto_siteinfo/*, #foto_mappa*/ {
width: 590px;
height: 408px;
margin-left: 5px;}
#foto_home {background: url(immagini/1.jpg) center no-repeat;}
#foto_costruzione {background: url(immagini/1a.jpg) center no-repeat;}
#foto_siteinfo {background: url(immagini/1b.jpg) center no-repeat;}
/*#foto_mappa {background: url(immagini/mappa2.jpg) center no-repeat;}*/

#contenitore_interno {width: 590px; margin-left: 5px;}
#paragrafo {width: 370px; padding-left: 5px; float: left; text-align: justify;}
#paragrafo_foto, #paragrafo_ospitalita {width: 370px; padding-left: 5px; text-align: left;}
#paragrafo_foto img {margin-top: 0px;}
#foto_omelie, #foto_appuntamenti, #foto_orari, #foto_gallery, #foto_reppia, #foto_sambuceto, #foto_nascio, #foto_ospitalita, 
#foto_contatti, #foto_statale, #foto_parrocchie, #foto_pontori, #foto_caminata, #foto_arzeno {
width: 590px;
float: left;
background-color: #fff;
background-position: top;
background-repeat: no-repeat;}
#foto_omelie {background-image: url(immagini/2.jpg);}
#foto_appuntamenti {background-image: url(immagini/3.jpg);}
#foto_orari {background-image: url(immagini/4.jpg);}
#foto_gallery {background-image: url(immagini/5.jpg);}
#foto_reppia {background-image: url(immagini/6.jpg);}
#foto_sambuceto {background-image: url(immagini/7.jpg);}
#foto_nascio {background-image: url(immagini/8.jpg);}
#foto_ospitalita {background-image: url(immagini/9.jpg);}
#foto_contatti {background-image: url(immagini/10.jpg);}
#foto_statale {background-image: url(immagini/11.jpg);}
#foto_parrocchie {background-image: url(immagini/1c.jpg);}
#foto_pontori {background-image: url(immagini/12.jpg);}
#foto_caminata {background-image: url(immagini/13.jpg);}
#foto_arzeno {background-image: url(immagini/14.jpg);}

#colonna_dx {
width: 210px;
float: right;}

#footer {
width: 600px;
float: left;}
#footer p {color: #fff; text-align: center; padding-top: 5px; padding-bottom: 5px;}
#footer a{color: #fff; text-decoration: underline;}
#footer a:hover {color:#99cd00; text-decoration: none;}

.box1, .box2 {
float: right;
padding-right: 5px;
margin-top: 5px;}
.box1 {width: 200px;}
.box2 {width: 285px;}
.top1 {width: 200px; height: 15px;  background: url(immagini/top1.gif) center no-repeat;}
.top2 {width: 285px; height: 15px;  background: url(immagini/top2.gif) center no-repeat;}
.middle1 {width: 200px; float: left;  background-color: #17272f;}
.middle2 {width: 285px; float: left;  background-color: #17272f;}
.middle1 p {width: 145px; margin-left:25px; margin-top: -3px; }
.middle2 p {width: 235px; margin-left:25px; margin-top: -3px; margin-right: 25px; color: #fff; text-align: justify;}
.middle1 a {  line-height:16px; border-bottom: 1px solid #1d4c12; display: block; width: 145px; padding-right: 0px;padding-left:10px; color: #fff; text-decoration: none;}
.middle1 a:hover, #active_middle a{display:block;color: #000; background-color: #99cd00; }

.box3 {margin: 20px 0px 0px 0px;width: 290px;float: right;}
.box3 p {margin-right: 10px; margin-top: 15px; text-align: justify;}

#titolo_parrocchie, #titolo_omelie, #titolo_benvenuti {
height: 44px;
border-bottom: 1px solid #99cd00;
padding-bottom: 5px;}
#titolo_benvenuti {width: 235px;}
#titolo_parrocchie, #titolo_omelie {width: 155px;}
#titolo_parrocchie {background: url(immagini/titolo_parrocchie.jpg) center no-repeat;}
#titolo_omelie {background: url(immagini/titolo_omelie.jpg) center no-repeat;}
#titolo_benvenuti {background: url(immagini/titolo_benvenuti.jpg) center no-repeat;}

#titolo_menu, #titolo_link {
width: 160px;
height: 32px;
background: url(immagini/menu.jpg) 10px 0px no-repeat;
margin-top: 30px;
margin-bottom: 10px;}
#titolo_menu {background: url(immagini/menu.jpg) 10px 0px no-repeat;}
#titolo_link {background: url(immagini/link.jpg) 10px 0px no-repeat;}

#link {
margin-top: 5px;
width: 160px;
float: left;}
#link_top {width: 160px;height: 57px;background: url(immagini/link_top.jpg) center no-repeat;}
#link_middle{
width: 160px;
float: left;
background-position: top center;
background-repeat: repeat-y;}
#link_middle {background-image: url(immagini/link_middle.jpg);} 
#link_middle p {color: #fff; padding-left: 15px; text-align: left;}
#link_middle a {color: #fff; text-decoration: none;}
#link_middle a:hover {color: #9eb4bf;  text-decoration: none; }

.titolo {
font-weight: bold;
font-size: 14px;
padding-left: 3px;
text-align: left;
border: 1px solid #88cd00;}

#novita ul, #appuntamenti_fissi ul, #orario_messe ul  {width: 300px; text-align: justify;}

a img {border: none;}

#box_contatti {
width:348px; 
margin-left: 5px;
border: 1px solid #c1fd12; 
padding: 5px; 
margin-top:10px;}
#box_contatti ul {list-style: none;}

.didascalia {font-size: 10px; text-align:right;}

/*----------------- box arrotondato ---------------------*/

.xsnazzy h1, .zsnazzy h1 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #444;}
.xsnazzy p, .zsnazzy p {text-align:justify; margin:0; padding:5px 10px; }
.xsnazzy {margin-top: 10px;background: transparent; width:200px; float:left; }

.xtop, .xbottom {display:block; background:transparent; }
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #5e727b; border-right:1px solid #5e727b;}
.xb1 {margin:0 5px; background:#5e727b;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; border:0 solid #5e727b; border-width:0 1px; height:auto;}
.color_a {background:#5e727b; color:#fff;}

.xsnazzy ul {margin: 0px; padding: 0px 0px 20px 0px;}
.xsnazzy li {width: 190px;list-style: none; text-align: right; margin:3px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.xsnazzy input {font-size:11px; color:#444;}
.xsnazzy textarea {font-family: Arial, Helvetica, Sans Serif; font-size:11px; color:#444; width:160px; height: 80px;}

#invia {width: 100px; background-color:#5e727b; border:1px solid #17272f; color: #fff;}

/*---------------------------- galleria fotografica -----------------------------*/

.highslide {
cursor: url(highslide/graphics/zoomin.cur), pointer;
outline: none;}
.highslide img {border: 1px solid #fff;}
.highslide:hover img {border: 1px solid #fff;}
.highslide-image {border: 1px solid white;}
.highslide-image-blur {}
.highslide-caption {
display: none;
border: 2px solid white;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 10pt;
padding: 5px;
background-color: white;}
.highslide-loading {
display: block;
color: white;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border-top: 1px solid white;
border-bottom: 1px solid white;
background-color: black;
/*
padding-left: 22px;
background-image: url(highslide/graphics/loader.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
*/}
a.highslide-credits, a.highslide-credits i { 
display: none;
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;}
a.highslide-credits:hover, a.highslide-credits:hover i {
color: white;
background-color: gray;}
.highslide-move {cursor: move;}
.highslide-overlay {display: none;}

/* Controlbar example */
.controlbar {	
background: url(highslide/graphics/controlbar4.gif);
width: 167px;
height: 34px;}
.controlbar a {	
display: block;
float: left;
/*margin: 0px 0 0 4px;*/	
height: 27px;}
.controlbar a:hover {background-image: url(highslide/graphics/controlbar4-hover.gif);}
.controlbar .previous {width: 50px;}
.controlbar .next {
width: 40px;
background-position: -50px 0;}
.controlbar .highslide-move {
width: 40px;
background-position: -90px 0;}
.controlbar .close {
width: 36px;
background-position: -130px 0;}

/* Necessary for functionality */
.highslide-display-block {display: block;}
.highslideA-display-none {display: none;}

/*-------------------------------- popup mappa -------------------------*/

.mappahead {
background:#16272f;
color:#99cd00;
padding:10px;}

.mappabody {
background:#16272f;
padding:5px;}