html{
margin:0px;
padding:0px;}
body{
background-color: #0099FF;/*messi colori per evidenziare*/
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
scrollbar-3dlight-color:#d1d7dc;
scrollbar-arrow-color:#006699;
scrollbar-darkshadow-color:#98aab1;
scrollbar-face-color:#dee3e7;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#dee3e7;
scrollbar-track-color:#efefef
}
a {
	text-decoration: none;
	color: #006699;
}
a:hover {
	color: #FF0000;
}

#contenitore{
background-color:#FFFFFF;
width:850px;
height:6500px;/*oppure auto*/
top: 182px;/*se vuoi centrare in altezza metti 50%*/
left: 50%;
margin-left: -425px;/*la metà della larghezza*/
/*margin-top:-metà dell'altezza px;*/
position: absolute;
}
#base1{
background-image: url(include/footer.jpg);
width:850px;
height:116px;/*oppure auto*/
top: 6680px;/*se vuoi centrare in altezza metti 50%*/
left: 50%;
margin-left: -425px;/*la metà della larghezza*/
/*margin-top:-metà dell'altezza px;*/
position: absolute;
}
#top{
width:850px;
height:130px;/*oppure auto*/
top: 20px;/*se vuoi centrare in altezza metti 50%*/
left: 50%;
margin-left: -425px;/*la metà della larghezza*/
/*margin-top:-metà dell'altezza px;*/
position: absolute;
background-image: url(include/top.jpg);
}
#top1{
width:850px;
height:18px;/*oppure auto*/
top: 0px;/*se vuoi centrare in altezza metti 50%*/
left: 50%;
margin-left: -425px;/*la metà della larghezza*/
/*margin-top:-metà dell'altezza px;*/
position: absolute;
}
#menu-t{
width:850px;
height:32px;/*oppure auto*/
top: 150px;/*se vuoi centrare in altezza metti 50%*/
left: 50%;
margin-left: -425px;/*la metà della larghezza*/
/*margin-top:-metà dell'altezza px;*/
position: absolute;
background-image: url(include/div-top.jpg);
}
#sinistro{
background-color: #FFFFFF;/*messi colori per evidenziare*/
width:180px;
height:600px;/*quello che ti serve o auto*/
position: absolute;
top: 10px;/*posizioni il div in alto e a sinistra*/
left:0px;
}
#destro{
background-color: #FFFFFF;/*messi colori per evidenziare*/
width:670px;
height:auto;/*quello che ti serve o auto*/
position: absolute;
top: 0px;/*posizioni il div in alto e a destra*/
right:0px;
}
td.bck{ /*tasti*/
background-image:url(cartella/tua_immagine.jpg);
background-repeat:no-repeat;
background-position:center center;
height:50px;/*altezza in px dell'immagine*/
}

#container {
  position: relative;
   }

   #container div {
      border: 0px solid black;
   }
