html,body{
margin: 0; padding:0; 
background-image: url(../vacanze-mare/bg-container.gif);
background-repeat: repeat;
background-attachment: scroll;
background-color:#032e61;
color:#fff;
text-align:center;font-family: Arial, Helvetica, sans-serif;font-size:12px;}
a{color:#ff6600;text-decoration: none;}
a:visited{color: #ff6600;}
h1 {font-size: 14px;}
h2 {font-size: 12px;clear:both;}
a img{border:none;}
#contenitore{width:990px; margin:0 auto;  margin-top:40px; background-color:#FFFFFF}
#photos{background-color:#032e61;width:990px;height:598px; margin-top:40px}
#photos img{width:990x;height:598px;margin:0px;padding:0;}
hr {border: none; color:#fff; clear:both;margin:0; padding:0;}
table {border-top: 1px solid #000; border-right: 1px solid #000; }
td {border-left: 1px solid #000; border-bottom: 1px solid #000;}

			
/*   MENU   */

#nav1{    /*  menu sup INDEX  */
position:absolute;z-index:100; 
padding:0; height:117px; width:990px; display:block; 
background-image:url(../vacanze-mare/bg-menu-sup.jpg); background-repeat:no-repeat;
filter:alpha(opacity=95);
-moz-opacity: 0.95;
opacity: 0.95; 
}

#nav1b{   /*  menu sup  OTHER  */
padding:0; height:117px; width:990px; display:block; 
background-image:url(../vacanze-mare/bg-menu-sup.jpg); background-repeat:no-repeat;
}

#menu-cont{ z-index:100; top:0; 
padding:0; height:117px; width:990px; display:block;
}

.menu{margin:0 auto; padding:0; height:117px;  display:block; }
.menu li{padding:0; margin:0; list-style:none; display:inline;}

/*   menu inf INDEX   */	
#nav2{
position:absolute;top:157px;height:200px;z-index:100;line-height:30px;width:990px;
background-image:url(../vacanze-mare/bg-menu-inf.png); background-repeat:no-repeat;
width:990px;
height:73px;   
}
  #nav2 a{
	color:#ff6600;font-size:1em;
	text-transform:uppercase;font-weight:bold;
	padding:0;overflow:visible;outline:none;}
	#nav2 a:hover{color:#ffffff;text-decoration: underline;}
	#nav2 #prev{float:left;}
	#nav2 #next{float:right;}


/*   menu inf OTHER   */	
#nav2b{
height:200px;line-height:30px;width:990px;
background-image:url(../vacanze-mare/bg-menu-inf.jpg); background-repeat:no-repeat;
width:990px;
height:73px;   
}
	#nav2b a{
	color:#ff6600;font-size:1em;
	text-transform:uppercase;font-weight:bold;
	padding:0;overflow:visible;outline:none;}
	#nav2 a:hover{color:#ffffff;text-decoration: underline;}
	#nav2 #prev{float:left;}
	#nav2 #next{float:right;}

#nav2b .ttl {
color:#ff6600; font-size: 14px; font-weight:bold;padding-bottom:5px;z-index:200;}



	
.box {
margin:0 80px 0 15px; padding-top:2px;
font-size:12px; text-align:left; 
color:#ffffff;
width:250px; float:left; line-height:16px; z-index:200;}
.box3 {
margin:0 15px 0 12px; padding-top:2px;
font-size:12px; text-align:left; 
color:#ffffff;
width:250px; float:left; line-height:16px; z-index:200;}

#nav2 .ttl {
color:#ff6600; font-size: 14px; font-weight:bold;padding-bottom:5px;z-index:200;}




/*  layout menu  */

