@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	color: #039;
	/* font-family: Georgia, "Times New Roman", Times, serif; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.4;
	background-color: #FFF;
	width: auto;
	clip: rect(auto,auto,auto,auto);
	background-image: none;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/* border: 1px outset #000; */
}

/* ~~ Selettori tag/elemento ~~ */
ul, ol, dl { /* A causa delle differenze tra i browser, è buona norma impostare a zero il margine e la spaziatura interna negli elenchi. Per uniformità , potete specificare qui i valori desiderati, oppure nelle voci di elenco (LI, DT, DD) contenute negli elenchi. Tenete presente che le impostazioni effettuate qui verranno applicate a cascata all'elenco .nav a meno che non scegliate di scrivere un selettore più specifico. */
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p, tr, td {
	margin-top: 0;	 /* La rimozione del margine superiore permette di aggirare il problema che si crea quando i margini possono fuoriuscire dal div che li contiene. Il margine inferiore che rimane permetterà  di distanziare gli elementi che seguono. */
	padding-right: 15px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

a h3 {
	text-decoration: none
}

a img { /* Questo selettore rimuove il bordo blu predefinito visualizzato in alcuni browser intorno a un'immagine quando è circondata da un collegamento.  */
	border: none;
}

/* ~~ L'applicazione di stili ai collegamenti del sito deve rispettare questo ordine, compreso il gruppo di selettori che creano l'effetto hover. ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* A meno che non vogliate personalizzare i collegamenti in un modo molto particolare, è bene applicare la sottolineatura per permetterne una rapida identificazione visiva. */
}

a:visited {
	/*color: #E3E3E3;*/
	color:#A52A2A;
	text-decoration: underline;
}

a:hover, a:active, a:focus { /* Questo gruppo di selettori conferisce alla navigazione tramite tastiera gli stessi effetti hover che si producono quando si usa il mouse. */
	z-index: 0;
	clip: rect(auto,auto,auto,auto);
	color: #08c;
}

/* ~~ Questo contenitore a larghezza fissa circonda gli altri div ~~ */
.container {
	width: 1000px; /* Il valore automatico sui lati, abbinato alla larghezza, produce un layout centrato. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clip: rect(auto,auto,auto,auto);
	background-color: #000;
	padding: 0px;
	position: fissa;
	height: 1400px;
	background-repeat: no-repeat;
}

.container_short {
	width: 1000px; /* Il valore automatico sui lati, abbinato alla larghezza, produce un layout centrato. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clip: rect(auto,auto,auto,auto);
	background-color: #000;
	padding: 0px;
	position: fissa;
	height: 600px;
	background-repeat: no-repeat;
}

.container_start {
	width: 1000px; /* Il valore automatico sui lati, abbinato alla larghezza, produce un layout centrato. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clip: rect(auto,auto,auto,auto);
	background-image: url(../immagini/spiaggiabn_.jpg);
	background-color: #000;
	padding: 0px;
	position: fissa;
	height: 980px;
	background-repeat: no-repeat;
}

/* ~~ All'intestazione non viene assegnata una larghezza. Estenderà  l'intera larghezza del layout. Contiene un'immagine segnaposto da sostituire con il vostro logo collegato ~~ */
.header {
	height: 100px;
	width: 980px;
	background-image: url(../immagini/header2012.jpg);
	/*background-image: url(../immagini/header2011_natale.jpg);*/
	z-index: 0;
	clip: rect(auto,auto,auto,auto);
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	background-repeat: no-repeat;
	margin: 0px;
	top: auto;
	right: auto;
	position: relative;
	left: auto;
	padding-right: 10px;
	clear: none;
	float: none;
}

/* ~~ Queste sono le informazioni sul layout. ~~ 

1) La spaziatura viene applicata solo al lato superiore e/o inferiore del div. Agli elementi all'interno del div viene applicata una spaziatura sui lati. In questo modo si evita ogni calcolo matematico relativo ai riquadri. Tenete presente che se aggiungete spaziatura laterale o bordi al div stesso, andranno ad aggiungersi alla larghezza definita per produrre la larghezza *totale*. Potete anche scegliere di rimuovere la spaziatura dell'elemento nel div e inserire un secondo div al suo interno con larghezza nulla e con la spaziatura necessaria per la struttura che state creando.

*/

.content {
	width: 940px;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
	position: relative;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-position: 0px -100px;
	height: 1200px;
	/* height: 1100px; */
	padding-bottom: 30px;
}

.contentwebcam {
	width: 940px;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
	position: relative;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-position: 0px -100px;
	height: 650px;
	padding-bottom: 30px;
}

.content_start {
	width: 940px;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
	position: relative;
	/*background-color: #FFF;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-position: 0px -100px;
	height: 830px;
	padding-bottom: 30px;
}

/* ~~ Il piè di pagina ~~ */
.footer {
	padding: 10px 0;
	background-color: #FFF;
	text-align: center;
}
/*Scambio link */
.scambiolink {
	padding: 10px 0;
	background-color: #FFF;
	text-align: center;
}

.scambiolink a {
	text-decoration: none;
}

/*W3C */
.validazione {
	padding: 10px 0;
	background-color: #FFF;
	text-align: center;
}

/* ~~ Classi float/clear varie ~~ */
.fltrt {  /* questa classe può essere utilizzata per applicare un float a un elemento a destra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* questa classe può essere utilizzata per applicare un float a un elemento a sinistra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* Questa classe può essere inserita in un <br /> o in un div vuoto come elemento finale subito dopo l'ultimo div con float (all'interno del #container) se il #footer sul viene rimosso o estratto dal #container. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.container .content #menualto {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	background-color: #FFF;
	height: 25px;
	width: 940px;
	text-align: center;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	font-style: oblique;
	font-size: small;
	background-position: -30px -130px;
	background-attachment: scroll;
}

.container_short .contentwebcam #menualto {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	background-color: #FFF;
	height: 25px;
	width: 940px;
	text-align: center;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	font-style: oblique;
	font-size: small;
	background-position: -30px -130px;
	background-attachment: scroll;
}

.container .content #menualto a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin-right: 30px;
	font-size: medium;
	font-style: oblique;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
}

.container_short .contentwebcam #menualto a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin-right: 30px;
	font-size: medium;
	font-style: oblique;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
}

.container .content #menubasso {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	background-color: #FFF;
	height: 25px;
	width: 940px;
	text-align: center;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	font-style: oblique;
	font-size: small;
	background-position: -30px -130px;
	background-attachment: scroll;
}

.container .content #menubasso a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin-right: 30px;
	font-size: medium;
	font-style: oblique;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
}

.container .content img {
	border: thin none #000;
	bottom: 0px;
	clip: rect(auto,auto,0px,auto);
	left: auto;
	background-attachment: fixed;
	background-color: #FFF;
	top: 0px;
	padding-left: 0px;
}

#sopraimmagine {
	height: 10px;
	width: 940px;
}

#sottoimmagine {
	height: 10px;
	width: 940px;
}

#corpo {
	height: 650px;
	width: 940px;
	/* border: 1px dotted #333; */
	border: none;
	left: 0px;
	right: auto;
	clip: rect(auto,auto,auto,0px);
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	background-image: none;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#work {
	/* height: 600px; */
	height:500px;
	width: 940px;
	/* border: 1px dotted #333; */
	border: none;
	left: 0px;
	right: auto;
	clip: rect(auto,auto,auto,0px);
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	background-image: none;
	background-repeat: no-repeat;
	background-attachment: scroll;
	text-align: center;
	float: right;
	font-size: medium;
}

/*.container .content #corpo #offerte p img {
	border: 1px dotted #666;
	padding: 5px;
	text-align: center;
	color: #FF0000;
}*/

.container .content #corpo #offerte h3 {
	/*border: 1px dotted #666;*/
	padding: 5px;
	text-align: center;
	color: #666666;
}

/*#LINGUA {
	height: 30px;
	width: 1000px;
	top: 0px;
	clip: rect(0px,auto,auto,auto);
	z-index: 0;
	padding: 0px;
	text-align: right;
}*/

#link {
	height: 20px;
	width: 960px;
	padding-right: 0px;
	margin-right: 30px;
	clear: left;
	float: right;
	padding-top: 30px;
	top: 2px;
	clip: rect(30px,auto,auto,auto);
	position: static;
	padding-bottom: 10px;
	margin-top: 0px;
	text-align: left;
	bottom: 10px;
	color: #08c;
	background-color: #FFF;
}

body,th {
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	background-color: #000;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #333;
}

#corpotesto {
	position:absolute;
	left:43px;
	top:597px;
	width:560px;
	height:330px;
	background-image:none;
	layer-background-image:url(32.jpg);
	border:0px solid #333;
	/* z-index:10; */
	visibility: visible;
	clip: rect(auto,auto,auto,auto);
	right: auto;
	bottom: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align:justify;
}