.menu{
width:175px;
height:auto;/*quello che ti serve o auto*/
position: absolute;
top: 0px;/*posizioni il div in alto e a sinistra*/
left:3px;
}
#sidebar1 {
	float: left;
	padding-left: 4px;

}
.sidebar {
	float: left;
	width: 175px;
	padding: 0;
	font: 12px georgia;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {
	padding: 0 0 6px 0;
}

.sidebar li ul {
}

.sidebar li li {
	border-bottom: 1px #BBBBBB dashed;
	background-image: url(include/menu-center.jpg);
	height: 9px;
	width: 170px;
	padding-top: 5px;
	padding-left: 5px;
}
.sidebar li h2 {
	margin: 0 0 0 0;
	height: 20px;
	width: 170px;
	padding-left: 5px;
	padding-top: 5px;
	background-image: url(include/menu-top.jpg);
	letter-spacing: -1px;
	font-size: 15px;
	color: #FFFFFF;
}
.sidebar li h3 {
	margin: 0 0 0 0;
	height: 20px;
	width: 170px;
	padding-left: 5px;
	padding-top: 5px;
	background-image: url(include/menu-top2.jpg);
	font-size: 15px;
	color: #FFFFFF;
}
.sidebar li h4 {
	margin: 0 0 0 0;
	height: 20px;
	width: 170px;
	padding-left: 5px;
	padding-top: 5px;
	background-image: url(include/menu-top3.jpg);
	font-size: 15px;
	color: #FFFFFF;
}
.sidebar a {
}
.bs {
	background-image: url(include/base.jpg);
	height: 5px;
	width: 170px;
	padding-left: 5px;
}
 
 
/*BANNER*/
.rig2{
background-color: #FFFFFF;/*messi colori per evidenziare*/
width:650px;
height:50px;/*quello che ti serve o auto*/
position: absolute;
top: 112px;/*posizioni il div in alto e a destra*/
right:10px;
}

.rig{
background-color: #FFFFFF;/*messi colori per evidenziare*/
width:650px;
height:100px;/*quello che ti serve o auto*/
position: absolute;
top: 10px;/*posizioni il div in alto e a destra*/
right:10px;
}
.bann1{
width:210px;
height:100px;/*quello che ti serve o auto*/
position: absolute;
top: 0px;/*posizioni il div in alto e a destra*/
left:2px;
background-image:url(include/banner-1.jpg);
}
.bann2{
width:210px;
height:100px;/*quello che ti serve o auto*/
position: absolute;
top: 0px;/*posizioni il div in alto e a destra*/
left:220px;
background-image: url(include/banner-2.jpg);
}
.bann3{
width:210px;
height:100px;/*quello che ti serve o auto*/
position: absolute;
top: 0px;/*posizioni il div in alto e a destra*/
right:2px;
background-image: url(include/banner-3.jpg);
}

   
/*SCHEDA HOTEL*/

#hotel{
background-image: url(include/ischia-sfondo.jpg);
width:600px;
height:340px;/*quello che ti serve o auto*/
position: absolute;
right:35px;
}
     .nome {
      position: absolute;
      width: 574px;
      height: 20px;
      left: 12px;
   }
      .txt-ht {
      position: absolute;
      width: 565px;
      height: 100px;
      left: 17px;
   }
      .press a  {
	font: 11px verdana;
	font-weight:bold;
    color:#006699;
	text-decoration:none;
	text-align:left;
	padding-top: 9px;
	padding-left: 20px;
	position: absolute;
	width: 112px;
	height: 25px;
	left: 1px;
	background-image: url(include/pulsante1.jpg);
	top: 16px;
   }
      .press a:hover  {
	font: 11px verdana;
	font-weight:bold;
    color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	padding-top: 9px;
	padding-left: 20px;
	position: absolute;
	width: 112px;
	height: 25px;
	left: 1px;
	background-image: url(include/pulsante2.jpg);
	top: 16px;
   }
      .press2 a  {
	font: 11px verdana;
	font-weight:bold;
    color:#006699;
	text-decoration:none;
	text-align:left;
	padding-top: 9px;
	padding-left: 20px;
	position: absolute;
	width: 112px;
	height: 25px;
	left: 155px;
	background-image: url(include/pulsante1.jpg);
	top: 16px;
   }
      .press2 a:hover  {
	font: 11px verdana;
	font-weight:bold;
    color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	padding-top: 9px;
	padding-left: 20px;
	position: absolute;
	width: 112px;
	height: 25px;
	left: 155px;
	background-image: url(include/pulsante2.jpg);
	top: 16px;
   }
      .press3 a  {
	font: 11px verdana;
	font-weight:bold;
    color:#006699;
	text-decoration:none;
	text-align:left;
	padding-top: 9px;
	padding-left: 20px;
	position: absolute;
	width: 180px;
	height: 25px;
	left: 373px;
	background-image: url(include/pulsante3.jpg);
	top: 16px;
   }
      .press3 a:hover  {
	font: 11px verdana;
	font-weight:bold;
    color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	padding-top: 9px;
	padding-left: 20px;
	position: absolute;
	width: 180px;
	height: 25px;
	left: 373px;
	background-image: url(include/pulsante4.jpg);
	top: 16px;
   }   
     .star {
      position: absolute;
      width: 574px;
      height: 23px;
      left: 12px;
   }
     .star1 {
      position: absolute;
      width: 20px;
      height: 20px;
	  background-image: url(include/stella.jpg);
      left: 0px;
   }
     .txt {
      position: absolute;
      width: 572px;
      height: 20px;
      left: 13px;
	  top: 183px;
   }
     .ctast {
      position: absolute;
      width: 574px;
      height: 50px;
      left: 12px;
   }
      .da {
      position: absolute;
      width: 135px;
      height: 52px;
      right: 3px;
	  bottom: 0px;
	  background-image: url(include/a-partire.png);
   }
      .Prz {
      position: absolute;
      width: 110px;
      height: 40px;
	  top: 20px;
	  bottom: 2px;
	  font: 22px georgia;
	  font-weight: bold;
      color:#FF0000;
   }
     .cFoto {
      position: absolute;
      width: 574px;
      height: 92px;
      left: 12px;
   }
      .foto {
      position: absolute;
      width: 135px;
      height: 90px;
      left: 0px;
   }
      .press4 a  {
	font: 11px georgia;
	font-weight:bold;
    color:#003366;
	text-decoration:none;
	text-align:left;
	padding-top: 6px;
	padding-left: 13px;
	position: absolute;
	width: 137px;
	height: 20px;
	left: 25px;
	background-image: url(include/m-1.jpg);
	top: 3px;
   }
      .press4 a:hover  {
	font: 11px verdana;
	font-weight:bold;
    color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	padding-top: 6px;
	padding-left: 13px;
	position: absolute;
	width: 137px;
	height: 20px;
	left: 25px;
	background-image: url(include/m-2.jpg);
	top: 3px;
   }   
   .press5 a  {
	font: 11px georgia;
	font-weight:bold;
    color:#003366;
	text-decoration:none;
	text-align:left;
	padding-top: 6px;
	padding-left: 6px;
	position: absolute;
	width: 204px;
	height: 20px;
	left: 185px;
	background-image: url(include/m-3.jpg);
	top: 3px;
   }
      .press5 a:hover  {
	font: 11px verdana;
	font-weight:bold;
    color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	padding-top: 6px;
	padding-left: 6px;
	position: absolute;
	width: 204px;
	height: 20px;
	left: 185px;
	background-image: url(include/m-4.jpg);
	top: 3px;
   }      
      .press6 a  {
	font: 11px georgia;
	font-weight:bold;
    color:#003366;
	text-decoration:none;
	text-align:left;
	padding-top: 6px;
	padding-left: 32px;
	position: absolute;
	width: 118px;
	height: 20px;
	left: 405px;
	background-image: url(include/m-1.jpg);
	top: 3px;
   }
      .press6 a:hover  {
	font: 11px verdana;
	font-weight:bold;
    color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	padding-top: 6px;
	padding-left: 32px;
	position: absolute;
	width: 118px;
	height: 20px;
	left: 405px;
	background-image: url(include/m-2.jpg);
	top: 3px;
   }    
   .press7 a  {
	font: 11px georgia;
	font-weight:bold;
    color:#003366;
	text-decoration:none;
	text-align:center;
	padding-top: 6px;
	padding-left: 0px;
	position: absolute;
	width: 200px;
	height: 20px;
	right: 2px;
	background-image: url(include/m-5.jpg);
	top: 3px;
   }
      .press7 a:hover  {
	font: 11px verdana;
	font-weight:bold;
    color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	padding-top: 6px;
	padding-left: 0px;
	position: absolute;
	width: 200px;
	height: 20px;
	right: 2px;
	background-image: url(include/m-4.jpg);
	top: 3px;
   }      
     .T-omag {
      position: absolute;
      width: 600px;
      height: 70px;
      left: 0px;
	  background-image: url(include/offerta.jpg);
   }
   
