/* ---------------------------------LAMPEDUSAESTATE.IT----------------------------------------------- */
@media only screen and (min-width : 800px) {
body  {
background-color: #F3EFF0;
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
margin:     0px auto 0;
margin-top: 0px; 
margin-bottom: 0px;
background-repeat: no-repeat;
}

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



.checkin {
width: 500px;
height: auto;
float: left;
margin-top: auto;
margin-bottom: auto;
}

.feedback {
  width: 100%;
height: auto;
float: left;
text-align: right;
margin-top: auto;
margin-bottom: auto;
}
.prev {
  width: 20%;
height: 12mm;
  z-index: 9999;
	box-shadow: 2px 2px 2px #999999;
position: fixed;bottom: 0; right: 100px;
}

.priceprev {
float: right;
margin-bottom: 20px;
}
div#speedbump {
  display: none;
  z-index: 9999;
  position: fixed;
  top: 0;
  width: 100%;
  background: #eeeeee;
}
#speedbump h4.modal-title {
  text-align: center;
  text-transform: uppercase;
  color: #004795;
  font-size:2.5em;	
}
.modal-body p {
  text-align:center;
  font-size: 1em;
}
button.btn-modal:hover {
  cursor: pointer;
}
button.btn-modal.btn-continue {
  background-color: #8bc63e;
  border: 0px;
  margin: 1% 0;
}
button.btn-modal.btn-close {
  background-color: inherit;
  border: 1px solid #030000;
  color: #030000;
  font-weight: 400;
}
.modal-header .close {
  font-size: 3.5em;
}
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;
}

.fa [fa-heart] {
color: #FF0000;
}

.fa {
color: #144F76;
}

.glyphicon-asterisk {
color: #FF0000;
}

.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: 10%; text-align: center; height: 40px; background-repeat: no-repeat; display: none; }
.colcontfix3 { background-color: #FFFFFF; width: 50%; font-size: 14px; text-align: center; margin: 10px; height: 40px; display: none; }
/* ------------------------------------------------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;
z-index: 80;
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 TOP------------------------------------------------------------------------------ */

.tabtop { display: table; width: 100%; 
font-size: 10px;
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: 62%; text-align: left; padding-left: 1%; height: 40px; padding-top: 1%; 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: 18%; text-align: center; height: 40px; line-height: 40px; border-right: 1px solid #F2F2F2; display: table-cell}
.coltop4 { float: left; width: 18%; text-align: center; height: 40px; line-height: 40px; display: table-cell}


#divtop {
width: 100%;
height: 130px;
valign: top;
margin-right:auto;
margin-left:auto; 
border-bottom: 2px solid #CCCCCC;
align: center;
position: fixed;
z-index: 9999;
top: 0px; 
background-color: #FFFFFF;
text-align : top;
}
#atleft {
width:25%;
height: 120px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
float: left;
background-repeat: no-repeat;
}
#atright {
width: 75%;
height: 120px;
float: left;
background-repeat: no-repeat;
}

#divtoppicture {
width: 100%;
height: 130px;
valign: top;
margin-right:auto;
margin-left:auto; 
border-bottom: 2px solid #CCCCCC;
align: center;
z-index: 9999;
top: 0px; 
background-color: #FFFFFF;
text-align : top;
}

.view {
font-size: 16px;
background-color: #FFFFFF;
color: #333333;
font-weight: bold;
padding: 20px; 
width: 100%;
text-align: center;
height: auto;
margin-right:auto;
margin-left:auto;
}
/* -----------------------------------------------------------------------PAGINA APPARTAMENTI----------------------------------------------------------------------------- */

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

#atright7 {
width: 53%;
height: auto;
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;
}


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

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

/* ----------------------------------PARTE SOPRA SFONDOONE------------------------------------------------- */

#atleft2 {
width: 50%;
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;
margin-top: 3%;
font-size: 11px;
margin-left: 2%;
margin-right:auto;
text-align: center;
padding: 15px;
background-repeat: no-repeat;
}

#atright2 {
width: 50%;
height: 250px;
float: left;
margin-right:auto;
margin-left:auto;
padding: 0px;
}


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

img {
  border: none;
}

.imgbook {
max-width: 90%;
height: auto;
padding: 7px;
margin-right:20px;
margin-left:20px;
margin-bottom: 40px;
}
.imgcontact {
width: 90%;
padding: 7px;
margin-right:20px;
margin-left:20px;
margin-bottom: 40px;
float: left;
}
.flex {
margin-top: 5px;
margin-right: 5px;
top: 0px;
float: left;
position: relative;
}
.flex2 {
position: absolute;
right: 2px;
bottom: 2px;
}