#descrizione {
	position:absolute;
	left:43px;
	top:597px;
	width:560px;
	height:545px;
	background-image:none;
	layer-background-image:url(32.jpg);
	border:0px solid #333;
	/* z-index:10; */
	visibility: visible;
	clip: rect(auto,auto,auto,auto);
	right: auto;
	bottom: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 50px;
	padding-left: 10px;
	text-align:justify;
}

#enter {
	position:absolute;
	left:80px;
	top:85px;
	width:250px;
	height:150px;
	background-color: none;
	border:0px solid #333;
	/* z-index:10; */
	visibility: visible;
	clip: rect(auto,auto,auto,auto);
	right: auto;
	bottom: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align:justify;
}

#enter_bis {
	position:absolute;
	left:890px;
	top:45px;
	width:250px;
	height:150px;
	background-color: none;
	border:0px solid #333;
	/* z-index:10; */
	visibility: visible;
	clip: rect(auto,auto,auto,auto);
	right: auto;
	bottom: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align:justify;
}

#webcam {
	position:absolute;
	left:5px;
	top:100px;
	width:1000px;
	height:560px;
	background-image:none;
	layer-background-image:url(32.jpg);
	border:0px solid #333;
	/* z-index:10; */
	visibility: visible;
	clip: rect(auto,auto,auto,auto);
	right: auto;
	bottom: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	text-align:center;
}