a.home{float: left;height: 117px; width:148px; color: #FFF; font-size:14px; text-decoration: none;}
a.home span{display:block;}

a.line{float: left;height: 117px; width:2px; color: #FFF; font-size:14px; text-decoration: none;}
a.line span{display:block;}

a.button{float: left;height: 117px;color:#ffffff;font-size:1em; font-weight:bold; text-decoration:none;padding-left:17px; padding-right:17px;}
a.button span{display:block;}
a.button:hover{background: url(../vacanze-mare/btn-on.jpg) repeat top left; color:#ffffff;font-size:1em; font-weight:bold; text-decoration:none; padding-left:17px; padding-right:17px;}
a.button:hover span{background: url(../vacanze-mare/btn-on.jpg) repeat top left; color:#ffffff;font-size:1em; font-weight:bold;text-decoration:none;}
.button-on{float: left; height: 117px; background: url(../vacanze-mare/btn-on.jpg) repeat top left;color:#ffffff;font-size:1em; font-weight:bold; text-decoration:none; padding-left:17px; padding-right:17px; margin:0}

a.reg{float: left;height: 117px; width:94px; background: url(../vacanze-mare/reg.jpg) no-repeat top left; color: #FFF; font-size:14px; text-decoration: none;}
a.reg span{display:block;background: url(../vacanze-mare/reg.jpg) no-repeat top right}

.tx-menu {padding-top:62px}

.mrg{ margin-left:17px; margin-right:17px}

.residence {
  background-image:url(../vacanze-mare/bg-residence.jpg);
}

.offerte-speciali {
  background-image:url(../vacanze-mare/bg-residence.jpg);
}

.appartamenti-mare-toscana {
  background-image:url(../vacanze-mare/bg-appartamenti.jpg);
}

.appartamenti-costa-toscana {
  background-image:url(../vacanze-mare/bg-mare.jpg);
}

.residence-mare-toscana {
  background-image:url(../vacanze-mare/bg-residence.jpg);
}

.prezzi-appartamenti-mare-toscana {
  background-image:url(../vacanze-mare/bg-prezzi.jpg);
}

.vacanza-costa-toscana {
  background-image:url(../vacanze-mare/bg-dintorni.jpg);
}

.vacanza-toscana {
  background-image:url(../vacanze-mare/bg-toscana.jpg);
}

.residence-con-piscina-in-toscana {
  background-image:url(../vacanze-mare/bg-piscina.jpg);
}

.prenotazione-residence {
  background-image:url(../vacanze-mare/bg-prenotazione.jpg);
}

#content{ 
line-height: 17pt;a
letter-spacing: 2px;
background-color:#ffffff;
background-repeat:no-repeat;
background-attachment:scroll; 
width:990px; margin-top:0px;
text-align:left}
#content-p{ 
background-repeat:no-repeat;
background-attachment:scroll;
text-align:left 
}
#cont-left { 
width:488px; 
min-height: 700px;
color: #000000; padding:20px 30px;
background-color:#FFFFFF; float:left; 
margin-top:22px; margin-left:25px; }
#cont-left .title{ color:#ff7f00; font-size:14px}
#cont-left h1{ color:#ff7f00; font-size:14px}
#cont-left .text { color:#000000; font-size:12px; text-align:justify; width:488px }
#cont-left .publio { border: 1px solid #000; }
.img-contl {width:488px; text-align:center}

#cont-right { width:457px; color:#ff7f00; 
font-size: 24px;
margin: 0; }

#footer {
margin: 0 auto; padding:0; width:990px; 
font-size:72px; color:#86a015; letter-spacing: 70px; text-align:center }

#availability {
	width: auto;
	padding: 0 20px 0 20px;	
}

* html #availability {
	width: 100%;
	padding: 0 20px 0 20px;	
}

#availability table {
  border-top: 1px solid #000; 
  border-right: 1px solid #000; 
}

#availability th {
	background: #3c829b;
	color: #fff;
	border-left: 1px solid #000; border-bottom: 1px solid #000;
  text-align: center;
}

#availability td {
	text-align: center;
	border-left: 1px solid #000; border-bottom: 1px solid #000;
}

#logonstatus {
	font-size: 10px;
	padding: 5px;
}

#logonstatus a {
	color: #FFF;
}

#loginform {
	padding: 0 20px 0 20px;
}

#userform {
	padding: 0 20px 0 20px;
}

#prenotazione {
	padding: 0 20px 0 20px;
}


#prenotazione {
  padding: 0 20px 0 20px;
}


#prenotazione table {border-top: 1px solid #000; border-right: 1px solid #000; }
#prenotazione td {border-left: 1px solid #000; border-bottom: 1px solid #000;}

.form h1 {
	font-size: 18px;
	color: #FF7F00;	
}

.form label {
	color: #000;	
	font-size: 12px;
	font-weight: bold;
	float: right;
}

.form p {
	font-size: 12px;
	color: #000;	
}

/*