.imgnewsletter {
margin-top: 5%;
margin-right: 1%;
float: left;
position: relative;
}


.flex3 {
max-width:95%;
max-height:auto;
margin-bottom: 10px;
padding: 5px;
float: center;
box-shadow: 1px 1px 3px #999999;
}
.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;
}

.whats {
position: fixed;
 transform: translate3d(0,0,0);
bottom: 0px;
left: 0px;
right: 0px;
}

.flexperc {
max-width:600px;
max-height:450px;
margin-bottom: 10px;
padding: 7px;
margin-right: 20px;
float: center;
box-shadow: 1px 1px 3px #999999;
}

.imgall {
padding: 7px;
margin-right: 20px;
margin: 20px;
float: center;
box-shadow: 1px 1px 3px #999999;
}

.media {
vertical-align: top;
width:120px;
height: auto; 
float: left;
position: relative;
z-index: 88;
margin-right: 20px;
}


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

.blogtop {
vertical-align: top;
top: -10px;
float: right;
margin-right: 1%;
width:100px;
height: auto;
display: inline;
position: relative;
z-index: 88;
}
.imgoff2 {
width: 90%;
padding: 7px;
margin-right:20px;
margin-left:20px;
margin-bottom: 40px;
float: left;
box-shadow: 1px 1px 3px #999999;
}
.imgoffers {
padding: 10px;
display: block;
margin: 0px auto;
text-align: 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 {
padding: 10px;
display: block;
margin: 0px auto;
text-align: center;
background-color: #FFFFFF;
box-shadow: 2px 2px 2px 2px #CCCCCC;
}

.ship {
display: block;
margin: 0px auto;
text-align: center;
margin-bottom: 10px;
}

.imgprev {
margin-top:2%;
}
.imgprev2 {
margin-top:2%;
margin-bottom: 2%;
margin-left: auto;
float: right; 
margin-right: auto;
}

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

.logo {
max-width: 200px;
vertical-align: middle;
margin-top: 0px;
}
.imgoffersbig {
width: 95%;
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: 1%;
max-width:90%;
max-height: auto; 
background-color: #FFFFFF;
margin: 5px;
box-shadow: 1px 1px 2px #999999;
}

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

.imgstruct {
vertical-align: sub;
margin-bottom: 0px;
position: relative;
}
.icon {
vertical-align: middle;
margin-right: 2px;
}
.icon2 {
vertical-align: middle;
margin-right: 2px;
}
.icon3 {
vertical-align: middle;
margin: 2px;
}
#histats_counter {
display: inline}

.refresh {
margin-left: 20px; 
}
.social {
margin-right: 1%;
margin-left: 1%;
vertical-align: middle;
float: left;
position: relative;
}
.segui {
margin-left: 5%;
vertical-align: middle;
margin-top: 5%;
float: left;
position: relative;
}

img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
max-width:auto;
max-height: auto; 
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;
max-width:auto;
max-height: auto; 
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*/
}
/* --------------------------------------------------------------------SPAZI SEPARATORI---------------------------------------------------------------------------------------- */
.space10 {
	width: 100%;
	height: 10px;
}
.space20 {
	width: 100%;
	height: 20px;
}
.space30 {
	width: 100%;
	height: 30px;
}
.space50 {
	width: 100%;
	height: 50px;
}
.space100 {
	width: 100%;
	height: 100px;
}
.spacebig {
	width: 100%;
	height: 500px;
}

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

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
header { width: 100%; margin-top: 10px;}

.nav-bar { display: none;}

header nav {
  background: #FFFFFF;
line-height: 32px;
  z-index: 1000;
  width: 100%;
  margin: auto;
}

header nav ul { list-style: none; }

header nav ul li {
  float: left;
  position: relative;
}

header nav:after {
  content: "";
  display: block;
  color: #333333; 
  clear: both;
}

header nav ul li a {
  padding: 10px;
  font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: overline;
  text-transform: uppercase;
  color: #FFFFFF;
border-right: 1px solid #F2F2F2;
  
}
  
header nav ul li:hover { background: #3498db;     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%);
box-shadow: -1px 1px 4px 1px #333333;
border-radius: 5px; 
}

