﻿
.{
  font-family: Verdana, Arial, sans;
}

body
{
	margin: 0 auto 0 auto;
	padding: 0;
	color: #585858;
	background-color: #ededed; 
	text-align: center;
	font-size: 0.8em;
	text-align:center;
}

body1
{     
      width:900px;
      text-align:center;
      color: #585858;
	  background-color : #ededed;
      margin:5px; 
}

a {
      text-decoration:none;
    }
a:hover {
      text-decoration:underline;
    }

.black {
      font-family:Verdana, Arial, sans;
      color:#000000;
      font-size:11px;
    }
    
.blacktitle {
      font-family:Verdana, Arial, sans;
      color:#000000;
      font-size:11px;
      font-weight:bold;
}
    
.blacktitle2 {
      font-family:Verdana, Arial, sans;
      color:#000000;
      font-size:12px;
      font-weight:bold;
}
  
 
.blacktitle14 {
      font-family:Verdana, Arial, sans;
      color:#000000;
      font-size:14px;
      font-weight:bold;
}
  
.gray {
      font-family:Verdana, Arial, sans;
      color:#626262;
      font-size:11px;
}
 
.gray12 {
      font-family:Verdana, Arial, sans;
      color:#626262;
      font-size:12px;
}

.gray12bold {
      font-family:Verdana, Arial, sans;
      color:#626262;
      font-size:12px;
      font-weight:bold;
}  
.darkgray {
      font-family:Verdana, Arial, sans;
      color:#4A4A4A;
      font-size:11px;
}
 
.darkgray14 {
      font-family:Verdana, Arial, sans;
      color:#4A4A4A;
      font-size:14px;
      font-weight:bold;
}
   
.darkgraytitle {
      font-family:Verdana, Arial, sans;
      color:#4A4A4A;
      font-size:12px;
}
    
.titleorange{
      font-family:Verdana, Arial, sans;
      color:#F06800;
      font-size:12px;
      font-weight:bold;
}

.titleAcqua{
      font-family:Verdana, Arial, sans;
      color:#0E5A7E;
      font-size:12px;
      font-weight:bold;
}

.titleTerra{
      font-family:Verdana, Arial, sans;
      color:#3FA911;
      font-size:12px;
      font-weight:bold;
}

.titleAria{
      font-family:Verdana, Arial, sans;
      color:#589EBF;
      font-size:12px;
      font-weight:bold;
}

.titleattivita{
      font-family:Verdana, Arial, sans;
      color:#006600;
      font-size:12px;
      font-weight:bold;
}
.testoattivita{
      font-family:Verdana, Arial, sans;
      color:#006600;
      font-size:11px;
}

.titleacqua{
      font-family:Verdana, Arial, sans;
      color:#14668D;
      font-size:12px;
      font-weight:bold;
}

.testoacqua{
      font-family:Verdana, Arial, sans;
      color:#14668D;
      font-size:11px;
}
.titleterra{
      font-family:Verdana, Arial, sans;
      color:#49BA18;
      font-size:12px;
      font-weight:bold;
}

.testoterra{
      font-family:Verdana, Arial, sans;
      color:#49BA18;
      font-size:11px;
}

.titlearia{
      font-family:Verdana, Arial, sans;
      color:#5CA1C2;
      font-size:12px;
      font-weight:bold;
} 

.testoaria{
      font-family:Verdana, Arial, sans;
      color:#5CA1C2;
      font-size:11px;
} 
   
   
#PageWrapper
{
  width: 900px;
  margin: auto;
  text-align:center;
}

