/* ---------------------------------VENERELAMPEDUSA.COM----------------------------------------------- */

@media only screen and (min-width : 800px) {

body  {

font-family: Verdana, Arial, Helvetica, sans-serif;

margin:     0px auto 0;

margin-top: 0px; 

margin-bottom: 0px;

background-repeat: no-repeat;

}

h1 {

	font-family: Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif;

	font-size: 36px;

font-weight: bold;

	}

#container {

width: 100%;

height: 100%;

background-size: 100%;

position: absolute;

z-index: 80;

valign: top;

margin-right:auto;

margin-left:auto;

margin-bottom: 0px; 

align: center;

border-padding: 0px;

border-spacing: 0px;

background-repeat: no-repeat;

}

.linespace {

	width: 100%;

	height: 50px;

}

#divbody {

width: 95%;

height: auto;

display: flex;

background-color: #FFFFFF;

padding-top: 30px;

margin-right:auto;

margin-left:auto;

}

#divbody2 {

width: 95%;

height: auto;

display: flex;

margin-top: 200px; 

background-color: #FFFFFF;

padding-top: 30px;

margin-bottom: 70px;

margin-right:auto;

margin-left:auto;

}



#contentsxhome {

width: 60%;

height: 100%;

margin-right:auto;

float: left;

background-color: #FFFFFF;

padding-top: 50px;

margin-bottom: 50px;

padding: 20px;  

font-size: 15px;

font-family: Verdana, Arial, Helvetica, sans-serif; 

color: #333333;

}



#contentdxhome {

width: 40%;

height: 100%;

margin-right:auto;

background-color: #FFFFFF;

float: left;

padding-top: 50px;

padding: 20px; 

margin-bottom: 20px; 

font-size: 15px;

font-family: Verdana, Arial, Helvetica, sans-serif; 

color: #333333;

margin: 0 auto; 

}

#contentsx {

width: 70%;

height: 100%;

margin-right:auto;

float: left;

padding-top: 50px;

padding: 40px;  

font-size: 15px;

font-family: Verdana, Arial, Helvetica, sans-serif; 

color: #333333;

margin-left:auto;

display: table-cell;

}

#contentdx {

width: 30%;

height: 100%;

margin-right:auto;

margin-left:auto;

float: left;

padding-top: 50px;

padding: 40px;

font-size: 15px;

font-family: Verdana, Arial, Helvetica, sans-serif; 

color: #333333;



display: table-cell;

}

#contentunic {

width: 95%;

height: auto;

margin-left:auto;

margin-right:auto;

background-color: #FFFFFF;

padding: 50px; 

font-size: 15px;

font-family: Verdana, Arial, Helvetica, sans-serif; 

color: #333333;

}

#contentunic2 {

width: 90%;

height: auto;

margin-left:auto;

margin-right:auto;

margin-top: 150px;

background-color: #FFFFFF;

padding: 50px; 

font-size: 15px;

font-family: Verdana, Arial, Helvetica, sans-serif; 

color: #333333;

}

#contentgallery {

width: 90%;

height: auto;

margin-left:auto;

margin-right:auto;

background-color: #FFFFFF;

font-family: Verdana, Arial, Helvetica, sans-serif; 

color: #333333;

}

.boxoffers {

width: 95%;

height: auto;

font-size: 13px;

margin-top: 5%;

margin-bottom: 5%;

padding: 20px; 

margin-right:auto;

margin-left:auto;

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;

}



.boxbreak {

width: 100%;

height: auto;

margin-bottom: 30px; 

line-height: 20px; 

padding: 10px; 

font-size: 14px;

border: 1px solid #CCCCCC;

background-color: #F7F7F7;

}

.tabdescrip {

display: table; width: 100%; 

 float: left; padding-bottom: 50px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}

.rowdescrip {clear: both; display: block; display: table-row; width: 100%;}

.coldescrip1 { float: left; width: 32%; height: auto; margin-right: 10px; padding: 10px; line-height: 20px; border-radius: 10px 10px 10px 10px; display: table-cell}

.coldescrip2 {  float: left; width: 32%; height: auto; margin-right: 10px; padding: 10px; line-height: 20px; border-radius: 10px 10px 10px 10px; display: table-cell}

