/* ---------------------------------LAMPEDUSAHOLIDAY.COM----------------------------------------------- */
@media only screen and (min-width : 751px) and (max-width : 1300px) {
body  {
background: url(../im-lampedusa-holiday/sfondo-righe-diagonali.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 0px; 
margin-bottom: 0px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: oblique;
	line-height: normal;
}

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

.tabtop { display: table; width: 100%; 
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
margin-right:auto;
margin-left:auto;
border: 2px solid #2A4460;
background-color: #FFFFFF;  }
.rowtop {clear: both; display: block; display: table-row; width: 100%;}
.coltop {  float: left; width: 33%; text-align: left; height: 70px;  padding-left: 1%; border-right: 1px solid #F2F2F2; background-repeat: no-repeat; display: table-cell;}
.coltop2 {  float: left; width: 15%; text-align: center; height: 70px; line-height: 70px; font-weight: bold; border-right: 1px solid #F2F2F2; background-repeat: no-repeat; display: table-cell;}
.coltop3 {  float: left; width: 25%; text-align: center; height:70px; line-height: 70px; font-weight: bold; border-right: 1px solid #F2F2F2; display: table-cell;}
.coltop4 { float: left; width: 25%; text-align: center; height: 70px; line-height: 70px; display: table-cell;}


#divtop {
width: 100%;
height: auto;
valign: top;
margin-right:auto;
margin-left:auto; 
border-bottom: 2px solid #273A4E;
align: center;
position: fixed;
z-index: 9999;
top: 0px; 
background-color: #2A4460;
text-align : top;
}
#atleft {
width: 40%;
height: 110px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
float: left;
background-repeat: no-repeat;
}
#atright {
width: 60%;
height: 110px;
padding-top: 1%; 
float: left;
background-repeat: no-repeat;
}

/*---------------------------------------------------- CORPO DEL SITO -----------------------------------------------------------------------*/
#container {
width: 100%;
height: auto;
margin-right:auto;
margin-left:auto;
}
#divbody {
width: 100%;
height: 100%;
padding-top: 30px; 
margin-right:auto;
margin-left:auto;
}
#divbodyapp {
width: 100%;
height: 100%;
padding-top: 30px; 
margin-right:auto;
margin-left:auto;
}

#divbackground {
width: 100%;
height: 300px;
margin-right:auto;
margin-left:auto;
margin-top: 100px;
background: url(../im-lampedusa-holiday/foto-principale-3.jpg);
background-repeat: no-repeat;
}
#contentsx {
width: 70%;
height: 100%;
margin-right:auto;
float: left;
padding-top: 50px;
padding-bottom: 50px;
padding: 20px; 
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #333333;
margin-left:auto;
}

#contentdx {
width: 30%;
height: 100%;
margin-right:auto;
float: left;
padding-top: 50px;
padding-bottom: 50px;
padding: 20px; 
}

#contentsxapp {
width: 65%;
height: 100%;
margin-right:auto;
float: left;
padding-top: 50px;
padding: 20px; 
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #333333;
margin-left:auto;
}

#contentdxapp {
width: 35%;
height: 100%;
margin-right:auto;
float: left;
padding-top: 50px;
padding: 20px; 
}
/*--------------------------------------------- CLASSI IMMAGINI -------------------------------------------------------------*/
.media {
vertical-align: top;
float: left;
position: relative;
z-index: 88;
  	}
	
.media2 {
vertical-align: middle;
float: left;
  	}
.icon {
padding: 5px; 
vertical-align: middle;
}
.icon2 {
margin-right: 30px;
}
.logo {
vertical-align: middle;
margin-top: 10px;
}

img {
  border: none;
}

.imghome {
margin-right: auto;
margin-left: auto;
align: center;
}
.imgcont {
margin: 30px;
align: center;
}

.view {
max-width: 90%;
height: auto; 
text-align: center;
}
.viewapp {
max-width: 90%;
height: auto; 
display: block;
margin: 0px auto;
text-align: center;
box-shadow: 1px 1px 3px #999999;
}
.imgall {
max-width: 90%; 
height: auto; 
padding: 5px;
margin-top: 20px; 
margin: 10px; 
background: #FFFFFF;
box-shadow: 1px 1px 3px #999999;
}

.imgall2 {
padding: 7px;
margin-left: 20px;
float: center;

}

.imgall3 {
text-align: center;
}
img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
max-width: 90%;
height: auto; 
background-color: #FFFFFF;
text-align: center; 
box-shadow: 2px 2px 2px 2px #C7C7C7;
padding: 6px;
margin-bottom: 15px;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}
img.expando2{ /*sample CSS for expando images. Not required but recommended*/
border: none;
background-color: #FFFFFF;
max-width: 90%;
height: auto; 
box-shadow: 2px 2px 2px 2px #C7C7C7;
padding: 6px;
text-align: center; 
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*/
}
.newsletter {
max-width: 90%;
text-align: center;
}
.view {
max-width: 90%;
text-align: center;
}
.icon3 {
vertical-align: middle;
margin: 2px;
}

.icon4 {
vertical-align: middle;
margin: 2px;}
/*--------------------------------------------- SEPARATORI SPAZI -------------------------------------------------------------*/
.linespace {
	width: 100%;
	height: 50px;
}

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

