/* ---------------------------------LAMPEDUSAESTATE.IT----------------------------------------------- */
@media only screen and (min-width : 651px) and (max-width : 1300px) {
body  {
background-color: #F3EFF0;
margin:     10px auto 0;
margin-top: 0px; 
margin-bottom: 0px;
background-repeat: no-repeat;
}
h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
margin-top: 0px;
	text-shadow: 2px 2px 2px #000000;
	font-weight: bold;
	}

h2 {
text-align: top;
margin-top: 0px;
margin-left: 0px;
}

.styletitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: oblique;
	text-shadow: 2px 2px 4px #000;
	font-size: 19px;
	color: #FFCC00;
	}
.styletitle2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-style: oblique;
	line-height: normal;
    color: #0080C0;
}
.style91 {
	font-family: Palatino, ‘Palatino Linotype’, ‘Hoefler Text’, Times, ‘Times New Roman’, serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	line-height: normal;
	font-weight: bold;
	text-shadow: 2px 2px 2px #CCCCCC;
	font-variant: normal;
}
.stylefinal2 {
font-family: Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif;
text-shadow: 2px 2px 3px #000;
font-size: 18px; 
font-style: normal; 
color: #FFCC00; 
font-weight: bold;
}
.modhomeform {
width: 75%;
height: auto;
margin-top: 1%;
margin-right: 1%;
opacity:0.9;
border-radius: 20px;
text-align: center;
position: relative;
border: 2px solid #3c763d;
background-color: #F3F7FE;
z-index: 80;
}
.view {
font-size: 16px;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-weight: bold;
padding: 20px; 
width: 100%;
height: auto;
margin-right:auto;
margin-left:auto;
}

.homeform { display: table; width: 100%; 
top: 1%; margin-top: 1%; padding-bottom: 1%;  margin-left: auto; margin-right: auto; }
.rowhomeform {clear: both; display: block; display: table-row; width: 100%; }
.rowhomeform2 {clear: both; display: block; display: table-row; width: 100%;}
.rowhomeform3 {clear: both; display: block; display: table-row; width: 100%;}
.rowhomeform4 {clear: both; display: block; display: table-row; width: 100%; }
.colhomeform1 { float: left; width: 33%; height: auto; line-height: 20px; padding-left: 10px; padding-right: 10px;  display: table-cell;}
.colhomeform2 { float: left; width: 33%; height: auto; line-height: 20px; padding-left: 10px; padding-right: 10px;  display: table-cell;}
.colhomeform3 { float: left; width: 33%; height: auto; line-height: 20px;padding-left: 10px; padding-right: 10px;  display: table-cell;}
.colhomeform4 { float: left; width: 33%; height: auto; line-height: 20px; padding-left: 10px; padding-right: 10px; display: table-cell;}
.colhomeform5 { float: left; width: 33%; height: auto; line-height: 20px; padding-left: 10px; padding-right: 10px;  display: table-cell;}
.colhomeform6 { float: left; width: 33%; height: auto; line-height: 20px;padding-left: 10px; padding-right: 10px;  display: table-cell;}
.colhomeform7 { float: left; width: 24%; height: auto; line-height: 20px;padding-left: 10px; padding-right: 10px;  display: table-cell;}
.colhomeform8 { float: left; width: 24%; height: auto; line-height: 20px;padding-left: 10px; padding-right: 10px;  display: table-cell;}
.colhomeform9 { float: left; width: 24%; height: auto; line-height: 20px;padding-left: 10px; padding-right: 10px;  display: table-cell;}
.colhomeform10 { float: left; width: 24%; height: auto; line-height: 20px;padding-left: 10px; padding-right: 10px;  vertical-align: bottom; display: table-cell;}

.taboffers { display: table; width: 100%; 
top: 5%; margin-top: 5%; margin-bottom: 10%;  background-color: #F3F7FE; margin-left: auto; margin-right: auto; border: 1px solid #D1D1D1; }
.rowoffers { clear: both; display: block; display: table-row; width: 100%; }
.coloffers1 { float: left; width: 20%; height: 150px; padding-right: 10px;  display: table-cell;}
.coloffers2 { float: left; width: 57%; height: 120px;  padding-left: 10px; padding-top: 10px; padding-right: 10px; border-right: 1px solid #D1D1D1; display: table-cell;}
.coloffers3 { float: right; width: 13%; height: 120px;  padding-right: 20px; padding-top: 20px; text-align: center; display: table-cell;}

.bookbtn {
 width: 100px;
    display: inline;
    margin-bottom: 20px;
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
	  font-weight: bold; 
    text-align: center;
    background-color: #31A6C5;
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.3)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
bookbtn:hover,
.bookbtn:hover {  
    color: #fff;
    background-color: #A6DFF0;
}

.line {
background: #8DBEE2 none repeat scroll 0 0;
display: block;
width: 100%;
height: 1px;
margin: 4px 0 12px;
padding: 0;
}
.line2 {
background: #D1D1D1 none repeat scroll 0 0;
display: block;
width: 100%;
height: 1px;
margin: 4px 0 12px;
padding: 0;
}

/* ---------------------------------CORPO PRINCIPALE----------------------------------------------- */

#containerhome {
width: 100%;
height: auto;
background-color: #FFFFFF;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
}
#container {
width: 100%;
height: auto;
background-size: 100%;
background-image: url(../im-sito-lampedusa-estate/foto-0.jpg);
position: absolute;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
background-repeat: no-repeat;
}
#container2 {
width: 100%;
height: 100%;
background-image: url(../im-sito-lampedusa-estate/sfondo-2.jpg);
position: absolute;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
}
#container3 {
width: 100%;
height: auto;
background-size: 100%;
background-image: url(../im-sito-lampedusa-estate/foto-3.jpg);
position: absolute;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
background-repeat: no-repeat;
}
#container4 {
width: 100%;
height: auto;
background-size: 100%;
background-image: url(../im-sito-lampedusa-estate/foto-4.jpg);
position: absolute;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
background-repeat: no-repeat;
}
#container5 {
width: 100%;
height: auto;
background-size: 100%;
background-image: url(../im-sito-lampedusa-estate/foto-5.jpg);
position: absolute;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
background-repeat: no-repeat;
}
#container6 {
width: 100%;
height: auto;
background-size: 100%;
background-image: url(../im-sito-lampedusa-estate/foto-6.jpg);
position: absolute;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
background-repeat: no-repeat;
}
#container7 {
width: 100%;
height: auto;
background-size: 100%;
background-image: url(../im-sito-lampedusa-estate/foto-7.jpg);
position: absolute;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
background-repeat: no-repeat;
}
#container8 {
width: 100%;
height: auto;
background-size: 100%;
background-image: url(../im-sito-lampedusa-estate/foto-8.jpg);
position: absolute;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
background-repeat: no-repeat;
}
#container9 {
width: 100%;
height: auto;
background-size: 100%;
background-image: url(../im-sito-lampedusa-estate/foto-9.jpg);
position: absolute;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
background-repeat: no-repeat;
}
#container10 {
width: 100%;
height: auto;
background-size: 100%;
background-image: url(../im-sito-lampedusa-estate/foto-10.jpg);
position: absolute;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
background-repeat: no-repeat;
}
#container11 {
width: 100%;
height: auto;
background-size: 100%;
background-image: url(../im-sito-lampedusa-estate/foto-11.jpg);
position: absolute;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
background-repeat: no-repeat;
}
#container12 {
width: 100%;
height: auto;
background-size: 100%;
background-image: url(../im-sito-lampedusa-estate/foto-12.jpg);
position: absolute;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
background-repeat: no-repeat;
}
#container13 {
width: 100%;
height: auto;
background-size: 100%;
background-image: url(../im-sito-lampedusa-estate/foto-14.jpg);
position: absolute;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
background-repeat: no-repeat;
}


/* ----------------------------------INTESTAZIONE------------------------------------------------- */

#divtop {
width: 100%;
height: auto;
valign: top;
margin-right:auto;
margin-left:auto; 
border-bottom: 2px solid #CCCCCC;
align: center;
margin-bottom: 25%;
position: fixed;
z-index: 9999;
top: 0px; 
background-color: #FFFFFF;
text-align : top;
}
#divtop2 {
width: 100%;
height: 100px;
valign: top;
margin-right:auto;
margin-left:auto;
top: 0px; 
background-color: #FFFFFF;
text-align : top;
}
.tabtop { display: table; width: 100%; 
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin-right:auto;
margin-left:auto;
background-color: #464646;  }
.rowtop {clear: both; display: block; display: table-row; width: 100%;}
.coltop {  float: left; width: 33%; text-align: left; padding-left: 1%; height: 60px; border-right: 1px solid #F2F2F2; background-repeat: no-repeat; display: table-cell}
.coltop2 {  float: left; width: 0%; text-align: center; height: 40px; line-height: 40px; background-repeat: no-repeat; display: table-cell}
.coltop3 {  float: left; width: 25%; text-align: center; height: 60px; line-height: 60px; border-right: 1px solid #F2F2F2; display: table-cell}
.coltop4 { float: left; width: 27%; text-align: center; height: 60px; line-height: 60px; display: table-cell}


#atleft {
width: 24%;
height: auto;
margin-bottom:10px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
float: left;
background-repeat: no-repeat;
}
#atright {
width: 76%;
height: auto;
margin-bottom:10px;
float: left;
background-repeat: no-repeat;
}

.media {
vertical-align: top;
max-width:160px;
float: left;
position: relative;
z-index: 88;
margin-right: 10px;
}
.topbutton {
border:0px;
}


.tabphonesm {
 background-repeat: no-repeat;
margin-right:auto;
margin-left:auto; text-align: center; display: table; width: 100%; top: 10px; margin-top: 10px; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.rowphonesm {clear: both; display: block; display: table-row; width: 100%;}
.colphone1sm { float: left; width: 40%; background-color: #EFEFEF; border: 1px solid #999999; margin: 10px; height: 50px; line-height: 50px;  display: table-cell;}
.colphone2sm { float: left; width: 10%; height: 50px; line-height: 50px; display: table-cell;}
.colphone3sm { float: left; width: 40%; background-color: #EFEFEF; border: 1px solid #999999; margin: 10px; height: 50px; line-height: 50px; display: table-cell;}


/* ----------------------------------PAGINA APPARTAMENTI------------------------------------------------- */

#atleft7 {
width: 45%;
height: 500px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
float: left;
margin-top: 0px;
margin-bottom: 20px;
background-color: #FFFFFF;


}
#atright7 {
width: 55%;
height: 500px;
padding-bottom: 10px;
float: left;
margin-bottom: 20px;
margin-top: 0px;
background-color: #FFFFFF;
}

#atleft8 {
width: 78%;
height: 100%;
font-size: 12px;
margin-right: 10px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
float: left;
background-color: #FFFFFF;
}
#atright8 {
width: 20%;
height: 100%;
float: left;
}

/* -------------------------------------MENU-------------------------------------------------------------- */

#divmenu {
width: 100%;
}
.divmenusx {
width: 10%;
height: 50px;
float: left;
border-bottom: 2px solid #CCCCCC;
background: #DFDFDF;
}
.divmenucnt {
width: 60%;
height: 50px;
float: left;
border-bottom: 2px solid #CCCCCC;
background: #DFDFDF;
}
.divmenudx {
width: 30%;
height: 50px;
background: #DFDFDF;
border-bottom: 2px solid #CCCCCC;
float: left;
}

	 
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@media all and (max-width: 480px) {
ul.egmenu { height: auto; }
ul.egmenu > li { float: left; width: 100%; }
ul.egmenu a { line-height: 40px; }
ul.egmenu ul { position: relative; }
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  background: #DFDFDF;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1;
  background: #ffffff;
}
/* ----------------------------------LINEA SOPRA BOTTONE------------------------------------------------- */
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #FB8C42;
  z-index: 10000;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
/* ----------------------------------------------------------------------------------------- */
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding: 17px;
  font-size: 11px;
  text-decoration: none;
  text-transform: uppercase;
  color: #333333;