.coldescrip3 {  float: left; width: 32%; height: auto;  line-height: 20px; padding: 10px; border-radius: 10px 10px 10px 10px; display: table-cell}





.servizi {

margin-bottom: 15px; 

vertical-align: top; 

}



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



.contactapp { display: table; width: 100%; 

border: 1px solid #EAF4FF; background-color: #F9FCFF;  padding: 20px; }

.rowcontact1 {clear: both; display: block; display: table-row; width: 100%;}

.colcontact1 {  width: 100%; height: auto; padding: 10px;display: table-cell}

.colcontact2 {  width: 100%; height: auto; padding: 10px; display: table-cell}

.colcontact3 {   width: 100%; height: auto; padding: 10px; text-align: top; display: table-cell}

.colcontact4 { width: 100%; height: auto;  padding: 10px; display: table-cell}

.colcontact5 {   width: 100%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell}

.colcontact6 {  width: 100%; height: auto; padding: 10px;background-repeat: no-repeat; display: table-cell}

.colcontact7 {   width: 100%; height: auto; padding: 10px;background-repeat: no-repeat; display: table-cell}

.colcontact8 {  width: 100%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell}

.colcontact9 {  width: 100%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell}

.colcontact10 {  width: 100%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell}

.colcontact11 {  width: 100%; height: auto; padding: 10px; background-repeat: no-repeat; display: table-cell}



/*--------------------------------------------- CONTENITORE MODULO -------------------------------------------------------------*/

.contact {

width: 95%;

height: auto;

padding: 20px;

margin-right:auto;

margin-left:auto;

}



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



.contactinfo { display: table; width: 100%;  

padding: 10px; 

margin-right:auto; margin-left:auto; }

.rowinfo {clear: both; display: block; display: table-row; width: 100%;}

.colinfo1 {  float: left; width: 48%; height: auto; padding: 20px; display: table-cell}

.colinfo2 {  float: left; width: 48%; height: auto; padding: 20px; display: table-cell}

.colinfo3 {  float: left; width: 48%; height: auto; padding: 20px; display: table-cell}

.colinfo4 {  float: left; width: 48%; height: auto; padding: 20px; display: table-cell}

.colinfo5 {  float: left; width: 98%; height: auto; padding: 20px; display: table-cell}

.colinfo6 {  float: left; width: 98%; height: auto; padding: 20px; display: table-cell}







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



.contactapp2 { display: table; width: 100%;  

padding: 10px; 

margin-right:auto; margin-left:auto; }

.rowcontact7 {clear: both; display: block; display: table-row; width: 100%;}

.rowcontact8 {clear: both; display: block; display: table-row; width: 100%;}

.rowcontact9 {clear: both; display: block; display: table-row; width: 100%;}

.rowcontact10 {clear: both; display: block; display: table-row; width: 100%;}

.colcontact16 {  float: left; width: 48%; height: auto; padding: 20px; display: table-cell}

.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: 55%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}

.colcontact27 {  float: left; width: 40%; height: auto; padding: 20px; background-repeat: no-repeat; display: table-cell}









.tabhome{ display: table; width: 100%; 

margin-right:auto;

margin-left:auto;  }

.rowhome {clear: both; display: block; display: table-row; width: 100%;}

.colhome {  float: left; width: 75%; text-align: left; height: auto;  padding-left: 1%; background-repeat: no-repeat; display: table-cell;}