#mappa {
	position:absolute;
	left:43px;
	top:597px;
	width:560px;
	height:330px;
	background-image:none;
	layer-background-image:url(32.jpg);
	border:0px solid #333;
	/* z-index:100; */
	visibility: visible;
	clip: rect(auto,auto,auto,auto);
	right: auto;
	bottom: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align:justify;
}

#galleria {
	position:absolute;
	left:43px;
	top:597px;
	/*width:560px;*/
	width:420px;
	height:330px;
	background-image:none;
	layer-background-image:url(32.jpg);
	border:0px solid #333;
	/* z-index:100; */
	visibility: visible;
	clip: rect(auto,auto,auto,auto);
	right: auto;
	bottom: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
	text-align:justify;
}

#galleria_01 {
	padding-right: 15px;
	padding-left: 15px;
}

#prezzi {
	position:absolute;
	left:43px;
	top:597px;
	width:560px;
	height:330px;
	background-image:none;
	layer-background-image:url(32.jpg);
	border:0px solid #333;
	/* z-index:100; */
	visibility: visible;
	clip: rect(auto,auto,auto,auto);
	right: auto;
	bottom: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align:justify;
}

#news {
	position:absolute;
	left:653px;
	top:600px;
	width:290px;
	height:590px;
	/*height:560px;*/
	background-image:url(32.jpg);
	layer-background-image:url(32.jpg);
	border:1px groove #333;
	/* z-index:10; */
	visibility: visible;
	clip: rect(0px,auto,auto,auto);
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align:justify;
}

/*#offerte {
	position:absolute;
	left:671px;
	top:868px;
	width:274px;
	height:184px;
	background-image:url(32.jpg);
	layer-background-image:url(32.jpg);
	border:1px none #000000;
	z-index:2;
}*/

#offerte {
	position:absolute;
	left:46px;
	top:985px;
	/*background-image:url(32.jpg);
	layer-background-image:url(32.jpg);*/
	border:1px double #000000;
	padding: 0px;
	margin: 0px;
	visibility: visible;
	/*z-index: 11;*/
	height: 245px;
	/* height: 215px;*/
	width: 268px;
	clip: rect(auto,auto,auto,auto);
}

#lingua {
	position:fissa;
	left:1054px;
	top:0px;
	width:96px;
	height:27px;
	layer-background-image:url(32.jpg);
	border:1px none #000000;
	/*overflow: visible;*/
	padding: 2px;
	clip: rect(auto,auto,auto,auto);
	right: 40px;
	margin-left: 800px;
	margin-top: 30px;
}