/*--------------------------------------------- PRESENTAZIONE HOME -------------------------------------------------------------*/


.presentation { display: table; width: 100%; 
top: 1%; margin-top: 1%; margin-right: auto; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.rowpres {clear: both; display: block; display: table-row; width: 100%;}
.rowpres1 {clear: both; display: block; display: table-row; width: 100%;}
.colpres1 { background-color: #F5F5F5; float: left; width: 22%; height: 450px; margin: 5px; vertical-align: top; display: table-cell;}
.colpres2 { background-color: #F5F5F5; float: left; width: 22%; height: 450px;  margin: 5px; display: table-cell;}
.colpres3 { background-color: #F5F5F5; float: left; width: 22%; height: 450px;  margin: 5px; vertical-align: top; display: table-cell;}
.colpres4 { background-color: #F5F5F5; float: left; width: 22%; height: 450px;  margin: 5px; display: table-cell;}

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

.tabapart {  display: table; width: 100%; 
top: 60px;
margin-top: 40px;
margin-bottom: 30px; margin-right:auto; margin-left:auto; border: 1px solid #8DBEE2; background-color: #F0F7FF; }
.rowapart1 {clear: both; display: block; display: table-row; width: 100%;}
.colapart1 { background-color: #F0F7FF; float: left; width: 24%; height: 230px; padding: 5px; text-align: center; 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: 48%; height: 230px; padding: 5px;  background-repeat: no-repeat;  border-right: 1px solid #8DBEE2; display: table-cell; }
.colapart3 { background-color: #F0F7FF; float: left; width: 21%; height: 230px; padding: 5px;  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: 100%; height: 20px; line-height: 20px; display: table-cell;}


.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;  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;  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;  padding: 10px; border-radius: 10px 10px 10px 10px; display: table-cell}

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


.rowprice2a:hover {
background-color: #D4D4D4;}
.rowprice3a:hover {
background-color: #D4D4D4;}
.rowprice4a:hover {
background-color: #D4D4D4;}
.rowprice5a:hover {
background-color: #D4D4D4;}
.rowprice6a:hover {
background-color: #D4D4D4;}
.rowprice7a:hover {
background-color: #D4D4D4;}

.tabpricea { display: table; width: 90%; 
left: 5px; 
top: 20px; ;
margin-left: +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: #ADADAD; clear: both; display: block; display: table-row; width: 90%}
.rowprice2a { background-color: #EFEFEF; clear: both; display: block; display: table-row; width: 90%}
.rowprice3a {background-color: #E1E1E1; clear: both; display: block; display: table-row; width: 90%}
.rowprice4a {background-color: #EFEFEF; clear: both; display: block; display: table-row; width: 90%}
.rowprice5a {background-color: #E1E1E1; clear: both; display: block; display: table-row; width: 90%}
.rowprice6a {background-color: #EFEFEF;clear: both; display: block; display: table-row; width: 90%}
.rowprice7a {background-color: #E1E1E1;clear: both; display: block; display: table-row; width: 90%}
.colprice1a {  float: left; width: 28%; height: 50px; padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #333333; font-weight: bold; display: table-cell}
.colprice2a { float: left; width: 70%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #333333; 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; line-height: 30px; display: table-cell}
.colprice4a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice5a { float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice6a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice7a {  float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice8a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice9a { float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice10a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice11a { float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice12a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice13a { float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice14a {float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice15a {  float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice16a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice17a { float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice18a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice19a {  float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice20a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice21a { float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice22a {  float: Left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice23a { float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice24a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice25a { float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice26a { float: left; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice27a { float: left; width: 28%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice28a {  float: right; width: 70%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}



.rowprice2c:hover {
background-color: #D4D4D4;}
.rowprice3c:hover {
background-color: #D4D4D4;}
.rowprice4c:hover {
background-color: #D4D4D4;}
.rowprice5c:hover {
background-color: #D4D4D4;}
.rowprice6c:hover {
background-color: #D4D4D4;}
.rowprice7c:hover {
background-color: #D4D4D4;}

.tabpricec { display: table; width: 90%; 
left: 5px; 
top: 20px;
margin-left: +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: #ADADAD; clear: both; display: block; display: table-row; width: 90%}
.rowprice2c { background-color: #EFEFEF; clear: both; display: block; display: table-row; width: 90%}
.rowprice3c {background-color: #E1E1E1; clear: both; display: block; display: table-row; width: 90%}
.rowprice4c {background-color: #EFEFEF; clear: both; display: block; display: table-row; width: 90%}
.rowprice5c {background-color: #E1E1E1; clear: both; display: block; display: table-row; width: 90%}
.rowprice6c {background-color: #EFEFEF;clear: both; display: block; display: table-row; width: 90%}
.rowprice7c {background-color: #E1E1E1;clear: both; display: block; display: table-row; width: 90%}
.colprice1c { float: left; width: 23%; height: 50px; padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #333333; font-weight: bold; display: table-cell}
.colprice2c { float: left; width: 25%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #333333; font-weight: bold; text-align: center; display: table-cell}
.colprice3c { float: left; width: 25%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #333333; 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: 15px; color: #333333; 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; line-height: 30px; display: table-cell}
.colprice6c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice7c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice8c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice9c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice10c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice11c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice12c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice13c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice14c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice15c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice16c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice17c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice18c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice19c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice20c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice21c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice22c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice23c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice24c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice25c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice26c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice27c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice28c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice29c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice30c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice31c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice32c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice33c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice34c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice35c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice36c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice37c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice38c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice39c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice40c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice41c { float: left; width: 23%; height: 30px; transition: background-color 0.2s; padding-left: 10px; text-align: left; line-height: 30px; display: table-cell}
.colprice42c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice43c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}
.colprice44c { float: left; width: 25%; height: 30px; transition: background-color 0.2s; text-align: center; line-height: 30px; display: table-cell}


/*--------------------------------------------- NUMERI CONTATTI -------------------------------------------------------------*/

.contactnum {
width: 90%;
height: auto;
padding:10px;
margin-bottom: 50px; 
box-shadow: -1px 1px 4px 1px #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
float: left;
background-color: #FFFFFF;
}

.contactnumapp {
width: 70%;
height: auto;
padding:10px;
margin-left: 40px; 
margin-top: 50px; 
box-shadow: -1px 1px 4px 1px #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
background-color: #FFFFFF;
}

.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #409FFF;
}
.style86 {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
}

/*--------------------------------------------- CONTENITORE MODULO -------------------------------------------------------------*/
.contact {
width: 95%;
height: auto;
padding: 20px;
margin-right:auto;
margin-left:auto;
}
/*--------------------------------------------- MODULO CONTATTI APPARTAMENTI-------------------------------------------------------------*/

.contactapp { display: table; width: 100%; 
top: 30px;    border: 1px solid #CCCCCC;
margin-top: +30px; padding: 20px; }
.rowcontact1 {clear: both; display: block; display: table-row; width: 100%;}
.colcontact1 {  width: 100%; height: auto; padding: 20px;display: table-cell}
.colcontact2 {  width: 100%; height: auto; padding: 20px; display: table-cell}
.colcontact3 {   width: 100%; height: auto; padding: 20px; text-align: top; display: table-cell}
.colcontact4 { width: 100%; height: auto;  padding: 20px; display: table-cell}
.colcontact5 {   width: 100%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}
.colcontact6 {  width: 100%; height: auto; padding: 20px;background-repeat: no-repeat; display: table-cell}
.colcontact7 {   width: 100%; height: auto; padding: 20px;background-repeat: no-repeat; display: table-cell}
.colcontact8 {  width: 100%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}
.colcontact9 {  width: 100%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}
.colcontact10 {  width: 100%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}
.colcontact11 {  width: 100%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}


/*--------------------------------------------- MODULO CONTATTI-------------------------------------------------------------*/

.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%;}
.colcontact17 {  float: left; width: 33%; height: auto; padding: 20px;display: table-cell}
.colcontact18 {  float: left; width: 33%; height: auto; padding: 20px; display: table-cell}
.colcontact19 {  float: left; width: 33%; height: auto; padding: 20px; text-align: top; display: table-cell}
.colcontact20 { float: left; width: 33%; height: auto;  padding: 20px; display: table-cell}
.colcontact21 {  float: left; width: 33%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}
.colcontact22 {  float: left; width: 33%; height: auto; padding: 20px;background-repeat: no-repeat; display: table-cell}
.colcontact23 {  float: left; width: 33%; height: auto; padding: 20px;background-repeat: no-repeat; display: table-cell}
.colcontact24 { float: left; width: 33%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}
.colcontact25 { float: left; width: 33%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}
.colcontact26 { float: left; width: 40%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}
.colcontact27 {  float: left; width: 55%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}


/*--------------------------------------------- MODULO NEWSLETTER-------------------------------------------------------------*/
#news {
width: 70%;
background-color: #F5F5F5;
border-radius: 20px;
height: auto;
padding: 20px;
margin-right:auto;
margin-left:auto;
}

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

#finalbackground {
width: 100%;
height: auto;
float: left;
background-color: #2A4460;
}
.finalbackgroundbottom {
width: 100%;
height: auto;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 1%;
float: left;
color: #FFFFFF;
background-color: #273A4E;
}

.stylefinal {
font-family: Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif;
text-shadow: 2px 2px 3px #000;
font-size: 16px; 
font-style: normal; 
color: #FFFFFF; 
font-weight: bold;
}
.stylefinal2 {
font-family: Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif;
text-shadow: 2px 2px 3px #000;
font-size: 16px; 
font-style: normal; 
color: #FFCC00; 
font-weight: bold;
}

/*------------------------------------------------------------------------ CLASSI BOTTONI--------------------------------------------------------------------------------------------*/
.bookbtn {
 width: 95%;
height: auto; 
    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;
}

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


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


#buttons {
  display: inline-block;
  background-color: #000000;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 2px 2px 2px #333333;
  position: fixed;
  bottom: 50px;
  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;
}
/* ---------------------------------------------FINE---------------------------------------------------------------- */
}