.colhome2 {  float: left; width: 20%; text-align: center; height: auto; padding-left: 2%; font-weight: bold; color: #3498db; background-repeat: no-repeat; display: table-cell;}



.tabtop { display: table; width: 100%; 

font-size: 13px;

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #999999;

margin-right:auto;

margin-left:auto;

background-color: #FFFFFF;  }

.rowtop {clear: both; display: block; display: table-row; width: 100%;}

.coltop {  float: left; width: 52%; text-align: left; height: 30px;  line-height: 30px; padding-left: 1%; background-repeat: no-repeat; display: table-cell;}

.coltop2 {  float: left; width: 8%; text-align: center; height: 30px; line-height: 30px; font-weight: bold; color: #3498db; background-repeat: no-repeat; display: table-cell;}

.coltop3 {  float: left; width: 20%; text-align: center; height: 30px; line-height: 30px; font-weight: bold; color: #3498db; display: table-cell;}

.coltop4 { float: left; width: 10%; text-align: center; height: 30px; line-height: 30px; display: table-cell;}

.coltop5 { float: left; width: 10%; text-align: center; height: 30px; line-height: 30px; display: table-cell;}





#divtop {

width: 100%;

height: 110px;

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: 15%;

height: 110px;

font-size: 12px;

font-family: Verdana, Arial, Helvetica, sans-serif;

float: left;

background-repeat: no-repeat;

}

#atright {

width: 85%;

height: 110px;

padding-top: 1%; 

float: left;

background-repeat: no-repeat;

}

#divbackgroundbb {

width: 100%;

height: 1000px;

margin-right:auto;

margin-left:auto;

text-align: center;

padding-top: 20px;

position: fixed;

margin-top: 100px;

background: url(../image/bb-venere.jpg);

background-repeat: no-repeat;

}

#divbackgroundroom {

width: 100%;

height: 1000px;

margin-right:auto;

margin-left:auto;

text-align: center;

padding-top: 20px;

position: fixed;

margin-top: 100px;

background: url(../image/bb-venere.jpg);

background-repeat: no-repeat;

}

#divbackgroundservice {

width: 100%;

height: 1000px;

margin-right:auto;

margin-left:auto;

text-align: center;

padding-top: 20px;

position: fixed;

margin-top: 100px;

background: url(../image/bb-venere.jpg);

background-repeat: no-repeat;

}

#divbackgroundlmp {

width: 100%;

height: 1000px;

margin-right:auto;

margin-left:auto;

text-align: center;

padding-top: 20px;

position: fixed;

margin-top: 100px;

background: url(../image/lampedusa.jpg);

background-repeat: no-repeat;

}

#divbackgroundrates {

width: 100%;

height: 1000px;

margin-right:auto;

margin-left:auto;

text-align: center;

padding-top: 20px;

position: fixed;

margin-top: 100px;

background: url(../image/bb-venere.jpg);

background-repeat: no-repeat;

}



#divbackgroundoffers {

width: 100%;

height: 1000px;

margin-right:auto;

margin-left:auto;

text-align: center;

padding-top: 20px;

position: fixed;

margin-top: 100px;

background: url(../image/bb-venere.jpg);

background-repeat: no-repeat;

}

#divbackgroundbooking {

width: 100%;

height: 1000px;

margin-right:auto;

margin-left:auto;

text-align: center;

padding-top: 20px;

position: fixed;

margin-top: 100px;

background: url(../image/bb-venere.jpg);

background-repeat: no-repeat;

}

#divbackgroundcontact {

width: 100%;

height: 1000px;

margin-right:auto;

margin-left:auto;

text-align: center;

padding-top: 20px;

position: fixed;

margin-top: 100px;

background: url(../image/bb-venere.jpg);

background-repeat: no-repeat;

}

#divbackgroundgallery {

width: 100%;

height: 1000px;

margin-right:auto;

margin-left:auto;

text-align: center;

padding-top: 20px;

position: fixed;

margin-top: 100px;

background: url(../image/bb-venere.jpg);

background-repeat: no-repeat;

}



.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;  font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; }