#facebook_place {
	position:absolute;
	left:892px;
	top:73px;
	width:130px;
	height:35px;
	/*layer-background-image:url(32.jpg);
	border:1px none #000000;
	overflow: visible;*/
	padding: 2px;
	clip: rect(auto,auto,auto,auto);
	/*right: 40px;
	margin-left: 880px;
	margin-top: 0px;*/
}

#facebook_place_eng {
	position:absolute;
	left:915px;
	top:73px;
	width:130px;
	height:35px;
	/*layer-background-image:url(32.jpg);
	border:1px none #000000;
	overflow: visible;*/
	padding: 2px;
	clip: rect(auto,auto,auto,auto);
	/*right: 40px;
	margin-left: 880px;
	margin-top: 0px;*/
}

#icone {
	height: 30px;
	width: 980px;
	text-align: center;
	vertical-align: text-bottom;
	padding-top: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	top: 0px;
	clip: rect(auto,auto,auto,auto);
}

#prenota {
	position:absolute;
	left:351px;
	top:985px;
	width:253px;
	height:245px;
	/* height:215px;
	background-image:url(32.jpg);
	layer-background-image:url(32.jpg);*/
	border:1px double #000000;
	 /* z-index:11; */
	visibility: visible;
	clip: rect(auto,auto,auto,auto);
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

/*script galleria immagini con zoom inizio */

/* IE hack \*/
* html .imgzoom-container { height: 1%; }
/* Hack ends */

.imgzoom-overlay {
    background-color: #000;
}

.imgzoom-wrap {
    background: #fff;
    border: solid 1px #bbb;
    padding: 0.8em;
    color: #555;
    font-size: 90%;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    box-shadow: 5px 5px 20px #000;
    -moz-box-shadow: 5px 5px 20px #000;
    -webkit-box-shadow: 5px 5px 20px #000;
}

.imgzoom-container {
    position: relative;
    margin-bottom: 0.4em;
    overflow: hidden;
}

.imgzoom-prev, .imgzoom-next {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    width: 50%;
    float: left;
    line-height: 10em;
    text-decoration: none;
    background: url(imgzoom-blank.gif);
    overflow: hidden;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    z-index: 100;
}

.imgzoom-prev {
    margin-left: 0;
    left: 0;
}

.imgzoom-next {
    left: 50%;
    text-align: right;
}

.imgzoom-prev span, .imgzoom-next span {
    display: none;
    width: 4em;
    height: 1.5em;
    line-height: 1.5em;
    vertical-align: middle;
    margin-top: 2em;
    padding: 1em;
    position: absolute;
    top: 2em;
}

.imgzoom-prev span {
    border-radius:  0 0.5em 0.5em 0;
    -moz-border-radius: 0 0.5em 0.5em 0;
    -webkit-border-radius: 0 0.5em 0.5em 0;
}
    
.imgzoom-next span {
    right: 0;
    border-radius: 0.5em 0 0 0.5em;
    -moz-border-radius: 0.5em 0 0 0.5em;
    -webkit-border-radius: 0.5em 0 0 0.5em;
}

.imgzoom-prev:hover, .imgzoom-next:hover {
    visibility: inherit;
}

.imgzoom-prev:hover span, .imgzoom-next:hover span {
    background-color: #fff;
    display: block;
}

.imgzoom-wrap-first .imgzoom-prev {
    display: none;
}

.imgzoom-wrap-last .imgzoom-next {
    display: none;
}

.imgzoom-counter, .imgzoom-title, .imgzoom-close {
    float: left;
    width: 20%;
    vertical-align: middle;
}

.imgzoom-title {
    width: 60%;
    color: #333;
    /*font-family: Georgia, serif; */
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 110%;
}

.imgzoom-close {
    float: right;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
    cursor: pointer;
}
/* script galleria immagini con zoom fine */

.tipologie {
	font-family: Arial, Helvetica, sans-serif;
	/* color: #333; */
	margin-right: 30px;
	font-size: medium;
	font-style: normal;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 5px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
}

/* Animazione prima pagina */

ul.ppt {
	position: relative;
}

