*
{
margin: 0px;
padding: 0px;
}

a:link {
	color: #4DA0C6;
}

a:hover {
	text-decoration: underline;
	color: #FF0000;
}

a:visited {
	color: #4DA0C6;
}

body {
	
	background: #ffffff url(images/back_all.gif) repeat-x;
	font: 16px Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#content
{
	margin: 0 auto;
	background: #ffffff;
	width: 978px;/*778*/
	text-align: left;
	border-left: 10px solid #ffffff;
	border-right: 10px solid #ffffff;
	
}

#main
{
width: 978px; /*778*/
padding-top: 10px;
background: url(images/table_back.gif) repeat-x top;
}


#header {
	height: 287px;/*387*/
	text-align: right;
	background: url(images/header.jpg) no-repeat #BFE5F6;		
}

#logo {

width: 958px;/*758*/
height: 137px;/*237*/
text-align: center;
padding-right: 20px;
padding-top: 10px;/*100*/
}


#logo a {
	text-decoration: none;
	/*text-transform: lowercase;*/
	font-style: italic;
	font-size: 30px;
	color: #ffffff;
}
#logo H2 a
{
font-size: 20px;
text-transform: uppercase;
}


#menu
{
margin: 0 auto;
width: 978px;/*648*/
height: 48px;
padding-top: 20px;
padding-left: 10px; /*130*/
background: url(images/menu.gif) no-repeat;
}

#menu ul {
	list-style: none;
	}

#menu li {
	
	display: inline; 
	
}

#menu a {
	float: left;
	width: 239px;/*100*/
	height: 18px; /*23*/
    display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	padding-top: 0px;
	font-size: 14px;
	text-transform: uppercase;
}

#menu a:hover {
	width: 239px; /*23*/
  height: 18px;
	color: #68C1EA;
	text-decoration: underline;
	background: #ffffff;
}

#menu-sotto
{
margin: 0 auto;
width: 978px;/*648*/
height: 48px;
padding-top: 20px;
padding-left: 0px; /*130*/
/*background: url(images/menu.gif) no-repeat;*/
}

#menu-sotto ul {list-style: none;}
#menu-sotto li {display: inline;}

#menu-sotto a {
	float: left;
	width: 230px;/*100*/
	height: 18px; /*23*/
  display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	padding-top: 0px;
	font-size: 14px;
	text-transform: uppercase;
}

#menu-sotto a:hover {
	width: 230px; /*23*/
  height: 18px;
	color: #ffffff;
	text-decoration: underline;
	background: #293179;/*#68C1EA;*/
}



#right
{
float: right;
width: 978px;/*500*/
padding-right: 0px;
background: url(images/table_back.gif) repeat-x top;
}

#right H4
{
	margin: 0;
	text-align: center;
  padding: 0px;
	font-size: 12px;
	color: #4DA0C6;
}

#right a
{
color: #4DA0C6;
text-decoration: none;
}

#right a:hover
{
color: #4DA0C6;
text-decoration: underline;
}

#right a:visited
{
color: #4DA0C6;
text-decoration: none;
}

#right p {
	margin: 0;
	padding-top: 20px;;
	text-align:justify;
	padding-bottom: 20px;
}

#right h2 {
	margin: 0;
	padding: 0;
	padding-top: 0px;
	text-align:center;
	color: #4DA0C6;
}

#right ol, #right ul
{
margin-left: 30px;
}

#footer {
	height: 49px;
	clear: both;
	padding-top: 30px;
	background: url(images/footer.gif) repeat-x bottom;
	border-top: 4px solid #4DA0C6;
}

#footer p {
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #4DA0C6;
}

#footer a {
	color: #4DA0C6;
}

/* CREAZIONE DEGLI ANGOLI SMUSSATI */
span.TOP, span.BOTTOM{
    display: Block;
    background-color: #ffffff;
}
span.TOP span, span.BOTTOM span{
    display: Block;
    overflow: Hidden;
    background-color: #4DA0C6;
    height: 1px;
}
span.RIGA1{margin: 0 5px;}
span.RIGA2{margin: 0 3px;}
span.RIGA3{margin: 0 2px;}
span.TOP span.RIGA4, span.BOTTOM span.RIGA4{
    margin: 0 1px;
    height: 2px;
}

#vetrina{background-color: #4DA0C6;
         width: 80%;        
         color: #ffffff;
         }

#vetrina a:link {
	color: #ffffff;
}

