/* CSS Document */

html, body{
	margin: 0;
	padding: 0;
	font-size:11px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	color:#fff;
	background:#013b59 url(../img/bg-body.png) repeat-y;
}




/*-----------------------------------------------------------------------------------------------
Style
-----------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p,
 {
	margin: 0px;
	padding: 0px;
}

.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{
	border:none;
	margin-right: 0px;
}

#contact a:link, a:visited {
	outline: none;
	color: #fff;
	text-decoration:none;
}
#contact a:hover {
	color: #FFFFFF;
	background: #trasparent;
	text-decoration:underline;
}
#menu a:link, a:visited {
	outline: none;
	color: #fff;
	text-decoration:none;
}
#menu a:hover {
	color: #FFFFFF;
	background: #trasparent;
	text-decoration: none;
}

body {
	text-align:left;
}


/* CSS Document */

/*-----------------------------------------------------------------------------------------------
Style
-----------------------------------------------------------------------------------------------*/

#conteiner{ float:left;margin: 0;padding: 0; }

/*-----------------------------------------------------------------------------------------------
Top
-----------------------------------------------------------------------------------------------*/


#top{
	background:#fff url(../img/top/bg-top-blue.png);
	width:996px;
	height:430px;
	padding:0;
	background-color: #490102;
                      
}
#mare{
	background:#fff url(../img/top/mare.png);
	float:left;
	width:996px;
	height:325px;
}

#burla{
	background:url(../img/top/burla.png);
	width:528px;
	height:246px;
	float:right;
	margin-top:79px;
	margin-right:21px;
}
#servizi{
	float:right;
	margin-top:33px;
	margin-right:5px;
	width:520px;
	height: 42px;
}
.servizi{margin-right:3px}


/*-----------------------------------------------------------------------------------------------
Center
-----------------------------------------------------------------------------------------------*/
#cont-cent{
	width:950px;
	height:370px;
	paddind:0;
	background-color: #0B2431;
	margin-left: 46px;
}

#cent-sx{
float:left;
width:30px;
height:370px;
}
#cent-dx{
	float:left;
	width:920px;
	height:370px;
	background-image: url(../img/center/bg-center.png);
}

/*-----------------------------------------------------------------------------------------------
Menu
-----------------------------------------------------------------------------------------------*/
#menu{
	float:left;
	width:385px;
	margin-top:15px;

}

#menu-pro-dove{
	float:left;
	margin: 15px 0 0px 0;
	width:30px;
}

#menu-pro-listino, #menu-pro-info, #menu-pro-eventi, #menu-pro-contatti{
	float:left;
	margin: 0;
	width:30px;
}

#dove, #listino, #info, #eventi,#contatti {
	width:375px;
	height:36px;
	background-image: url(../img/center/menu/bg-dove.png);
	margin-bottom:20px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:24px;
	padding-top: 4px;
}
#listino{
	background-image: url(../img/center/menu/bg-listino.png);
}
#info{
	background-image: url(../img/center/menu/bg-pren.png);
}
#eventi{
	background-image: url(../img/center/menu/bg-eventi.png);
}
#contatti{
	background-image: url(../img/center/menu/bg-cont.png);
}

/*-----------------------------------------------------------------------------------------------
End Menu
-----------------------------------------------------------------------------------------------*/
#video{
	height:344px;
	paddind:0;
	margin-top:15px;
	width: 529px;
	float: left;
                      
}
/*-----------------------------------------------------------------------------------------------
Desc
-----------------------------------------------------------------------------------------------*/
#cont-desc{
	float:left;
	margin-left:76px;
	width:920px;
	height:190px;
	padding:0;
	background:#fff url(../img/desc/bg-desc.png) no-repeat;
	margin-top: 0px;
}

#desc{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	float:left;
	margin: 20px 20px 10px 20px;
	margin: 20px 0 10px 0;
!important
	width: 880px;
	height: 160px;
}
#apice-top{
	height:32px;
	width:23;
	position: absolute;
	left: 90px;
	top: 821px;
}
#apice-bottom{
	height:32px;
	width:23;
	position: absolute;
	left: 953px;
	top: 952px;
}
#testo{
	width:815px;
	padding: 4px;
	float: left;
	margin-left: 50px;
}
/*-----------------------------------------------------------------------------------------------
Dove Siamo + Listino Prezzi + Ifo e Prezzi 2009 + Photo Gallery
-----------------------------------------------------------------------------------------------*/
#dove-siamo, #listino-prezzi, #info-pren, #photo-gallery{
	width:950px;
	float:left;
	margin-left:46px;