.ppt li {
	list-style-type: none;
	position: absolute;
	top: 0;
	left: 0;
}

.ppt img {
	border: 0px solid #e7e7e7;
	padding: 0px;
}


/*#image {
	width: 940px;
	height: 450px;
	margin-right: auto;
	margin-left: auto;
}

#start_imagebox {
	position:absolute;
	left:80px;
	top:510px;
	width:840px;
	height:330px;
	background-color: #FFF;
	border:0px solid #333;
	visibility: visible;
	clip: rect(auto,auto,auto,auto);
	right: auto;
	bottom: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align:justify;
}

#start_image {
	width: 830px;
	height: 320px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	padding-top:5px;
} */

/* Fine animazione immagine grande in prima pagina */

/* polaroid */

.polaroid {  
	/*width:150px;*/  
	background-color: #fff;  
	padding: 10px 10px 70px 10px;  
	margin-right: 30px;  
	float: left;  
	/*position: relative;*/
	position:absolute;
	left:80px;
	top:450px;
	width:300px;
	height:260px; 
	z-index:10;   
}

.polaroid, .polaroid img {  
border:1px solid #c2c2c2;   
}  
      
.polaroid {  
-moz-box-shadow:0 0 20px #292929;  
-webkit-box-shadow:2px 5px 8px #292929;  
box-shadow:2px 5px 8px #292929;  
}

.polaroid span {  
position: absolute;  
bottombottom: 20px;  
left: 10px;  
}

.polaroid:hover {  
/* ruoto il box di 8 gradi a sx */  
-webkit-transform: rotate(-8deg);  
-moz-transform: rotate(-8deg);  
transform: rotate(-8deg);  
}

.polaroid {  
-webkit-transition: all 0.5s ease-in-out;     
-moz-transition: all 0.5s ease-in-out;     
-o-transition: all 0.5s ease-in-out;  
}   

/* polaroid_2 */

.polaroid_2 {  
	/*width:150px;*/  
	background-color: #fff;  
	padding: 10px 10px 70px 10px;  
	margin-right: 30px;  
	float: left;  
/*position: relative;*/
	position:absolute;
	left:340px;
	top:500px;
	width:300px;
	height:260px;
	z-index:50;       
}

.polaroid_2, .polaroid_2 img {  
border:1px solid #c2c2c2;   
}  
      
.polaroid_2 {  
-moz-box-shadow:0 0 20px #292929;  
-webkit-box-shadow:2px 5px 8px #292929;  
box-shadow:2px 5px 8px #292929;  
}

.polaroid_2 span {  
position: absolute;  
bottombottom: 20px;  
left: 10px;  
}

.polaroid_2:hover {  
/* ruoto il box di 8 gradi a sx */  
-webkit-transform: rotate(-8deg);  
-moz-transform: rotate(-8deg);  
transform: rotate(-8deg);  
}

.polaroid_2 {  
-webkit-transition: all 0.5s ease-in-out;     
-moz-transition: all 0.5s ease-in-out;     
-o-transition: all 0.5s ease-in-out;  
} 

/* polaroid_3 */

.polaroid_3 {  
	/*width:150px;*/  
	background-color: #fff;  
	padding: 10px 10px 70px 10px;  
	margin-right: 30px;  
	float: left;  
/*position: relative;*/
	position:absolute;
	left:600px;
	top:480px;
	width:300px;
	height:260px;
	z-index:99;       
}

.polaroid_3, .polaroid_3 img {  
border:1px solid #c2c2c2;   
}  
      
.polaroid_3 {  
-moz-box-shadow:0 0 20px #292929;  
-webkit-box-shadow:2px 5px 8px #292929;  
box-shadow:2px 5px 8px #292929;  
}

.polaroid_3 span {  
position: absolute;  
bottombottom: 20px;  
left: 10px;  
}

.polaroid_3:hover {  
/* ruoto il box di 8 gradi a sx */  
-webkit-transform: rotate(-8deg);  
-moz-transform: rotate(-8deg);  
transform: rotate(-8deg);  
}

.polaroid_3 {  
-webkit-transition: all 0.5s ease-in-out;     
-moz-transition: all 0.5s ease-in-out;     
-o-transition: all 0.5s ease-in-out;  
}