/* ---------------------------------LAMPEDUSAESTATE.IT----------------------------------------------- */
@media only screen and (min-width : 320px) and (max-width : 650px) {
body  {
color:      #fff;
position:   relative;
background-size:         100% 100%; 
-moz-background-size:	 100% 100%;
-webkit-background-size: 100% 100%;
margin:     10px auto 0;
margin-top: 0px; 
bottom: 50px;
font-size: 17px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}
.stylemobile {
font-family: "MS Sans Serif", verdana, sans-serif;
color: #8325D8;
 text-shadow: 1px 1px 2px #999999; /* bordo dell'elemento */
    font-size: 11px;
	font-weight: bold;
}
.styleoffers {
font-family: "MS Sans Serif", verdana, sans-serif;
color: #8325D8;
 text-shadow: 1px 1px 2px #999999; /* bordo dell'elemento */
    font-size: 16px;
	font-weight: bold;
}
.styleoffers5 {
font-family: "MS Sans Serif", verdana, sans-serif;
color: #3c763d;
 text-shadow: 1px 1px 2px #999999; /* bordo dell'elemento */
    font-size: 16px;
	font-weight: bold;
}
.stylepacbold {
	font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
font-weight: bold;
}
.stylepacboldline {
	font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
font-weight: bold;
background-color:#CCCCCC;
}
.stylepacboldline2 {
	font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
font-weight: bold;
background-color:#ECA8C8;
}

.booking {
background-image: url(../im-sito-lampedusa-estate/booking-online.jpg);
background-size: 100%;
background-repeat: no-repeat;
width: 100%;
text-align: center;
line-height: 280px;
height: 300px;
float: left;
margin-top: auto;
margin-bottom: auto;
box-shadow: -1px 1px 4px 1px #000000;
text-shadow: -1px 1px 4px 1px #000000;
}
.prev {
  width: 200px;
  z-index: 9999;
	box-shadow: 2px 2px 2px #999999;
position: fixed;top: 80%; right: 140px;
}
.priceprev {
float: left;
margin-bottom: 20px;
}

.fa {
color: #144F76;
}

.g-recaptcha {
transform:scale(0.77);
-webkit-transform:scale(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
.tabphone {
 background-repeat: no-repeat;
margin: 0px auto; text-align: center; width: 100%; top: 10px; margin-top: 10px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.rowphone {clear: both;  width: 100%;}
.colphone1 {  width: 100%; background-color: #EFEFEF; border: 1px solid #999999; margin-bottom: 10px; height: 50px; line-height: 50px; }
.colphone2 { width: 100%; background-color: #EFEFEF; border: 1px solid #999999; margin-bottom: 10px; height: 50px; line-height: 50px;}
.colphone3 {  width: 100%; background-color: #EFEFEF; border: 1px solid #999999; margin-bottom: 10px;  height: 50px; line-height: 50px;}
.colphone4 {  width: 100%; background-color: #EFEFEF;  border: 1px solid #999999; margin-bottom: 10px; height: 50px; line-height: 50px;}
.colphone5 { width: 100%; background-color: #EFEFEF; border: 1px solid #999999; margin-bottom: 10px; height: 50px; line-height: 50px;}


.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: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.rowphonesm {clear: both; width: 100%;}
.colphone1sm { width: 100%; background-color: #EFEFEF; border: 1px solid #999999; margin-bottom: 10px; height: 50px; line-height: 50px;}
.colphone2sm { width: 100%; background-color: #EFEFEF; border: 1px solid #999999; margin-bottom: 10px; height: 50px; line-height: 50px;}
.colphone3sm { width: 100%; background-color: #EFEFEF; border: 1px solid #999999; margin-bottom: 10px; height: 50px; line-height: 50px;}





  pre {
          tab-size: 8;
      }
      
      @media screen and (max-width: 768px) {
          .side-collapse-container{
              width:100%;
              position:relative;
              left:0;
              transition:left .4s;
          }
          .side-collapse-container.out{
              left:200px;
          }
          .side-collapse {
              top:50px;
              bottom:0;
              left:0;
              width:200px;
              position:fixed;
              overflow:hidden;
              transition:width .4s;
          }
          .side-collapse.in {
              width:0;
          }

.fixform { width: 100%; 
top: 50px; margin-top: 50px; margin-left: auto; margin-right: auto;  background-color: #FFFFFF; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-weight: bold; }
.rowfixform {clear: both; width: 100%; }
.rowfixform2 {clear: both; width: 100%;}
.rowfixform3 {background-color: #FFFFFF; clear: both; width: 100%;}
.rowfixform4 { background-color: #FFFFFF;clear: both; width: 100%; }
.rowfixform5 { background-color: #FFFFFF;clear: both; width: 100%; }
.rowfixform6 { background-color: #FFFFFF;clear: both; width: 100%; }
.colfixform1 {  float: left;width: 47%; height: auto; margin-right: 15px; margin-top: 10px;  margin-bottom: 2px; line-height: 10px; text-align: center; }
.colfixform2 {  float: left;width: 47%; height: auto; margin-bottom: 2px;  margin-top: 10px;  line-height: 10px; text-align: center; }
.colfixform3 {  width: 100%; height: auto;  margin-bottom: 2px; line-height: 10px; text-align: center; }
.colfixform4 { float: left; width: 47%; height: auto; margin-right: 15px; margin-bottom: 2px; line-height: 10px; text-align: center; }
.colfixform5 {  float: left; width: 47%; height: auto; margin-bottom: 2px; line-height: 10px; text-align: center; }
.colfixform6 {  float: left;width: 47%; height: auto; margin-right: 15px; margin-bottom: 2px; line-height: 10px; text-align: center; }
.colfixform7 {  float: left; width: 47%; height: auto; margin-bottom: 2px; line-height: 10px; text-align: center; }
.colfixform8 {  float: left; width: 47%; height: 90px;margin-right: 15px; margin-bottom: 2px; line-height: 10px; text-align: center; }
.colfixform9 {  float: left; width: 47%; height: 90px; margin-bottom: 2px; line-height: 10px; text-align: center;  }
.colfixform10 {  float: left; width: 30%; height: auto;  text-align: center;  }
.colfixform11 {  float: left; width: 34%; height: auto; margin-left: 5px; padding: 10px; margin-right: 5px;  text-align: center;  }
.colfixform12 {  float: left; width: 26%; height: auto; margin-left: 5px; padding: 10px; margin-right: 5px; text-align: center;  }
.colfixform13 {  float: left; width: 100%; height: auto; margin-top: -30px; }

.btn-info {
  width: 80px;
  height: auto;
color: #000000;
  text-align: center;
  border-radius: 5px;
background-color: #FF0000;
}
.open-button {
  color: #000000;
    font-size: 11px;
  font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  width: 100%;
}

/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0px;
  border: 3px solid #f1f1f1;
   background-color: #FFFFFF;
  z-index: 9;
}

/* Add styles to the form container */


/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] {
  width: 100%;

  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #4CAF50;
  color: white;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}

.whats{
max-width:100px;
max-height:50px;
margin-bottom: 10px;
}
.icon{
max-width:15px;
max-height:15px;
}

.icon2 {
vertical-align: middle;
margin-right: 2px;
}
 .tabtop { display: table; width: 100%; 
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-right:auto;
margin-left:auto; margin-top: 10%; }
.rowtop {clear: both; display: block; display: table-row; width: 100%;}
.coltop {  background-color: #0099CC; float: left; width: 100%; text-align: center; height: auto;  padding: 5px; background-repeat: no-repeat; display: table-cell;}
.coltop2 {  float: left; width: 100%; text-align: center; height: auto; background-repeat: no-repeat; display: none;}
.coltop3 {  float: left; width: 100%; text-align: center; height: auto; display: none; }
.coltop4 { float: left; width: 100%; text-align: right; margin-top: 5px; height: auto; display: table-cell;}
 
.contact { display: block;
  width: 100%;
  position: fixed;
  font-size: 11px;
  font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #006699;
  bottom: 0px;
  z-index: 6666; 
 background: #3399CC;  }
.rowcontfix { clear: both; width: 100%;}
.colcontfix1 { float: left; width: 30%; text-align: center; height: 40px; line-height: 40px; margin: 5px; background-repeat: no-repeat; }
.colcontfix2 {  float: left; width: 10%; text-align: center; height: 40px; line-height: 40px; margin: 5px;  background-repeat: no-repeat;}
.colcontfix3 { background-color: #FFFFFF; float: left;   font-size: 14px;  width: 50%; border: 2px solid #333333; text-align: center; margin: 5px; height: 40px; line-height: 40px; }


.taboffers {  width: 100%; 
top: 2%; margin-top: 2%; margin-bottom: 20%;  background-color: #F3F7FE; margin-left: auto; margin-right: auto; border: 1px solid #D1D1D1; }
.rowoffers { width: 100%; }
.coloffers1 {  width: 100%; height: auto; padding-top: 2%; text-align: center; padding: 10%; }
.coloffers2 {  width: 100%; height: auto;  padding: 5%; }
.coloffers3 {  width: 100%; height: auto; padding: 10%; text-align: center;}

.boxoffers {
width: 90%;
height: auto;
font-size: 13px;
margin-bottom: 15%;
bottom: 15%;
padding: 10px; 
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
display:block;
margin:0px auto;
text-align: left;
border: 1px solid #CCCCCC;
box-shadow: -1px 1px 4px 1px #E2E2E2;
}

.offers {
padding: 10px;
display:block;
margin:0px auto;
text-align:center;
background-color: #FFFFFF;
}

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

.backgroundfinalhome {
width: 100%;
height: auto;
float: left;
background-color: #273A4E;
color: #FFFFFF;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
cellpadding: 0px;
cellspacing: 0px;
margin-right:auto;
margin-left:auto;
padding: 10px;
margin-bottom: 0px; 
bottom: 0px;
vertical-align: bottom;
align: center;
background-repeat: no-repeat;
}
.tabfinal { width: 98%; 
margin-left: 5px; padding-bottom: 30px;}
.rowfinal {  width: 95%;}
.colfinal1 {  width: 100%; font-family: Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif; margin-top: 3%; color: #FFFFFF; font-weight: bold;height: auto;}
.colfinal2 {  width: 100%; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 3%; color: #FFFFFF; height: auto; }
.colfinal3 {  width: 100%; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 3%; color: #FFFFFF; height: auto; }
.colfinal4 {  width: 100%; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 3%; margin-bottom: 1%; color: #FFFFFF; height: auto; }


#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: 55px;
  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;
}
h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
margin-top: 0px;
display: inline;
	text-shadow: 2px 2px 2px #FFFFFF;
	font-weight: bold;
	}

h2 {
text-align: top;
	font-size: 18px;
font-family:  Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif;
display: inline;
margin-top: 0px;
margin-left: 0px;
}

h3 {
text-align: top;
font-family:  Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif;
display: inline;
margin-top: 0px;
margin-left: 0px;
}

.glyphicon-asterisk {
color: #FF0000;
}
.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: 100%;
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;
}
#container2 {
width: 100%;
height: 100%;
background-color: #F3EFF0;
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: 100%;
background-color: #F3EFF0;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
}
#container4 {
width: 100%;
height: 100%;
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;
}
#container5 {
width: 100%;
height: 100%;
background-color: #F3EFF0;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
}
#container6 {
width: 100%;
height: 100%;
background-color: #F3EFF0;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
}
#container7 {
width: 100%;
height: 100%;
background-color: #F3EFF0;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
}
#container8 {
width: 100%;
height: 100%;
background-color: #F3EFF0;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
}
#container9 {
width: 100%;
height: 100%;
background-color: #F3EFF0;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
}
#container10 {
width: 100%;
height: 100%;
background-color: #F3EFF0;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
}
#container11 {
width: 100%;
height: 100%;
background-color: #F3EFF0;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
}
#container12 {
width: 100%;
height: 100%;
background-color: #F3EFF0;
valign: top;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
margin-bottom: 0px; 
align: center;
border-padding: 0px;
border-spacing: 0px;
}

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

#atleft7 {
width: 100%;
height: auto;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 10px;
background-image: url(../im-sito-lampedusa-estate/sfondo-2.jpg);


}
#atright7 {
width: 100%;
height: auto;
margin-bottom: 50px;
bottom: 50px;
margin-top: 10px;
background-color: #FFFFFF;
}

#atleft8 {
width: 100%;
height: auto;
font-size: 12px;
padding: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#atright8 {
width: 100%;
padding-top: 10%;
padding: 10px;
height: auto;
}
/* ----------------------------------INTESTAZIONE------------------------------------------------- */

#divtop {
width: 100%;
height: auto;
valign: top;
margin-right:auto;
margin-left:auto;
top: 0px; 
background-color: #FFFFFF;
text-align : top;
}
#divtop2 {
width: 100%;
height: auto;
valign: top;
margin-right:auto;
margin-left:auto;
top: 0px; 
background-color: #FFFFFF;
text-align : top;
}

#atleft {
width: 100%;
height: auto;
text-align: center;
font-size: 12px;
margin-bottom: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-repeat: no-repeat;
}
#atright {
width: 100%;
height: auto;
text-align: center;
background-repeat: no-repeat;
}
.media {
width: 80%;
vertical-align: top;
margin-right:auto;
margin-left:auto;
margin-right: 20px;
  	}

.blog {
vertical-align: middle;
width:90%;
display: inline;
height: auto; 
position: relative;
z-index: 88;
}

.blogtop {
vertical-align: top;
float: center;
width:100px;
height: auto;
display: inline;
position: relative;
z-index: 88;
}
.flex {
max-width:150px;
max-height:60px;
margin-bottom: 10px;
}
.flex2 {
margin-top: 5%;
margin-right: 1%;
float: left;
position: relative;
max-width:250px;
max-height:150px;
margin-bottom: 10px;
}

.imgnewsletter {
margin-top: 2%;
margin-left: 8%;
margin-right: auto;
float: left;
max-width:90%;
max-height:auto;
margin-bottom: 5px;
}

.imgprev2 {
margin-top:2%;
margin-bottom: 2%;
margin-left: 30%;
margin-right: auto;
float: left;
} 
.imgprevnews {
margin-top:2%;
margin-bottom: 20%;
margin-left: 10%;
float: right; 
margin-right: auto;


} 
.flex3 {
max-width:100%;
max-height:auto;
margin-bottom: 10px;
padding: 5px;
background-color: #FFFFFF;
box-shadow: 1px 1px 3px #999999;
}
.flexperc {
max-width:95%;
max-height:auto;
margin-bottom: 10px;
}
.ship {
max-width:260px;
max-height:200px;
display: block;
margin: 0px auto;
text-align: center;
margin-bottom: 10px;
}
.contactbox {
 width: 100%; 
 padding-bottom: 10px;}
.rowbox {clear: both;  width: 100%;}
.colbox1 { float: left;   width:50%; font-family: Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif; text-align: center; color: #333333; font-weight: bold;height: auto;  }
.colbox2 { float: left; width: 50%; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; text-align: center;  margin-bottom: 20px; height: auto;  }

.imgoffers {
padding: 10px;
margin-right:auto;
margin-left:auto;
margin-top: 150px;
background-color: #FFFFFF;
box-shadow: -1px 1px 4px 1px #333333;
}
.imgoffers2 {
padding: 5px;
display: block;
margin: 0px auto;
text-align: center;
background-color: #FFFFFF;
box-shadow: -1px 1px 4px 1px #333333;
}
.imgoffers3 {
padding: 10px;
margin-left:20px;
background-color: #FFFFFF;
box-shadow: 2px 2px 2px #CCCCCC;
}
img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
background-color: #FFFFFF;
box-shadow: 2px 2px 2px 2px #C7C7C7;
padding: 6px;
align: center; 
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;
background-color: #FFFFFF;
box-shadow: 2px 2px 2px 2px #C7C7C7;
padding: 6px;
margin-right:auto;
margin-left:auto;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}

.tabstructure {  width: 100%; 
margin-right:auto; margin-left:auto; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;  background-color: #FFFFFF;  }
.rowstruct {clear: both;  width: 100%;}
.rowstruct2 {clear: both;  width: 100%;}
.colstruct { background-color: #F5F5F5; box-shadow: -1px 1px 4px 1px #CCCCCC;  width: 100%; text-align: center; padding: 10px; margin-bottom: 20px; height: 400px;  text-align: top; background-repeat: no-repeat; }
.colstruct2 { background-color: #F5F5F5; box-shadow: -1px 1px 4px 1px #CCCCCC;  width: 100%; text-align: center; padding: 10px;  margin-bottom: 20px; height: 400px; background-repeat: no-repeat; }
.colstruct3 { background-color: #F5F5F5; box-shadow: -1px 1px 4px 1px #CCCCCC;  width: 100%; text-align: center; padding: 10px;  margin-bottom: 20px; height: 400px;}
.colstruct4 { background-color: #F5F5F5; box-shadow: -1px 1px 4px 1px #CCCCCC;  width: 100%; text-align: center; padding: 10px; margin-bottom: 20px; height: 400px; }
.colstruct5 { background-color: #F5F5F5; box-shadow: -1px 1px 4px 1px #CCCCCC;  width: 100%; text-align: center; padding: 10px; margin-bottom: 20px; height: 400px; }
.colstruct6 { background-color: #F5F5F5; box-shadow: -1px 1px 4px 1px #CCCCCC;  width: 100%; text-align: center; padding: 10px; margin-bottom: 20px; height: 400px; }


.tabpost {  width: 100%; 
margin-right:auto; margin-left:auto; margin-top: 5%; margin-bottom: 2%;  }
.rowpost { clear: both; width: 100%;}
.colpost {  background-color: #FFFFFF; box-shadow: -1px 1px 4px 1px #CCCCCC;  width: 100%; text-align: center; margin-bottom: 30px; height: 500px;  text-align: top; background-repeat: no-repeat; d}
.colpost2 { background-color: #FFFFFF; box-shadow: -1px 1px 4px 1px #CCCCCC;  width: 100%; text-align: center; margin-bottom: 30px; height: 500px; background-repeat: no-repeat;}
.colpost3 {  background-color: #FFFFFF; box-shadow: -1px 1px 4px 1px #CCCCCC;  width: 100%; text-align: center;  margin-bottom: 30px; height: 500px; }


.tabpostins {  width: 100%; 
margin-right:auto; margin-left:auto; margin-top: 5%; font-size: 17px; font-family: Bitter;  color: #333333; }
.rowpostins { clear: both; width: 100%;}
.colpostins { background-color: #FFFFFF; width: 100%; text-align: center;  margin-bottom: 50px; height: 220px;  text-align: top; background-repeat: no-repeat;}
.colpostins2 { background-color: #FFFFFF; width: 100%; text-align: center; margin-top: 50px; text-align: left; padding: 10px; margin-bottom: 10px; height: 50%; background-repeat: no-repeat; }

.appchoice {
width: 280px; 
height: 300px;
margin-top: 150px;
padding-top: 20px;
margin-bottom: 20px;
background-image: url(../im-sito-lampedusa-estate/post-it-bianco.png);
}

.tabchoice { width: 90%; 
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; width: 90%;}
.colchoice1 { background-color: #F0F0F0; width: 100%; height: 150px; padding-top: 10px;  text-align: center; vertical-align: middle;  background-repeat: no-repeat; }
.colchoice2 { background-color: #F0F0F0; width: 100%; height: 150px; padding-top: 10px; text-align: center; vertical-align: middle; text-align: center; vertical-align: middle; background-repeat: no-repeat; }
.colchoice3 { background-color: #F0F0F0; width: 100%; height: 150px; padding-top: 10px; text-align: center; vertical-align: middle; background-repeat: no-repeat; }
.colchoice4 { background-color: #F0F0F0; width: 100%; height: 150px; padding-top: 10px; text-align: center; vertical-align: middle; background-repeat: no-repeat; }
.colchoice5 { background-color: #F0F0F0; width: 100%; height: 150px; padding-top: 10px; text-align: center; vertical-align: middle; background-repeat: no-repeat; }

.taboffershome { display: table; width: 100%; 
margin-right:auto; margin-left:auto; padding: 10px;  margin-top: 20px; margin-bottom: 20px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; border: 1px solid #CCCCCC;
box-shadow: -1px 1px 4px 1px #E2E2E2; }
.rowoffershome { clear: both; width: 100%;}
.coloffershome {  background-color: #FFFFFF;width: 100%; height: auto;  padding: 10px; background-repeat: no-repeat; }
.coloffershome2 { background-color: #FFFFFF;  width: 100%; height: auto; vertical-align: bottom; background-repeat: no-repeat; }


.view {
font-size: 16px;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-weight: bold;
padding: 20px; 
width: 100%;
text-align: center;
height: auto;
margin-right:auto;
margin-left:auto;
}

.contactnum {
width: 100%;
height: auto;
margin-bottom: 50px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
background-color: #FFFFFF;
padding: 20px;
text-align: left;
}
/* ----------------------------------PARTE SOTTO INTESTAZIONE------------------------------------------------- */

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


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

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

.atleftcenter {
background-color: #FFFFFF;
width: 220px;
height: auto;
margin-top: 10px; 
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
margin-left: auto;
margin-right:auto;
text-align: center;
padding: 10px;
box-shadow: -1px 1px 4px 1px #333333;
background-repeat: no-repeat;
}

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




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

#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;
}


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

.imgvarious {
border-radius: 10px 10px 10px 10px;
}
.imgall {
padding: 5px;
margin-bottom: 20px;
margin: 20px;
float: center;
box-shadow: 1px 1px 3px #999999;
}
.imgcontact {
width: 90%;
padding: 7px;
margin-right:20px;
margin-left:20px;
margin-bottom: 40px;
float: left;
}

.imgbook {
max-width: 80%;
height: auto;
padding: 7px;
margin-right:20px;
margin-left:20px;
margin-bottom: 40px;
}
.imgapp {
vertical-align: top;
padding: 5px;
box-shadow: 1px 1px 2px #999999;
}

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

.imgoff2 {
max-width:100px;
max-height:150px;
}

.offersimg {
right: 1%;
margin-right: 1%;
text-align: center;
}

.imgprev {
max-width:160px;
max-height:35px;
margin-top:2%;
}

.imgoff {
max-width:160px;
max-height:30px;
vertical-align: top;
margin-right: 5px;
}

.imgoffersbig {
max-width:95%;
max-height:auto;
background-color: #FFFFFF;
padding: 10px;
vertical-align: top;
padding: 7px;
margin-right:10px;
margin-left:10px;
margin-bottom: 40px;
box-shadow: 1px 1px 3px #999999;
}

.imghome {
padding: 5px;
margin: 5px; 
box-shadow: 1px 1px 2px #999999;
}
.imghome2 {
padding: 2%;
background-color: #EFEFEF;
margin: 0 auto;
box-shadow: 1px 1px 2px #999999;
}

.imgpost {
max-width:100%;
height: auto; 
}

.space10 {
	width: 100%;
	height: 10px;
}
.space20 {
	width: 100%;
	height: 20px;
}
.space50 {
	width: 100%;
	height: 50px;
}
.space100 {
	width: 100%;
	height: 100px;
}
.spacebig {
	width: 100%;
	height: 680px;
}
/* ----------------------------------CORPO DEL SITO------------------------------------------------- */

#divbody {
	width: 100%;
	height: auto;
	overflow: hidden;
	valign: top;
	margin-right:auto;
	margin-left:auto;
	text-align : top;
}

#divbody2 {
	width: 100%;
	height: auto;
	valign: top;
	margin-right:auto;
	margin-left:auto;
	margin-top:30px;
	top: 30px;
	text-align : top;
}
#divbodyhome {
	width: 100%;
	height: auto;
	valign: top;
background-color: #FFFFFF;
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
	box-shadow: 1px 1px 2px #999999;
	text-align : top;
}
#divbodypic {
width: 100%;
height: 3000px;
overflow: hidden;
valign: top;
margin-right:auto;
margin-left:auto;
margin-bottom: 0px;

text-align : top;
}
#divbodypic2 {
width: 100%;
height: 5000px;
overflow: hidden;
z-index: 2;
valign: top;
margin-right:auto;
margin-left:auto;
margin-bottom: 0px;
text-align : top;
}

.style51 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	}
.style51red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FF0000;
	}
	
.boxhome1 {
width: 100%;
height: auto;
padding: 20px;
background-color: #FFFFFF;
text-align: left;
}
.boxhome2 {
width: 100%;
height: 100%;
padding: 20px;
text-align: left;
}
.boxsx {
width: 100%;
height: auto;
background-color: #FFFFFF;
text-align: left;
margin-top: 10px;
}
.boxdx {
width: 100%;
height: 100%;
padding-bottom: 50px;
text-align: left;
margin-top: 10px;
}

#bodyapp {
	width: 95%;
	height: auto;
	valign: top;
	padding: 10px;
	margin-right:auto;
	margin-left:auto;
	background-color: #FFFFFF;
	box-shadow: 1px 1px 2px #999999;
	text-align : top;
}
.boxunic {
width: 100%;
height: auto;
text-align: left;
}

.boxsx50 {
width: 100%;
height: auto;
background-color: #FFFFFF;
text-align: left;
}
.boxdx50 {
width: 100%;
height: auto;
background-color: #FFFFFF;
text-align: left;
}

.advertising {
width: 100%;
height: auto;
}

/* ----------------------------------STRISCE SOPRA CORPO TESTO------------------------------------------------- */
.striphome {
background-color:#A8D7FD;
width: 100%;
text-align: center;
height: auto;
margin-bottom: 10px;
}

.striphome1 {
width: 100%;
height: auto;
text-align: center;
padding: 1px; 
margin-right:auto;
margin-left:auto;
}
.striphome2 {
background-color:#0080C0;
width: 100%;
text-align: center;
height: 37px;
margin-right:auto;
margin-left:auto;
}

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

.style74 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #000000;
	font-weight: bold;
	}

.logo {
vertical-align: middle;
}

.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; }

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


.tabcell {
margin-right: auto; margin-left: auto; width: 100%; top: 2%; margin-top: 2%; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.rowcell {clear: both; width: 100%;}
.colcell1 { width: 100%; background-color: #EFEFEF; border: 1px solid #999999; padding: 10px;  height: auto;}
.colcell2 { width: 100%; text-align: center; padding: 10px; height: auto;}


/* ----------------------------------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;
}

.formhome {
background-image: url(im-sito-lampedusa-estate/sfondo-azzurro-sfumato.gif);
width: 90%;
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;
box-shadow: 2px 2px 3px #000000;
}

.boxcontact {
width: 100%;
margin: auto;
margin-right:auto;
margin-left:auto;
background-color: #FFFFFF;
}



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

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

.tabcontact { width: 100%; margin-right:auto; margin-left:auto; border: 1px solid #CCCCCC;
margin-top: +20px; padding: 20px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; }
.rowcont1 {clear: both; width: 100%;}
.rowcont2 {clear: both;  width: 100%;}
.rowcont3 {clear: both; width: 100%;}
.rowcont4 {clear: both; width: 100%;}
.rowcont5 {clear: both; width: 100%;}
.rowcont6 {clear: both; width: 100%;}
.rowcont7 {clear: both; width: 100%;}
.rowcont8 {clear: both; width: 100%;}
.rowcont9 {clear: both; width: 100%;}
.rowcont10 {clear: both; width: 100%;}
.rowcont11 {clear: both; width: 100%;}
.rowcont12 {clear: both; width: 100%;}
.rowcont13 {clear: both; width: 100%;}
.rowcont14 {clear: both; width: 100%;}
.rowcont15 {clear: both; width: 100%;}
.colcont1 { width: 100%; padding-left: 5px; height: auto; padding-top: 10px; padding-bottom: 5px; text-align: top; border: 1px;}
.colcont2 {  width: 100%; padding-left: 5px; height: auto; padding-bottom: 5px;}
.colcont3 {  width: 100%; padding-left: 5px; height: auto; padding-bottom: 5px;}
.colcont4 { width: 100%; padding-left: 5px; height: auto; padding-bottom: 5px; }
.colcont5 { width: 100%; padding-left: 5px; height: auto; padding-bottom: 5px;}
.colcont6 { width: 100%; padding-left: 5px; height: auto; padding-bottom: 5px; }
.colcont7 {  width: 100%; height: auto; padding-bottom: 5px; }
.colcont8 {  width: 100%; height: auto; padding-bottom: 5px; }
.colcont9 {  width: 100%; height: auto; padding-bottom: 5px;}
.colcont10 { width: 100%; height: auto; padding-bottom: 5px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; }
.colcont11 { width: 100%; height: auto; padding-bottom: 5px; }
.colcont12 { width: 100%; height: auto; padding-bottom: 5px; }
.colcont13 { width: 100%; height: auto; padding-bottom: 5px; }
.colcont14 { width: 100%; height: auto; padding-bottom: 5px; }
.colcont15 { width: 100%; height: auto; padding-bottom: 5px; }
.colcont16 { width: 100%; height: auto; padding-bottom: 5px; }
.colcont17 { width: 100%; height: auto; padding-bottom: 5px; }
.colcont18 { width: 100%; height: auto; padding-bottom: 5px; }
.colcont19 { width: 100%; height: auto; padding-bottom: 5px;  }
.colcont20 { width: 100%; height: auto; padding-bottom: 5px; }
.colcont21 { width: 100%; height: auto; padding-bottom: 5px; }
.colcont22 { width: 100%; height: auto; padding-bottom: 5px;}
.colcont23 { width: 100%; height: auto; padding-bottom: 5px; }
.colcont24 { width: 100%; height: auto; padding-bottom: 5px;}
.colcont25 { width: 100%; height: auto; padding-bottom: 5px; }
.colcont26 { width: 100%; height: auto; padding-bottom: 5px;}
.colcont27 { width: 100%; height: auto; padding-bottom: 5px;}
.colcont28 { width: 100%; height: auto; padding-bottom: 5px;}
.colcont29 { width: 100%; height: auto; padding-bottom: 5px;}
.colcont30 { width: 100%; height: auto; padding-bottom: 5px;}


/* ----------------------------------TABELLA MODULO PAGINA APPARTAMENTI------------------------------------------------- */

.tabform { display: table; width: 300px; 
left: -8px; 
top: 0px;
bottom: 0px;
margin-left: -8px;
margin-top: +0px;
margin-bottom: +0px; }
.rowform1 {clear: both; display: block; display: table-row; width: 300px;}
.rowform2 {clear: both; display: block; display: table-row; width: 300px;}
.rowform3 {clear: both; display: block; display: table-row; width: 300px;}
.rowform4 {clear: both; display: block; display: table-row; width: 300px;}
.rowform5 {clear: both; display: block; display: table-row; width: 300px;}
.rowform6 {clear: both; display: block; display: table-row; width: 300px;}
.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;}
.colform1 { background-color: #EAD5EA; width: 100%; height: 70px; text-align: center; display: table-cell}
.colform2 { background-color: #FFFFFF; width: 100%; height: 70px; text-align: center; display: table-cell}
.colform3 { background-color: #F0F7FF; width: 100%; height: 70px; text-align: center; display: table-cell}
.colform4 { background-color: #FFFFFF; width: 100%; height: 80px; text-align: center; display: table-cell}
.colform5 { background-color: #F0F7FF; width: 100%; height: 70px; text-align: center; display: table-cell}
.colform6 { background-color: #FFFFFF; width: 100%; height: 70px; text-align: center; display: table-cell}
.colform7 { background-color: #F0F7FF; width: 100%; height: 70px; text-align: center; display: table-cell}
.colform8 { background-color: #FFFFFF; width: 100%; height: 70px; text-align: center; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; display: table-cell}
.colform9 { background-color: #F0F7FF; width: 100%; height: 80px; text-align: center; display: table-cell}
.colform10 { background-color: #FFFFFF; width: 100%; height: 70px; text-align: center; display: table-cell}
.colform11 { background-color: #F0F7FF; width: 100%; height: 70px; text-align: center; display: table-cell}
.colform12 { background-color: #FFFFFF; width: 100%; height: 70px; text-align: center; display: table-cell}


.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; display: table-cell}
.colform14 { background-color: #EAD5EA; float: left; width: 50%; height: 30px; 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: 50px; display: table-cell}
.colform20 { background-color: #F0F7FF; float: left; width: 50%; height: 50px; display: table-cell}
.colform21 { background-color: #FFFFFF; float: left; width: 60%; height: 40px; display: table-cell}
.colform22 { background-color: #FFFFFF; float: left; width: 40%; height: 40px; 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; display: table-cell}
.colform26 { background-color: #FFFFFF; float: left; width: 50%; height: 200px; display: table-cell}

/* ----------------------------------TABELLE LISTA APPARTAMENTI GENERALE------------------------------------------------- */

.tabapart {  width: 100%; 
top: 60px;
margin-top: 40px; border: 2px solid #8DBEE2;
margin-bottom: 30px; margin-right:auto; margin-left:auto;  }
.rowapart1 {clear: both; width: 100%;}
.colapart1 { background-color: #F0F7FF; width: 100%; height: auto; padding-top: 5%; text-align: center; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #333333; background-repeat: no-repeat; }
.colapart2 { background-color: #F0F7FF; width: 100%; height: auto; padding: 10%; background-repeat: no-repeat; padding-bottom: 5%; }
.colapart3 { background-color: #F0F7FF; width: 100%; height: auto; background-repeat: no-repeat; padding-left: 30%; padding-bottom: 20px; }



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


.boxapp {
width: 95%;
height: auto;
top: 20px;
margin-top: +20px;
font-size: 13px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;

}
.boxapp2 {
width: 95%;
height: auto;
overflow: auto;
top: 20px;
margin-top: +20px;
box-shadow: 1px 1px 2px #000000;
padding: 10px;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;
background-color: #F7F7F7;
}


.tabpricea { display: table; width: 100%; 
top: 20px;
margin-top: +20px; font-size: 13px; 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: 30%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; display: table-cell}
.colprice2a { float: left; width: 70%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice3a { float: left; width: 30%; height: 60px; text-align: left; display: table-cell}
.colprice4a { float: left; width: 70%; height: 60px; text-align: center; display: table-cell}
.colprice5a { float: left; width: 30%; height: 60px; text-align: left; display: table-cell}
.colprice6a { float: left; width: 70%; height: 60px; text-align: center; display: table-cell}
.colprice7a {  float: left; width: 30%; height: 60px; text-align: left; display: table-cell}
.colprice8a { float: left; width: 70%; height: 60px; text-align: center; display: table-cell}
.colprice9a { float: left; width: 30%; height: 60px; text-align: left; display: table-cell}
.colprice10a { float: left; width: 70%; height: 60px; text-align: center; display: table-cell}
.colprice11a { float: left; width: 30%; height: 60px; text-align: left; display: table-cell}
.colprice12a { float: left; width: 70%; height: 60px; text-align: center; display: table-cell}
.colprice13a { float: left; width: 30%; height: 60px; text-align: left; display: table-cell}
.colprice14a {float: left; width: 70%; height: 60px; text-align: center; display: table-cell}
.colprice15a {  float: left; width: 30%; height: 60px; text-align: left; display: table-cell}
.colprice16a { float: left; width: 70%; height: 60px; text-align: center; display: table-cell}
.colprice17a { float: left; width: 30%; height: 60px; text-align: left; display: table-cell}
.colprice18a { float: left; width: 70%; height: 60px; text-align: center; display: table-cell}
.colprice19a {  float: left; width: 30%; height: 60px; text-align: left; display: table-cell}
.colprice20a { float: left; width: 70%; height: 60px; text-align: center; display: table-cell}
.colprice21a { float: left; width: 30%; height: 60px text-align: left; display: table-cell}
.colprice22a {  float: Left; width: 70%; height: 60px; text-align: center; display: table-cell}
.colprice23a { float: left; width: 30%; height: 60px; text-align: left; display: table-cell}
.colprice24a { float: left; width: 70%; height: 60px; text-align: center;  display: table-cell}
.colprice25a { float: left; width: 30%; height: 60px; text-align: left; display: table-cell}
.colprice26a { float: left; width: 70%; height: 60px; text-align: center; display: table-cell}
.colprice27a { float: left; width: 30%; height: 60px; text-align: left; display: table-cell}
.colprice28a {  float: right; width: 70%; height: 60px; text-align: center; display: table-cell}



.tabpriceb { display: table; width: 100%; 
top: 20px;
margin-top: +20px; font-size: 13px; 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: 33%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; display: table-cell}
.colprice2b { float: left; width: 33%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 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: 11px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice4b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}
.colprice5b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice6b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice7b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}
.colprice8b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice9b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice10b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}
.colprice11b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice12b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice13b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}
.colprice14b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice15b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice16b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}
.colprice17b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice18b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice19b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}
.colprice20b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice21b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice22b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}
.colprice23b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice24b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice25b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}
.colprice26b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice27b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice28b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}
.colprice29b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice30b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice31b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}
.colprice32b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}
.colprice33b { float: right; width: 33%; height: 50px; text-align: center; display: table-cell}



.tabpricec { display: table; width: 100%; 
top: 20px;
margin-top: +20px; font-size: 11px; 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: 22%; height: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; font-weight: bold; display: table-cell}
.colprice2c { float: left; width: 26%; height: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice3c { float: left; width: 26%; height: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice4c { float: left; width: 26%; height: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice5c { float: left; width: 22%; height: auto; text-align: left; display: table-cell}
.colprice6c { float: left; width: 26%; height: auto; text-align: center;  display: table-cell}
.colprice7c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice8c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice9c { float: left; width: 22%; height: auto; text-align: left; display: table-cell}
.colprice10c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice11c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice12c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice13c { float: left; width: 22%; height: auto; text-align: left; display: table-cell}
.colprice14c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice15c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice16c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice17c { float: left; width: 22%; height: auto; text-align: left; display: table-cell}
.colprice18c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice19c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice20c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice21c { float: left; width: 22%; height: auto; text-align: left; display: table-cell}
.colprice22c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice23c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice24c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice25c { float: left; width: 22%; height: auto; text-align: left; display: table-cell}
.colprice26c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice27c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice28c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice29c { float: left; width: 22%; height: auto; text-align: left; display: table-cell}
.colprice30c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice31c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice32c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice33c { float: left; width: 22%; height: auto; text-align: left; display: table-cell}
.colprice34c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice35c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice36c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice37c { float: left; width: 22%; height: auto; text-align: left; display: table-cell}
.colprice38c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice39c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice40c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice41c { float: left; width: 22%; height: auto; text-align: left; display: table-cell}
.colprice42c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice43c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}
.colprice44c { float: left; width: 26%; height: auto; text-align: center; display: table-cell}


.tabpriced { display: table; width: 100%; 
top: 20px;
margin-top: +20px; font-size: 9px; 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: 20%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #FFFFFF; font-weight: bold; display: table-cell}
.colprice2d { float: left; width: 20%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice3d { float: left; width: 20%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice4d { float: left; width: 20%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice5d { float: left; width: 20%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #FFFFFF; font-weight: bold; text-align: center; display: table-cell}
.colprice6d { float: left; width: 20%; height: 50px; text-align: left;  display: table-cell}
.colprice7d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice8d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice9d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice10d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice11d { float: left; width: 20%; height: 50px; text-align: left; display: table-cell}
.colprice12d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice13d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice14d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice15d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice16d { float: left; width: 20%; height: 50px; text-align: left; display: table-cell}
.colprice17d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice18d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice19d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice20d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice21d { float: left; width: 20%; height: 50px; text-align: left; display: table-cell}
.colprice22d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice23d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice24d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice25d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice26d { float: left; width: 20%; height: 50px; text-align: left; display: table-cell}
.colprice27d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice28d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice29d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice30d { float: left; width: 20%; height: 50px; text-align: center; display: table-celAl}
.colprice31d { float: left; width: 20%; height: 50px; text-align: left; display: table-cell}
.colprice32d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice33d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice34d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice35d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice36d { float: left; width: 20%; height: 50px; text-align: left; display: table-cell}
.colprice37d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice38d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice39d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice40d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice41d { float: left; width: 20%; height: 50px; text-align: left;display: table-cell}
.colprice42d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice43d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice44d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice45d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice46d { float: left; width: 20%; height: 50px; text-align: left; display: table-cell}
.colprice47d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice48d { float:left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice49d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice50d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice51d { float: left; width: 20%; height: 50px; text-align: left; display: table-cell}
.colprice52d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice53d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice54d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice55d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice56d { float: left; width: 20%; height: 50px; text-align: left; display: table-cell}
.colprice57d { float: left; width: 20%; height: 50px text-align: center; display: table-cell}
.colprice58d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice59d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice60d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice61d { float: left; width: 20%; height: 50px; text-align: left; display: table-cell}
.colprice62d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice63d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice64d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice65d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice66d { float: left; width: 20%; height: 50px;  text-align: left; display: table-cell}
.colprice67d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice68d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice69d { float: left; width: 20%; height: 50px; text-align: center; display: table-cell}
.colprice70d { float: right; width: 20%; height: 50px; text-align: center; display: table-cell}

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

.tabcolor { width: 100%; 
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; }
.rowcolor {clear: both; width: 100%;}
.colcolor { background-color: #0099CC; width: 100%; text-align: center; height: auto; text-align: top; background-repeat: no-repeat;}
.colcolor2 { background-color: #9DE7FF; width: 100%; text-align: center; height: auto; background-repeat: no-repeat;}
.colcolor3 { background-color: #0099CC; width: 100%; text-align: center; height: auto;}
.colcolor4 { background-color: #9DE7FF; width: 100%; text-align: center; height: auto;}
.colcolor5 { background-color: #0099CC; width: 100%; text-align: center; height: auto;}


.tabcolor2 { width: 100%; 
margin-right:auto; margin-left:auto; top: 5%; margin-top: 5%; border-radius: 20px;  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; width: 100%;}
.colcolor6 { background-color: #EEEEEE; box-shadow: -1px 1px 4px 1px #999999; width: 100%; text-align: center; height: auto; margin-bottom: 20px; text-align: top; background-repeat: no-repeat;}
.colcolor7 { background-color: #EEEEEE; box-shadow: -1px 1px 4px 1px #999999; width: 100%; text-align: center; height: auto; margin-bottom: 20px;  background-repeat: no-repeat;}
.colcolor8 { background-color: #EEEEEE; box-shadow: -1px 1px 4px 1px #999999; width: 100%; text-align: center; margin-bottom: 20px;  height: auto;}
.colcolor9 { background-color: #EEEEEE; box-shadow: -1px 1px 4px 1px #999999; width: 100%; text-align: center; margin-bottom: 20px;  height: auto;}
.colcolor10 { background-color: #EEEEEE; box-shadow: -1px 1px 4px 1px #999999; width: 100%; text-align: center; margin-bottom: 20px; height: auto;}

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

.style75 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #04A2DD;
	text-shadow: 2px 2px 2px #000000;
	font-weight: bold;
	}

/* ----------------------------------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;
}
/* -------------------------------TABELLA ANNUNCI-------------------------------------------------- */

.tabgeneric { 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; width: 80%}
.rowgen2 {clear: both; width: 80%}
.colgen1 { background-color: #B3ECFD; width: 100%; height: auto; text-align: top; }
.colgen2 { background-color: #B3ECFD; width: 100%; height: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; color: #0099CC; text-shadow: 1px 1px 1px #000000; font-weight: bold;}
.colgen3 { background-color: #B3ECFD; width: 100%; height: auto;  background-repeat: no-repeat;}
.colgen4{ background-color: #DEF7FE; width: 100%; height: auto; }
.colgen5 { background-color: #DEF7FE; width: 100%; height: auto; }
.colgen6 { background-color: #DEF7FE; width: 100%; height: auto; }


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

.tabempty { width: 100%; 
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; width: 100%;}
.colempty1 { background-color: #99CCFF; width: 100%; height: auto; text-align: top; background-repeat: no-repeat;}
.colempty2{ background-color: #99CCFF; width: 100%; height: auto; background-repeat: no-repeat;}
.colempty3 { background-color: #99CCFF; width: 100%; height: auto; background-repeat: no-repeat;}



.tabempty2 { width: 100%; 
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; width: 100%;}
.colempty4 { width: 100%; height: auto; text-align: top; background-repeat: no-repeat;}
.colempty5{ background-color: #99CCFF; width: 100%; height: auto; background-repeat: no-repeat;}
.colempty6{ background-color: #99CCFF; width: 100%; height: auto; background-repeat: no-repeat;}




.tabempty3 { width: 100%; 
margin-right: auto; margin-left: auto; margin-top: 5%;  }
.rowempty3 {clear: both; width: 100%;}
.colempty7 { background-color: #FFFFCC; width: 100%; height: auto; text-align: center; padding: 10px; background-repeat: no-repeat;}
.colempty8{ background-color: #99CCFF; width: 100%; height: auto; font-size: 13px; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: center; font-weight: bold; background-repeat: no-repeat;}
.colempty9{ background-color: #99CCFF; width: 100%; height: auto; background-repeat: no-repeat; padding: 10px; padding-bottom: 10px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: center; font-weight: bold;}

.ship {
width: 80%;
height: auto;
margin-top: 50px;
magin-left: auto;
margin-right: auto;
}
/* -------------------------------TABELLE ORARI NAVI E ALISCAFI-------------------------------------------------- */


.tab4co { width: 95%; 
margin-right: auto; margin-left: auto;  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: bold;  }
.row4co {clear: both; width: 100%;}
.row4co2 {clear: both; width: 100%;}
.col4co { background-color: #0099CC; width: 100%; height: auto;   text-align: center; text-align: center; background-repeat: no-repeat; }
.col4co2{ background-color: #FFFFFF; width: 100%; height: auto; margin-bottom: 10px; text-align: center; background-repeat: no-repeat; }
.col4co3{ background-color: #0099CC; width: 100%; height: auto;  text-align: center; }
.col4co4{ background-color: #FFFFFF; width: 100%; height: auto; margin-bottom: 10px; text-align: center; }
.col4co5{ background-color: #0099CC; width: 100%; height: auto;  text-align: center; }
.col4co6{ background-color: #FFFFFF; width: 100%; height: auto; margin-bottom: 10px; text-align: center; }
.col4co7{ background-color: #0099CC; width: 100%; height: auto;  text-align: center; }
.col4co8{ background-color: #FFFFFF; width: 100%; height: auto; margin-bottom: 10px; text-align: center; }



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


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

.food {
padding: 10px;
}

.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: 100%; }
.colempty10 { background-color: #FFFFFF; width: 100%; height: auto; text-align: top; padding: 10px; display: table-cell}
.colempty11{ background-color: #FFFFFF; width: 10%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell}


/* -----------------------------------------------TABELLA PACCHETTI ------------------------------------------------------------------------------- */
.tabcolor2 { width: 90%; 
margin-right:auto; margin-left:auto; top: 5%; margin-top: 5%; border-radius: 20px;  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; width: 100%;}
.colcolor6 { background-color: #E0E0E0; width: 100%; text-align: center; height: auto; margin-bottom: 20px; text-align: top; background-repeat: no-repeat;}
.colcolor7 { background-color: #E9E9E9; width: 100%; text-align: center; height: auto; margin-bottom: 20px;  background-repeat: no-repeat;}
.colcolor8 { background-color: #E0E0E0; width: 100%; text-align: center; margin-bottom: 20px;  height: auto;}
.colcolor9 { background-color: #E9E9E9; width: 100%; text-align: center; margin-bottom: 20px;  height: auto;}
.colcolor10 { background-color: #E0E0E0; width: 100%; text-align: center; margin-bottom: 20px; height: auto;}


.tabstruc4 { width: 100%;  
top: 50px;
margin-top: +50px; margin-right:auto; margin-left:auto; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; }
.rowstruc4 {clear: both; width: 100%;}
.colstruc7 { background-color: #3498db; width: 100%; height: auto;}
.colstruc8 { no-repeat; width: 100%; height: 45px; line-height: 45px; text-align: right;}
.colstruc9 { background-color: #3498db; width: 100%; height: auto; margin-bottom: 10%;  }



/* -------------------------------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: 100%;}
.rowpic2 {clear: both; display: block; display: table-row; width: 100%;}
.rowpic3 {clear: both; display: block; display: table-row; width: 100%;}
.colpic1 { background-color: #F0F7FF; width: 100%; height: auto; text-align: top; display: table-cell}
.colpic2 { background-color: #F0F7FF; width: 100%; height: auto; display: table-cell}
.colpic3 { background-color: #F0F7FF; width: 100%; height: auto; display: table-cell}
.colpic4 { background-color: #F0F7FF; width: 100%; height: auto; display: table-cell}
.colpic5 { background-color: #F0F7FF; width: 100%; height: auto; display: table-cell}
.colpic6 { background-color: #F0F7FF; width: 100%; height: auto; display: table-cell}
.colpic7 { background-color: #F0F7FF; width: 100%; height: auto; display: table-cell}
.colpic8 { background-color: #F0F7FF; width: 100%; height: auto; display: table-cell}
.colpic9 { background-color: #F0F7FF; width: 100%; height: auto; display: table-cell}







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

.key {
 width: 90%; 
top: 20px;
margin-top: +20px; font-size: 10px; margin-right: auto; margin-left: auto; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold;}
.rowkey {clear: both; width: 100%;}
.colkey1 { width: 100%; height: auto; text-align: center; margin-bottom: 10px; }
.colkey2 { width: 100%; height: auto; text-align: center; margin-bottom: 10px; }
.colkey3 {  width: 100%; height: auto; text-align: center; margin-bottom: 10px; }
.colkey4 {  width: 100%; height: auto; text-align: center; margin-bottom: 10px;}


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

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


.tabposition {
 width: 100%; 
top: 20px;
margin-top: +20px; border-radius: 10px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.rowposit { width: 100%;}
.colposit1 {  width: 100%; height: auto; }
.colposit2 { background-color: #F7FAFD; width: 100%; height: auto; border: 1px solid #85B0D3;  border-radius: 10px 10px 10px 10px;}



#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-size: 14px;
text-align: center;
  font-weight: bold;         /* testo in grassetto  */
  padding: 0;                /* padding             */
  height: 30px;              /* altezza             */
  width: 250px;
            /* larghezza           */
}


.contactapp { width: 80%; 
margin-right:auto; margin-left:auto; border: 1px solid #CCCCCC;
top: 30px; background-color: #FFFFFF;
margin-top: +30px; }
.rowcontact1 { clear: both; width: 90%;}
.rowcontact2 { clear: both; width: 90%;}
.rowcontact3 { clear: both; width: 90%;}
.rowcontact4 { clear: both; width: 90%;}
.rowcontact5 { clear: both; width: 90%;}
.colcontact1 { width: 95%; height: auto; background-repeat: no-repeat; }
.colcontact2 {  width: 95%; height: auto; }
.colcontact3 {  width: 95%; height: auto; text-align: top; }
.colcontact4 {  width: 95%; height: auto;}
.colcontact5 {  width: 95%; height: auto; background-repeat: no-repeat;}
.colcontact6 {  width: 95%; height: auto; background-repeat: no-repeat; }
.colcontact7 {  width: 95%; height: auto; background-repeat: no-repeat;}
.colcontact8 {  width: 95%; height: auto; background-repeat: no-repeat; }
.colcontact9 {  width: 95%; height: auto; background-repeat: no-repeat; }
.colcontact10 {  width: 95%; height: auto; background-repeat: no-repeat;}
.colcontact11 { width: 95%; height: auto; background-repeat: no-repeat; }
.colcontact12 { width: 95%; height: auto; background-repeat: no-repeat; }
.colcontact13 {  width: 95%; height: auto; background-repeat: no-repeat; }
.colcontact14 {  width: 95%; height: auto;background-repeat: no-repeat; }
.colcontact15 {  width: 95%; height: auto; text-align: center; background-repeat: no-repeat; }


.contactapp2 { width: 100%; 
margin-right:auto; margin-left:auto;
top: 30px;
margin-top: +30px; }
.rowcontact6 { clear: both; width: 100%;}
.rowcontact7 { clear: both; width: 100%;}
.rowcontact8 { clear: both; width: 100%;}
.rowcontact9 { clear: both; width: 100%;}
.rowcontact10 { clear: both; width: 100%;}
.colcontact16 { background-color: #FFFFFF; width: 100%; height: auto; background-repeat: no-repeat; }
.colcontact17 { background-color: #FFFFFF; width: 100%; height: auto; }
.colcontact18 { background-color: #FFFFFF; width: 100%; height: auto; text-align: top; }
.colcontact19 { background-color: #FFFFFF; width: 100%; height: auto;}
.colcontact20 { background-color: #FFFFFF; width: 100%; height: auto; background-repeat: no-repeat;}
.colcontact21 { background-color: #FFFFFF; width: 100%; height: auto; background-repeat: no-repeat; }
.colcontact22 { background-color: #FFFFFF; width: 100%; height: auto; background-repeat: no-repeat;}
.colcontact23 { background-color: #FFFFFF; width: 100%; height: auto; background-repeat: no-repeat; }
.colcontact24 { background-color: #FFFFFF; width: 100%; height: auto; background-repeat: no-repeat; }
.colcontact25 { background-color: #FFFFFF; width: 100%; height: auto; background-repeat: no-repeat;}
.colcontact26 { background-color: #FFFFFF; width: 100%; height: auto; background-repeat: no-repeat; }
.colcontact27 { background-color: #FFFFFF; width: 100%; height: auto; background-repeat: no-repeat; }
.colcontact28 { background-color: #FFFFFF; width: 100%; height: auto; background-repeat: no-repeat; }
.colcontact29 { background-color: #FFFFFF; width: 100%; height: auto;background-repeat: no-repeat; }
.colcontact30 { background-color: #FFFFFF; width: 100%; height: auto; text-align: center; background-repeat: no-repeat; }

.stylelineapp {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 20px;
color: #FFFFFF;
font-weight: bold;
word-wrap:break-word;
margin: 5px;
padding: 2px;
margin-bottom: 8px;
bottom: 8px;
background-color:#CC3399;
text-shadow: 2px 2px 2px #000000;
}
.divtext { width: 100%; 
top: 3%; margin-top: 3%; margin-left: auto; margin-right: auto;}
.rowtext {clear: both; width: 100%;}
.coltext1 { width: 100%; height: auto; text-align: center;}
.coltext2 { width: 100%; height: auto; text-align: center; text-align: center;}

.styleapp2 {
font-family: "MS Sans Serif", verdana, sans-serif;
	color: #006699;
    font-size: 22px;
	font-weight: bold;
}

.modhomeform {
width: 100%;
height: auto;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
text-align: center;
position: relative;
border: 2px solid #3c763d;
background-color: #D3EBF5;
z-index: 80;
}
.homeform { width: 90%; 
top: 20px; margin-top: 20px; margin-bottom: 50px; padding-bottom: 10px;  margin-left: auto; margin-right: auto;  font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-weight: bold; }
.rowhomeform {clear: both; width: 100%; }
.rowhomeform2 {clear: both; width: 100%;}
.rowhomeform3 {clear: both; width: 100%;}
.rowhomeform4 {clear: both; width: 100%; }
.colhomeform1 {  width: 100%; height: auto; line-height: 20px; text-align: center; }
.colhomeform2 {  width: 100%; height: auto; line-height: 20px; text-align: center; }
.colhomeform3 {  width: 100%; height: auto; line-height: 20px; text-align: center; }
.colhomeform11 {  width: 100%; height: auto; line-height: 20px; text-align: center; }
.colhomeform12 {  width: 100%; height: auto; line-height: 20px; text-align: center; }
.colhomeform4 {  width: 100%; height: auto; line-height: 20px; text-align: center; }
.colhomeform5 {  width: 100%; height: auto; line-height: 20px; text-align: center; }
.colhomeform6 {  width: 100%; height: auto; line-height: 20px; text-align: center; }
.colhomeform7 {  width: 100%; height: auto; line-height: 20px; text-align: center; }
.colhomeform8 {  width: 100%; height: auto; line-height: 20px; text-align: center; }
.colhomeform9 {  width: 100%; height: auto; line-height: 20px; text-align: center; padding-bottom: 30px;  }
.colhomeform10 {  width: 100%; height: auto; line-height: 20px; text-align: center; vertical-align: bottom; }
.colhomeform11 {width: 100%; height: auto; line-height: 20px;padding-left: 10px; padding-right: 10px; }
.colhomeform12 {  width: 100%; height: auto; line-height: 20px;padding-left: 10px; padding-right: 10px; }
.colhomeform13 { width: 100%; height: auto; padding-left: 10px; padding-right: 10px; vertical-align: bottom; }

.boxlasthome {
width: 92%;
height: auto;
margin-right:auto;
margin-left:auto;
margin-top:30px;
padding: 20px;
box-shadow: 2px 2px 2px 3px #C7C7C7;
 border-radius: 5px 5px 40px 5px;
}
.bookbtn {
 width: 100px;
    padding: 10px 10px;
    display: inline;
    margin-bottom: 20px;
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
	  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;
}

.bookbtn2 {
 width: 100px;
    padding: 10px 10px;
    display: inline;
    margin-bottom: 20px;
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
	  font-weight: bold; 
    text-align: center;
    background-color: #ECA8C8;
    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;
}
bookbtn2:hover,
.bookbtn2:hover {  
    color: #fff;
    background-color: #7E1B4A;
}


}