.rowprice1b {background-color: #99D6F7; 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: 17px; color: #333333; font-weight: bold; display: table-cell}

.colprice2b { float: left; width: 33%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #333333; 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: 17px; color: #333333; 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}



.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: 100%; 

top: 20px;

margin-top: +20px; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; background-color: #CCFF99; }

.rowprice1c {background-color: #99D6F7; 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%}

.colprice1c { float: left; width: 23%; height: 50px; padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #333333; font-weight: bold; display: table-cell}

.colprice2c { float: left; width: 25%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; 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: 17px; 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: 17px; 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}





  .demo-code{ background-color:#ffffff; border:1px solid #333333; display:block; padding:10px;}

  .option-table td{ border-bottom:1px solid #eeeeee;}



.mu-contact-form .mu-contact-icon {

	color: #0091ea;

	font-size: 14px;

	position: absolute;

	left: 5px;

	top: 15px;

}

.logo {

max-width: 200px; 

height: auto; 

}

.logo2 {

max-width: 300px; 

height: auto; 

}

.trip {

max-width: 120px; 

height: auto; 

}

.offerta {

max-width: 100%; 

height: auto; 

margin-right:auto;

margin-left:auto;

}

.facebook {

max-width: 50%; 

height: auto; 

margin-top: 1%;

}

.effect {

max-width: 90%; 

height: auto; 

padding: 7px;

margin-right: 20px;

margin-bottom: 20px;

float: center;

box-shadow: 1px 1px 3px #999999;

}



}

.pres {

max-width: 200px; 

height: auto;

margin: 5%; 

}

.magnific {

max-width: 90%; 

height: auto; 

padding: 7px;

margin-right: 20px;

margin-bottom: 20px;

float: center;

box-shadow: 1px 1px 3px #999999;

}

.language {

margin-right: 30px;

vertical-align: middle;

margin-top: 1%;

}

.tabfinal {

display: table; width: 99%; 

margin-left: 5px; float: left; padding-bottom: 30px;}

.rowfinal {clear: both; display: block; display: table-row; width: 100%;}

.colfinal1 { float: left; width: 25%;  font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; height: auto; margin: 10px; display: table-cell}

.colfinal2 { float: left; width: 15%; font-size: 16px; font-family: Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif; height: auto; margin: 10px; margin-top: 20px; display: table-cell}

.colfinal3 { float: left; width: 15%; font-size: 16px; font-family: Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif; height: auto; margin: 10px; margin-top: 20px; display: table-cell}

.colfinal4 { float: left; width: 35%; font-size: 16px; font-family: Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif; height: auto; margin: 10px; display: table-cell}



#finalbackground {

width: 100%;

height: auto;

float: left;

background-color: #99CCFF;

}



.icon3 {

vertical-align: middle;

margin: 4%;

}

.mu-subscribe-form input {

	width: 100%;

	height: 60px;

	border-radius: 25px;

	border: none;

	padding: 0 170px 0 20px;

	font-size: 14px;

	color: #000;

}

.mu-subscribe-btn {

	background-color: #0091ea;

	color: #fff;

	font-size: 18px;

	position: absolute;

	right: 6px;

	top: 6px;

	height: 48px;

	width: 160px;

	cursor: pointer;

	border-radius: 24px;

	text-transform: uppercase;

	font-weight: 700;

}



.mu-error-search .mu-subscribe-form {

	border: 1px solid #ddd;

	border-radius: 25px;

	float: left;

	width: 100%;

	margin-top: 20px;

}

	.mu-sidebar-subscribe-widget .mu-subscribe-form input {

		padding: 0 135px 0 15px;

	}

.mu-subscribe-form {

	position: relative;

}

.mu-sidebar-subscribe-widget .mu-subscribe-form {

	margin-top: 25px;

}

.mu-sidebar-subscribe-widget .mu-subscribe-form input {

	border: 1px solid #0091ea;

}

.mu-error-search .mu-subscribe-form {

	border: 1px solid #ddd;

	border-radius: 25px;

	float: left;

	width: 100%;

	margin-top: 20px;

}



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



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

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


#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: #0066CC;

  width: 50px;

  height: 50px;

  text-align: center;

  border-radius: 5px;

  box-shadow: 2px 2px 2px #333333;

  position: fixed;

  bottom: 30px;

  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;

}



.bookbtn {

 width: 100px;

    padding: 7px 7px;

    display: inline;

    margin-bottom: 20px;

    border: 0;

    border-radius: 5px;

    color: #fff;

    font-size: 16px;

	  font-weight: bold; 

    text-align: center;

    background-color: #95D0FD;

    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;

}

.booking{ /*sample CSS for expando images. Not required but recommended*/

border: none;

width:160px;

height: 160px; 

right: 50%; 

background-color: #FFFFFF; 

padding: 15px;

vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/

}

}