@charset "iso-8859-1";
/* CSS Document */

body {
	background-color:#adaa97;
	margin-left: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
}

img{
	border: none;
}

td{
	font-family:tahoma;
	font-size:10pt;
}

/* font face -----------------------------------------*/

@font-face {
 font-family: Folkslight;
 src: url("folkslight.eot"); 
}
@font-face {
 font-family: Folkslight;
 src: url("folkslight.ttf"); 
}

@font-face {
 font-family: Folks;
 src: url("folks.eot"); 
}
@font-face {
 font-family: Folks;
 src: url("folks.ttf"); 
}

/*----------------------------------------------------*/


/* testo ---------------------------------------------*/

.h1{
	color:#CC2686;
	font-family: Folks;
	font-size:24px;
}

.h2{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:14px;
}

	
.folksbianco{
	color:#fff;
	font-family: Folks;
	font-size:20px;
}

.titolomarrone{
	color:#3A2922;
	font-family: Folks;
	font-size:24px;
}
.titolomagenta{
	color:#CC2686;
	font-family: Folks;
	font-size:24px;
}
.titoloviola{
	color:#8E1C5E;
	font-family: Folks;
	font-size:24px;
}
.tahoma11bianco{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:14px;
}
.tahoma11grigioo{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#333;
	line-height:16px;
}



/* links --------------------------------------------*/

.tahoma11bianco a:link{
	color:#FFF;
	text-decoration:none;
}

.tahoma11bianco a:active{
	color:#FFF;
	text-decoration:none;
}

.tahoma11bianco a:visited{
	color:#FFF;
	text-decoration:none;
}

.tahoma11bianco a:hover{
	color:#FFF;
	text-decoration:underline;
}



.folksbianco a:link{
	color:#fff;
	font-family: Folks;
	font-size:20px;
	text-decoration:none;
}

.folksbianco a:active{
	color:#fff;
	font-family: Folks;
	font-size:20px;
	text-decoration:none;
}

.folksbianco a:visited{
	color:#fff;
	font-family: Folks;
	font-size:20px;
	text-decoration:none;
}


.folksbianco a:hover{
	color:#CC2686;
	font-family: Folks;
	font-size:20px;
	text-decoration:none;
	text-shadow: 2px 2px 2px #000;
}

.h1 a:link{
	color:#CC2686;
	font-family: Folks;
	font-size:24px;
	text-decoration:none;
}

.h1 a:visited{
	color:#CC2686;
	font-family: Folks;
	font-size:24px;
	text-decoration:none;
}

.h1 a:hover{
	color:#8E1C5E;
	font-family: Folks;
	font-size:24px;
	text-decoration:none;
	text-shadow: 2px 2px 2px #000;
}

.h1 a:active{
	color:#CC2686;
	font-family: Folks;
	font-size:24px;
	text-decoration:none;
}

.h2 a:link{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:14px;
	text-decoration:none;
}


.h2 a:visited{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:14px;
	text-decoration:none;
}

.h2 a:hover{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#999;
	line-height:14px;
	text-decoration:none;
}

.h2 a:active{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
	line-height:14px;
	text-decoration:none;
}

a. viola{
	color:#8E1C5E;
	font-family: Folks;
	font-size:24px;
	text-decoration:none;
}
a. viola:link{
	color:#8E1C5E;
	font-family: Folks;
	font-size:24px;
	color:#8E1C5E;
	text-decoration:none;
}

a. viola:visited{
	color:#8E1C5E;
	font-family: Folks;
	font-size:24px;
	text-decoration:none;
}

a. viola:hover{
	font-family: Folks;
	font-size:24px;
	color:#CC2686;
	text-decoration:none;
	text-shadow: 2px 2px 2px #333;
}

a. viola:active{
	color:#8E1C5E;
	font-family: Folks;
	font-size:24px;
	text-decoration:none;
}



/* div ---------------------------------------------------------------*/

div#container {
	width: 980px;
	margin: auto;
	position: relative;
	z-index:1;
	top: 25;
	background-color:#E7E0CB;
}

div#header{
	width:980px;
	height:98px;
	top: 25px;
	background-color:#000;
}

div#lingue{
	float:right;
	z-index:3;
	position:absolute;
	top:5px;
	right:5px;
}

div#menu{
	width:980px;
	height:59px;
	background-color:#CC2686;
}

div#posizione{
	width:588px;
	height:338px;
	background-color:#E7E0CB;
	padding:11px;
}

div#sottomenu{
	width:950px;
	height:31px;
	background-color:#8E1C5E;
	text-align:right;
	padding-right: 30px;
	padding-top:20px;
}

div#centro{
	width:980px;
	height:350px;
	background-image:url(../img/bg-head.jpg);
	background-repeat:repeat-x;
}

div#news{
	width:321px;
	height:132px;
	padding-left:17px;
	padding-top:9px;
	float:left;
}

div#offerta{
	width:310px;
	height:120px;
}
div#fotofferta{
	border:10px solid #cc2686;
	width:100px;
	height:100px;
	float:left;
	overflow:hidden;
	
	}

div#offerta img{
	border: 10px solid #CC2686;
	float:left;
	margin-right:10px;
}
div#offertatext{
	width:160px;
	height:120px;
	float: left;
	padding-right:10px;
}

div#pulsantiofferta{
	width:310px;
	height: 31px;
	padding-top: 10px;
	clear:both;
}

div#booking{
	position:absolute;
	width:321px;
	height:154px;
	padding-left:17px;
	padding-top:15px;
	float:left;
	left: 2px;
	top: 402px;
}

div#flash{
	width:642px;
	height:350px;
	float:right;
}

div#foto{
	width:321px;
	padding-left:17px;
	padding-top:9px;
	float:left;
}
div#banner{
	width:607px;
	padding-top:17px;
	padding-right:35px;
	float:right;
}

div#banner1{
	width:284px;
	height: 95px;
	float:left;
	background-image:url(../img/beach-banner.jpg);
	background-repeat:no-repeat;
}
div#banner2{
	width:284px;
	height: 95px;
	float:right;
	background-image:url(../img/video-banner.jpg);
	background-repeat:no-repeat;
}
div#contbanner1{
	width:156px;
	height: 65px;
	position:absolute;
	left: 460px;
	top: 596px;
}
div#contbanner2{
	width:156px;
	height: 65px;
	position:absolute;
	left: 783px;
	top: 596px;
}

div#footercontainer{
	background-color:#000;
	width:100%;
	clear:both;
	text-align:center;
	position:relative;
}

div#footer{
	margin:auto;
	background-color:#E7E0CB;;
	width:980px;
	text-align:center;
}

div#offertasx{
	width:200px;
	float:left;
}

div#offertadx{
	width:392px;
	float:right;
}