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

@media only screen and (min-width : 320px) and (max-width : 650px) {

body  {

background-color: #FFFFFF;

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

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: 0px;

}

h1 {

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

	font-weight: bold;

	font-style: oblique;

	line-height: normal;

}

a.top:link {color:#FFCC00;}

a.top:visited {color:#FFCC00;}

a.top:hover {color:#FFFFFF;}



.g-recaptcha {

transform:scale(0.77);

-webkit-transform:scale(0.77);

transform-origin:0 0;

-webkit-transform-origin:0 0;

}

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

#container {

width: 100%;

height: auto;

background-size: 100%;

background-color: #FFFFFF;

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;

}

.linespace {

	width: 100%;

	height: 50px;

}

#divbody {

width: 100%;

height: 100%;

padding-top: 30px; 

margin-right:auto;

margin-left:auto;

}

#contentsx {

width: 100%;

height: auto;

margin-right:auto;

padding-top: 50px;

margin-bottom: 40px;

padding: 20px; 

font-size: 15px;

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

color: #333333;

margin-left:auto;

}



#divbody2 {

width: 100%;

height: auto;

padding-top: 30px;

margin-right:auto;

margin-left:auto;

}

#contentsxhome {

width: 100%;

height: auto;

margin-right:auto;

float: left;

background-color: #FFFFFF;

padding-top: 50px;

margin-bottom: 50px;

padding-bottom: 20px; 

padding: 20px;  

margin-bottom: 40px; 

font-size: 15px;

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

color: #333333;

}



#contentdxhome {

width: 100%;

height: auto;

margin-right:auto;

background-color: #FFFFFF;

margin-top: 50px;

padding: 20px; 

padding-bottom: 20px; 

margin-bottom: 40px; 

font-size: 15px;

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

color: #333333;

margin: 0 auto; 

}

.tabhome{ width: 100%; 

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

color: #666666;

font-size: 16px;

margin-right:auto;

margin-left:auto;  }

.rowhome {clear: both; width: 100%;}

.colhome {  width: 100%; text-align: left; height: auto;  padding-left: 1%; background-repeat: no-repeat;}

.colhome2 { width: 100%; text-align: center; height: auto; padding-left: 2%; margin-bottom: 50px; font-weight: bold; color: #3498db; background-repeat: no-repeat;}



#contentdx {

width: 100%;

height: auto;

margin-right:auto;

padding-top: 50px;

padding: 20px; 

margin-bottom: 40px; 

font-size: 15px;

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

color: #333333;

margin-left:auto;

}

#contentunic {

width: 100%;

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

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

height: auto;

margin-left:auto;

margin-right:auto;

background-color: #FFFFFF;

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

color: #333333;

}

.boxoffers {

width: 80%;

height: auto;

font-size: 13px;

margin-top: 5%;

margin-bottom: 15%;

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;

}



.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: 100%; text-align: left; height: 50px; padding-left: 1%; background-repeat: no-repeat; display: table-cell;}

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

.coltop3 {  float: left; width: 100%; text-align: center; height: auto;  margin: 10px; font-weight: bold; color: #3498db; display: table-cell;}

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



a.top:link {color:#666666;}

a.top:visited {color:#666666;}

a.top:hover {color:#3399CC;}



#divtop {

width: 100%;

height: auto;

valign: top;

margin-right:auto;

margin-left:auto; 

align: center;

z-index: 9999;

top: 0px; 

background-color: #FFFFFF;

text-align : top;

}

#atleft {

width: 100%;

height: auto;

font-size: 12px;

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

background-repeat: no-repeat;

}

#atright {

width: 100%;

height: auto;

text-align: center;

padding-bottom: 10px; 

background-repeat: no-repeat;

}

#divbackgroundbb {

width: 100%;

height: 150px;

margin-right:auto;

margin-left:auto;

text-align: center;

padding-top: 20px;

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

background-repeat: no-repeat;

background-size: 100% auto;

}

#divbackgroundroom {

width: 100%;

height: 150px;

text-align: center;

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