header nav ul li:hover i { color: yellow;    
 -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

header nav ul li i { margin-right: 10px;  }

header nav ul li:hover .children { display: block; border: 1px solid #3498db; }

header nav ul li .children {
  display: none;
  background: #00699B;
  position: absolute;
  width: 160%;
  z-index: 1000;
}

header nav ul li .children span { display: none; }

header nav ul li .children li {
  display: block;
  width: 100%;
border-bottom: 1px solid #3498db; 
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;

}

header nav ul li .children li a { margin-left: 3px; color:#FFFFFF; }

header nav ul li .fa-angle-down {
  position: relative;
  top: 0px;
}


/*responsive nav style MOBILE*/

@media all and (max-width: 650px) {

body { padding-top: 80px; }

.nav-bar {
  display: block;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999;
  background: #3498db;
}

.nav-bar span {
  float: left;
  font-size: 26px;
  padding: 20px;
  color: #fff;
}

.nav-bar .fa-bars {
  display: block;
  padding: 20px;
  color: #fff;
  overflow: hidden;
  font-size: 26px;
  font-weight: bold;
  text-decoration: none;
  float: left;
}

header nav {
  width: 80%;
    background: #F2F2F2;
	line-height: 25px;
	border: 1px solid #3498db;
  height: auto;
  z-index: 9999;
  position: fixed;
  right: 100%;
  top : 63px;
  overflow: scroll;
  height: 90%;
}

header nav ul li {
  display: block;
  font-size: 26px;
  width: 100%;
}

header ul li a { display: block; padding: 10px;}

header nav ul li .children {
  width: 100%;
  position: relative;
  overflow: hidden;

  display: none;
}

header nav ul li:hover .children { display: none; }

header nav ul li ul li:first-child { border-top: 1px solid #ffffff99; }

header nav ul li .children span {
  display: inline-block;
  margin-right: 10px;
}

header nav ul li .children a {
  margin-left: 10px;
  padding: 2px 0;
}

header nav ul li .fa-angle-down {
  position: relative;
  top: 3px;
}
}


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

#divbody {
	width: 85%;
	height: auto;
	valign: top;
	margin-right:auto;
	margin-left:auto;
margin-top: 150px;
	top: 150px;
	box-shadow: 1px 1px 2px #999999;
	text-align : top;
}

#divbodyhome {
	width: 98%;
	height: auto;
	valign: top;
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
	top: 30px;
	box-shadow: 1px 1px 2px #999999;
	text-align : top;
}
#divbody2 {
	width: 85%;
	height: auto;
	valign: top;
	margin-right:auto;
	margin-left:auto;
	margin-top:80px;
	top: 80px;
	box-shadow: 1px 1px 2px #999999;
	text-align : top;
	
}
#bodyapp {
	width: 85%;
	height: auto;
	valign: top;
	margin-right:auto;
	margin-left:auto;
	margin-top:150px;
	margin-bottom:100px;
	top: 150px;
	background-color: #FFFFFF;
	box-shadow: 1px 1px 2px #999999;
	text-align : top;
}

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

.boxhome1 {
width: 70%;
height: 100%;
float: left;
padding: 20px;
margin-right: 30px;
background-color: #FFFFFF;
text-align: left;
margin-bottom: 20px;
box-shadow: -1px 1px 4px 1px #333333;
}
.boxhome2 {
width: 25%;
height: 100%;
float: left;
text-align: left;
}

.boxsx {
width: 75%;
height: 100%;
background-color: #FFFFFF;
float: left;
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;
text-align: left;
}

.boxunic {
width: 100%;
height: 100%;
float: left;
background-color: #FFFFFF;
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;
background-color: #FFFFFF;
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;
background-color: #FFFFFF;
text-align: left;
margin-bottom: 50px;
border: 1px solid #CCCCCC;
box-shadow: -1px 1px 4px 1px #E2E2E2;
}
.boxdx50 {
width: 48%;
height: auto;
float: left;
background-color: #FFFFFF;
text-align: left;
margin-bottom: 50px;
margin-left: 20px;
border: 1px solid #CCCCCC;
box-shadow: -1px 1px 4px 1px #E2E2E2;
}

.contactnum {
width: 270px;
height: auto;
margin-bottom: 50px;
font-size: 17px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
background-color: #FFFFFF;
padding: 20px;
display: block;
text-align: left;
box-shadow: -1px 1px 4px 1px #333333;
}
/* ------------------------------------------------------PUBBLICITA'----------------------------------------------------------------- */

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