/* shows a visual seperation */
.dashedline
{
    border-bottom: 1px dashed #626262;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}

 .rightblock
{
    border: 1px dashed #626262;
    padding: 5px;
    margin-bottom: 5px;
   
    position: relative;
    width:500px;
}

 .riquadroMare
{
    border: 1px dashed #626262;
    padding: 15px;
    margin-bottom: 0px;
    background: #B5C9D2;
    position: relative;
    background-image:url(../Images/mare.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
    width:700px;
}

 .riquadroAria
{
    border: 1px dashed #626262;
    padding: 15px;
    background: #C8DBE9;
    position: relative;
    background-image:url(../Images/aria.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
    width:700px; 
}

 .riquadroTerra
{
    border: 1px dashed #626262;
    padding: 15px;
    margin-bottom: 0px;
    background: #C6E5B9;
    position: relative;
    background-image:url(../Images/monti.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
    width:700px;
}

 .riquadroAttivita
{
    border: 1px dashed #626262;
    padding: 15px;
    margin-bottom: 0px;
    background: #F7D2B5;
    position: relative;
    background-image:url(../Images/attivita.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
    width:700px;
}

 .riquadro
{
    border: 1px dashed #626262;
    padding: 15px;
    margin-bottom: 10px;
    background: #FFFFFF;
    position: relative;
}

.nextlink
{
    position:absolute;
    right:0;
    left:0;
    padding-right:15px;    
}
.itemdetails
{
    font-size: 1.3em;
}

.emptydata td {
	padding: 50px;
	color: #aeaeae;
}

/* Photo Border for All Pages Except the Albums Page */

.photo-frame .topx-- {
	background-image: url(../Images/frame-topx--.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x- {
	background-image: url(../Images/frame-top-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .top--x {
	background-image: url(../Images/frame-top--x.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx-- {
	background-image: url(../Images/frame-midx--.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: 100%;
}
.photo-frame .mid--x {
	background-image: url(../Images/frame-mid--x.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: 100%;
}

.photo-frame .botx-- {
	background-image: url(../Images/frame-botx--.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x- {
	background-image: url(../Images/frame-bot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x {
	background-image: url(../Images/frame-bot--x.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}

/* Photo Border for the Album Page */

.album-frame .topx----,
.album-frame .top----x,
.album-frame .botx----,
.album-frame .bot----x {
	height: 14px;
	width: 14px;
}

.album-frame .top-x--- {
	background-image: url(../Images/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}
.album-frame .top--x-- {
	background-image: url(../Images/album-tstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .top---x- {
	background-image: url(../Images/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}

.album-frame .mtpx---- {
	background-image: url(../Images/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}
.album-frame .mtp----x {
	background-image: url(../Images/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}

.album-frame .midx---- {
	background-image: url(../Images/album-lstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}
.album-frame .mid----x {
	background-image: url(../Images/album-rstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}

.album-frame .mbtx---- {
	background-image: url(../Images/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}
.album-frame .mbt----x {
	background-image: url(../Images/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}

.album-frame .bot-x--- {
	background-image: url(../Images/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}
.album-frame .bot--x-- {
	background-image: url(../Images/album-bstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .bot---x- {
	background-image: url(../Images/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}

#photos, #details, #admin-details {
	background-image: url(../Images/body-repeat-photo.gif);
	padding: 0;
	width: 760px;
}

.view {
	margin-left: auto;
	margin-right: auto;
	width: 686px;
	text-align: center;
}

.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
}

.buttonbar {
	background-image: url(../Images/photonav-bg.gif);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	width: 744px;
	height: 33px;
	text-align: center;
}

.buttonbar-top {
	background-image: url(../Images/photonav-top-bg.gif);
}

.photo_198 {
	border: 4px solid #FFFFFF;
}

.ChatWindow
{
	border-right: #ccccff 2px solid;
	border-top: #ccccff 2px solid;
	border-left: #ccccff 2px solid;
	border-bottom: #ccccff 2px solid;
	height: 250px;
	width: 300px;
	background-color: #ffffcc;
}

/* Classi aggiuntive per validazione XHTML Strict  */
.imgAgenda21
{
	float:left;
	margin-left:5px;
}

.imgLogoRegione
{
	float:left;
}
	

.imgMenu
{
	margin-left:5px;
	margin-right:10px;
	margin-bottom:5px;
	margin-top:5px;
}



#templatemo_container {
	width: 900px;
	margin: auto;
	background-color: #fff;

}

#templatemo_top_section {
	float: none;
	width: 900px;
	height: 50px;
	background: url(../images/templatemo_menu.jpg) no-repeat;

}
#templatemo_top_section1 {
	float: left;
	width: 900px;
	height: 50px;
}




#templatemo_welcomesection img {
	float: left;
	padding-right: 0px;

}

.templatemo_topmenu{
	float: right;
	width: 580px;
	padding-right: 20px;

}
.templatemo_topmenu1{
	float: right;
	width: 580px;
	padding-right: 20px;

}

.templatemo_topmenu ul {

	list-style: none;

	padding: 0px;

	margin: 0px;

}


.templatemo_topmenu li{

	display: inline ;

}

.templatemo_topmenu li a{

	float: left;

	text-align: center;

	font-size: 11px;

	font-weight: bold;

	color: #fff;

	width: 77px;

	height: 30px;

	padding: 14px 0px 0px 5px;

}

.templatemo_topmenu li a:hover{

	color: #91e30c;

	text-decoration: underline;

}

#templatemo_headersection {
	float: left;
	width: 410px;
	height: 168px;
	color: #fff;
	text-align: justify;
	font-size: 11px;
	background: url(../images/templatemo_header.jpg) no-repeat;
	padding-top: 63px;
	padding-right: 140px;
	padding-bottom: 0px;
	padding-left: 350px;

}

#templatemo_headersection span {

	font-size: 18px;

	font-weight: bold;

}

#templatemo_welcomesection {
	float: left;
	width: 900px;
	text-align: justify;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;

}

#templatemo_footersection {

	clear: both;

	width: 900px;

	height: 23px;

	margin-top: 20px;

	background-color: #cbf0bb;

	text-align: center;

	padding-top: 7px;

}

#templatemo_boxleft {

	float: left;

	width: 400px;

	padding-left: 50px;

}

#templatemo_boxleft1 {

	float: left;

	width: 800px;

	padding-left: 50px;

}


#templatemo_boxright {
	float: left;
	width: 285px;
	padding-left: 5px;

}

.box_left {
	float: left;
	width: 23px;
	height: 366px;
	background: url(../images/templatemo_box_left.jpg) no-repeat;

}
.box_middle {
	float: left;
	width: 229px;
	height: 366px;
	text-align: justify;
	background: url(../images/templatemo_box_middle.jpg) repeat-x;
	padding-top: -1px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;

}

.box_right {
	float: left;
	width: 23px;
	height: 366px;
	background: url(../images/templatemo_box_right.jpg) no-repeat;

}


#templatemo_boxright11 {

	float: left;

	width: 280px;

	padding-left: 20px;

}

.box_left11 {
	float: left;
	width: 23px;
	height: 80px;
	background: url(../images/templatemo_box_left.jpg) no-repeat;

}
.box_middle11 {
	float: left;
	width: 200px;
	height: 80px;
	text-align: justify;
	background: url(../images/templatemo_box_middle.jpg) repeat-x;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;

}

.box_right11 {
	float: left;
	width: 23px;
	height: 80px;
	background: url(../images/templatemo_box_right.jpg) no-repeat;

}


#templatemo_boxright12 {
	float: left;
	width: 285px;
	padding-left: 5px;
}

#templatemo_boxright122 {
	float: left;
	width: 285px;
	padding-left: 5px;
}

#templatemo_boxright123 {
	float: left;
	width: 285px;
	padding-left: 5px;
}

.box_left12 {
	float: left;
	width: 23px;
	height: 140px;
	background: url(../images/templatemo_box_left.jpg) no-repeat;

}
.box_middle12 {
	float: left;
	width: 225px;
	height: 140px;
	text-align: justify;
	background: url(../images/templatemo_box_middle.jpg) repeat-x;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;

}

.box_right12 {
	float: left;
	width: 23px;
	height: 140px;
	background: url(../images/templatemo_box_right.jpg) no-repeat;

}

#templatemo_boxright13 {
	float: left;
	width: 285px;
	padding-left: 5px;

}

.box_left13 {
	float: left;
	width: 23px;
	height: 180px;
	background: url(../images/templatemo_box_left.jpg) no-repeat;

}
.box_middle13 {
	float: left;
	width: 225px;
	height: 200px;
	text-align: justify;
	background: url(../images/templatemo_box_middle.jpg) repeat-x;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;

}

.box_right13 {
	float: left;
	width: 23px;
	height: 200px;
	background: url(../images/templatemo_box_right.jpg) no-repeat;

}


#templatemo_boxright14 {

	float: left;
	width: 280px;
	padding-left: 10px;
}

.box_left14 {
	float: left;
	width: 23px;
	height: 83px;
	background: url(../images/templatemo_box_left14.jpg) no-repeat;

}
.box_middle14 {
	float: left;
	width: 200px;
	height: 83px;
	text-align: justify;
	background: url(../images/templatemo_box_middle14.jpg) repeat-x;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;

}

.box_right14 {
	float: left;
	width: 23px;
	height: 83px;
	background: url(../images/templatemo_box_right14.jpg) no-repeat;

}








.box_left1 {
	float: left;
	width: 23px;
	height: 400px;
	background: url(../images/templatemo_box_left.jpg) no-repeat;

}


.box_middle1 {
	float: left;
	width: 330px;
	height: 400px;
	text-align: justify;
	background: url(../images/templatemo_box_middle.jpg) repeat-x;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;

}








#templatemo_boxrightChi {
	float: left;
	width: 575px;
	padding-left: 5px;

}

.box_leftChi {
	float: left;
	width: 23px;
	height: 366px;
	background: url(../images/templatemo_box_left.jpg) no-repeat;

}
.box_middleChi {
	float: left;
	width: 519px;
	height: 366px;
	text-align: justify;
	background: url(../images/templatemo_box_middle.jpg) repeat-x;
	padding-top: -1px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;

}

.box_rightChi {
	float: left;
	width: 23px;
	height: 366px;
	background: url(../images/templatemo_box_right.jpg) no-repeat;

}


#templatemo_boxrightContatti {
	float: left;
	width: 575px;
	padding-left: 5px;

}

.box_leftContatti {
	float: left;
	width: 23px;
	height: 366px;
	background: url(../images/templatemo_box_left.jpg) no-repeat;

}
.box_middleContatti {
	float: left;
	width: 519px;
	height: 366px;
	text-align: justify;
	background: url(../images/templatemo_box_middle.jpg) repeat-x;
	padding-top: -1px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;

}

.box_rightContatti {
	float: left;
	width: 23px;
	height: 366px;
	background: url(../images/templatemo_box_right.jpg) no-repeat;

}


#templatemo_boxrightNews {
	float: left;
	width: 575px;
	padding-left: 5px;

}

.box_leftNews {
	float: left;
	width: 23px;
	height: 500px;
	background: url(../images/templatemo_box_left.jpg) no-repeat;

}
.box_middleNews {
	float: left;
	width: 519px;
	height: 500px;
	text-align: justify;
	background: url(../images/templatemo_box_middle.jpg) repeat-x;
	padding-top: -1px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;

}

.box_rightNews {
	float: left;
	width: 23px;
	height: 500px;
	background: url(../images/templatemo_box_right.jpg) no-repeat;

}


#templatemo_boxrightAgenda {
	float: left;
	width: 575px;
	padding-left: 5px;

}

.box_leftAgenda {
	float: left;
	width: 23px;
	height: 450px;
	background: url(../images/templatemo_box_left.jpg) no-repeat;

}
.box_middleAgenda {
	float: left;
	width: 519px;
	height: 450px;
	text-align: justify;
	background: url(../images/templatemo_box_middle.jpg) repeat-x;
	padding-top: -1px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;

}

.box_rightAgenda {
	float: left;
	width: 23px;
	height: 450px;
	background: url(../images/templatemo_box_right.jpg) no-repeat;

}

 .rightblockAgenda
{
    border: 1px dashed #626262;
    padding: 5px;
    margin-bottom: 5px;
   
    position: relative;
    width:500px;
}

.scrollAgenda {
    width:490px !important;width /**/:200px;
    height:300px !important;height /**/: 200px;
    overflow:auto;padding: 4px;
    border:1px solid #EEE;border-right:0 solid;
    background:url(gradient.png) repeat-x fixed top left
}



.box_middle img {

	float: left;

	padding-right: 10px;

}



.box_right1 {
	float: left;
	width: 23px;
	height: 400px;
	background: url(../images/templatemo_box_right.jpg) no-repeat;

}

.morebutton1 {

	background: url(../images/templatemo_morebutton1.jpg) no-repeat;

	font-size: 11px;

	height: 39px;

	width: 62px;

	padding: 8px 0px 0px 20px;

	font-weight: bold;

}

.morebutton1 a {

	color: #FFFFFF;

}

.morebutton2 {

	float: right;

	background: url(../images/templatemo_morebutton2.jpg) no-repeat;

	width: 51px;

	height: 28px;

	font-size: 10px;

	padding: 5px 0px 0px 10px;

}

.morebutton2 a {

	font-weight: bold;

	color: #FFFFFF;

}

.Stile4 {
	color: #006600;
	font-weight: bold;
	font-size: 12px;
}

.green {
      font-family:Verdana, Arial, sans;
      color:#006600;
      font-size:11px;
    }
    
 .green3 {
      font-family:Verdana, Arial, sans;
      color:#006600;
      font-size:10px;
    }

.green1 {
      font-family:Verdana, Arial, sans;
      color:#006600;
      font-size:9px;
      font-weight:bold;
    }    
.greentitle {
      font-family:Verdana, Arial, sans;
      color:#006600;
      font-size:11px;
      font-weight:bold;
}
    
.greentitle2 {
      font-family:Verdana, Arial, sans;
      color:#006600;
      font-size:12px;
      font-weight:bold;
}
  
  
.greentitle3 {
      font-family:Verdana, Arial, sans;
      color:#006600;
      font-size:14px;
      font-weight:bold;
}

.scrollnews {
    width:480px !important;width /**/:200px;
    height:300px !important;height /**/: 200px;
    overflow:auto;padding: 4px;
    border:1px solid #EEE;border-right:0 solid;
    background:url(gradient.png) repeat-x fixed top left
}

.scrollnews1 {
    width:520px !important;width /**/:200px;
    height:370px !important;height /**/: 200px;
    overflow:auto;padding: 4px;
    border:1px solid #EEE;border-right:0 solid;
    background:url(gradient.png) repeat-x fixed top left
}

.scrollnews p {margin-top:0}

#templatemo_boxrightEvidenza {
	float: left;
	width: 285px;
	padding-left: 5px;

}

.box_leftEvidenza {
	float: left;
	width: 23px;
	height: 450px;
	background: url(../images/templatemo_box_left.jpg) no-repeat;

}
.box_middleEvidenza {
	float: left;
	width: 229px;
	height: 450px;
	text-align: justify;
	background: url(../images/templatemo_box_middle.jpg) repeat-x;
	padding-top: -1px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;

}

.box_rightEvidenza {
	float: left;
	width: 23px;
	height: 450px;
	background: url(../images/templatemo_box_right.jpg) no-repeat;

}