background-repeat: no-repeat;

background-size: 100% auto;

}

#divbackgroundservice {

width: 100%;

height: 150px;

margin-right:auto;

margin-left:auto;

text-align: center;

padding-top: 20px;

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

background-repeat: no-repeat;

background-size: 100% auto;

}

#divbackgroundlmp {

width: 100%;

height: 150px;

margin-right:auto;

margin-left:auto;

text-align: center;

padding-top: 20px;

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

background-repeat: no-repeat;

background-size: 100% auto;

}

#divbackgroundrates {

width: 100%;

height: 150px;

margin-right:auto;

margin-left:auto;

text-align: center;

padding-top: 20px;

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

background-repeat: no-repeat;

background-size: 100% auto;

}



#divbackgroundoffers {

width: 100%;

height: 150px;

margin-right:auto;

margin-left:auto;

text-align: center;

padding-top: 20px;

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

background-repeat: no-repeat;

background-size: 100% auto;

}

#divbackgroundbooking {

width: 100%;

height: 150px;

margin-right:auto;

margin-left:auto;

text-align: center;

padding-top: 20px;

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

background-repeat: no-repeat;

background-size: 100% auto;

}

#divbackgroundcontact {

width: 100%;

height: 150px;

margin-right:auto;

margin-left:auto;

text-align: center;

padding-top: 20px;

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

background-repeat: no-repeat;

background-size: 100% auto;

}

#divbackgroundgallery {

width: 100%;

height: 150px;

margin-right:auto;

margin-left:auto;

text-align: center;

padding-top: 20px;

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

background-repeat: no-repeat;

background-size: 100% auto;

}



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

height: auto;

padding: 10px;

margin-right:auto;

margin-left:auto;

}



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



.contactinfo {  width: 100%;  

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

.rowinfo {clear: both;  width: 100%;}

.colinfo1 {  width: 100%; height: auto; padding: 20px; }

.colinfo2 {   width: 100%; height: auto; padding: 20px; }

.colinfo3 {   width: 100%; height: auto; padding: 20px; }

.colinfo4 {  width: 100%; height: auto; padding: 20px; }

.colinfo5 {   width: 100%; height: auto; padding: 20px; }

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







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



.contactapp2 { width: 100%; 

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

top: 30px;

padding: 5px; 

margin-top: +30px; }

.rowcontact6 { clear: both; width: 100%;}

.rowcontact7 { clear: both; width: 100%;}

.rowcontact8 { clear: both; width: 100%;}

.rowcontact9 { clear: both; width: 100%;}

.rowcontact10 { clear: both; width: 100%;}

.colcontact16 { background-color: #FFFFFF; width: 100%; height: auto; padding-top: 10px; background-repeat: no-repeat; }

.colcontact17 { background-color: #FFFFFF; width: 100%; height: auto; }

.colcontact18 { background-color: #FFFFFF; width: 100%; height: auto; text-align: top; }

.colcontact19 { background-color: #FFFFFF; width: 100%; height: auto;}

.colcontact20 { background-color: #FFFFFF; width: 100%; height: auto; background-repeat: no-repeat;}

.colcontact21 { background-color: #FFFFFF; width: 100%; height: auto; background-repeat: no-repeat; }

.colcontact22 { background-color: #FFFFFF; width: 100%; height: auto; background-repeat: no-repeat;}

.colcontact23 { background-color: #FFFFFF; width: 100%; height: auto; background-repeat: no-repeat; }

.colcontact24 { background-color: #FFFFFF; width: 100%; height: auto; background-repeat: no-repeat; }

.colcontact25 { background-color: #FFFFFF; width: 100%; height: auto; background-repeat: no-repeat;}

.colcontact26 { background-color: #FFFFFF; width: 100%; height: auto; background-repeat: no-repeat; }

.colcontact27 { background-color: #FFFFFF; width: 100%; height: auto; background-repeat: no-repeat; }





.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: 13px; 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: 33%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: bold; display: table-cell}

.colprice2b { float: left; width: 33%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 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: 11px; color: #333333; font-weight: bold; text-align: center; display: table-cell}

.colprice4b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}

.colprice5b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}

.colprice6b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}

.colprice7b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}

.colprice8b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}

.colprice9b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}

.colprice10b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}

.colprice11b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}

.colprice12b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}

.colprice13b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}

.colprice14b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}

.colprice15b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}

.colprice16b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}

