/* CSS Document */
body{padding:0px; margin:0px; background:url(images/main-bg.gif) 0 0 repeat-x #fff; color:#5F7A77; font:13px Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;}
ul{list-style-type:none}

#elba{ margin:0 auto; position:relative; float:left; top:45px;}


/*----MAIN PANEL----*/
#mainPan{width:778px; position:relative; margin:0 auto;}

/*----TOP PANEL----*/
#topPan{width:778px; height:45px; background:url(images/topbg.jpg) 0 0 no-repeat #fff; color:#828282; position:relative; margin:0 auto;}
#topPan img.logo{width:136px; height:31px; position:absolute; top:12px; left:235px;}
#topPan p.caption{width:200px; background:#fff; color:#828282; position:absolute; top:43px; left:235px;}
#topcontactPan{width:85px; height:20px; position:absolute; top:10px; left:690px; padding:7px 0 0;}

#topcontactPan p.callus{width:63px; height:17px; display:block; background:#DDC40C; color:#fff; font:14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:center;}
#topcontactPan p.tollfree{width:63px; height:20px; display:block; background:#fff; color:#A99607; font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-align:center;}
#topcontactPan p.phoneno{width:88px; height:28px; display:block; position:absolute; top:7px; left:91px; background:#fff; color:#00473E; border:1px solid #A2C1C0; font-size:11px; line-height:14px; text-align:center;}
/*----/TOP PANEL----*/

/*----HEADER PANEL----*/
#headerPan{width:698px; height:158px; background:url(images/header.jpg) 0 0 no-repeat; position:relative; margin:0 auto; padding:10px 0 0 78px;}

#headerPan ul.leftmenu{width:112px;}
#headerPan ul.leftmenu li{width:112px; height:22px; border-bottom:1px dashed #AECCCA;}
#headerPan ul.leftmenu li a{width:112px; height:22px; display:block; background:url(images/bullet-normal.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#headerPan ul.leftmenu li a:hover{background:url(images/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#headerPan ul.leftmenu li.last{width:112px; height:22px; border-bottom:none;}

#headerPan ul.botton{width:150px; height:45px; position:absolute; top:118px; left:250px;}
#headerPan ul.botton li{float:left; height:45px;}
#headerPan ul.botton li.home a{width:42px; height:45px; display:block; background:url(images/home-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
#headerPan ul.botton li.home a:hover{background:url(images/home-hover.gif) 0 0 no-repeat;}

#headerPan ul.botton li.aboutus a{width:42px; height:45px; display:block; background:url(images/aboutus-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
#headerPan ul.botton li.aboutus a:hover{background:url(images/aboutus-hover.gif) 0 0 no-repeat;}

#headerPan ul.botton li.contact a{width:42px; height:45px; display:block; background:url(images/contact-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
#headerPan ul.botton li.contact a:hover{background:url(images/contact-hover.gif) 0 0 no-repeat;}
/*----/HEADER PANEL----*/

/*----CONTACT PANEL----*/
#contactPan{width:200px; height:158px; position:relative; margin:0 auto; padding:50px 0 0 785px;}

#contactPan ul.leftmenu{width:112px;}
#contactPan ul.leftmenu li{width:112px; height:22px;}
#contactPan ul.leftmenu li a{width:112px; height:22px; display:block; color:#305E5C; line-height:22px; text-decoration:none; padding:0;}
#contactPan ul.leftmenu li a:hover{color:#305E5C; line-height:22px; text-decoration:underline; padding:0;}
/*----/CONTACT PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:732px; background:url(images/bodybg.gif) 0 0 no-repeat; position:relative; margin:0 auto; padding:22px 0 0 69px;}
#bodyPan h1{ font-size:16px; padding:0 0 10px 10px; margin:0;}

.tab{
margin:0 auto;
border:1px solid;
border-color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}
.prezzi{
color:#FFFFFF;
font-style:italic;
border:1px solid;
border-color:#FFFFFF;
background-color:#990000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.prea{
border:1px solid;
border-color:#FFFFFF;
background-color:#FFFF99;
}
.preb{
border:1px solid;
border-color:#FFFFFF;
background-color:#FFFF66;
}
.prec{
border:1px solid;
border-color:#FFFFFF;
background-color:#FFFF33;
}
.pred{
border:1px solid;
border-color:#FFFFFF;
background-color:#FFFF00;
}
.pree{
border:1px solid;
border-color:#FFFFFF;
background-color:#FFCC00;
}
.pref{
border:1px solid;
border-color:#FFFFFF;
background-color:#FF9900;
}

/*----Body Left Panel----*/
#leftPan{width:160px; float:left;}

#leftPan h2{width:160px; height:34px; background:#fff; color:#5F7A77; font-size:14px; line-height:34px; padding: 5px 0 0 0;}

#leftPan ul{width:160px;}
#leftPan ul li{width:160px; height:24px;}
#leftPan ul li a{width:102px; height:24px; display:block; background:url(images/bullet2-normal.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:24px; padding:0 0 0 12px;}
#leftPan ul li a:hover{background:url(images/bullet2-hover.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none;}
#leftPan ul li span{text-decoration:underline;}
#leftPan p.contact{padding:0 0 10px 0; text-align:justify; font-size:12px;}
#leftPan p.contact a{padding:0 0 10px 0; text-align:justify; font-size:12px; text-decoration:none;}
#leftPan p.contact a:hover{padding:0 0 10px 0; text-align:justify; font-size:12px; text-decoration:underline;}
/*----/Body Left Panel----*/
/*----Body Right Panel----*/
#rightPan{width:511px; float:left; border-left:1px solid #C8E8E2; margin:28px 0 0; padding:0 30px;}
#rightPan p{padding:0 0 10px 0; text-align:justify;}
#rightPan p.more{width:502px; height:25px; float:left; background:url(images/sky-color-bg.gif) 0 10px repeat-x; padding:0 0 40px 0;}
#rightPan p.more a{width:80px; height:21px; display:block; background:#fff; color:#9ecac9; line-height:21px; text-decoration:none; margin:0 0 0 338px; padding:4px 0 0 8px;}
#rightPan p.more a:hover{background:#fff; color:#9ecac9; text-decoration:underline;}
#rightPan p.descr{padding:0 25px 0 20px; text-align:justify;}

#rightPan ul.services{width:310px; height:114px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:7px 0 0 25px; margin-bottom:7px;}
#rightPan ul.services2{width:156px; height:114px; float:left; border:1px solid #B1DED5; border-right:none; background:#fff; color:#5F7A77; padding:7px 0 0 7px; margin-bottom:7px;}
#rightPan ul.services2 img{border:none;}
#rightPan ul.services3{width:156px; height:114px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:7px 0 0 7px; margin-bottom:7px;}
#rightPan ul.services3 img{border:none;}

#rightPan ul.services p{padding:5px 10px 10px 0; font-size:12px;}

#rightPan ul.services li.captionone{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:underline;}

#rightPan ul.services li{ height:20px; float:left;}
#rightPan ul.services li a{ height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:underline; line-height:20px; padding:0 0 0 12px;}
#rightPan ul.services li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#645804; font-size:12px; font-weight:bold; text-decoration:underline;}

#rightPan h4{width:96px; height:77px; float:left; display:block; background:url(images/icon4.jpg) 8px 38px no-repeat #DFD79C; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px;  margin:0 0 5px 0;}

#rightPan ul.events{width:305px; height:114px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:7px 0 0 25px;}

#rightPan ul.events li.captionthree{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:none;}

#rightPan ul.events li{width:305px; height:20px;}
#rightPan ul.events li a{width:293px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#959595; text-decoration:underline; line-height:20px; padding:0 0 0 12px;}
#rightPan ul.events li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:underline;}
/*----/Body Right Panel----*/

/*----Body Central Panel----*/
#centralPan{width:646px; float:left; border-left:1px solid #C8E8E2; border-right:1px solid #C8E8E2; margin:28px 0 0 0; padding:0 30px;}
#centralPan p{padding:0 0 10px 0; text-align:justify;}
/*----/Body Central Panel----*/
/*----/BODY PANEL----*/
/*----/MAIN PANEL----*/

/*----FOOTER PANEL----*/
#footermainPan{height:103px; background:url(images/footerbg.gif) 0 0 repeat-x #D3F0F0; color:#2F5958; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:36px 0 0;}
#footerPan{width:778px; position:relative; margin:0 auto;}

#footerPan ul{width:700px; height:20px; position:relative; margin:0 auto; padding:0 0 0 90px;}
#footerPan li{float:left;}
#footerPan ul li a{padding:0 10px 0; color:#2F5958; background:#EBF8F7; text-decoration:none; font-size:13px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:500px; margin:10px 0 0 265px;}

#footerPan ul.templateworld{width:250px; background:#D3F0F0; color:#007163; display:block; font-size:10px; position:absolute; top:49px; left:92px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#D3F0F0; display:block; color:#007163; text-decoration:none; padding:0px; font-size:10px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:35px; left:549px;}
#footerPanhtml a{width:64px; height:24px; display:block; background:url(images/html-normal.gif) 0 0 no-repeat #D3F0F0; color:#fff; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 7px;}
#footerPanhtml a:hover{background:url(images/html-hover.gif) 0 0 no-repeat #D3F0F0; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:35px; left:624px;}
#footerPancss a{width:49px; height:24px; display:block; background:url(images/css-normal.gif) 0 0 no-repeat #D3F0F0; color:#fff; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;}
#footerPancss a:hover{background:url(images/css-hover.gif) 0 0 no-repeat #D3F0F0; color:#fff; text-decoration:none;}
/*----/FOOTER PANEL----*/

  /***************/
 /* vlaCalendar */
/***************/

/* Picker */

.vlaCalendarPicker {
	position: absolute;
	z-index: 999;
	
	margin-top: -5px;
	margin-left: -2px;
	
	display: none;
}

.vlaCalendarPicker .pickerBackground {
	background: transparent url('images/calendar_background.png') no-repeat top center;
	padding: 16px;
	height: 130px;
	width: 166px;
	overflow: hidden;
}

/* Background for IE6 - code does not validate as it is a hack */
*html .vlaCalendarPicker .pickerBackground {
	background-image: url('images/calendar_background.gif');
}

/* Main calendar */

.vlaCalendar, .vlaCalendar table {
	font-family: calibri, arial !important;
	color: black;
	font-size: 12px !important;
}

.vlaCalendar {
	display: block;
	width: 164px;
}
.vlaCalendar .container, .vlaCalendar .container div {
	width: 164px;
	height: 130px;
	text-align: left;
	position: absolute;
	overflow: hidden;
}

.vlaCalendar span.indication {
	display: block;
	text-align: center;
}

.vlaCalendar table {
	margin-top: 8px;
	text-align: right;
	border-collapse: collapse;
	background-color: white; /* <- IE ugly text in transition fix  */
}

.vlaCalendar .picker td {
	cursor: pointer;
}

/* Label & arrows */

.vlaCalendar .label:hover {
	color: #0066cc;
	cursor: pointer;
}
.vlaCalendar .noHover:hover {
	color: black;
	cursor: default;
}

.vlaCalendar .arrowLeft, .vlaCalendar .arrowRight {
	background: transparent url('images/arrowleft.gif') no-repeat center;
	height: 12px;
	width: 10px;
	cursor: pointer;
}
.vlaCalendar .arrowLeft {
	margin-left: 5px;
	float: left;
}
.vlaCalendar .arrowLeft:hover {
	background-image: url('images/arrowleft_hover.gif');
}
.vlaCalendar .arrowRight {
	margin-right: 5px;
	float: right;
	background-image: url('images/arrowright.gif');
}
.vlaCalendar .arrowRight:hover {
	background-image: url('images/arrowright_hover.gif');
}

/* Month */

.vlaCalendar .month th {
	text-align: center;
	font-weight: normal;
	width: 24px;
	padding-bottom: 1px;
	border-bottom: 1px solid #f5f5f5;
}

.vlaCalendar .month td {
	padding-right: 3px;
	height: 15px;
}

.vlaCalendar .month tr.firstRow td {
	padding-top: 2px;
}

.vlaCalendar .month td:hover {
	background: url('images/day_hover.gif') bottom no-repeat;
	color: #0066cc;
}

.vlaCalendar .month td.selected {
	background: url('images/day_selected.gif') bottom no-repeat;
	color: #0066cc;
}
.vlaCalendar .month td.selected:hover {
	background-image: url('images/day_selected_hover.gif');
}

.vlaCalendar .month td.outsideDay {
	color: #a8a8a8;
}
.vlaCalendar .month td.outsideDay:hover {
	color: #b1c5fc;
}

/* Year & decade */

.vlaCalendar .year {
	margin-left: 2px;
}

.vlaCalendar .year td {
	width: 40px;
	height: 35px;
	text-align: center;
	cursor: pointer;
}
.vlaCalendar .year td:hover {
	background: url('images/month_hover.gif') center no-repeat;
	color: #0066cc;
}

.vlaCalendar .year td.selected {
	background: url('images/month_selected.gif') center no-repeat;
}
.vlaCalendar .year td.selected:hover {
	background-image: url('images/month_selected_hover.gif');
}

.vlaCalendar .year td.current {
	background: url('images/month_current.gif') center no-repeat;
	color: #0066cc;
}
.vlaCalendar .year td.current:hover {
	background-image: url('images/month_current_hover.gif');
}

.vlaCalendar .year td.selectedcurrent {
	background: url('images/month_selectedcurrent.gif') center no-repeat;
}
.vlaCalendar .year td.selectedcurrent:hover {
	background-image: url('images/month_selectedcurrent_hover.gif');
}

.vlaCalendar .year td.outsideYear {
	color: #a8a8a8;
}
.vlaCalendar .year td.outsideYear:hover {
	color: #b1c5fc;
}