!important
	margin-left:25px; 
}
#dove-siamo-sx, #listino-prezzi-sx, #info-pren-sx, #photo-gallery-sx{
	width:30px;
	float:left;
}
#dove-siamo-dx, #listino-prezzi-dx, #info-pren-dx, #photo-gallery-dx{
	width:920px;
	float:left;
	background-image: url(../img/bg-slide.jpg);
	background-repeat: repeat;
}
#photo-gallery-dx{
	height: 500px;
}
#info-pren-dx{height: 630px;}
#dove-siamo-dx-up-dw, #listino-prezzi-dx-up-dw, #info-pren-dx-up-dw, #photo-gallery-dx-up-dw{
	background-color:#003e5b;
	height:20px;
	padding: 0 0 20px 10px;
}
#listino-prezzi-dx-up-dw{background-color:#225f01}
#info-pren-dx-up-dw{background-color:#950b00}
#photo-gallery-dx-up-dw{background-color:#017b7a}
#dove-siamo-dx-trasp, #listino-prezzi-dx-trasp, #info-pren-dx-trasp, #photo-gallery-dx-trasp{
	background-image: url(../img/trasp-dove.png);
	font-family:'Century Gothic', Verdana,Helvetica, sans-serif;
	font-size: 36px;
	color:#fff;
	height:44px;
	padding: 6px;
	border-bottom: 1px solid #747474;
  }
  
  #listino-prezzi-dx-trasp{background-image: url(../img/trasp-listino.png);}
  #info-pren-dx-trasp{background-image: url(../img/trasp-info-pren.png);}
  #photo-gallery-dx-trasp{background-image: url(../img/trasp-photo.png);}

#map{
	padding:15px;
	height:400px
}

#cont-info-pren{
	padding:15px;
	height:495px
}

#cont-listino{
	padding:15px;
	height:635px
	}
	
#map-g, #listino-table, #info-pren-form{
	background-color:#f3f4f8;
	border:1px dotted #747474;
	padding:20px;
}

/*-----------------------------------------------------------------------------------------------*/
/*                                        FORM CONTACT                                        */
/*-----------------------------------------------------------------------------------------------*/
#info-pren-form{
	height:450px
}
#form, #contact{
	float:left;
	width:547px;
	height:450px;
	margin-right: 3px;
}

#contact{
	width:294px;
	background-image: url(../img/contact-info-bg.jpg);
	text-align: left;
	height: 330px;
}

#contact-email, #contact-email-personal, #contact-facebook{
	float:left;
	width:211px;
	height: 34px;
	background-image: url(../img/contact/email.png);
	margin: 80px 0 10px 19px;
	padding-left: 60px;
	padding-top: 18px;
	color: #FFFFFF;
	font-size: 14px;
}

#contact-email-personal{
margin: 0px 0 10px 19px;
}
#contact-facebook{
margin: 0px 0 10px 19px;
background-image: url(../img/contact/fb.png);
}

/*-----------------------------------------------------------------------------------------------*/
/*                                        S2000 + CONTATORE                                      */
/*-----------------------------------------------------------------------------------------------*/
#bottom{
	width:920px;
	float:left;
	margin-left: 30px;
	background-image: url(../img/bg-slide.jpg);
	background-repeat: repeat;
	height: 42px;
}

#cont, #s2000, #copy{
	float:left;
	width:35px;
	background-color:#fff;
	border:1px dotted #747474;
	height: 20px;
	text-align: center;
	margin:0 5px 0 10px;
	padding-top: 7px;
	}

#s2000{
	padding-top: 3px;
	height: 24px;
}
#copy{width:777px;}



/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/
.tTip {
	width: 44px;
	position: absolute;
	cursor: pointer;
	color: #666;
	font-weight: bold;
	left: 521px;
}

.tip {color: #000;}
#ascensore {top: 360px;left: 475px;}
#aria-c {top: 360px; left: 521px;}
#ristorante {top: 360px; left: 567px;}
#cassaforte {top: 360px; left: 613px;}
#cane {top: 360px; left: 659px;}
#bar {top: 360px; left: 705px;}
#sat {top: 360px; left: 750px;}
#wifi {top: 360px; left: 796px;}
#fax {top: 360px; left: 842px;}
#v-mare {top: 360px; left: 888px;}
#credit-card {top: 360px; left: 934px;}

.tip {
	width: 158px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(../img/tooltip/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(../img/tooltip/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(../img/tooltip/tipBtm.png) no-repeat bottom; height: 32px;}