/*Layout*/
@import url(menubox.css);
@import url(ExpansionPanel.css);
@import url(MagicZoom.css);
@import url(forms.css);
body {
	margin: 0;	padding: 0;	border: 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: scroll;
	background-image: url(../images/page.jpg);
	background-color: #072735;
}
#page-top {
	border-bottom: 1px solid #CCC;		
}
#page-body {	
	white-space: nowrap;
}
#top,
#container {
	width:935px;
	
	margin: 0 auto;
	padding: 0;
	border: none;
	white-space: nowrap;
	background-color: #FFF;
	-moz-box-sizing: content-box;
}
#top {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	height: 100px;
	position: relative;
}
#abba-text {
	position: absolute;
	left: 110px;
	top: 10px;
	letter-spacing: 0.23em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 20px;
}
#top-options {
	position: absolute;
	right: 5px;
	top: 5px;
}
#booking {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-weight: normal;
	color: #FFFFFF;
	position: absolute;
	top: 15px;
	right: 0;
}
#flash_banner_top {
	position: absolute;
	top:5px;
	left: 320px;
	width: 468px;
}
.evd {
	background: transparent url(../images/ev_left.png) no-repeat left top;
	height: 50px;	
}
.evd .evd_inner {
	margin-left: 50px;
	height: 50px;	
	width:300px; 
	padding-top: 17px;
	padding-left: 10px;
	background: transparent url(../images/ev_bd.png) repeat-x left top;
}

#container {
	min-height: 800px;
	background-color: #fff;	
	background-image: url("../images/logo-r.png");
	background-repeat: no-repeat;
	background-position: 5px 0px;
	/*white-space: nowrap;*/
}
#container #leftcol ,
#container #content {
	min-height: 500px;
	margin: 0;
	padding: 0;
	border: 0;
	white-space: normal;
}

#container #leftcol  {
	float: left;
	width: 235px;
}
#container #content {
	width: 695px;
	float: right;
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #FFF;
}