#vetrina a:hover {
	text-decoration: underline;
	color: #ffffff;
}

#vetrina a:visited {
	color: #ffffff;
}

#vetrina p {
	text-align:center;
	padding: 0px;
}


#vetrina-categorie{background-color: #4DA0C6;
         width: 100%;
         margin-top: 0px;
         margin-bottom: 10px;   
         margin-left: 5px; 
         margin-right: 5px; 
         color: #ffffff;
         }

#vetrina-categorie a:link {
	color: #ffffff;
}

#vetrina-categorie a:hover {
	text-decoration: underline;
	color: #ffffff;
}

#vetrina-categorie a:visited {
	color: #ffffff;
}

#vetrina-categorie p {
	text-align:justify;
	padding: 10px;
}



/*#vetrina-scheda{
         background-color: #4DA0C6;
         width: 70%;        
         color: #293179;
         }
*/
#vetrina-scheda-sint a:link {
	color: #ffffff;
}

#vetrina-scheda-sint a:hover {
	text-decoration: underline;
	color: #ffffff;
}

#vetrina-scheda-sint a:visited {
	color: #ffffff;
}

#vetrina-scheda-sint p {
	text-align:center;
	padding: 0px;
}


.vetrina-hotel td{padding-bottom: 20px}
#scheda-hotel h2{color: #ffffff; font-size:20px;}
#scheda-hotel p{text-align:justify; font-size:16px; padding:10px}



#vetrina-testo{background-color: #4DA0C6;
         width: 100%;
         color: #ffffff;
         }

#vetrina-testo p {
	text-align:justify;
	padding: 20px;
}

#vetrina-testo a:link {
	color: #ffffff;
}

#vetrina-testo a:hover {
	text-decoration: underline;
	color: #ffffff;
}

#vetrina-testo a:visited {
	color: #ffffff;
}

hr{color: #ffffff; border-style: dotted; height:5px}


/* inizio gestione vetrina immagine delfini*/

/* CREAZIONE DEGLI ANGOLI SMUSSATI */
span.TOP-VIMG, span.BOTTOM-VIMG{
    display: Block;
    background-color: #ffffff;
}
span.TOP-VIMG span, span.BOTTOM-VIMG span{
    display: Block;
    overflow: Hidden;
    background-color: #293179;/*blu*/
    height: 1px;
}
span.RIGA1-VIMG{margin: 0 5px;}
span.RIGA2-VIMG{margin: 0 3px;}
span.RIGA3-VIMG{margin: 0 2px;}
span.TOP-VIMG span.RIGA4-VIMG, span.BOTTOM-VIMG span.RIGA4-VIMG{
    margin: 0 1px;
    height: 2px;
}

#vetrina-immagine{
         background-color: #293179;
         width: 100%;        
         color: #ffffff;
         }

/* fine gestione vetrina immagine delfini*/


/* inizio gestione vetrina scheda interna*/
/* CREAZIONE DEGLI ANGOLI SMUSSATI */
span.TOP-sint, span.BOTTOM-sint{
    display: Block;
    background-color: #ffffff;
}
span.TOP-sint span, span.BOTTOM-sint span{
    display: Block;
    overflow: Hidden;
    background-color: #293179;
    height: 1px;
}
span.RIGA1-sint{margin: 0 5px;}
span.RIGA2-sint{margin: 0 3px;}
span.RIGA3-sint{margin: 0 2px;}
span.TOP-sint span.RIGA4-sint, span.BOTTOM-sint span.RIGA4-sint{
    margin: 0 1px;
    height: 2px;
}

#vetrina-scheda-sint{
         background-color: #293179;
         width: 100%;        
         color: #ffffff;
         }


/* fine gestione vetrina scheda interna*/


/* inizio gestione vetrina scheda super interna*/
/* CREAZIONE DEGLI ANGOLI SMUSSATI */
span.TOP-ssint, span.BOTTOM-ssint{
    display: Block;
    background-color: #293179;
}
span.TOP-ssint span, span.BOTTOM-ssint span{
    display: Block;
    overflow: Hidden;
    background-color: #4DA0C6;
    height: 1px;
}
span.RIGA1-ssint{margin: 0 5px;}
span.RIGA2-ssint{margin: 0 3px;}
span.RIGA3-ssint{margin: 0 2px;}
span.TOP-ssint span.RIGA4-ssint, span.BOTTOM-ssint span.RIGA4-ssint{
    margin: 0 1px;
    height: 2px;
}