border-right: 1px solid #CCCCCC;
font-weight: bold;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #009ae1;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 21px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  content: "";
  z-index: 10000;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #009ae1;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li { 
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: 32px;
}
#cssmenu ul ul li a {
  padding: 10px 20px;
  width: 180px;
  font-size: 12px;
  background: #333333;
  text-decoration: none;
  color: #dddddd;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
/* ----------------------------------COLORE TENDINA------------------------------------------------- */
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #333333;
  background: #FFFFFF;
}
/* ----------------------------------------------------------------------------------- */
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  z-index: 10000;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 90%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #000000;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #000000;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {

    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
	z-index: 10000;
    background: #000000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
	z-index: 10000;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 100;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
	z-index: 10000;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #000000;
    z-index: 9999;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #000000;
    z-index: 10000;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
}

.tabstructure { display: table; width: 100%; 
margin-right:auto; margin-left:auto; top: 5%; margin-top: 5%; background-color: #FFFFFF;  }
.rowstruct {clear: both; display: block; display: table-row; width: 100%;}
.rowstruct2 {clear: both; display: block; display: table-row; width: 100%;}
.colstruct { background-color: #F5F5F5; float: left; width: 31%; text-align: center; margin-left: 10px; margin-bottom: 10px; height: 370px;  text-align: top; background-repeat: no-repeat; display: table-cell}
.colstruct2 { background-color: #F5F5F5; float: left; width: 31%; text-align: center; margin-left: 10px;  margin-bottom: 10px; height: 370px; background-repeat: no-repeat; display: table-cell}
.colstruct3 { background-color: #F5F5F5; float: left; width: 31%; text-align: center; margin-left: 10px;  margin-bottom: 10px; height: 370px; display: table-cell}
.colstruct4 { background-color: #F5F5F5; float: left; width: 31%; text-align: center; margin-left: 10px; height: 370px; display: table-cell}
.colstruct5 { background-color: #F5F5F5; float: left; width: 31%; text-align: center; margin-left: 10px; height: 370px; display: table-cell}
.colstruct6 { background-color: #F5F5F5; float: left; width: 31%; text-align: center; margin-left: 10px; height: 370px; display: table-cell}

/* ----------------------------------PARTE SOTTO INTESTAZIONE------------------------------------------------- */

#backgroundone {
width: 100%;
height: 350px;
margin-right:auto;
margin-left:auto;
valign: top;
background: url(../im-sito-lampedusa-estate/lampedusaestate-6.jpg) no-repeat;
background-repeat: no-repeat;
}


/* ----------------------------------PARTE SOPRA SFONDOUNO------------------------------------------------- */


#atleft2 {
width: 36%;
height: 250px;
top: 0px;
float: left;
margin-top: 0px;
margin-right:auto;
margin-left:auto;
align: top;
}

.atleftcenter {
background-image: url(../im-sito-lampedusa-estate/foto-mask.png);
width: 314px;
height: 250px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
margin-top: 30%;
margin-right:auto;
text-align: center;
padding: 15px;
background-repeat: no-repeat;
}

#atright2 {
width: 64%;
height: 250px;
float: left;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
margin-right:auto;
margin-left:auto;
padding: 0px;
}

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

#maindiv {
width: 200px;
height: 145px;
position:absolute;
z-index: 4;
overflow: hidden;
padding: 10px;
}	
#outdiv {
width: 200px;
height: 145px;
position:absolute;
z-index: 4;
overflow: hidden;
padding: 10px;
}		 
#scrolldiv {
width: 200px;
height: 145px;
position:absolute;
z-index: 4;
overflow: auto;
padding: 10px;
}
.contactbox {
display: table; width: 100%; 
 padding-bottom: 10px;}
.rowbox {clear: both; display: block; display: table-row; width: 100%;}
.colbox1 { float: left; width: 45%; font-family: Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif; color: #333333; text-align: center;  font-weight: bold;height: auto; margin: 10px; display: table-cell}
.colbox2 { float: left; width: 45%; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; text-align: center;  height: auto; margin: 10px; display: table-cell}



/* ----------------------------------CLASSI IMMAGINI------------------------------------------------- */

.imgvarious {
border-radius: 10px 10px 10px 10px;
}

.imgall {
padding: 7px;
margin-right: 20px;
display: block;
margin: 0px auto;
text-align: center;
box-shadow: 1px 1px 3px #999999;
}
.imgcontact {
width: 90%;
padding: 7px;
margin-right:20px;
margin-left:20px;
margin-bottom: 40px;
float: left;
}
.imgoffers {
width: 100%;
padding: 10px;
float: center;
background-color: #FFFFFF;
box-shadow: -1px 1px 4px 1px #333333;
}
.imgoffers2 {
padding: 10px;
display: block;
margin: 0px auto;
text-align: center;
background-color: #FFFFFF;
box-shadow: -1px 1px 4px 1px #333333;
}
.imgoffers3 {
width: 100%;
padding: 10px;
display: block;
margin: 0px auto;
display: block;
margin: 0px auto;
text-align: center;
background-color: #FFFFFF;
box-shadow: 2px 2px 2px 2px #CCCCCC;
}

.flex {
margin-top: 5px;
margin-right: 5px;
top: 0px;
float: left;
position: relative;
}
.flexprev {
margin-top: 2%;
margin-left: 10%;
border: 1px solid #6699CC;
top: 0px;
float: left;
border-radius: 7px;
position: relative;
}
.flexcontact {
margin-top: 0px;
margin-right: 0px;
top: 0px;
float: right;
position: relative;
}
.flex2 {
width: 100%;
margin-top: 13%;
margin-right: 1%;
float: left;
position: relative;
}
.flex3 {
max-width:100%;
margin-bottom: 10px;
padding: 7px;
margin-right: 20px;
float: center;
box-shadow: 1px 1px 3px #999999;
}

.imgoffersbig {
width: 90%;
padding: 7px;
margin-right:20px;
margin-left:20px;
margin-bottom: 40px;
float: left;
box-shadow: 1px 1px 3px #999999;
padding: 10px;
vertical-align: top;
}
.imghome {
padding: 5px;
margin: 0 auto;
box-shadow: 1px 1px 2px #999999;
}

.imghome2 {
padding: 3px;
width: 100%;
background-color: #FFFFFF;
margin: 0 auto;
box-shadow: 1px 1px 2px #999999;
}
.imgprev2 {
width: 100%;
margin-top:2%;
margin-bottom: 20%;
margin-left: auto;
float: right; 
margin-right: auto;
box-shadow: 1px 1px 3px #999999;
border-radius: 10px; 
}
.flexperc {
max-width:600px;
max-height:450px;
margin-bottom: 10px;
padding: 7px;
margin-right: 20px;
float: center;
box-shadow: 1px 1px 3px #999999;
}
.linetop {
	width: 100%;
	height: 40px;
}
.linetop2 {
	width: 100%;
	height: 10px;
}
.linebottom {
	width: 100%;
	height: 50px;
}

.imgprev {
margin-top:2%;
}

.imgoff {
vertical-align: top;
margin-right: 5px;
float: left;
}

.imgapp {
vertical-align: top;
padding: 7px;
margin-right:30px;
margin-left: 30px;
box-shadow: -1px 1px 4px 1px #999999;
}

.imghome {
padding: 5px;
margin: 0 auto;
box-shadow: 1px 1px 2px #999999;
}

.icon {
vertical-align: middle;
margin-right: 2px;
}
.icon2 {
left: 0px;
padding-bottom: 2%; 
padding-right: 1%; 
}
.icon3 {
vertical-align: middle;
margin: 2px;
}

.star {
vertical-align: middle;
}

.appchoice {
width: 100%; 
height: auto;
padding-top: 10%;
padding-bottom: 10%;
margin-bottom: 10%;
background-repeat: no-repeat;
background-image: url(../im-sito-lampedusa-estate/post-it-bianco.png);
}

.tabchoice {  display: table; width: 90%; 
top: 60px;
margin-top: 40px;
margin-bottom: 30px; margin-right:auto; margin-left:auto; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #333333; }
.rowchoise1 {clear: both; display: block; display: table-row; width: 90%;}
.colchoice1 { background-color: #F0F0F0; float: left; width: 20%; height: 150px; padding-top: 10px;  text-align: center; vertical-align: middle;  background-repeat: no-repeat; display: table-cell; }
.colchoice2 { background-color: #F0F0F0; float: left; width: 20%; height: 150px; padding-top: 10px; text-align: center; vertical-align: middle; text-align: center; vertical-align: middle; background-repeat: no-repeat; display: table-cell; }
.colchoice3 { background-color: #F0F0F0; float: left; width: 20%; height: 150px; padding-top: 10px; text-align: center; vertical-align: middle; background-repeat: no-repeat; display: table-cell; }
.colchoice4 { background-color: #F0F0F0; float: left; width: 20%; height: 150px; padding-top: 10px; text-align: center; vertical-align: middle; background-repeat: no-repeat; display: table-cell; }
.colchoice5 { background-color: #F0F0F0; float: left; width: 20%; height: 150px; padding-top: 10px; text-align: center; vertical-align: middle; background-repeat: no-repeat; display: table-cell; }

/* ----------------------------------CORPO DEL SITO------------------------------------------------- */

#divbody {
	width: 95%;
	height: auto;
	valign: top;
	margin-right:auto;
	margin-left:auto;
margin-top: 160px;
	box-shadow: 1px 1px 2px #999999;
	text-align : top;
}
#divbodyhome {
	width: 98%;
	height: auto;
	valign: top;
	margin-right:auto;
	margin-left:auto;
	margin-top:2%;
	box-shadow: 1px 1px 2px #999999;
	text-align : top;
}
#divbody2 {
	width: 95%;
	height: auto;
	valign: top;
	margin-right:auto;
	margin-left:auto;
	margin-top:30px;
	top: 30px;
	box-shadow: 1px 1px 2px #999999;
	text-align : top;
	
}
#bodyapp {
	width: 95%;
	height: auto;
	valign: top;
	margin-right:auto;
	margin-left:auto;
	margin-top:20%;
      padding-bottom: 10%;
	background-color: #FFFFFF;
	box-shadow: 1px 1px 2px #999999;
	text-align : top;
}
.lightb {
	width: 95%;
	height: 100%;
	valign: top;
	margin-right:auto;
	margin-left:auto;
	text-align : top;
	background-color: #FFFFFF;
}


#divbodypic {
width: 85%;
height: 800px;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top:30px;
top: 30px;
margin-bottom: 50px;
text-align : top;
}

#divbodypic2 {
width: 85%;
height: 1200px;
z-index: 2;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top:30px;
top: 30px;
text-align : top;
margin-bottom: 50px;
}
.boxhome1 {
width: 75%;
height: 100%;
float: left;
font-size: 13px;
margin-right: 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
background-color: #FFFFFF;
text-align: left;
box-shadow: -1px 1px 4px 1px #E2E2E2;
}
.boxhome2 {
width: 20%;
height: 100%;
float: left;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
text-align: left;
}
.boxsx {
width: 75%;
height: 100%;
background-color: #FFFFFF;
float: left;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
margin-right: 2%;
text-align: left;
margin-bottom: 50px;
border: 1px solid #CCCCCC;
box-shadow: -1px 1px 4px 1px #E2E2E2;
}
.boxdx {
width: 23%;
height: 100%;
float: left;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
text-align: left;
}
.boxdxbg {
width: 75%;
height: 100%;
float: left;
font-size: 15px;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
border-left-color: #FFFFFF;
border-left-style: solid;
border-left-width: 5px;
text-align: left;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
padding: 10px;
top: -1px;
}
.boxdxbg1 {
width: 80%;
height: 100%;
float: left;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
text-align: left;
margin-top: 10px;
margin-right: 10px;
top: -1px;
}
.boxsxsm {
width: 15%;
height: 100%;
float: left;
font-size: 14px;
border-right-color: #FFFFFF;
border-right-style: solid;
border-right-width: 5px;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
text-align: left;
margin-top: 10px;
margin-right: 5px;
margin-left: 5px;
}
.boxsxsm1 {
width: 15%;
height: 100%;
float: left;
background-color: #FFFFFF;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
text-align: left;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
}
.boxunic {
width: 100%;
height: 100%;
float: left;
font-size: 13px;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
text-align: left;
margin-bottom: 50px;
bottom: 50px;
border: 1px solid #CCCCCC;
box-shadow: -1px 1px 4px 1px #E2E2E2;
}
.boxunicpic {
width: 100%;
height: 100%;
float: left;
font-size: 13px;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
text-align: left;
margin-bottom: 50px;
bottom: 50px;
border: 1px solid #CCCCCC;
box-shadow: -1px 1px 4px 1px #E2E2E2;
}

.boxsx50 {
width: 48%;
height: auto;
float: left;
font-size: 13px;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
text-align: left;
margin-bottom: 50px;
border: 1px solid #CCCCCC;
box-shadow: -1px 1px 4px 1px #E2E2E2;
}
.boxdx50 {
width: 48%;
height: auto;
float: left;
font-size: 13px;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
text-align: left;
margin-bottom: 50px;
margin-left: 10px;
border: 1px solid #CCCCCC;
box-shadow: -1px 1px 4px 1px #E2E2E2;
}.advertising {
width: 100%;
height: auto;
}

/* ----------------------------------STRISCE SOPRA CORPO TESTO------------------------------------------------- */
.striphome {
background-color:#0080C0;
width: 100%;
height: auto;
text-align: center;
margin-right:auto;
margin-left:auto;
}

.striphome2 {
background-color:#0080C0;
width: 100%;
height: auto;
text-align: center;
margin-right:auto;
margin-left:auto;
}
.striphome3 {
background-color:#0080C0;
width: 100%;
text-align: center;
color: #0080C0;
height: auto;
margin-right:auto;
margin-left:auto;
}


#finalbackground {
width: 100%;
height: auto;
float: left;
background-color: #2A4460;
}
.finalbackgroundbottom {
width: 100%;
height: auto;
padding-left: 1%;
float: left;
background-color: #273A4E;
}

.tabfinal {
display: table; width: 99%; 
margin-left: 5px; float: left;}
.rowfinal {clear: both; display: block; display: table-row; width: 95%;}
.colfinal1 { float: left; width: 30%; font-size: 14px; font-family: Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif; color: #FFFFFF; font-weight: bold;height: auto; margin: 10px; display: table-cell}
.colfinal2 { float: left; width: 20%; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; height: auto; margin: 10px; display: table-cell}
.colfinal3 { float: left; width: 20%; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; height: auto; margin: 10px; display: table-cell}
.colfinal4 { float: left; width: 20%; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; height: auto; margin: 10px; display: table-cell}


.logo {
vertical-align: middle;
margin-top: 0px;
}
.backgroundfinalhome {
width: 100%;
height: 80px;
float: left;
cellpadding: 0px;
cellspacing: 0px;
margin-right:auto;
margin-left:auto;
margin-top: 10px;
margin-bottom: 0px; 
bottom: 0;
vertical-align: bottom;
align: center;
background-repeat: no-repeat;
}

/* ---------------------------------PRESENTAZIONE PAGINA PRINCIPALE LAMPEDUSAESTATE------------------------------------------------ */


.tabcell {
background-image: url(../im-sito-lampedusa-estate/foto-36.jpg); background-repeat: no-repeat;
margin-right: auto; margin-left: auto; display: table; width: 95%; top: 10px; margin-top: 10px; padding-bottom: 10px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.rowcell {clear: both; display: block; display: table-row; width: 100%;}
.rowcell2 {clear: both; display: block; display: table-row; width: 100%;}
.colcell1 {  float: left; width: 75%; background-color: #EFEFEF; margin: 10px; padding: 10px;  height: auto;  display: table-cell;}
.colcell2 { background-repeat: no-repeat; float: left; width: 20%; margin: 10px; height: 150px;  display: table-cell;}
.colcell3 { background-repeat: no-repeat; float: left; width: 20%; margin: 10px; height: 130px;  display: table-cell;}
.colcell4 { float: left; background-color: #EFEFEF; width: 75%; margin: 10px; padding: 10px; height: auto; display: table-cell;}


/* ----------------------------------MODULO LATERALE PAGINA HOME------------------------------------------------- */

.striphomedx {
background-image: url(im-sito-lampedusa-estate/pulsante-fucsia-sfumato-md.png);
width: 90%;
height: 60px;
overflow: center;
text-align: center;
valign: middle;
margin: auto;
padding: 0px;
box-shadow: 2px 2px 3px #000000;
}

.boxcontact {
width: 90%;
margin: auto;
text-align: center;
margin-right:auto;
margin-left:auto;
background-color: #FFFFFF;
}

/* ----------------------------------TABELLA MODULO NELLA PAGINA CONTATTI------------------------------------------------- */

#news {
width: 70%;
margin-right:auto; margin-left:auto; border: 1px solid #CCCCCC; border-radius: 10px; 
height: auto;
padding: 20px;
margin-right:auto;
margin-left:auto;
}

.tabphone {
 background-repeat: no-repeat;
margin: 0px auto; text-align: center; display: table; width: 90%; top: 10px; margin-top: 10px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.rowphone {clear: both; display: block; display: table-row; width: 100%;}
.colphone1 { float: left; width: 21%; background-color: #EFEFEF; border: 1px solid #999999; margin: 10px; height: 50px; line-height: 50px;  display: table-cell;}
.colphone2 { float: left; width: 21%; background-color: #EFEFEF; border: 1px solid #999999; margin: 10px; height: 50px; line-height: 50px; display: table-cell;}
.colphone3 { float: left; width: 21%; background-color: #EFEFEF; border: 1px solid #999999; margin: 10px;  height: 50px; line-height: 50px; display: table-cell;}
.colphone4 { float: left; width: 26%; background-color: #EFEFEF;  border: 1px solid #999999; margin: 10px; height: 50px; line-height: 50px; display: table-cell;}

.tabcontact { display: table; width: 100%; 
left: 5px; border-radius: 10px;
padding: 10px; background-color: #F5F5F5;
margin-left: +5px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; }
.rowcont1 {clear: both; display: block; display: table-row; width: 100%;}
.rowcont2 {clear: both; display: block; display: table-row; width: 100%;}
.rowcont3 {clear: both; display: block; display: table-row; width: 100%;}
.rowcont4 {clear: both; display: block; display: table-row; width: 100%;}
.rowcont5 {clear: both; display: block; display: table-row; width: 100%;}
.rowcont6 {clear: both; display: block; display: table-row; width: 100%;}
.rowcont7 {clear: both; display: block; display: table-row; width: 100%;}
.rowcont8 {clear: both; display: block; display: table-row; width: 100%;}
.rowcont9 {clear: both; display: block; display: table-row; width: 100%;}
.colcont1 { float: left; width: 48%; height: auto; padding: 20px; display: table-cell}
.colcont2 { float: left; width: 48%; height: auto;  padding: 20px; display: table-cell}
.colcont3 { float: left; width: 48%; height: auto;  padding: 20px; display: table-cell}
.colcont4 {  float: left; width: 48%; padding: 20px; height: auto;  display: table-cell}
.colcont5 {  float: left; width: 48%; padding: 20px; height: auto; display: table-cell}
.colcont6 { float: left; width: 48%; height: auto; padding: 20px; display: table-cell}
.colcont7 { float: left; width: 48%; height: auto; padding: 20px; display: table-cell}
.colcont8 {  float: left; width: 48%; height: auto;  padding: 20px; display: table-cell}
.colcont9 { float: left; width: 35%; height: auto; padding: 20px; display: table-cell}
.colcont10 {  float: left; width: 25%; height: auto; padding: 20px; display: table-cell}
.colcont11 { float: left; width: 40%; height: auto; padding: 20px; display: table-cell}
.colcont12 { float: left; width: 48%; height: auto; padding: 20px; display: table-cell}
.colcont13 { float: left; width: 48%; height: auto; padding: 20px; display: table-cell}
.colcont14 { float: left; width: 28%; height: auto; padding: 20px; display: table-cell}
.colcont15 {  float: left; width: 68%; height: auto; padding: 20px; padding-bottom: 50px; display: table-cell}
.colcont16 { border-radius: 10px; border: 1px solid #BCBCBC; float: left; width: 48%; height: auto; padding: 20px; margin-bottom: 50px; display: table-cell}
.colcont17 {  float: left; width: 48%; height: auto; padding: 20px; display: table-cell}
.colcont18 { float: left; width: 48%; height: auto; padding: 20px; display: table-cell}

/* ----------------------------------TABELLA MODULO PAGINA APPARTAMENTI------------------------------------------------- */
.tabcont {
width: 400px;
height: auto;
}
.tabform { width: 300px; 
height: 700px;
left: 0px; 
top: 2px;
bottom: 0px;
margin-left: 0px;
margin-top: +2px;
margin-bottom: +0px; background-color: #FFFFFF;}
.rowform1 {clear: both;  width: 300px;}
.colform1 { background-color: #FFFFFF; width: 100%; height: 60px; text-align: center; }
.colform2 { background-color: #FFFFFF; width: 100%; height: 60px; text-align: center; }
.colform3 { background-color: #FFFFFF; width: 100%; height: 60px; text-align: center; }
.colform4 { background-color: #FFFFFF; width: 100%; height: 60px; text-align: center; }
.colform5 { background-color: #FFFFFF; width: 100%; height: 60px; text-align: center; }
.colform6 { background-color: #FFFFFF; width: 100%; height: 60px; text-align: center; }
.colform7 { background-color: #FFFFFF; width: 100%; height: 60px; text-align: center; }
.colform8 { background-color: #FFFFFF; width: 100%; height: 60px; text-align: center; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; }
.colform9 { background-color: #FFFFFF; width: 100%; height: 100px; text-align: center; }
.colform10 { background-color: #FFFFFF; width: 100%; height: 50px; text-align: center; }

.tabform2 { display: table; width: 300px; 
left: 0px; 
top: 0px;
bottom: 0px;
margin-left: 0px;
margin-top: +0px;
margin-bottom: +0px; }
.rowform7 {clear: both; display: block; display: table-row; width: 300px;}
.rowform8 {clear: both; display: block; display: table-row; width: 300px;}
.rowform9 {clear: both; display: block; display: table-row; width: 300px;}
.rowform10 {clear: both; display: block; display: table-row; width: 300px;}
.rowform11 {clear: both; display: block; display: table-row; width: 300px;}
.rowform12 {clear: both; display: block; display: table-row; width: 300px;}
.rowform13 {clear: both; display: block; display: table-row; width: 300px;}
.colform13 { background-color: #EAD5EA; float: left; width: 50%; height: 30px; border-radius: 10px 0px 0px 0px; display: table-cell}
.colform14 { background-color: #EAD5EA; float: left; width: 50%; height: 30px; border-radius: 0px 10px 0px 0px; display: table-cell}
.colform15 { background-color: #F0F7FF; float: left; width: 50%; height: 60px; text-align: top; display: table-cell}
.colform16 { background-color: #F0F7FF; float: left; width: 50%; height: 60px; display: table-cell}
.colform17 { background-color: #FFFFFF; float: left; width: 50%; height: 60px; display: table-cell}
.colform18 { background-color: #FFFFFF; float: left; width: 50%; height: 60px; display: table-cell}
.colform19 { background-color: #F0F7FF; float: left; width: 50%; height: 60px; display: table-cell}
.colform20 { background-color: #F0F7FF; float: left; width: 50%; height: 60px; display: table-cell}
.colform21 { background-color: #FFFFFF; float: left; width: 60%; height: 60px; display: table-cell}
.colform22 { background-color: #FFFFFF; float: left; width: 40%; height: 60px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; display: table-cell}
.colform23 { background-color: #F0F7FF; float: left; width: 50%; height: 80px; display: table-cell}
.colform24 { background-color: #F0F7FF; float: left; width: 50%; height: 80px; display: table-cell}
.colform25 { background-color: #FFFFFF; float: left; width: 50%; height: 200px; border-radius: 0px 0px 0px 10px; display: table-cell}
.colform26 { background-color: #FFFFFF; float: left; width: 50%; height: 200px; border-radius: 0px 0px 10px 0px; display: table-cell}

.formhome {
width: 60%;
margin: auto;
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;
text-align: center;
margin-right:auto;
margin-left:auto;
font color: #999999;
padding: 20px;
}
/* ----------------------------------TABELLE LISTA APPARTAMENTI GENERALE------------------------------------------------- */


.tabapart {  display: table; width: 100%; 
top: 10%;
margin-top: 10%;
margin-bottom: 10%; margin-right:auto; margin-left:auto; border: 1px solid #8DBEE2; }
.rowapart1 {clear: both; display: block; display: table-row; width: 100%; }
.colapart1 { background-color: #F0F7FF; float: left; width: 25%; height: 210px; padding: 2%; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #333333; background-repeat: no-repeat; display: table-cell; }
.colapart2 { background-color: #F0F7FF; float: left; width: 52%; height: 210px; padding: 2%; background-repeat: no-repeat;  border-right: 1px solid #8DBEE2; display: table-cell; }
.colapart3 { background-color: #F0F7FF; float: left; width: 23%; height: 210px; padding: 2%; background-repeat: no-repeat; display: table-cell; }


/* ----------------------------------DESCRIZIONE APPARTAMENTI E LISTINI------------------------------------------------- */


.key {
width: 90%; 
left: 50px; 
top: 20px;
margin-left: 50px; margin-top: +20px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold;}
.rowkey {clear: both;  width: 100%;}
.colkey1 { background-color: #C8E6FD; width: 80%; height: auto; border: 2px solid #97DDFF; margin-bottom: 20px; padding: 5px; text-align: center;  border-radius: 10px 10px 10px 10px; }
.colkey2 { background-color: #C8E6FD;  width: 80%; height: auto; border: 2px solid #97DDFF; margin-bottom: 20px; padding: 5px; text-align: center;  border-radius: 10px 10px 10px 10px; }
.colkey3 { background-color: #C8E6FD; width: 80%; height: auto; border: 2px solid #97DDFF; margin-bottom: 20px; padding: 5px; text-align: center; border-radius: 10px 10px 10px 10px; }
.colkey4 { background-color: #C8E6FD;  width: 80%; height: auto; border: 2px solid #97DDFF; margin-bottom: 20px; padding: 5px; text-align: center;  border-radius: 10px 10px 10px 10px; }
.fissa {
  position: fixed;
  top: 200px;
}

.boxapp {
width: 95%;
height: 100%;
overflow: hidden;
left: 8px; 
top: 0px;
margin-left: 8px;
margin-top: +0px;
padding: 20px;
font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;

}

.boxapp2 {
width: 95%;
height: auto;
overflow: hidden;
top: 0px;
margin-top: +0px;
padding: 20px;
padding-bottom: 10%;
box-shadow: 1px 1px 2px #CCCCCC;
font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;
background-color: #F7F7F7;
}
.rowprice2a:hover {
background-color: #96B6DA;}
.rowprice3a:hover {
background-color: #96B6DA;}
.rowprice4a:hover {
background-color: #96B6DA;}
.rowprice5a:hover {
background-color: #96B6DA;}
.rowprice6a:hover {
background-color: #96B6DA;}
.rowprice7a:hover {
background-color: #96B6DA;}
.rowprice8a:hover {
background-color: #96B6DA;}
.rowprice9a:hover {
background-color: #96B6DA;}
.rowprice10a:hover {
background-color: #96B6DA;}
.rowprice11a:hover {
background-color: #96B6DA;}
.rowprice12a:hover {
background-color: #96B6DA;}
.rowprice13a:hover {
background-color: #96B6DA;}
.rowprice14a:hover {
background-color: #96B6DA;}

.tabpricea { display: table; width: 100%; 
top: 20px; ;
margin-top: +20px; box-shadow: 2px 2px 3px #000000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; }
.rowprice1a {background-color: #417ABA; clear: both; display: block; display: table-row; width: 100%}
.rowprice2a { background-color: #D8E6F1; clear: both; display: block; display: table-row; width: 100%}
.rowprice3a {background-color: #C4D6EA; clear: both; display: block; display: table-row; width: 100%}
.rowprice4a {background-color: #D8E6F1; clear: both; display: block; display: table-row; width: 100%}
.rowprice5a {background-color: #C4D6EA; clear: both; display: block; display: table-row; width: 100%}
.rowprice6a {background-color: #D8E6F1;clear: both; display: block; display: table-row; width: 100%}
.rowprice7a {background-color: #C4D6EA;clear: both; display: block; display: table-row; width: 100%}
.rowprice8a {background-color: #D8E6F1;clear: both; display: block; display: table-row; width: 100%;}
.rowprice9a {background-color: #C4D6EA;clear: both; display: block; display: table-row; width: 100%;}
.rowprice10a {background-color: #D8E6F1;clear: both; display: block; display: table-row; width: 100%;}
.rowprice11a {background-color: #C4D6EA;clear: both; display: block; display: table-row; width: 100%;}
.rowprice12a {background-color: #D8E6F1;clear: both; display: block; display: table-row; width: 100%;}
.rowprice13a {background-color: #C4D6EA;clear: both; display: block; display: table-row; width: 100%;}
.rowprice14a {background-color: #D8E6F1;clear: both; display: block; display: table-row; width: 100%;}
.colprice1a {  float: left; width: 28%; height: 50px; padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; display: table-cell}
.colprice2a { float: left; width: 70%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice3a { float: left; width: 28%; height: 30px; transition: background-color 0.2s;  padding-left: 10px; text-align: left; display: table-cell}
.colprice4a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice5a { float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice6a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice7a {  float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left;  display: table-cell}
.colprice8a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice9a { float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice10a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center;  display: table-cell}
.colprice11a { float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left;  display: table-cell}
.colprice12a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice13a { float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice14a {float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice15a {  float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left;  display: table-cell}
.colprice16a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center;  display: table-cell}
.colprice17a { float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice18a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice19a {  float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice20a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice21a { float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice22a {  float: Left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice23a { float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice24a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center;  display: table-cell}
.colprice25a { float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left;  display: table-cell}
.colprice26a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice27a { float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left;  display: table-cell}
.colprice28a {  float: right; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}


.rowprice2b:hover {
background-color: #96B6DA;}
.rowprice3b:hover {
background-color: #96B6DA;}
.rowprice4b:hover {
background-color: #96B6DA;}
.rowprice5b:hover {
background-color: #96B6DA;}
.rowprice6b:hover {
background-color: #96B6DA;}
.rowprice7b:hover {
background-color: #96B6DA;}
.rowprice8b:hover {
background-color: #96B6DA;}
.rowprice9b:hover {
background-color: #96B6DA;}
.rowprice10b:hover {
background-color: #96B6DA;}
.rowprice11b:hover {
background-color: #96B6DA;}

.tabpriceb { display: table; width: 100%;  
top: 20px;
margin-top: +20px; box-shadow: 2px 2px 3px #000000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; }
.rowprice1b {background-color: #417ABA; clear: both; display: block; display: table-row; width: 100%;}
.rowprice2b {background-color: #D8E6F1; clear: both; display: block; display: table-row; width: 100%;}
.rowprice3b {background-color: #C4D6EA; clear: both; display: block; display: table-row; width: 100%;}
.rowprice4b {background-color: #D8E6F1; clear: both; display: block; display: table-row; width: 100%;}
.rowprice5b {background-color: #C4D6EA; clear: both; display: block; display: table-row; width: 100%;}
.rowprice6b {background-color: #D8E6F1; clear: both; display: block; display: table-row; width: 100%;}
.rowprice7b {background-color: #C4D6EA; clear: both; display: block; display: table-row; width: 100%;}
.rowprice8b {background-color: #D8E6F1; clear: both; display: block; display: table-row; width: 100%;}
.rowprice9b {background-color: #C4D6EA; clear: both; display: block; display: table-row; width: 100%;}
.rowprice10b {background-color: #D8E6F1; clear: both; display: block; display: table-row; width: 100%;}
.rowprice11b {background-color: #C4D6EA; clear: both; display: block; display: table-row; width: 100%;}
.colprice1b { float: left; width: 31%; height: 50px; padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; display: table-cell}
.colprice2b { float: left; width: 33%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice3b { float: left; width: 33%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice4b { float: left; width: 31%; height: 30px; transition: background-color 0.2s;  padding-left: 10px; text-align: left; display: table-cell}
.colprice5b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice6b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice7b { float: left; width: 31%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice8b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice9b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice10b { float: left; width: 31%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice11b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice12b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice13b { float: left; width: 31%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice14b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice15b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice16b { float: left; width: 31%; height: 30px; transition: background-color 0.2s;  padding-left: 10px; text-align: left; display: table-cell}
.colprice17b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice18b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice19b { float: left; width: 31%; height: 30px; transition: background-color 0.2s;  padding-left: 10px; text-align: left; display: table-cell}
.colprice20b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice21b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice22b { float: left; width: 31%; height: 30px; transition: background-color 0.2s;  padding-left: 10px; text-align: left; display: table-cell}
.colprice23b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice24b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice25b { float: left; width: 31%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice26b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice27b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice28b { float: left; width: 31%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice29b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice30b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice31b { float: left; width: 31%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice32b { float: left; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice33b { float: right; width: 33%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}


.rowprice2c:hover {
background-color: #96B6DA;}
.rowprice3c:hover {
background-color: #96B6DA;}
.rowprice4c:hover {
background-color: #96B6DA;}
.rowprice5c:hover {
background-color: #96B6DA;}
.rowprice6c:hover {
background-color: #96B6DA;}
.rowprice7c:hover {
background-color: #96B6DA;}
.rowprice8c:hover {
background-color: #96B6DA;}
.rowprice9c:hover {
background-color: #96B6DA;}
.rowprice10c:hover {
background-color: #96B6DA;}
.rowprice11c:hover {
background-color: #96B6DA;}

.tabpricec { display: table; width: 100%; 
top: 20px;
margin-top: +20px; box-shadow: 2px 2px 3px #000000; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; background-color: #CCFF99; }
.rowprice1c {background-color: #417ABA; clear: both; display: block; display: table-row; width:100%;}
.rowprice2c {background-color: #D8E6F1; clear: both; display: block; display: table-row; width: 100%;}
.rowprice3c {background-color: #C4D6EA; clear: both; display: block; display: table-row; width: 100%;}
.rowprice4c {background-color: #D8E6F1; clear: both; display: block; display: table-row; width: 100%;}
.rowprice5c {background-color: #C4D6EA; clear: both; display: block; display: table-row; width: 100%;}
.rowprice6c {background-color: #D8E6F1; clear: both; display: block; display: table-row; width: 100%;}
.rowprice7c {background-color: #C4D6EA; clear: both; display: block; display: table-row; width: 100%;}
.rowprice8c {background-color: #D8E6F1; clear: both; display: block; display: table-row; width: 100%;}
.rowprice9c {background-color: #C4D6EA; clear: both; display: block; display: table-row; width: 100%;}
.rowprice10c {background-color: #D8E6F1; clear: both; display: block; display: table-row; width: 100%;}
.rowprice11c {background-color: #C4D6EA; clear: both; display: block; display: table-row; width: 100%;}
.colprice1c { float: left; width: 23%; height: 50px; padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; display: table-cell}
.colprice2c { float: left; width: 25%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice3c { float: left; width: 25%; height: 50px; font-family: Verdana, Arial, HelveticAa, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice4c { float: left; width: 25%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice5c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px;  text-align: left; display: table-cell;}
.colprice6c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; vertical-align: middle; display: table-cell;}
.colprice7c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; vertical-align: middle; display: table-cell; }
.colprice8c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; vertical-align: middle; display: table-cell;}
.colprice9c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left;  display: table-cell}
.colprice10c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center;display: table-cell}
.colprice11c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice12c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice13c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left;  display: table-cell}
.colprice14c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice15c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice16c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center;display: table-cell}
.colprice17c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice18c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center;  display: table-cell}
.colprice19c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice20c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice21c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice22c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice23c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice24c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice25c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice26c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice27c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice28c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice29c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice30c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice31c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice32c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice33c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice34c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center;  display: table-cell}
.colprice35c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice36c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice37c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice38c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center;  display: table-cell}
.colprice39c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice40c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice41c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice42c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice43c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice44c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}

.rowprice2d:hover {
background-color: #96B6DA;}
.rowprice3d:hover {
background-color: #96B6DA;}
.rowprice4d:hover {
background-color: #96B6DA;}
.rowprice5d:hover {
background-color: #96B6DA;}
.rowprice6d:hover {
background-color: #96B6DA;}
.rowprice7d:hover {
background-color: #96B6DA;}
.rowprice8d:hover {
background-color: #96B6DA;}
.rowprice9d:hover {
background-color: #96B6DA;}
.rowprice10d:hover {
background-color: #96B6DA;}
.rowprice11d:hover {
background-color: #96B6DA;}
.rowprice12d:hover {
background-color: #96B6DA;}
.rowprice13d:hover {
background-color: #96B6DA;}
.rowprice14d:hover {
background-color: #96B6DA;}

.tabpriced { display: table; width: 100%; 
top: 20px;
margin-top: +20px; box-shadow: 2px 2px 3px #000000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; background-color: #CCFF99; }
.rowprice1d {background-color: #417ABA; clear: both; display: block; display: table-row; width: 100%}
.rowprice2d { background-color: #D8E6F1; clear: both; display: block; display: table-row; width: 100%}
.rowprice3d {background-color: #C4D6EA; clear: both; display: block; display: table-row; width: 100%}
.rowprice4d {background-color: #D8E6F1; clear: both; display: block; display: table-row; width: 100%}
.rowprice5d {background-color: #C4D6EA; clear: both; display: block; display: table-row; width: 100%}
.rowprice6d {background-color: #D8E6F1;clear: both; display: block; display: table-row; width: 100%}
.rowprice7d {background-color: #C4D6EA;clear: both; display: block; display: table-row; width: 100%}
.rowprice8d {background-color: #D8E6F1;clear: both; display: block; display: table-row; width: 100%;}
.rowprice9d {background-color: #C4D6EA;clear: both; display: block; display: table-row; width: 100%;}
.rowprice10d {background-color: #D8E6F1;clear: both; display: block; display: table-row; width: 100%;}
.rowprice11d {background-color: #C4D6EA;clear: both; display: block; display: table-row; width: 100%;}
.rowprice12d {background-color: #D8E6F1;clear: both; display: block; display: table-row; width: 100%;}
.rowprice13d {background-color: #C4D6EA;clear: both; display: block; display: table-row; width: 100%;}
.rowprice14d {background-color: #D8E6F1;clear: both; display: block; display: table-row; width: 100%;}
.colprice1d { float: left; width: 30%; height: 50px; padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; display: table-cell}
.colprice2d { float: left; width: 17%;; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice3d { float: left; width: 17%;%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice4d { float: left; width: 17%;%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice5d { float: left; width: 17%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice6d { float: left; width: 30%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left;  display: table-cell}
.colprice7d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center;  display: table-cell}
.colprice8d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; ldisplay: table-cell}
.colprice9d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center;  display: table-cell}
.colprice10d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center;  display: table-cell}
.colprice11d { float: left; width: 30%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left;  display: table-cell}
.colprice12d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice13d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice14d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice15d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice16d { float: left; width: 30%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice17d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice18d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice19d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice20d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice21d { float: left; width: 30%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice22d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center;  display: table-cell}
.colprice23d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice24d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice25d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice26d { float: left; width: 30%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left;  display: table-cell}
.colprice27d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice28d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center;  display: table-cell}
.colprice29d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice30d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-celAl}
.colprice31d { float: left; width: 30%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice32d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice33d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center;  display: table-cell}
.colprice34d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice35d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice36d { float: left; width: 30%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice37d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center;  display: table-cell}
.colprice38d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice39d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice40d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice41d { float: left; width: 30%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice42d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice43d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice44d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice45d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice46d { float: left; width: 30%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice47d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice48d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice49d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice50d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice51d { float: left; width: 30%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice52d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice53d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice54d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice55d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice56d { float: left; width: 30%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice57d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice58d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice59d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice60d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice61d { float: left; width: 30%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice62d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice63d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice64d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice65d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice66d { float: left; width: 30%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; display: table-cell}
.colprice67d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice68d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice69d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}
.colprice70d { float: left; width: 17%; height: 30px; transition: background-color 0.2s; text-align: center; display: table-cell}

/* ----------------------------------TABELLE OFFERTE APPARTAMENTI SOGGIORNO + MEZZO------------------------------------------------- */

.tabcolor { display: table; width: 95%; 
margin-right:auto; margin-left:auto; top: 5%; margin-top: 5%; background-color: #FFFFFF; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 17px; color: #FFFFFF; text-shadow: 2px 2px 2px #000000; font-weight: bold; box-shadow: 2px 2px 3px #000000; border-radius: 10px; }
.rowcolor {clear: both; display: block; display: table-row; width: 100%;}
.colcolor { background-color: #0099CC; float: left; width: 20%; text-align: center; height: auto; border-radius: 10px 0px 0px 10px; text-align: top; background-repeat: no-repeat; display: table-cell}
.colcolor2 { background-color: #9DE7FF; float: left; width: 20%; text-align: center; height: auto; background-repeat: no-repeat; display: table-cell}
.colcolor3 { background-color: #0099CC; float: left; width: 20%; text-align: center; height: auto; display: table-cell}
.colcolor4 { background-color: #9DE7FF; float: left; width: 20%; text-align: center; height: auto; display: table-cell}
.colcolor5 { background-color: #0099CC; float: left; width: 20%; text-align: center; height: auto; border-radius: 0px 10px 10px 0px; display: table-cell}


.tabcolor2 { display: table; width: 95%; 
margin-right:auto; margin-left:auto; top: 5%; margin-top: 5%; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 17px; color: #333333; text-shadow: 2px 2px 2px #FFFFFF; font-weight: bold; }
.rowcolor2 {clear: both; display: block; display: table-row; width: 100%;}
.colcolor6 { background-color: #E0E0E0; float: left; width: 18%; text-align: center; height: auto; margin: 10px; border-radius: 10px; text-align: top; background-repeat: no-repeat; display: table-cell}
.colcolor7 { background-color: #E9E9E9; float: left; width: 18%; text-align: center; height: auto; margin: 10px; border-radius: 10px; background-repeat: no-repeat; display: table-cell}
.colcolor8 { background-color: #E0E0E0; float: left; width: 18%; text-align: center; height: auto; margin: 10px; border-radius: 10px; display: table-cell}
.colcolor9 { background-color: #E9E9E9; float: left; width: 18%; text-align: center; height: auto; margin: 10px; border-radius: 10px; display: table-cell}
.colcolor10 { background-color: #E0E0E0; float: left; width: 18%; text-align: center; height: auto; margin: 10px; border-radius: 10px; display: table-cell}

/* ----------------------------------TABELLE PACCHETTI VACANZE COMPLETI------------------------------------------------- */


.tabpost { display: table; width: 700px; 
margin-right:auto; margin-left:auto; margin-top: 5%; background-image: url(im-sito-lampedusa-estate/sfondo-pacchetti-3.jpg); background-repeat: no-repeat; box-shadow: 3px 3px 3px #000000; border-radius: 10px; }
.rowpost1 {clear: both; display: block; display: table-row; width: 700px;}
.colpost1 { float: left; width: 20%; height: 468px; background-repeat: no-repeat; border-radius: 10px 0px 0px 0px; display: table-cell;}
.colpost2 { float: left; width: 21%; height: 468px; background-repeat: no-repeat; display: table-cell;}
.colpost3 { float: left; width: 21%; height: 468px; background-repeat: no-repeat; display: table-cell;}
.colpost4 { float: left; width: 20%; height: 468px; background-repeat: no-repeat; display: table-cell;}
.colpost5 { float: right; width: 18%; height: 468px; background-repeat: no-repeat; border-radius: 0px 0px 10px 0px; display: table-cell;}


.tabpac { display: table; width: 80%; 
left: +5px; 
top: 60px;
margin-left: +5px;
margin-top: +60px; border-radius: 10px; box-shadow: 2px 3px 0px #333333; }
.rowpac1 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac2 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac3 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac4 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac5 {clear: both; display: block; display: table-row; width: 80%;}
.colpac1 { float: left; width: 70%; height: 22px; background-repeat: no-repeat; display: table-cell}
.colpac2 { background-color: #FF00CC; float: left; width: 30%; height: 22px; border-radius: 10px 10px 0px 0px; display: table-cell}
.colpac3 { background-color: #5FEC00; float: left; width: 70%; height: 22px; text-align: top; border-radius: 10px 0px 0px 0px; display: table-cell}
.colpac4 { background-color: #5FEC00; float: left; width: 30%; height: 22px; display: table-cell}
.colpac5 { background-color: #DBDBBB; float: left; width: 70%; height: 180px; background-repeat: no-repeat; display: table-cell}
.colpac6 { background-color: #DBDBBB; float: left; width: 30%; height: 180px; background-repeat: no-repeat; display: table-cell}
.colpac7 { background-color: #DBDBBB; float: left; width: 70%; height: 100px; background-repeat: no-repeat; display: table-cell}
.colpac8 { background-color: #DBDBBB; float: left; width: 30%; height: 100px; background-repeat: no-repeat; display: table-cell}
.colpac9 { background-color: #DBDBBB; float: left; width: 70%; height: 25px; background-repeat: no-repeat; border-radius: 0px 0px 0px 10px; display: table-cell}
.colpac10 { background-color: #DBDBBB; float: right; width: 30%; height: 25px; background-repeat: no-repeat; border-radius: 0px 0px 10px 0px; display: table-cell}


.tabpac2 { display: table; width: 80%; 
left: +5px; 
top: 60px;
margin-left: +5px;
margin-top: +60px; border-radius: 10px; box-shadow: 2px 3px 0px #333333; }
.rowpac6 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac7 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac8 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac9 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac10 {clear: both; display: block; display: table-row; width: 80%;}
.colpac11 { float: left; width: 70%; height: 22px; background-repeat: no-repeat; display: table-cell}
.colpac12 { background-color: #FF6600; float: left; width: 30%; height: 22px; border-radius: 10px 10px 0px 0px; display: table-cell}
.colpac13 { background-color: #00CCFF; float: left; width: 70%; height: 22px; text-align: top; border-radius: 10px 0px 0px 0px; display: table-cell}
.colpac14 { background-color: #00CCFF; float: left; width: 30%; height: 22px; display: table-cell}
.colpac15 { background-color: #D9F2FF; float: left; width: 70%; height: 180px; background-repeat: no-repeat; display: table-cell}
.colpac16 { background-color: #D9F2FF; float: left; width: 30%; height: 180px; background-repeat: no-repeat; display: table-cell}
.colpac17 { background-color: #D9F2FF; float: left; width: 70%; height: 100px; background-repeat: no-repeat; display: table-cell}
.colpac18 { background-color: #D9F2FF; float: left; width: 30%; height: 100px; background-repeat: no-repeat; display: table-cell}
.colpac19 { background-color: #D9F2FF; float: left; width: 70%; height: 25px; background-repeat: no-repeat; border-radius: 0px 0px 0px 10px; display: table-cell}
.colpac20 { background-color: #D9F2FF; float: right; width: 30%; height: 25px; background-repeat: no-repeat; border-radius: 0px 0px 10px 0px; display: table-cell }



.tabpac3 { display: table; width: 80%; 
left: +5px; 
top: 60px;
margin-left: +5px;
margin-top: +60px; border-radius: 10px; box-shadow: 2px 3px 0px #333333; }
.rowpac11 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac12 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac13 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac14 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac15 {clear: both; display: block; display: table-row; width: 80%;}
.colpac21 { float: left; width: 70%; height: 22px; background-repeat: no-repeat; display: table-cell}
.colpac22 { background-color: #00FF66; float: left; width: 30%; height: 22px; border-radius: 10px 10px 0px 0px; display: table-cell}
.colpac23 { background-color: #8A8AFF; float: left; width: 70%; height: 22px; text-align: top; border-radius: 10px 0px 0px 0px; display: table-cell}
.colpac24 { background-color: #8A8AFF; float: left; width: 30%; height: 22px; display: table-cell}
.colpac25 { background-color: #DDDDFF; float: left; width: 70%; height: 180px; background-repeat: no-repeat; display: table-cell}
.colpac26 { background-color: #DDDDFF; float: left; width: 30%; height: 180px; background-repeat: no-repeat; display: table-cell}
.colpac27 { background-color: #DDDDFF; float: left; width: 70%; height: 100px; background-repeat: no-repeat; display: table-cell}
.colpac28 { background-color: #DDDDFF; float: left; width: 30%; height: 100px; background-repeat: no-repeat; display: table-cell}
.colpac29 { background-color: #DDDDFF; float: left; width: 70%; height: 25px; background-repeat: no-repeat; border-radius: 0px 0px 0px 10px; display: table-cell}
.colpac30 { background-color: #DDDDFF; float: right; width: 30%; height: 25px; background-repeat: no-repeat; border-radius: 0px 0px 10px 0px; display: table-cell }


.tabpac4 { display: table; width: 80%; 
left: +5px; 
top: 60px;
margin-left: +5px;
margin-top: +60px; border-radius: 10px; box-shadow: 2px 3px 0px #333333; }
.rowpac16 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac17 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac18 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac19 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac20 {clear: both; display: block; display: table-row; width: 80%;}
.colpac31 { float: left; width: 70%; height: 22px; background-repeat: no-repeat; display: table-cell}
.colpac32 { background-color: #3366CC; float: left; width: 30%; height: 22px; border-radius: 10px 10px 0px 0px; display: table-cell}
.colpac33 { background-color: #FFCC00; float: left; width: 70%; height: 22px; text-align: top; border-radius: 10px 0px 0px 0px; display: table-cell}
.colpac34 { background-color: #FFCC00; float: left; width: 30%; height: 22px; display: table-cell}
.colpac35 { background-color: #FFFFC4; float: left; width: 70%; height: 180px; background-repeat: no-repeat; display: table-cell}
.colpac36 { background-color: #FFFFC4; float: left; width: 30%; height: 180px; background-repeat: no-repeat; display: table-cell}
.colpac37 { background-color: #FFFFC4; float: left; width: 70%; height: 100px; background-repeat: no-repeat; display: table-cell}
.colpac38 { background-color: #FFFFC4; float: left; width: 30%; height: 100px; background-repeat: no-repeat; display: table-cell}
.colpac39 { background-color: #FFFFC4; float: left; width: 70%; height: 25px; background-repeat: no-repeat; border-radius: 0px 0px 0px 10px; display: table-cell}
.colpac40 { background-color: #FFFFC4; float: right; width: 30%; height: 25px; background-repeat: no-repeat; border-radius: 0px 0px 10px 0px; display: table-cell }


.tabpac5 { display: table; width: 80%; 
left: +30px; 
top: 60px;
margin-left: +30px;
margin-top: +60px; border-radius: 10px; box-shadow: 2px 3px 0px #333333; }
.rowpac21 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac22 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac23 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac24 {clear: both; display: block; display: table-row; width: 80%;}
.rowpac25 {clear: both; display: block; display: table-row; width: 80%;}
.colpac41 { float: left; width: 70%; height: 22px; background-repeat: no-repeat; display: table-cell}
.colpac42 { background-color: #99CC66; float: left; width: 30%; height: 22px; border-radius: 10px 10px 0px 0px; display: table-cell}
.colpac43 { background-color: #CC6699; float: left; width: 70%; height: 22px; text-align: top; border-radius: 10px 0px 0px 0px; display: table-cell}
.colpac44 { background-color: #CC6699; float: left; width: 30%; height: 22px; display: table-cell}
.colpac45 { background-color: #F2E6FF; float: left; width: 70%; height: 180px; background-repeat: no-repeat; display: table-cell}
.colpac46 { background-color: #F2E6FF; float: left; width: 30%; height: 180px; background-repeat: no-repeat; display: table-cell}
.colpac47 { background-color: #F2E6FF; float: left; width: 70%; height: 100px; background-repeat: no-repeat; display: table-cell}
.colpac48 { background-color: #F2E6FF; float: left; width: 30%; height: 100px; background-repeat: no-repeat; display: table-cell}
.colpac49 { background-color: #F2E6FF; float: left; width: 70%; height: 25px; background-repeat: no-repeat; border-radius: 0px 0px 0px 10px; display: table-cell}
.colpac50 { background-color: #F2E6FF; float: right; width: 30%; height: 25px; background-repeat: no-repeat; border-radius: 0px 0px 10px 0px; display: table-cell }

/* ----------------------------------TABELLE OFFERTE GENERALI APPARTAMENTI------------------------------------------------- */


.stripoffershome {
width: 80%;
left: 20px; 
top: 10%;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 10%;
background-color: #FFFF33;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 26px;
align:top;
}

.stripoffers {
width: 80%;
top: 10%;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 10%;
background-color: #FFFF33;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
align:top;
}

.backgroundoffershome1 {
background-image: url(im-sito-lampedusa-estate/pacchetto-fucsia-md.png);
width: 140px;
height: 18px;
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
border-radius: 7px 7px 7px 7px;
cellpadding: 0;
cellspacing: 0;
text-align: center;
font-weight: bold;
padding: 0px;
background-repeat: no-repeat;
}
.backgroundoffershome2 {
background-image: url(im-sito-lampedusa-estate/pacchetto-verde-md.png);
width: 140px;
height: 18px;
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
border-radius: 7px 7px 7px 7px;
text-align: center;
padding: 0px;
background-repeat: no-repeat;
}

.tabella { display: table; width: 80%; 
top: 3%; margin-top: 3%; margin-left: auto; margin-right: auto; box-shadow: 2px 2px 3px #000000; background-color: #FFFFFF; border-radius: 10px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; background-color: #E9E9E9;}
.riga {clear: both; display: block; display: table-row; width: 80%;}
.riga2 {clear: both; display: block; display: table-row; width: 80%;}
.riga3 {clear: both; display: block; display: table-row; width: 80%;}
.colonna1 { background-color: #993399; float: left; width: 20%; height: 20px; vertical-align: top; border-radius: 10px 0px 0px 0px; display: table-cell;}
.colonna2 { background-color: #993399; float: left; width: 80%; height: 20px; text-align: right; border-radius: 0px 10px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; color: #FFFFFF; text-shadow: 2px 2px 2px #000000; font-weight: bold; display: table-cell;}
.colonna3 { background-color: #E9E9E9; background-image: url(im-sito-lampedusa-estate/A2-1.jpg); float: left; width: 20%; height: 100px; display: table-cell; background-repeat: no-repeat;}
.colonna4 { background-color: #E9E9E9; float: left; width: 80%; height: auto; vertical-align: top; text-align: top; display: table-Acell}
.colonna5 { background-color: #E9E9E9; float: left; width: 20%; height: 20px; border-radius: 0px 0px 0px 10px; display: table-cell}
.colonna6 { background-color: #E9E9E9; float: right; width: 80%; height: 20px; border-radius: 0px 0px 10px 0px; display: table-cell}


/* -------------------------------TABELLA ANNUNCI-------------------------------------------------- */

.tabgeneric { display: table; width: 95%; 
margin-right: auto; margin-left: auto; margin-top: 5%; background-color: #DEF7FE; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; text-align: left;}
.rowgen1 {clear: both; display: block; display: table-row; width: 100%}
.rowgen2 {clear: both; display: block; display: table-row; width: 100%}
.colgen1 { background-color: #B3ECFD; float: left; width: 30%; height: 40px; text-align: top; display: table-cell}
.colgen2 { background-color: #B3ECFD; float: left; width: 50%; height: 40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; color: #0099CC; text-shadow: 1px 1px 1px #000000; font-weight: bold; display: table-cell}
.colgen3 { background-color: #B3ECFD; float: left; width: 20%; height: 40px; display: table-cell; background-repeat: no-repeat;}
.colgen4{ background-color: #DEF7FE; float: left; width: 30%; height: auto; display: table-cell}
.colgen5 { background-color: #ADEF7FE; float: left; width: 50%; padding: 10px; height: auto; display: table-cell}
.colgen6 { background-color: #DEF7FE; float: left; width: 20%; height: auto; display: table-cell}



/* -------------------------------TABELLE PRESENTAZIONI NAVI E ALISCAFI-------------------------------------------------- */

.tabempty { display: table; width: 90%; 
margin-right: auto; margin-left: auto; margin-top: 5%; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: center; font-weight: bold; }
.rowempty {clear: both; display: block; display: table-row; width: 90%;}
.colempty1 { background-color: #99CCFF; float: left; width: 33%; height: 76px; text-align: top; background-repeat: no-repeat; display: table-cell}
.colempty2{ background-color: #99CCFF; float: left; width: 33%; height: 76px; background-repeat: no-repeat; display: table-cell}
.colempty3 { background-color: #99CCFF; float: left; width: 33%; height: 76px; display: table-cell; background-repeat: no-repeat;}



.tabempty2 { display: table; width: 90%; 
margin-right: auto; margin-left: auto; margin-top: 5%; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: center; font-weight: bold;}
.rowempty2 {clear: both; display: block; display: table-row; width: 90%;}
.colempty4 { float: left; width: 33%; height: 76px; text-align: top; background-repeat: no-repeat; display: table-cell}
.colempty5{ background-color: #99CCFF; float: left; width: 33%; height: 76px; background-repeat: no-repeat; display: table-cell}
.colempty6{ background-color: #99CCFF; float: left; width: 33%; height: 76px; background-repeat: no-repeat; display: table-cell}


.tabempty3 { display: table; width: 90%; 
margin-right: auto; margin-left: auto; margin-top: 5%; }
.rowempty3 {clear: both; display: block; display: table-row; width: 90%;}
.colempty7 { background-color: #99CCFF; float: left; width: 33%; height: 76px; text-align: top; background-repeat: no-repeat; display: table-cell}
.colempty8{ background-color: #99CCFF; float: left; width: 33%; height: 76px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: center; font-weight: bold; background-repeat: no-repeat; display: table-cell}
.colempty9{ background-color: #99CCFF; float: left; width: 33%; height: 76px; background-repeat: no-repeat; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: center; font-weight: bold; display: table-cell}


.tabempty4 { display: table; width: 90%; 
margin-right: auto; margin-left: auto; margin-top: 5%; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; text-align: left; background-color: #FFFFFF;}
.rowempty4 {clear: both; display: block; display: table-row; width: 90%; }
.colempty10 { background-color: #FFFFFF; float: left; width: 60%; height: 100%; text-align: top; padding: 10px; display: table-cell}
.colempty11{ background-color: #FFFFFF; float: left; width: 30%; height: 100%; border-radius: 0px 10px 0px 0px; padding: 10px; background-repeat: no-repeat; display: table-cell}


.ship {
width: 80%;
height: auto;
margin-top: 50px;
magin-left: auto;
margin-right: auto;
}

/* -------------------------------TABELLE ORARI NAVI E ALISCAFI-------------------------------------------------- */


.tab4co { display: table; width: 100%; 
margin-right: auto; margin-left: auto; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; }
.row4co {clear: both; display: block; display: table-row; width: 100%;}
.row4co2 {clear: both; display: block; display: table-row; width: 100%;}
.col4co { background-color: #0099CC; float: left; width: 22%; height: 40px; line-height: 40px; margin: 10px; text-align: center; background-repeat: no-repeat; display: table-cell}
.col4co2{ background-color: #FFFFFF; float: left; width: 22%; height: 40px;  line-height: 40px; margin: 10px; text-align: center; background-repeat: no-repeat; display: table-cell}
.col4co3{ background-color: #0099CC; float: left; width: 22%; height: 40px;  line-height: 40px; margin: 10px;  text-align: center; display: table-cell}
.col4co4{ background-color: #FFFFFF; float: left; width: 22%; height: 40px;  line-height: 40px; margin: 10px;  text-align: center; display: table-cell}
.col4co5{ background-color: #0099CC; float: left; width: 22%; height: 40px;  line-height: 40px; margin: 10px; text-align: center; display: table-cell}
.col4co6{ background-color: #FFFFFF; float: left; width: 22%; height: 40px;  line-height: 40px; margin: 10px; text-align: center; display: table-cell}
.col4co7{ background-color: #0099CC; float: left; width: 22%; height: 40px;  line-height: 40px; margin: 10px; text-align: center; display: table-cell}
.col4co8{ background-color: #FFFFFF; float: left; width: 22%; height: 40px; line-height: 40px;  margin: 10px;  text-align: center; display: table-cell}




/* ------------------------------------TABELLA PRESENTAZIONE CUCINA LAMPEDUSANA--------------------------------------------- */


.tab4co2 { display: table; width: 100%; 
margin-right: auto; margin-left: auto; margin-top: 5%; background-color: #FFFFFF; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-weight: bold; text-align: center; }
.row4coa {clear: both; display: block; display: table-row; width: 100%;}
.col4coa { background-color: #FFFFFF; float: left; width: 20%; height: 200px; margin: 10px; text-align: top; background-repeat: no-repeat; display: table-cell}
.col4cob{ background-color: #FFFFFF; float: left; width: 20%; height: 200px; margin: 10px; background-repeat: no-repeat; display: table-cell}
.col4coc{ background-color: #FFFFFF; float: left; width: 20%; height: 200px; margin: 10px; display: table-cell}
.col4cod{ background-color: #FFFFFF; float: left; width: 20%; height: 200px; margin: 10px; display: table-cell}


/* -----------------------------------------------TABELLA PACCHETTI ------------------------------------------------------------------------------- */

.tabcolor2 { display: table; width: 90%; 
margin-right:auto; margin-left:auto; top: 5%; margin-top: 5%; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 17px; color: #333333; text-shadow: 2px 2px 2px #FFFFFF; font-weight: bold; }
.rowcolor2 {clear: both; display: block; display: table-row; width: 90%;}
.colcolor6 { background-color: #E0E0E0; float: left; width: 18%; text-align: center; height: auto; margin: 10px; border-radius: 10px; text-align: top; background-repeat: no-repeat; display: table-cell}
.colcolor7 { background-color: #E9E9E9; float: left; width: 18%; text-align: center; height: auto; margin: 10px; border-radius: 10px; background-repeat: no-repeat; display: table-cell}
.colcolor8 { background-color: #E0E0E0; float: left; width: 18%; text-align: center; height: auto; margin: 10px; border-radius: 10px; display: table-cell}
.colcolor9 { background-color: #E9E9E9; float: left; width: 18%; text-align: center; height: auto; margin: 10px; border-radius: 10px; display: table-cell}
.colcolor10 { background-color: #E0E0E0; float: left; width: 18%; text-align: center; height: auto; margin: 10px; border-radius: 10px; display: table-cell}

.tabstruc4 {
display: table; width: 95%; 
left: 5px; 
top: 70px;
margin-left: +20px;
margin-top: +70px; float: left; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight: bold; }
.rowstruc4 {clear: both; display: block; display: table-row; width: 95%;}
.colstruc7 { background-color: #E67B06; no-repeat; float: left; width: 20%; height: 45px; color:#FFFFFF; line-height: 45px; text-align: center; display: table-cell}
.colstruc8 { no-repeat; float: left; width: 60%; height: 45px; line-height: 45px; text-align: right; display: table-cell}
.colstruc9 { background-color: #E67B06; no-repeat; float: right; width: 20%; height: 45px; color:#F?:r:????
?/* ???????0?????????¡?b?Ë??FFFFF; text-align: center; line-height: 45px; display: table-cell}


/* -------------------------------TABELLA GALLERIA FOTOGRAFICA GENERALE-------------------------------------------------- */

.tabpicture { display: table; width: 90%; 
margin-right: auto; margin-left: auto; margin-top: 5%; background-color: #F0F7FF; }
.rowpic1 {clear: both; display: block; display: table-row; width: 90%;}
.rowpic2 {clear: both; display: block; display: table-row; width: 90%;}
.rowpic3 {clear: both; display: block; display: table-row; width: 90%;}
.colpic1 { background-color: #F0F7FF; float: left; width: 33%; height: 320px; text-align: top; display: table-cell}
.colpic2 { background-color: #F0F7FF; float: left; width: 33%; height: 320px; display: table-cell}
.colpic3 { background-color: #F0F7FF; float: left; width: 33%; height: 320px; display: table-cell}
.colpic4 { background-color: #F0F7FF; float: left; width: 33%; height: 320px; display: table-cell}
.colpic5 { background-color: #F0F7FF; float: left; width: 33%; height: 320px; display: table-cell}
.colpic6 { background-color: #F0F7FF; float: left; width: 33%; height: 320px; display: table-cell}
.colpic7 { background-color: #F0F7FF; float: left; width: 33%; height: 50px; display: table-cell}
.colpic8 { background-color: #F0F7FF; float: left; width: 33%; height: 40px; display: table-cell}
.colpic9 { background-color: #F0F7FF; float: right; width: 33%; height: 40px; display: table-cell}




#backgroundbutton {
background-image: url(im-sito-lampedusa-estate/striscia-blu.gif);
background-color: #FFFFFF;
width: 140px;
height: 32px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
border-radius: 8px 0px 8px 0px;
cellpadding: 0;
cellspacing: 0;
overflow: right;
align: right;
margin: auto;
padding: 0px;
}
#backgroundship {
background-image: url(im-sito-lampedusa-estate/box-piccolo.png);
width: 140px;
height: 200px;
overflow: center;
align: center;
text-align: center;
margin: auto;
padding: 0px;
background-repeat: no-repeat;
}
#meteo {
background-image: url(im-sito-lampedusa-estate/box-piccolo.png);
width: 140px;
height: 180px;
overflow: center;
align: center;
text-align: center;
margin: auto;
padding: 0px;
background-repeat: no-repeat;
}

/* -------------------------------TABELLE PAGINA APPARTAMENTI-------------------------------------------------- */


.tabdescrip {
display: table; width: 100%; 
top: 20px;
margin-top: +20px; float: left; border-radius: 10px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.rowdescrip {clear: both; display: block; display: table-row; width: 100%;}
.coldescrip1 { background-color: #F0F0F0; float: left; width: 32%; height: 300px; margin-right: 10px; border: 1px solid #CACACA; padding: 10px; line-height: 20px; border-radius: 10px 10px 10px 10px; display: table-cell}
.coldescrip2 { background-color: #F0F0F0; float: left; width: 32%; height: 300px; margin-right: 10px; border: 1px solid #CACACA; padding: 10px; line-height: 20px; border-radius: 10px 10px 10px 10px; display: table-cell}
.coldescrip3 { background-color: #F0F0F0; float: left; width: 32%; height: 300px;  line-height: 20px; border: 1px solid #CACACA; padding: 10px; border-radius: 10px 10px 10px 10px; display: table-cell}

.tabposition {
display: table; width: 100%; 
top: 20px;
margin-top: +20px; float: left; border-radius: 10px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.rowposit {clear: both; display: block; display: table-row; width: 100%;}
.colposit1 {  float: left; width: 65%; height: auto; margin-right: 10px; padding: 10px;  border: 1px solid #85B0D3; line-height: 20px; border-radius: 10px 10px 10px 10px;  display: table-cell}
.colposit2 { background-color: #F7FAFD; float: left; width: 30%; height: auto; margin-right: 10px; padding: 10px;  border: 1px solid #85B0D3; line-height: 20px; border-radius: 10px 10px 10px 10px; display: table-cell}

.tabservice {
display: table; width: 100%; 
top: 20px;
margin-top: +20px; float: left; border-radius: 10px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.rowserv {clear: both; display: block; display: table-row; width: 100%;}
.colserv1 { background-color: #FFEAEA; float: left; width: 32%; height: 150px; margin-right: 10px; border: 1px solid #FF9F9F; padding: 10px; line-height: 20px; border-radius: 10px 10px 10px 10px; display: table-cell}
.colserv2 { background-color: #FFEAEA; float: left; width: 32%; height: 150px; margin-right: 10px; border: 1px solid #FF9F9F; padding: 10px; line-height: 20px; border-radius: 10px 10px 10px 10px; display: table-cell}
.colserv3 { background-color: #FFEAEA; float: left; width: 32%; height: 150px;  line-height: 20px; border: 1px solid #FF9F9F; padding: 10px; border-radius: 10px 10px 10px 10px; display: table-cell}

.tabstruc {
display: table; width: 95%; 
left: 5px; 
top: 5px;
margin-left: +20px;
margin-top: +5px; float: left; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold;}
.rowstruc {clear: both; display: block; display: table-row; width: 95%;}
.colstruc1 { float: left; width: 50%; height: 40px; vertical-align:top; display: table-cell}
.colstruc2 { float: right; width: 50%; height: 40px; vertical-align:top; display: table-cell}

.tabstruc {
display: table; width: 95%; 
left: 5px; 
top: 5px;
margin-left: +20px;
margin-top: +5px; float: left; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold;}
.rowstruc {clear: both; display: block; display: table-row; width: 95%;}
.colstruc1 { float: left; width: 50%; height: 40px; vertical-align:top; display: table-cell}
.colstruc2 { float: right; width: 50%; height: 40px; vertical-align:top; display: table-cell}



.tabstruc2 {
display: table; width: 95%; 
left: 5px; 
top: 5px;
bottom: 10px;
margin-left: +20px;
margin-top: +5px; float: left;}
.rowstruc2 {clear: both; display: block; display: table-row; width: 95%;}
.colstruc3 { float: left; width: 70%; height: 50px; display: table-cell; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold;}
.colstruc4 { float: right; width: 30%; height: 50px; display: table-cell; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold;}


.tabstruc3 {
display: table; width: 95%; 
left: 5px; 
top: 5px;
margin-left: +20px;
margin-top: +5px; float: left; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.rowstruc3 {clear: both; display: block; display: table-row; width: 95%;}
.colstruc5 { float: left; width: 80%; height: 40px; margin:top; display: table-cell}
.colstruc6 { float: right; width: 20%; height: 40px; margin:top; display: table-cell}


.tabstruc4 {
display: table; width: 95%; 
left: 5px; 
top: 70px;
margin-left: +20px;
margin-top: +70px; float: left; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight: bold; }
.rowstruc4 {clear: both; display: block; display: table-row; width: 95%;}
.colstruc7 { background-color: #E67B06; no-repeat; float: left; width: 20%; height: 45px; color:#FFFFFF; line-height: 45px; text-align: center; display: table-cell}
.colstruc8 { no-repeat; float: left; width: 60%; height: 45px; line-height: 45px; text-align: right; display: table-cell}
.colstruc9 { background-color: #E67B06; no-repeat; float: right; width: 20%; height: 45px; color:#FFFFFF; text-align: center; line-height: 45px; display: table-cell}




.amazon {
width: 100px;
height: 40px;
margin-right:auto;
margin-left:auto;
font-weAight: bold;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 40px;
background-color: #CCCCCC;
text-align: center;
}


/* -------------------------------TABELLA OFFERTE LAST MINUTE-------------------------------------------------- */

.last { display: table; width: 90%; 
top: 3%; margin-top: 3%; margin-left: auto; margin-right: auto; background-color: #E9E9E9; box-shadow: 2px 2px 3px #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.rowlast {clear: both; display: block; display: table-row; width: 100%;}
.rowlast2 {clear: both; display: block; display: table-row; width: 100%;}
.collast1 { background-color: #3399CC; float: left; width: 20%; height: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFF00; font-weight: bold; text-shadow: 2px 2px 3px #000000; vertical-align: top; display: table-cell;}
.collast2 { background-color: #3399CC; float: left; width: 60%; font-family: Verdana, Arial, Helvetica, sans-serif; text-shadow: 2px 2px 3px #000000; font-size: 18px; font-style: normal; color: #FFFFFF; font-weight: bold; height: 30px; text-align: left; display: table-cell;}
.collast3 { background-color: #3399CC; float: left; width: 20%; height: 30px; display: table-cell; background-repeat: no-repeat;}
.collast4 { background-color: #E9E9E9; float: left; width: 20%; height: auto; vertical-align: top; display: table-cell;}
.collast5 { background-color: #E9E9E9; float: left; width: 60%; height: auto; margin-bottom: 5px; text-align: left; display: table-cell;}
.collast6 { background-color: #E9E9E9; float: left; width: 20%; height: auto; display: table-cell; background-repeat: no-repeat;}



.contactapp { display: table; width: 90%; 
left: +5px; 
top: 30px;  background-color: #F5F5F5;
margin-left: +5px;
margin-top: +30px; }
.rowcontact1 {clear: both; display: block; display: table-row; width: 100%;}
.rowcontact2 {clear: both; display: block; display: table-row; width: 100%;}
.rowcontact3 {clear: both; display: block; display: table-row; width: 100%;}
.rowcontact4 {clear: both; display: block; display: table-row; width: 100%;}
.rowcontact5 {clear: both; display: block; display: table-row; width: 100%;}
.rowcontact6 {clear: both; display: block; display: table-row; width: 100%;}
.colcontact1 {  float: left; width: 33%; height: auto; padding: 20px;display: table-cell}
.colcontact2 {  float: left; width: 33%; height: auto; padding: 20px; display: table-cell}
.colcontact3 {  float: left; width: 33%; height: auto; padding: 20px; text-align: top; display: table-cell}
.colcontact4 { float: left; width: 33%; height: auto;  padding: 20px; display: table-cell}
.colcontact5 {  float: left; width: 33%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}
.colcontact6 {  float: left; width: 33%; height: auto; padding: 20px;background-repeat: no-repeat; display: table-cell}
.colcontact7 {  float: left; width: 33%; height: auto; padding: 20px;background-repeat: no-repeat; display: table-cell}
.colcontact8 { float: left; width: 33%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}
.colcontact9 { float: left; width: 33%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}
.colcontact10 { float: left; width: 33%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}
.colcontact11 {  float: left; width: 33%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}
.colcontact12 {  float: left; width: 33%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}
.colcontact13 { float: left; width: 40%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}
.colcontact14 { background-color: #FFFFFF; border: 1px solid #BCBCBC; float: left; width: 35%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}
.colcontact15 {  float: left; width: 22%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}
.colcontact16 { float: left; width: 95%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}

.contact { display: none;
  width: 100%;
  position: fixed;
  bottom: 0px;
  z-index: 9999;
  background: #3498db;  }
.rowcontfix { display: none; clear: both; width: 100%;}
.colcontfix1 { background-color: #FFFFFF; width: 30%; text-align: center; height: 40px; margin: 10px; background-repeat: no-repeat; display: none; }
.colcontfix2 { width: 30%; text-align: center; height: 40px; margin: 10px;  background-repeat: no-repeat; display: none; }
.colcontfix3 { background-color: #FFFFFF; width: 30%; text-align: center; margin: 10px; height: 40px; display: none; }


.tabfly { display: table; width: 90%; 
border: 1px solid #3399CC;
background: #FFFFFF;
margin-top: 50px;
margin-bottom: 30px;
margin-right:auto;
margin-left:auto;  }
.rowfly {  clear: both; display: block; display: table-row; width: 100%;}
.rowfly2 {  clear: both; display: block; display: table-row;  width: 100%;}
.rowfly3 {  clear: both; display: block; display: table-row; width: 100%;}
.rowfly4 {  clear: both; display: block; display: table-row; width: 100%;}
.rowfly5 { clear: both; display: block; display: table-row; width: 100%;}
.rowfly6 { clear: both; display: block; display: table-row; width: 100%;}
.rowfly7 { clear: both; display: block; display: table-row; width: 100%;}
.rowfly8 { clear: both; display: block; display: table-row; width: 100%;}
.rowfly9 { clear: both; display: block; display: table-row; width: 100%;}
.colfly { background-color: #DAEAF8; float: left; width: 100%; font-weight: bold; text-align: center; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 21px; line-height: 40px; border: 1px solid #F2F2F2; background-repeat: no-repeat; display: table-cell}
.colfly1 { background-color: #3399CC; float: left; width: 34%; font-weight: bold; text-align: center; height: 40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 40px;  border: 1px solid #F2F2F2; background-repeat: no-repeat; display: table-cell}
.colfly2 {  background-color: #CCCCCC; float: left; width: 33%; text-align: center; color: #FF0000; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; height: 40px; line-height: 40px;  border: 1px solid #F2F2F2; background-repeat: no-repeat; display: table-cell}
.colfly3 { background-color: #CCCCCC; float: left; width: 33%; text-align: center; 	color: #FF0000; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;height: 40px; line-height: 40px;  border: 1px solid #F2F2F2; background-repeat: no-repeat; display: table-cell}
.colfly4 {  background-color: #3399CC; float: left; width: 34%; font-weight: bold; text-align: center; height: 40px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 40px;  border: 1px solid #F2F2F2; background-repeat: no-repeat; display: table-cell}
.colfly5 {  background-color: #CCCCCC; float: left; width: 33%; text-align: center; height: 40px; line-height: 40px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;border: 1px solid #F2F2F2; background-repeat: no-repeat; display: table-cell}
.colfly6 {  background-color: #CCCCCC; float: left; width: 33%; text-align: center; height: 40px; line-height: 40px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;border: 1px solid #F2F2F2; background-repeat: no-repeat; display: table-cell}
.colfly7 {  background-color: #FFFFFF; float: left; width: 100%; font-weight: bold; text-align: center; height: 40px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 40px;  border: 1px solid #F2F2F2; background-repeat: no-repeat; display: table-cell}
.colfly8 {  background-color: #3399CC; float: left; width: 34%; text-align: center; height: 45px; line-height: 40px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px;border-right: 1px solid #F2F2F2; background-repeat: no-repeat; display: table-cell}
.colfly9 { background-color: #CCCCCC; float: left; width: 33%; text-align: center; height: 55px; line-height: 40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; border-right: 1px solid #F2F2F2; background-repeat: no-repeat; display: table-cell}
.colfly10 { background-color: #CCCCCC; float: left; width: 33%; text-align: center; height: 55px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 40px; border-right: 1px solid #F2F2F2; background-repeat: no-repeat; display: table-cell}
.colfly11 {  background-color: #3399CC; float: left; width: 34%; text-align: center; height: 40px; font-weight: bold;line-height: 40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; border-right: 1px solid #F2F2F2; background-repeat: no-repeat; display: table-cell}
.colfly12 { background-color: #CCCCCC; float: left; width: 33%; text-align: center; height: 40px; line-height: 40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; border-right: 1px solid #F2F2F2; background-repeat: no-repeat; display: table-cell}
.colfly13 { background-color: #CCCCCC; float: left; width: 33%; text-align: center; height: 40px; line-height: 40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; border-right: 1px solid #F2F2F2; background-repeat: no-repeat; display: table-cell}


.contactapp2 { display: table; width: 100%; 
left: +5px; 
top: 30px;
margin-left: +5px;
margin-top: +30px; background-color: #FFFFFF; }
.rowcontact6 {clear: both; display: block; display: table-row; width: 100%;}
.rowcontact7 {clear: both; display: block; display: table-row; width: 100%;}
.rowcontact8 {clear: both; display: block; display: table-row; width: 100%;}
.rowcontact9 {clear: both; display: block; display: table-row; width: 100%;}
.rowcontact10 {clear: both; display: block; display: table-row; width: 100%;}
.colcontact16 { background-color: #FFFFFF; float: left; width: 33%; height: 80px; background-repeat: no-repeat; display: table-cell}
.colcontact17 { background-color: #FFFFFF; float: left; width: 33%; height: 80px; display: table-cell}
.colcontact18 { background-color: #FFFFFF; float: left; width: 33%; height: 80px; text-align: top; display: table-cell}
.colcontact19 { background-color: #FFFFFF; float: left; width: 33%; height: 80px; display: table-cell}
.colcontact20 { background-color: #FFFFFF; float: left; width: 33%; height: 80px; background-repeat: no-repeat; display: table-cell}
.colcontact21 { background-color: #FFFFFF; float: left; width: 33%; height: 80px; background-repeat: no-repeat; display: table-cell}
.colcontact22 { background-color: #FFFFFF; float: left; width: 33%; height: 80px; background-repeat: no-repeat; display: table-cell}
.colcontact23 { background-color: #FFFFFF; float: left; width: 33%; height: 80px; background-repeat: no-repeat; display: table-cell}
.colcontact24 { background-color: #FFFFFF; float: left; width: 33%; height: 80px; background-repeat: no-repeat; display: table-cell}
.colcontact25 { background-color: #FFFFFF; float: left; width: 33%; height: 80px; background-repeat: no-repeat; display: table-cell}
.colcontact26 { background-color: #FFFFFF; float: left; width: 50%; height: 100px; background-repeat: no-repeat; display: table-cell}
.colcontact27 { background-color: #FFFFFF; float: left; width: 49%; height: 100px; background-repeat: no-repeat; display: table-cell}


#button2 {
  background-color: #999999; /* colore di sfondo    */
  border: 2px solid #CCCCCC;
 text-shadow: 2px 2px 3px #000000; /* bordo dell'elemento */
  color: #FFFFFF;               /* colore del testo    */
  font-weight: bold;         /* testo in grassetto  */
  padding: 0;                /* padding             */
  height: 30px;              /* altezza             */
  width: 250px;
            /* larghezza           */
}

#buttons {
  display: inline-block;
  background-color: #000000;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 2px 2px 2px #333333;
  position: fixed;
  bottom: 100px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#buttons::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#buttons:hover {
  cursor: pointer;
  background-color: #333;
}
#buttons:active {
  background-color: #555;
}
#buttons.show {
  opacity: 1;
  visibility: visible;
}

/* Styles for the content section */

.content {
  width: 77%;
  margin: 50px auto;
  font-family: 'Merriweather', serif;
  font-size: 17px;
  color: #6c767a;
  line-height: 1.9;
}
@media (min-width: 500px) {
  .content {
    width: 43%;
  }
  #button {
    margin: 30px;
  }
}

.content h3 {
  font-style: italic;
  color: #96a2a7;
}
#tabs {
width: 100%;
height: auto;
float:left;
}

.villette {         
  height: 60px;
  box-shadow: 3px 3px 3px #333333;
  text-shadow: 3px 3px 3px #333333;
  border-radius: 5px 5px 5px 5px;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  float: left;
  vertical-align: middle;
  display:table;
  color: #FFFFFF;               
  font-weight: bold;         
  padding: 5px;
  bottom: 20px;
  margin-bottom: 20px;
 left: 20px;
  margin-left: 20px;
right: 20px;
  margin-right: 20px; 
}

img {
  border: none;
}
img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
width: 95%;
background-color: #FFFFFF;
align: center; 
box-shadow: 2px 2px 2px 2px #C7C7C7;
padding: 6px;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}

img.expando2{ /*sample CSS for expando images. Not required but recommended*/
border: none;
width: 95%;
background-color: #FFFFFF;
box-shadow: 2px 2px 2px 2px #C7C7C7;
padding: 6px;
margin-right:auto;
margin-left:auto;
position: relative;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}
.divtext { display: table; width: 100%; 
top: 3%; margin-top: 3%; margin-left: auto; margin-right: auto;}
.rowtext {clear: both; display: block; display: table-row; width: 100%;}
.coltext1 { float: left; width: 25%; height: 20px; line-height: 20px; display: table-cell;}
.coltext2 { float: left; width: 75%; height: 20px; line-height: 20px; text-align: left; display: table-cell;}


/*GALLERY GRID */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.wrapper {
	width: 80%;
	margin: 50px auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-gap: 30px;

}
.wrapper img {
	width: 100%;
	cursor: pointer;
	transition: 1s ease;
	padding: 7px;
  box-shadow: 2px 2px 2px #333333;
  background-color: #FFFFFF;
}
.wrapper img:hover {
	transform: scale(1.9);
}


}