/* --------------------------------------------------STRISCE SOPRA CORPO TESTO--------------------------------------------------------------- */

.striphome {
background-color:#A8D7FD;
width: 100%;
height: auto;
text-align: center;
padding: 1px; 
box-shadow: -1px 1px 4px 1px #E2E2E2;
margin-right:auto;
margin-left:auto;
}
.striphome1 {
width: 100%;
height: auto;
text-align: center;
padding: 1px; 
margin-right:auto;
margin-left:auto;
}

.striphome2 {
background-color:#FFFFFF;
width: 100%;
text-align: center;
height: auto;
padding: 1px; 
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;
}

/* ----------------------------------TABELLA FINALE + STILE TESTO------------------------------------------------- */

#finalbackground {
width: 100%;
height: auto;
float: left;
background-color: #2A4460;
}

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

.finalbackgroundbottom {
width: 100%;
height: auto;
padding-left: 1%;
float: left;
display: inline;
color: #FFFFFF;
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: 22%; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; height: auto; margin: 10px; display: table-cell}


@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; 
margin-bottom: 5px;
}
.tabfinal { width: 100%; 
margin-left: 5px; padding-bottom: 30px;}
.rowfinal {  width: 95%;}
.colfinal1 {  width: 100%; font-family: Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif; color: #333333; font-weight: bold;height: auto;}
.colfinal2 {  width: 100%; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; height: auto; }
.colfinal3 {  width: 100%; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; height: auto; }
.colfinal4 {  width: 100%; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; height: auto; }

}
/* -------------------------------------CONTATTI PAGINA RICHIEDI PREVENTIVO---------------------------------------------- */

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

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