/*CSS PAGINA*/
  .ischia-hotel-txt {
  font: 10px verdana;
  color: #333333;
  font-weight: normal;
  text-align: justify;
}
a.name:link , a.name:visited {
  font-family: Georgia;
  font-size: 17px;
  color: #0099FF;
  font-style: normal;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
}
a.name:hover {
  font-family: Georgia;
	font-size: 17px;
	color: #FE9900;
    text-align: center;
    text-decoration: none;
	width: 100%;
	height: 100%;
}
.foto-ht {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed ;
	border-right-style: dashed ;
	border-bottom-style: dashed ;
	border-left-style: dashed ;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.spart {
    position: absolute;
	background-image: url(include/tratt.jpg);
    width: 565px;
    height: 2px;
    left: 17px;
}
      .men1 a  {
	font: 11px georgia;
	font-weight:bold;
    color:#003366;
	text-decoration:none;
	text-align:left;
	padding-top: 6px;
	padding-left: 32px;
	position: absolute;
	width: 118px;
	height: 20px;
	left: 405px;
	background-image: url(include/m-1.jpg);
	top: 0px;
   }
     .men1 a:hover  {
	font: 11px verdana;
	font-weight:bold;
    color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	padding-top: 6px;
	padding-left: 32px;
	position: absolute;
	width: 118px;
	height: 20px;
	left: 405px;
	background-image: url(include/m-2.jpg);
	top: 0px;
   }    
  .txt-Ischia {
  font: 11px verdana;
  color: #003399;
  font-weight: normal;
  text-align:center;
}
.int-base{
width:280px;
height:15px;/*oppure auto*/
bottom: 16px;/*se vuoi centrare in altezza metti 50%*/
left: 247px;;
position: absolute;
  font: 11px verdana;
  color: #666666;
  font-weight: normal;
  text-decoration: none;
}
.realizzato{
width:280px;
height:15px;/*oppure auto*/
bottom: 16px;/*se vuoi centrare in altezza metti 50%*/
left: 570px;;
position: absolute;
  font: 11px verdana;
  color: #666666;
  font-weight: normal;
  text-decoration: none;
}
#offerte{
background-image: url(include/offerte.jpg);
width:600px;
height:130px;/*quello che ti serve o auto*/
position: absolute;
right:35px;
bottom: 20px;
}
.ischia-hotel-Of{
width:350px;
height:20px;/*quello che ti serve o auto*/
position: absolute;
right:120px;
top: 1px;
  font: 18px georgia;
  color: #FF0000;
  font-weight: bold;
  text-decoration:underline;

}
.1{
  font: 18px georgia;
  color: #FF0000;
  font-weight: bold;
  text-decoration:underline;
}
.link{
width:600px;
height:90px;/*quello che ti serve o auto*/
position: absolute;
right:0px;
bottom: 1px;
  font: 10px verdana;
  color: #333333;
  font-weight: normal;
  text-align: justify;
}
#scambio{
width:850px;
height:50px;/*oppure auto*/
top: 6820px;/*se vuoi centrare in altezza metti 50%*/
left: 50%;
margin-left: -425px;/*la metà della larghezza*/
/*margin-top:-metà dell'altezza px;*/
position: absolute;
  font: 10px verdana;
  color: #333333;
  font-weight: normal;
  text-align: justify;
}