/*DIV interno a leftcol*/
#container #leftcol #leftcol_inner {
	padding: 0 10px;
}
#page {
	
}
#image_random_host {
	text-align: right;
}
div.menutop {
	position: absolute;
	height: 30px;
	width: 700px;
	bottom: 0;
	right: 0;
}
div.menutop ul{
	margin: 0; padding: 0;
	list-style: none;
}
div.menutop li {
	float: right;
	margin: 3px 3px 3px 3px;
	border: 1px solid #FFF;
	border-right: 1px solid #176F98;
}
div.menutop li.last{
	border-right: 1px solid #FFF;
}
div.menutop li:hover {
	border: 1px solid #CE0000;
}
div.menutop a {
	display: block;
	padding: 5px 4px ;
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #176F98;
	text-decoration: none;
}
div.menuleft {
	margin-top: 10px;
}
div.menuleft ul{
	margin: 0; padding: 0;
	list-style: none;
}
div.menuleft li {
	margin-bottom: 5px;
}
div.menuleft a {
	display: block;
	padding: 5px 0 ;
	width: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #176F98;
	text-decoration: none;
	border-bottom: 1px solid #DDD;
}
div.menuleft a:hover {
	color: #072735;
	/*background-color: #E5F5FB;
	opacity:0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);*/
	border-bottom: 1px solid #072735;
}
ul.listmenu {
	margin: 0; padding: 0;
	list-style: none;
}
ul.listmenu li {
	float: left;
	margin-left: 5px;
}
ul.listmenu a {
	color: #888;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	display: block;
}
ul.listmenu a:hover {
	color: #176F98;
}
.clear {
	clear: both;
}
.clearmin {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}
/*Pannello strutture*/
.frontbox {
	margin: 10px 0 20px 0;	
	
}
a.linkref {
	padding: 2px;
	border: 1px solid #FFF;
	padding-left: 20px;
	padding-right: 2px;
	background: transparent url(../images/open_default.png) no-repeat left center;
	color: #176F98;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;		
}
a.linkref:hover{
	border: 1px solid #CCC;
	padding-left: 2px;
	padding-right: 20px;
	background-position:right center; 
	color: #CE0000;
	background-image: url(../images/open_hover.png);
}
.imagebox{
	float: left;
	width: 120px;
}
.imagebox img ,
.imagebox .noimg {
	border: 1px solid #DDD;
}
.imagebox .noimg {
	background-color: #DDD;
}
.infobox {
	float: left;
	width: 540px;
}
.frontbox .title {
	clear: both;
	margin: 0 0 5px 0;
	padding:5px 0px 5px 10px;
	font-size: 1.0em;
	letter-spacing: 2px;
	color: #072735;
	background: #FFFFFF url(../images/gr-1.jpg) no-repeat left top;
	border-bottom: 1px solid #0D4A65;
	cursor: pointer;
}
h1.page-title{
	clear: both;
	margin: 0 0 5px 0;
	padding:5px 0px 5px 0px;
	font-size: 1.3em;
	color: #176F98;
	border-bottom: 1px solid #176F98;
}
div.page-text {
	padding-right: 10px;
}
div.minimap {
	height: 400px;
}
.site_nav_menu {
	background-image:url(../images/dotted.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	padding-bottom:1px;
	text-align:center;
	height: 24px;
}
.site_nav_menu_buttons {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
.site_nav_menu_buttons li {
	border:1px solid #FFFFFF;
	border-bottom: none;
	float:left;
	font-size:13px;
	line-height:13px;
	position:relative;
}
.site_nav_menu_buttons_right li{
	float: right;
}
.site_nav_menu_buttons li.menu_li {
	margin-right:3px;
	white-space: nowrap;
}

.site_nav_menu_buttons li img {
	border:0 none;
	display:inline;
	margin:0;
	margin-left:4px;
	vertical-align:top;
}
.site_nav_menu_buttons li span,
.site_nav_menu_buttons li a {
	border-right:1px solid #FFFFFF;
	color: #176F98;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;		
	cursor:pointer;
	display:block;
	padding:4px 2px 4px 6px;
	white-space:nowrap;
}
.site_nav_menu_buttons li span:hover,
.site_nav_menu_buttons li a:hover {
color: #CE0000;
}
.site_nav_menu_buttons li span.disabled {
	color: #888!important;
}

.site_nav_menu_buttons li .border,
.site_nav_menu_buttons li span.caret_split_default {
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: none;
}
.site_nav_menu_buttons li span.caret_split_open {	
	border-right:1px solid #888;
	border-left:1px solid #ccc;
	border-top: 1px solid #ccc;
}
.site_nav_panel,
.vmenu_panel {
	background-color:#FFFFFF;
	border-top: none;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	position:absolute;
	z-index:5000;
}
.avanti,.indietro {
	background-repeat: no-repeat;
}
.avanti {
	margin-left: 20px;
	padding-right: 10px!important;
	background-image: url(../images/right.png);
	background-position: right center;
}
.indietro {
	margin-right:  20px;
	padding-left:  10px!important;
	background-image: url(../images/left.png);
	background-position: left center;
}
a.avanti:hover{
	background-image: url(../images/right-over.png);
}
a.indietro:hover{
	background-image: url(../images/left-over.png);
}
.vmenu_panel {
	border-top: 1px solid #176F98;
}
.vmenu ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
.vmenu li{
	margin: 0;
	position: relative;
	padding:0;
	border-top: 1px solid #999;
	
}
.vmenu li.vmenu_first {
	border-top:none!important ;
}

.vmenu li span,
.vmenu li a {
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;		
	cursor:pointer;
	display:block;
	padding:4px 2px 4px 6px;
	color: #888;
	white-space:nowrap;
}
.vmenu li a:hover {
	color: #fff;
	background-color: #176F98;
}
.sort-type {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 26px;
	text-align: right;
}
.vmenu li a.asc,
.vmenu li a.desc {
	display:inline;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: center;	
}
.sort-type a.desc {
	background-image: url(../images/down.png);
} 
.sort-type a.asc {
	background-image: url(../images/up.png);
}
.sort-type a.desc:hover {
	background-image: url(../images/down-over.png);
	background-color: transparent!important	;
} 
.sort-type a.asc:hover {
	background-image: url(../images/up-over.png);
	background-color: transparent!important	;
}
.stripes {
	background: transparent url(../images/stripe_1.jpg) repeat-x left bottom;
	height: 60px;
	padding: 10px 10px 0px 10px;
	position: relative;
}
.stripes .nome {
	color: #0D4A65;
	font-size: 1.4em;
	border-bottom: 2px solid #FFF;
}
ul.adv-address,
ul.detail-tabs {
	margin: 0; padding: 0;
	list-style: none;
	position: absolute;
	bottom: 0;
	left: 6px;
}
ul.adv-address {
	bottom: 6px;
}
ul.adv-address li,
ul.detail-tabs li {
	float: left;	
	margin: 0 5px;
}
ul.detail-tabs li {
	background: transparent url(../images/tabsx.png) no-repeat left top;	
}
ul.detail-tabs li .tab_right{
	margin-left: 9px;	
	background: transparent url(../images/tabdx.png) no-repeat right top;	
	padding: 4px 9px 4px 0px;
}
ul.detail-tabs li a {
	color: #176F98;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
}
ul.detail-tabs li.over {
		background-image: url(../images/tabsx-over.png)!important;
}
ul.detail-tabs li.over .tab_right {
	background-image: url(../images/tabdx-over.png)!important;
}
ul.detail-tabs li.current {
		background-image: url(../images/tabsx-c.png)!important;
}
ul.detail-tabs li.current .tab_right {
	background-image: url(../images/tabdx-c.png)!important;
}
.detail-layout {
	padding-top:10px;
	padding-right:0px;padding-left:10px;padding-bottom:20px;
	border-left: 1px solid #DBE0ED;
}
.detail-layout .section-title {
	font-family: 'Lucida Sans Unicode','Lucida Grande', Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	font-size:	16px;
	letter-spacing: 2px;
	background-image: url(../../../gradient.php?d=horizontal&w=250&h=30&c=DDD&e=FFF);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 2px 0 2px 5px;
}
.detail-foto {
	float:right;
	margin-left:10px;
	width:120px;	
	border: 1px solid #CCC;
	border-right: none;
}
.detail-foto div.thumb{
	margin-bottom: 10px;
	cursor: pointer;
	
	padding: 5px;
}
.detail-text {
	float:left;margin-left:10px;width:500px;
}
.detail-inner-title {
	margin: 0 0 5px 0;
	padding:5px 0px 5px 5px;
	font-size: 1.0em;
	letter-spacing: 2px;
	color: #072735;
	border-bottom: 1px solid #0D4A65;	
	font-weight: bold;
	clear: both;
}
.detail-layout .servizi-list {
	margin:0 auto;	
}
.detail-layout .servizio {
	float:left;
	margin:3px 10px 3px 10px;
	text-align:center;
	width:110px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.detail-text .main-image {
	float:left; 
	margin-right:10px;
	width: 200px;
}

.detail-text .main-image img {
		cursor: pointer;
		border: 3px double #DBE0ED;
}
.PanelImagesUpButton{
height: 24px;
width: 100%;
border: none;
background: transparent url(../images/sprite.png) center -2050px no-repeat;
cursor: pointer;
margin-top: 5px;
}
.PanelImagesUpButtonOver{
background: transparent url(../images/sprite.png) center -750px no-repeat;
}
.PanelImagesDownButton{
height: 24px;
background: #CCC;
border: none;
width: 100%;
background: transparent url(../images/sprite.png) center -2100px no-repeat;
cursor: pointer;
}
.PanelImagesDownButtonOver{
background: transparent url(../images/sprite.png) center -800px no-repeat;
}
.warning {
	margin: 10px;
	padding: 10px;
	padding-left: 24px;
	background: #FFFFCC url(../images/warning.gif) 3px center no-repeat;
	border-left: 3px double #DDD;
	border-top: 3px double #DDD;
	border-right: 3px double #888;
	border-bottom: 3px double #888;
	
}
.table {
	margin: 0 auto;
	border-collapse: collapse;
}
.table th {
	background: transparent url(../images/sprite.png) left -1400px repeat-x;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
/*	font-weight: normal;*/
	color: #FFFFFF;
	padding: 5px 3px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	white-space: nowrap;
}
.table td.first {
	border-left: none!important	;
}
.table tfoot td {
	border: none!important;
	text-align: left!important;
	font-size: 10px;
}
.table .row-cell{
	text-align: left;
	padding: 0 3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #176F98;
	border: 1px solid #DDD;	
	background-color: #DDD;
	
}
.table .dispo-cell{
	text-align: center;	
	border: 1px solid #DDD;	
	padding: 5px 0;
}
.table .dispo-no{
	background: transparent url(../images/stop.png) center center no-repeat;
}
.table .dispo-yes{
	background: transparent url(../images/green.png) center center no-repeat;
}
.table .prezzo-cell {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: right;
	border: 1px solid #DDD;	
	padding: 5px 0;
}
.adv-h {
	
}
.infoadv,
.adv-h .item {
	float: left;
	width: 180px;
	margin: 0 5px; 
	background: transparent url(../images/advbox_bottom.png) left bottom  no-repeat;
	text-align: center;
}
.infoadv {
	float: none;
}
.infoadv .title,
.adv-h .item .title {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	padding: 5px;
}
.infoadv .subtitle,
.adv-h .item .subtitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	padding: 0 5px 2px 5px;
}
.infoadv img,
.adv-h .item img{
	border: none;
}
.infoadv .title a,
.adv-h .item .title a {
	color: #0D4A65;
}
.infoadv .item-content,
.adv-h .item-content{
	background: transparent url(../images/advbox_top.png) left top no-repeat;
	/*background: transparent url(../images/adv-h.png) left bottom  no-repeat;*/
	margin-bottom: 10px;
}
.calendar_control {
	padding:5px;
	margin: 5px;
	/*border: 1px solid #888;*/
	float: left;
}
.calendar_button {
	width: 24px;
	height: 20px;
	border: none;
	background: transparent url(../images/calendar.png) center center no-repeat;	
}
.calendar_panel {
	border: 1px solid #888;
	background:#FFF;
	padding: 10px;
}
.stripe-button {	
	background: transparent url(../images/w2button-gray.png) center top no-repeat;
	width: 128px;	
	height: 42px;	
	text-align: center;
	padding-right: 5px;
	line-height: 35px;	
	font-size: 13pt;
	color: #EEFFFF;
	font-weight: bold;
	cursor: pointer;
}
.stripe-button:hover{
	background: transparent url(../images/w2button-gray-over.png) center top no-repeat;
	color:#0D4A65;
}
.wait {
	position: absolute;
	right: 5px;
	top: 5px;
	background-color: #CE0000;
	border-right:	1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #FFFFFF;
	padding: 5px;
}
.dayplan_table {
	border-collapse: collapse;	
	width: 430px;
	margin: 0 5px;
}
.dayplan_table th {
	color:#666; 
	text-align: right;
	border-bottom: 3px double #ddd;
}
.dispo-item-no{
	background-image: url(../images/stop.png);
}
.dispo-item-yes{
	background-image: url(../images/green.png);
}
.dispo-row td {
		border-bottom: 1px solid #ddd;
		padding:5px 10px;
}
.dispo-row-totals td {
	font-weight: bold;
	border-top: 3px double #ddd;
	padding:5px 10px;
}
.camera-title {
	margin: 15px 5px 0px 5px;
	padding: 2px 5px;	
	color: #0D4A65;
	border-bottom: 1px solid #666;
}
.dispo-title {
	font-weight: bold;	
	background-position: 3px center;
	background-repeat:no-repeat; 
	background-color:  transparent ;
	padding-left:24px!important;
}
.posti {
	font-style: italic;
	text-decoration: underline;
}
.dispo-info {
	font-weight: bold;
}
.dispo-info-no{
	color: #CE0000;
}
.dispo-info-yes{
	color: #009966;
}
.no_disp {
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color: #CE0000;
}
.yes_disp {
	text-align: left;
	padding: 10px 0;
	margin: 5px;		
	border: 3px double #007173;
}
.yes_disp .vlink {
	text-decoration: underline;
	color: #007301;	
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 36px;
	cursor: pointer;
	background: transparent url(../images/markerAnim.gif) 2px center no-repeat;
}
.yes_disp .vlink:hover {
	color: #CE0000;
}
.periodo-descr {
	font-size: 1.0em;
	font-weight: bold;
	border-bottom: 3px double #007173;
	padding:3px;
	text-align: center;
}
.prenotazione-action {	
	text-align: left;
	padding: 10px 10px 0px 32px;
	text-decoration: underline;
	color: #176F98;
	font-size: 1.0em;
	cursor: pointer;
	background: transparent url(../images/markerAnim.gif) top left no-repeat;
}
.prenotazione-action:hover {
	color: #CE0000;	
}
.prenota-subito {
	font-size: 1.2em;
	font-weight: bold;
	color: #CE0000;	
}
.lista-prenotazioni-title {
	font-weight: bold;
	font-size: 1.1em;
	border-bottom: 3px solid #007173;
	color: #FF3300;
	margin-bottom: 5px;
}

.lista-prenotazioni-struttura {
	margin-bottom: 10px;

}
.lista-prenotazioni-struttura-title{
	font-size: 1.1em;
	color: #176F98;	
}
.lista-prenotazioni-prenotazione {
	margin-left: 10px;
	margin-top: 2px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 0.9em;
	border-bottom: 1px solid #DDD;
}

.spriteIcon {
	background-repeat:no-repeat; 
	background-color: transparent;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
.icon-delete {
	background-image:	url(../images/icons5.png);
	width: 14px;
	height: 14px;
	background-position:-20px -100px; 	
}
.icon-plus {
	background-image:	url(../images/icons7.png);
	width: 10px;
	height: 10px;
	background-position:-60px -20px; 	
}
.icon-minus {
	background-image:	url(../images/icons7.png);
	width: 10px;
	height: 10px;
	background-position:-70px -30px; 	
}
.prenotazione_details_cell {
	padding-left: 30px;
}
.prenotazione_details_cell table {
	border-left: 3px solid #CCC;
	border-collapse: collapse;
}
.prenotazione_details_cell tr td{
	padding: 5px;
	border-bottom: 1px dotted #DDD;
}
.process {
	padding-right: 10px;	
	padding-top: 10px;
	position: relative;
	margin-bottom: 10px;
}
.process .title {
	font-size: 0.9em;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	left: 20px;
	top: 0px;
	position: absolute;
	z-index: 200;
	background: #FFF;
	padding: 0 5px;
	color: #176F98;
}
.sendbutton{
cursor: pointer;
	width: 150px;
	height: 30px;
	background-color: transparent;
	background-image: url(../../../gradient.php?type=button&radius=8&bg=FFFFFF&hperc=0.5&w=150&h=30&c=006699);
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	border: none;
	font-weight: bold;
	font-size: 1.1em;
}
.sendbutton:hover {
	background-image: url(../../../gradient.php?type=button&radius=8&bg=FFFFFF&hperc=0.5&w=150&h=30&c=FF9900);	
	color: #000;
}
.sendbuttonmin {
	width: 100px;
	height: 20px;
	font-size: 1.0em;
	background-image: url(../../../gradient.php?type=button&radius=8&bg=FFFFFF&hperc=0.5&w=100&h=20&c=006699);
}
.sendbuttonmin:hover {
	background-image: url(../../../gradient.php?type=button&radius=8&bg=FFFFFF&hperc=0.5&w=100&h=20&c=FF9900);		
}

.lnkButton {
	color: #0033CC;
		background-color: transparent;
		border: none;
		text-align: left;
		display: inline;
		text-decoration: underline;
		cursor: pointer;
		padding: 0;
}
table.dispo_result {
	border-collapse: collapse;
}
table.dispo_result tr td {
	border-bottom: 1px solid #DDD;
	padding: 5px 0;
}
td.lbl {
	font-weight: bold;
	color: #888;
	background-color: #EEE;
	padding: 2px 10px 2px 5px;
}
.ok_dispo,
.no_dispo{
	background-position:5px center;	
	padding-left: 30px;
	background-repeat: no-repeat;
}
.no_dispo{
		background-image: url(../images/stop.png);
}
.ok_dispo{
	background-image: url(../images/green.png);
}