.colprice17b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}

.colprice18b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}

.colprice19b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}

.colprice20b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}

.colprice21b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}

.colprice22b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}

.colprice23b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}

.colprice24b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}

.colprice25b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}

.colprice26b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}

.colprice27b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}

.colprice28b { float: left; width: 33%; height: 50px; text-align: left; display: table-cell}

.colprice29b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}

.colprice30b { float: left; width: 33%; height: 50px; text-align: center; display: table-cell}







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

top: 20px;

margin-top: +20px; font-size: 13px; 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: 22%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: bold; display: table-cell}

.colprice2c { float: left; width: 26%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: bold; text-align: center; display: table-cell}

.colprice3c { float: left; width: 26%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: bold; text-align: center; display: table-cell}

.colprice4c { float: left; width: 26%; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: bold; text-align: center; display: table-cell}

.colprice5c { float: left; width: 22%; height: 50px; text-align: left; display: table-cell}

.colprice6c { float: left; width: 26%; height: 50px; text-align: center;  display: table-cell}

.colprice7c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice8c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice9c { float: left; width: 22%; height: 50px; text-align: left; display: table-cell}

.colprice10c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice11c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice12c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice13c { float: left; width: 22%; height: 50px; text-align: left; display: table-cell}

.colprice14c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice15c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice16c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice17c { float: left; width: 22%; height: 50px; text-align: left; display: table-cell}

.colprice18c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice19c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice20c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice21c { float: left; width: 22%; height: 50px; text-align: left; display: table-cell}

.colprice22c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice23c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice24c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice25c { float: left; width: 22%; height: 50px; text-align: left; display: table-cell}

.colprice26c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice27c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice28c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice29c { float: left; width: 22%; height: 50px; text-align: left; display: table-cell}

.colprice30c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice31c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice32c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice33c { float: left; width: 22%; height: 50px; text-align: left; display: table-cell}

.colprice34c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice35c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice36c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice37c { float: left; width: 22%; height: 50px; text-align: left; display: table-cell}

.colprice38c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice39c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice40c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice41c { float: left; width: 22%; height: 50px; text-align: left; display: table-cell}

.colprice42c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice43c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}

.colprice44c { float: left; width: 26%; height: 50px; text-align: center; display: table-cell}





.tabdescrip { width: 100%;  padding-bottom: 50px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}

.rowdescrip {clear: both;width: 100%;}

.coldescrip1 { width: 100%; height: auto; margin-right: 10px; padding: 10px; line-height: 20px;  }

.coldescrip2 { width: 100%; height: auto; margin-right: 10px; padding: 10px; line-height: 20px;  }

.coldescrip3 {  width: 100%; height: auto;  line-height: 20px; padding: 10px;  }



.servizi {

margin-bottom: 15px; 

vertical-align: top; 

}



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

height: auto; 

margin: 0 auto; 

margin-top: 20px;

}

.logo2 {

max-width: 300px; 

height: auto; 

}

.facebook {

max-width: 50%; 

height: auto; 

margin-top: 1%;

}

.pres {

max-width: 200px; 

height: auto;

margin: 5%; 

}

.magnific {

max-width: 90%; 

height: auto; 

}

.effect {

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

margin-left: 5px; float: left; padding-bottom: 30px;background-color: #99CCFF}

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

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

.colfinal2 { float: left; width: 100%; 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: 100%; 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: 100%; font-size: 16px; font-family: Georgia, Utopia, Palatino, ‘Palatino Linotype’, serif; height: auto; padding: 20px; display: table-cell}



#finalbackground {

width: 100%;

height: auto;

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





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

}

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

}