.tabphone {
 background-repeat: no-repeat;
margin: 0px auto; text-align: center; display: table; width: 100%; 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: auto; background-color: #EFEFEF; border: 1px solid #999999; margin: 8px; padding-left: 20px; padding-right: 20px; height: 50px; line-height: 50px; display: table-cell;}
.colphone2 { float: left; width: auto; background-color: #EFEFEF; border: 1px solid #999999; margin: 8px; padding-left: 20px; padding-right: 20px; height: 50px; line-height: 50px; display: table-cell;}
.colphone3 { float: left; width: auto; background-color: #EFEFEF; border: 1px solid #999999; margin: 8px; padding-left: 20px; padding-right: 20px; height: 50px; line-height: 50px; display: table-cell;}
.colphone4 { float: left; width: auto; background-color: #EFEFEF; border: 1px solid #999999; margin: 8px;  padding-left: 20px; padding-right: 20px; height: 50px; line-height: 50px; display: table-cell;}
.colphone5 { float: left; width: auto; background-color: #EFEFEF;  border: 1px solid #999999; margin: 8px; padding-left: 20px; padding-right: 20px; height: 50px; line-height: 50px; display: table-cell;}


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




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


.tabcell {
 background-repeat: no-repeat;
margin-right: auto; margin-left: auto; display: table; width: 100%; top: 2%; margin-top: 2%; 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: 80%; background-color: #EFEFEF; border: 1px solid #999999; margin: 10px; padding: 10px;  height: auto;  display: table-cell;}
.colcell2 {   float: left; width: 15%; margin: 10px; height: auto;  display: table-cell;}


.tabstructure { display: table; width: 100%; 
margin-right:auto; margin-left:auto; 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; box-shadow: -1px 1px 4px 1px #CCCCCC; float: left; width: 31%; text-align: center; margin: 10px; margin-bottom: 10px; height: 370px;  text-align: top; background-repeat: no-repeat; display: table-cell;}
.colstruct2 { background-color: #F5F5F5; box-shadow: -1px 1px 4px 1px #CCCCCC; float: left; width: 31%; text-align: center; margin: 10px;  margin-bottom: 10px; height: 370px; background-repeat: no-repeat; display: table-cell;}
.colstruct3 { background-color: #F5F5F5; box-shadow: -1px 1px 4px 1px #CCCCCC; float: left; width: 31%; text-align: center; margin: 10px;  margin-bottom: 10px; height: 370px; display: table-cell;}
.colstruct4 { background-color: #F5F5F5; box-shadow: -1px 1px 4px 1px #CCCCCC; float: left; width: 31%; text-align: center; margin: 10px; margin-bottom: 20px; height: 370px; display: table-cell;}
.colstruct5 { background-color: #F5F5F5; box-shadow: -1px 1px 4px 1px #CCCCCC; float: left; width: 31%; text-align: center; margin: 10px; margin-bottom: 20px; height: 370px; display: table-cell;}
.colstruct6 { background-color: #F5F5F5; box-shadow: -1px 1px 4px 1px #CCCCCC; float: left; width: 31%; text-align: center; margin: 10px; margin-bottom: 20px; height: 370px; display: table-cell;}


.tabpost { display: table; width: 100%; 
margin-right:auto; margin-left:auto; margin-bottom: 2%;  }
.rowpost { clear: both; display: block; display: table-row; width: 100%;}
.colpost {  background-color: #FFFFFF; box-shadow: -1px 1px 4px 1px #CCCCCC; float: left; width: 31%; text-align: center; margin: 1%; height: 400px;  text-align: top; background-repeat: no-repeat; display: table-cell}
.colpost2 { background-color: #FFFFFF; box-shadow: -1px 1px 4px 1px #CCCCCC; float: left; width: 31%; text-align: center; margin: 1%; height: 400px; background-repeat: no-repeat; display: table-cell}
.colpost3 {  background-color: #FFFFFF; box-shadow: -1px 1px 4px 1px #CCCCCC; float: left; width: 31%; text-align: center; margin: 1%;  height: 400px; display: table-cell}


.tabpostins { display: table; width: 100%; 
margin-right:auto; margin-left:auto; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #818181; }
.rowpostins { clear: both; display: block; display: table-row; width: 100%;}
.colpostins {  background-color: #FFFFFF; background-size: 400px 300px; float: left; width: 100%; text-align: center;  margin-bottom: 30px; height: 150px;  text-align: top; background-repeat: no-repeat; display: table-cell}
.colpostins2 { background-color: #FFFFFF; float: left; width: 100%; text-align: center; text-align: left; padding: 10px; margin-bottom: 10px; height: 50%; background-repeat: no-repeat; display: table-cell}

/* ----------------------------------------------------------------OFFERTE PAGINA HOME------------------------------------------------------------------------------- */ 
.boxoffers {
width: 95%;
height: auto;
font-size: 13px;
margin-right:auto;
margin-left:auto;
margin-top: 1%;
padding: 10px; 
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
text-align: left;
border: 1px solid #CCCCCC;
box-shadow: -1px 1px 4px 1px #E2E2E2;
}

.taboffershome { display: table; width: 98%; 
margin-right:auto; margin-left:auto; margin-top: 2%; margin-bottom: 2%; padding: 10px; 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; display: block; display: table-row; width: 100%;}
.coloffershome {  background-color: #FFFFFF; float: left; width: 80%; height: auto;  padding: 10px;background-repeat: no-repeat; display: table-cell}
.coloffershome2 { background-color: #FFFFFF; float: left; width: 20%; height: auto; vertical-align: bottom; background-repeat: no-repeat; display: table-cell}


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

.offerspink {
padding: 10px;
position: relative;
float: right;
vertical-align: bottom;
margin-top: 30%;
}


/* ---------------------------------------------BOX LAST MINUTE HOME---------------------------------------------------------------- */


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

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

.tabcontact { display: table; width: 95%; 
left: 5px; border-radius: 10px; 
padding: 10px; 
margin-right:auto; margin-left:auto; border: 1px solid #CCCCCC;
 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: 10px; display: table-cell}
.colcont2 { float: left; width: 48%; height: auto;  padding: 10px; display: table-cell}
.colcont3 { float: left; width: 96%; height: auto;  padding: 10px; display: table-cell}
.colcont4 {  float: left; width: 48%; padding: 10px; height: auto;  display: table-cell}
.colcont5 {  float: left; width: 48%; padding: 10px; height: auto; display: table-cell}
.colcont6 { float: left; width: 48%; height: auto; padding: 10px; display: table-cell}
.colcont7 { float: left; width: 48%; height: auto; padding: 10px; display: table-cell}
.colcont8 {  float: left; width: 48%; height: auto;  padding: 10px; display: table-cell}
.colcont9 { float: left; width: 32%; height: auto; padding: 10px; display: table-cell}
.colcont10 {  float: left; width: 32%; height: auto; padding: 10px; display: table-cell}
.colcont11 { float: left; width: 32%; height: auto; padding: 10px; display: table-cell}
.colcont12 { float: left; width: 48%; height: auto; padding: 10px; display: table-cell}
.colcont13 { float: left; width: 48%; height: auto; padding: 10px; display: table-cell}
.colcont14 { float: left; width: 28%; height: auto; padding: 10px; display: table-cell}
.colcont15 {  float: left; width: 68%; height: auto; padding: 10px; padding-bottom: 30px; display: table-cell}
.colcont16 { float: left; width: 43%; margin-right: 20px; height: auto; padding: 10px; margin-bottom: 30px; display: table-cell}
.colcont17 {  float: left; width: 53%; height: auto; padding: 10px; display: table-cell}
.colcont18 { float: left; width: 48%; height: auto; padding: 10px; display: table-cell}

.contactbox {
display: table; width: 100%; 
 padding-bottom: 5px;}
.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}
}


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


.tabapart {  display: table; width: 95%; 
top: 60px;
margin-top: 40px;
margin-bottom: 30px; 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: 28%; 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: 49%; 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%;  position: relative; background-repeat: no-repeat; display: table-cell; }


.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: 3%; height: 20px; line-height: 20px; display: table-cell;}
.coltext2 { float: left; width: 97%; height: 20px; line-height: 20px; text-align: left; display: table-cell;}


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

.line3 {
background: #D1D1D1 none repeat scroll 0 0;
display: block;
width: 100%;
height: 1px;
margin: 4px 0 12px;
padding: 0;
}
.linesmall {
height: 20px;
}

/* -------------------------------------------------------BOX PAGINE APPARTAMENTI-------------------------------------------------------------------------------------------------------- */


.appchoice {
width: 280px; 
height: 300px;
padding-top: 20px;
margin-bottom: 20px;
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; }


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

.key {
width: 85%; 
left: 50px; 
top: 20px;
margin-left: 50px; margin-top: +20px; margin-bottom: 25px; 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: 10px; 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: 10px; 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: 10px; 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: 10px; padding: 5px; text-align: center;  border-radius: 10px 10px 10px 10px; }

.fissa {
  position: fixed;
  top: 200px;
}

.boxapp {
width: 100%;
height: auto;
overflow: auto;
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: 90%;
height: auto;
overflow: auto;
top: 0px;
margin-top: +0px;
padding: 20px;
font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;
background-color: #FFFFFF;
}


.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: 250px; 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: 250px; 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: 250px;  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; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.rowposit {clear: both; display: block; display: table-row; width: 100%;}
.colposit1 {  float: left; width: 53%; height: auto; margin-right: 10px; padding: 10px;  line-height: 20px;  display: table-cell}
.colposit2 { background-color: #F7FAFD; float: left; width: 43%; height: auto; padding: 10px; line-height: 20px; border: 1px solid #85B0D3; 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: 26%; height: 130px; 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: 44%; height: 130px; 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: 26%; height: 130px;  line-height: 20px; border: 1px solid #FF9F9F; padding: 10px; border-radius: 10px 10px 10px 10px; display: table-cell}



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


.contactapp { display: table; width: 90%; 
top: 30px; 
padding: 10px; margin-right:auto; margin-left:auto; border: 1px solid #CCCCCC; border-radius: 10px; 
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; margin-top: 10px; padding: 10px;display: table-cell}
.colcontact2 {  float: left; width: 33%; height: auto; margin-top: 10px; padding: 10px; display: table-cell}
.colcontact3 {  float: left; width: 33%; height: auto; margin-top: 10px; padding: 10px; text-align: top; display: table-cell}
.colcontact4 { float: left; width: 33%; height: auto;  padding: 10px; display: table-cell}
.colcontact5 {  float: left; width: 33%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell}
.colcontact6 {  float: left; width: 33%; height: auto; padding: 10px;background-repeat: no-repeat; display: table-cell}
.colcontact7 {  float: left; width: 33%; height: auto; padding: 10px;background-repeat: no-repeat; display: table-cell}
.colcontact8 { float: left; width: 33%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell}
.colcontact9 { float: left; width: 33%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell}
.colcontact10 { float: left; width: 33%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell}
.colcontact11 {  float: left; width: 33%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell}
.colcontact12 {  float: left; width: 33%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell}
.colcontact13 { float: left; width: 30%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell}
.colcontact14 { float: left; width: 28%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell}
.colcontact15 {  float: left; width: 38%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell}
.colcontact16 { float: left; width: 95%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell}


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

.tabgeneric { display: table; width: 90%; 
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: 20%; height: 40px; text-align: top; display: table-cell}
.colgen2 { background-color: #B3ECFD; float: left; width: 60%; 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: 20%; height: auto; display: table-cell}
.colgen5 { background-color: #ADEF7FE; float: left; width: 55%; 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: center; background-repeat: no-repeat; display: table-cell}
.colempty5{ background-color: #99CCFF; float: left; width: 33%; height: 76px; padding: 10px; background-repeat: no-repeat; display: table-cell}
.colempty6{ background-color: #99CCFF; float: left; width: 33%; height: 76px; padding: 10px; 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: center; padding: 10px; background-repeat: no-repeat; display: table-cell}
.colempty8{ background-color: #99CCFF; float: left; width: 33%; height: 76px; font-size: 13px; padding: 10px; 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; padding: 10px; 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: 100%; }
.colempty10 { background-color: #FFFFFF; float: left; width: 60%; height: auto; text-align: top; padding: 10px; display: table-cell}
.colempty11{ background-color: #FFFFFF; float: left; width: 30%; height: auto;  padding: 10px; background-repeat: no-repeat; display: table-cell}


/* ----------------------------------------------------------------TABELLE ORARI AEREI 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}


.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: auto;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px;  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}




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


.tab4co2 { display: table; width: 100%; 
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; display: block; display: table-row; width: 100%;}
.col4coa {  background-color: #FFFFFF; float: left; width: 23%; height: 200px; margin: 10px; text-align: top; background-repeat: no-repeat; display: table-cell}
.col4cob{  background-color: #FFFFFF; float: left; width: 23%; height: 200px; margin: 10px; background-repeat: no-repeat; display: table-cell}
.col4coc{  background-color: #FFFFFF; float: left; width: 23%; height: 200px; margin: 10px; display: table-cell}
.col4cod{  background-color: #FFFFFF; float: left; width: 23%; height: 200px; margin: 10px; display: table-cell}


.food {
padding: 10px;
}

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

.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: #EEEEEE; box-shadow: -1px 1px 4px 1px #999999; float: left; width: 18%; text-align: center; height: auto; margin: 10px; border-radius: 5px; text-align: top; background-repeat: no-repeat; display: table-cell}
.colcolor7 { background-color: #EEEEEE; box-shadow: -1px 1px 4px 1px #999999; float: left; width: 18%; text-align: center; height: auto; margin: 10px; border-radius: 5px; background-repeat: no-repeat; display: table-cell}
.colcolor8 { background-color: #EEEEEE; box-shadow: -1px 1px 4px 1px #999999; float: left; width: 18%; text-align: center; height: auto; margin: 10px; border-radius: 5px; display: table-cell}
.colcolor9 { background-color: #EEEEEE; box-shadow: -1px 1px 4px 1px #999999; float: left; width: 18%; text-align: center; height: auto; margin: 10px; border-radius: 5px; display: table-cell}
.colcolor10 { background-color: #EEEEEE; box-shadow: -1px 1px 4px 1px #999999; float: left; width: 18%; text-align: center; height: auto; margin: 10px; border-radius: 5px; display: table-cell}

.tabstruc4 {
display: table; width: 95%; 
left: 5px; 
top: 70px;
margin-left: +20px;
margin-top: +40px; float: left; font-size: 16px; margin-bottom: 5%; 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: #3498db; box-shadow: -1px 1px 4px 1px #999999; float: left; width: 25%; height: 40px; color:#FFFFFF; line-height: 40px; text-align: center; display: table-cell}
.colstruc8 { no-repeat; float: left; width: 50%; height: 45px; line-height: 45px; text-align: right; display: table-cell}
.colstruc9 { background-color: #3498db; box-shadow: -1px 1px 4px 1px #999999; float: right; width: 25%; height: 40px; color:#FFFFFF; text-align: center; line-height: 40px; 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}




/* ----------------------------------------------CONTATTI E PAGINA OFFERTE--------------------------------------------------------------- */


.taboffers { display: table; width: 100%; 
top: 5%; margin-top: 5%; margin-bottom: 5%;  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: 5px;  display: table-cell;}
.coloffers2 { float: left; width: 58%; height: 120px;  padding-left: 5px; padding-top: 10px; padding-right: 10px; display: table-cell;}
.coloffers3 { float: right; width: 22%; height: 120px; padding: 5px; display: table-cell;}

.bookbtn {
 width: 100px;
    padding: 10px 10px;
    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;
}

.bookbtn2 {
 width: 100px;
    padding: 10px 10px;
    display: inline;
    margin-bottom: 20px;
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
	  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;
}


.contactapp2 { display: table; width: 100%; 
left: +5px; 
top: 30px; 
margin-left: +5px;
margin-top: +30px; }
.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%;}
.rowcontact11 {clear: both; display: block; display: table-row; width: 100%;}
.colcontact17 {  float: left; width: 33%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell;}
.colcontact18 {  float: left; width: 33%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell;}
.colcontact19 {  float: left; width: 33%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell;}
.colcontact20 { float: left; width: 33%; height: auto;  padding: 10px; background-repeat: no-repeat; display: table-cell;}
.colcontact21 {  float: left; width: 33%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell;}
.colcontact22 {  float: left; width: 33%; height: auto; padding: 10px;background-repeat: no-repeat; display: table-cell;}
.colcontact23 {  float: left; width: 33%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell;}
.colcontact24 { float: left; width: 33%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell;}
.colcontact25 { float: left; width: 33%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell;}
.colcontact26 { float: left; width: 33%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell;}
.colcontact27 {  float: left; width: 33%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell;}
.colcontact28 {  float: left; width: 33%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell;}
.colcontact29 {  float: left; width: 48%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell;}
.colcontact30 {  float: left; width: 48%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell;}


/* ----------------------------------------------------CONTATTI PAGINA HOME----------------------------------------------------------------------------- */

.modhomeform {
width: 100%;
height: auto;
float: right; 
padding: 5px; 
opacity: 0.95;
margin-bottom: 10%;
border: 2px solid #3c763d;
background-color: #F3F7FE;
z-index: 9980;
}
.homeform { display: table; width: 100%; padding-bottom: 5%; margin-left: auto; margin-right: auto; }
.rowhomeform {clear: both; display: block; display: table-row; width: 100%; }
.colhomeform1 { float: left; width: 95%; height: auto; line-height: 10px; padding-left: 10px; margin-top: 10px; padding-right: 10px;  display: table-cell;}
.colhomeform2 { float: left; width: 95%; height: auto; line-height: 10px; padding-left: 10px; padding-right: 10px;  display: table-cell;}
.colhomeform3 { float: left; width: 95%; height: auto; line-height: 10px;padding-left: 10px; padding-right: 10px;  display: table-cell;}
.colhomeform4 { float: left; width: 95%; height: auto; line-height: 10px; padding-left: 10px; padding-right: 10px; display: table-cell;}
.colhomeform5 { float: left; width: 95%; height: auto; line-height: 10px; padding-left: 10px; padding-right: 10px;  display: table-cell;}
.colhomeform6 { float: left; width: 95%; height: auto; line-height: 10px;padding-left: 10px; padding-right: 10px;  display: table-cell;}
.colhomeform7 { float: left; width: 95%; height: auto; line-height: 10px;padding-left: 10px; padding-right: 10px;  display: table-cell;}
.colhomeform8 { float: left; width: 95%; height: auto; line-height: 10px;padding-left: 10px; padding-right: 10px;  display: table-cell;}
.colhomeform9 { float: left; width: 95%; height: auto; line-height: 10px;padding-left: 10px; padding-right: 10px;  display: table-cell;}
.colhomeform10 { float: left; width: 95%; height: auto; line-height: 10px;padding-left: 10px; padding-right: 10px; display: table-cell;}
.colhomeform11 { float: left; width: 95%; height: auto; line-height: 10px;padding-left: 10px; padding-right: 10px; display: table-cell;}
.colhomeform12 { float: left; width: 95%; height: auto; line-height: 10px;padding-left: 10px; padding-right: 10px; display: table-cell;}
.colhomeform13 { float: right; width: 95%; height: auto; line-height: 10px;padding-left: 10px; padding-right: 10px; vertical-align: bottom; display: table-cell;}


/* ------------------------------------------------------------------------CLASSI BOTTONE TORNASU------------------------------------------------------------------------ */


#button2 {
  background-color: #999999; /* colore di sfondo    */
  border: 2px solid #CCCCCC;
 text-shadow: 2px 2px 3px #000000; /* bordo dell'elemento */
  font-size: 14px;
text-align: center;
  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;
}


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

/* ---------------------------------------------FINE---------------------------------------------------------------- */
}