#vetrina-scheda-ssint{
         background-color: #4DA0C6;
         width: 80%;        
         color: #ffffff;
         }

/* fine gestione vetrina scheda super interna*/



/*inizio css immagine con sfumatura scheda*/

/*toglie il bordo alle immagini linkabili*/
A:link IMG { border: 0px solid blue }
A:visited IMG { border: 0px solid red }
A:active IMG { border: 0px solid lime }
/* effetto ombra alle immagini/box*/
#contenitore-immagine{position: relative;left: 7px;}
#ombra{width: 260px;}
/* Per quanto riguarda le sfumature: impostiamo il posizionamento relativo e lo spostamento (in negativo) di un pixel ai tre livelli di sfumatura dell'ombra: */
#ombra .sfumatura_2, #ombra .sfumatura_3, #ombra .immagine
{
    position: relative;
    left: -2px;
    top: -2px;
}
/*A questo punto impostiamo il colore di sfondo ai vari livelli di sfumatura, utilizzando ad esempio delle scale di grigio:*/

#ombra .sfumatura_1
{
    background: #E0E0E0;
}
#ombra .sfumatura_2
{
    background: #C0C0C0;
}
#ombra .sfumatura_3
{
    background: #A0A0A0;
}

#ombra .immagine
{
    background: #FFFFFF;
    padding: 5px 5px 5px 5px;
    border: solid 0px #b3d8f4;
}

/*fine css immagine con sfumatura scheda*/

/*inizio css immagine con sfumatura vetrina*/

/* effetto ombra alle immagini/box*/
#contenitore-immagine-vetrina{position: relative;left: 7px;}
#ombra-vetrina{width: 160px;}
/* Per quanto riguarda le sfumature: impostiamo il posizionamento relativo e lo spostamento (in negativo) di un pixel ai tre livelli di sfumatura dell'ombra: */
#ombra-vetrina .sfumatura_2-vetrina, #ombra-vetrina .sfumatura_3-vetrina, #ombra-vetrina .immagine-vetrina
{
    position: relative;
    left: -2px;
    top: -2px;
}
/*A questo punto impostiamo il colore di sfondo ai vari livelli di sfumatura, utilizzando ad esempio delle scale di grigio:*/

#ombra-vetrina .sfumatura_1-vetrina
{
    background: #E0E0E0;
}
#ombra-vetrina .sfumatura_2-vetrina
{
    background: #C0C0C0;
}
#ombra-vetrina .sfumatura_3-vetrina
{
    background: #A0A0A0;
}

#ombra-vetrina .immagine-vetrina
{
    background: #FFFFFF;
    padding: 5px 5px 5px 5px;
    border: solid 0px #b3d8f4;
}

/*fine css immagine con sfumatura vetrina*/


/*inizio css immagine con sfumatura icone social*/

/* effetto ombra alle immagini/box*/
/*#contenitore-immagine-icone-social{position: relative;left: 7px;}*/

#contenitore-immagine-icone-social{float: left; padding-left:10px; padding-top:5px;}

#ombra-icone-social{width: 25px;}
/* Per quanto riguarda le sfumature: impostiamo il posizionamento relativo e lo spostamento (in negativo) di un pixel ai tre livelli di sfumatura dell'ombra: */
#ombra-icone-social .sfumatura_2-icone-social, #ombra-icone-social .sfumatura_3-icone-social, #ombra-icone-social .immagine-icone-social
{
    position: relative;
    left: -1px;
    top: -1px;
}
/*A questo punto impostiamo il colore di sfondo ai vari livelli di sfumatura, utilizzando ad esempio delle scale di grigio:*/

#ombra-icone-social .sfumatura_1-icone-social
{
    background: #E0E0E0;
}
#ombra-icone-social .sfumatura_2-icone-social
{
    background: #C0C0C0;
}
#ombra-icone-social .sfumatura_3-icone-social
{
    background: #A0A0A0;
}

#ombra-icone-social .immagine-icone-social
{
    background: #FFFFFF;
    padding: 3px 3px 3px 3px;
    border: solid 0px #b3d8f4;
}

/*fine css immagine con sfumatura icone social*/

/* Form info */
	
.invia_mail{
	background-image:url(http://www.vacanze-in-hotel.it/images/invia.png);
	width:48px;
	height:18px;
	border:0;
	cursor:pointer;
}