/* -----------------------------*/ 
/* CSS Document by Danilo Da Re */
/* da_ilo'chiocciola'libero.it  */
/* -----------------------------*/ 
/* impostazioni generali su body */
body{ margin:0; text-align:center; /*background-color:#CC0000; background-image:url(../img/sfondo-home.gif); background-repeat:repeat-y;background-position:center;*/
}
/* divisione della pagina in parti orizzontali */
.exampletbl {font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:10px; margin-left:0px; padding:0;}
.exampletbl2 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:10px; position:relative; top:0; left:0;}
div#larghissimohome{ width:1075px; margin-left:auto; margin-right:auto; border:0px solid #000000;}
div#divStayTopLeft{position:relative;left:0; border:0px solid #000; text-align:left; top:10px; z-index:-1;}
div#adestra {position:relative; top:0; left:0; z-index:-10; border:0px solid #000;}
div#contenitoregen{	width: 920px; margin-left:auto; margin-right:auto; margin-top:0;}
div#banner{ float:left; width:100%; height:90px; background-color:#FF0000; background-image:url(../img_sito/MXPLOGO.gif); background-position:center; background-repeat:no-repeat;}
div#menu{ width:100%; height:36px; background-color:#FF0000; float:left; z-index:10;}
div#pannello{ float:left; width:100%; height:220px;	background-color:#FF0000; color:#FFFFFF;}
div#offerte{ float:left; height:230px; width:100%; background-color:#FF0000;}
div#basso{ float:left; clear:both; width:920px; margin-left:auto; margin-top:0px; margin-right:auto; text-align:center;}
/* formattazione testo basso */
div#basso h2{color:#CC0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;	border-bottom:1px dotted #CC0000; border-top:1px dotted #CC0000;	padding:5px; text-decoration:none;}
div#basso h2 a{	color:#CC0000;}
div#basso h2 a:hover{ margin-left:auto;	margin-right:auto; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
div#basso h3{color:#CC0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; font-style:italic; border:0; padding:0; margin:0;}
/*  Soperofferte box  */
div#superofferte{ margin:0px ; padding:15px 5px 5px 5px; background-color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#FF0000; border:0px solid #000000; height:115px; overflow:auto;}
div#superofferte a{ text-decoration:none; color:#000000;}
div#superofferte a:hover{ color:#FF0000;}
/* div banner 3 aprti, animaz flash, logo al centro e resto a dx */
div#logo{width:310px; position:absolute; left:400px; top:0px; height:88px;}
div#altroalto{float:right; width:300px; border:0px solid #CCCCCC;}
div#altroaltosin{float:left; margin-left:0px; padding-left:250px; border:0px solid #CCCCCC;}
div#altroaltosin2{float:left; margin-left:0px; padding-left:10px; border:0px solid #CCCCCC;}
.tel{ float:left; text-align:left; vertical-align:top;  border:0px solid #CCCCCC;}
/* riquadro bianco dentro offerte */
div#biancoofferte{ width:870px;	margin-left:auto; margin-right:auto; margin-top:0; border:0; height:170px; background-color:#FFFFFF;}
div#titolosezione{ width:600px; position:relative; top:0px; left:150px; margin-top:0; border:0; height:40px; background-color:#33CC66;}
div#biancooffertesfumat2{ width:920px; float:left; margin-left:auto; margin-right:auto; margin-top:0; border:0; height:20px; background-image:url(../img_sito/MXPONDAGIU.gif); background-repeat:no-repeat;}
/* piede con logo e testo */
div#logoetesto{ float:left; width:100%;}
div#bassologo{ float:left; width:300px; text-align:right;}
div#bassotesto{ float:left; width:400px; text-align:left;}
/* formattazione del testo - menu alto  */
.menunavigazione{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF0000;	margin:5px 0; padding:0em 0; text-align:left; font-size:9px; font-weight:bold; margin-left:0px; position:relative; top:0px;}
.menunavigazione li{ display:inline; border-left:1px solid #333333;}
.menunavigazione a{	height:0; padding:0.3em 10px; text-decoration:none; margin:2px 0; white-space:nowrap;}
.menunavigazione a:link, .menunavigazione a:visited{color:#333333;}
.menunavigazione a:hover, .menunavigazione a:focus, .menunavigazione a:active{ background-color:#FF0000; color:#FFFFFF;	}
a{ text-decoration:none;}
a img{ text-decoration:none; border:0;}
/*//////////// menu nuovo grande con icone////////////*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*sfondo dz e sinistra*/
#midlink { width:720px; height:38px; text-align:center;margin-left:auto; margin-right:auto; }
#main_menu {padding:0; margin:0 0 0 0px;/*modificare se aumentano le voci del menu!!!!!!!!*/ list-style-type:none; width:720px; height:36px;}
#main_menu li {float:left; display:inline; width:120px;}
/*sfondo x ogni link*/
#main_menu li a, #main_menu li a:visited {display:block; width:120px; height:36px; }
#main_menu li a.menuvacanza, #main_menu li a.menuvacanza:visited {display:block; width:120px; height:36px; color:#ddd; background:url(../img_sito/menuvacanza.gif);}
#main_menu li a.menuhome, #main_menu li a.menuhome:visited {display:block; width:120px; height:36px; color:#ddd; background:url(../img_sito/menuhome.gif);}
#main_menu li a.menuhotel, #main_menu li a.menuhotel:visited {display:block; width:120px; height:36px; color:#ddd; background:url(../img_sito/menuhotel.gif);}
#main_menu li a.menuvolo, #main_menu li a.menuvolo:visited {display:block; width:120px; height:36px; color:#ddd; background:url(../img_sito/menuvolo.gif);}
#main_menu li a.menutour, #main_menu li a.menutour:visited {display:block; width:120px; height:36px; color:#ddd; background:url(../img_sito/menutour.gif);}
#main_menu li a.menucrociera, #main_menu li a.menucrociera:visited {display:block; width:120px; height:36px; color:#ddd; background:url(../img_sito/menucrociera.gif);}
#main_menu li a.menuvacanza:hover {color:#fff;  background:url(../img_sito/menuvacanza1.gif);}
#main_menu li a.menuhome:hover {color:#fff;  background:url(../img_sito/menuhome1.gif);}
#main_menu li a.menuhotel:hover {color:#fff;  background:url(../img_sito/menuhotel1.gif);}
#main_menu li a.menuvolo:hover {color:#fff;  background:url(../img_sito/menuvolo1.gif);}
#main_menu li a.menutour:hover {color:#fff;  background:url(../img_sito/menutour1.gif);} 
#main_menu li a.menucrociera:hover {color:#fff;  background:url(../img_sito/menucrociera1.gif);}
#main_menu li a.homescelta, #main_menu li a.homescelta:visited,  #main_menu li a:active, #main_menu li a:focus {color:#fff;  background:url(../img_sito/menuhome3.gif);}
#main_menu li a.vacanzascelta, #main_menu li a.vacanzascelta:visited,  #main_menu li a:active, #main_menu li a:focus {color:#fff;  background:url(../img_sito/menuvacanza3.gif);}
#main_menu li a.hotelscelta, #main_menu li a.hotelscelta:visited,  #main_menu li a:active, #main_menu li a:focus {color:#fff;  background:url(../img_sito/menuhotel3.gif);}
#main_menu li a.voloscelta, #main_menu li a.voloscelta:visited,  #main_menu li a:active, #main_menu li a:focus {color:#fff;  background:url(../img_sito/menuvolo3.gif);}
#main_menu li a.crocierascelta, #main_menu li a.crocierascelta:visited,  #main_menu li a:active, #main_menu li a:focus {color:#fff;  background:url(../img_sito/menucrociera3.gif);}
#main_menu li a.tourscelta, #main_menu li a.tourscelta:visited,  #main_menu li a:active, #main_menu li a:focus {color:#fff;  background:url(../img_sito/menutour3.gif);}
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/* ********** menu di navigazione a sinistra ********* */
#leftNav {width:116px !important;width/**/:124px;border:1px solid #999999; background-color:#CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; top:0px; left:0px; text-align:left;}
#leftNav ul {margin:1px;padding:6px;list-style:none;background-color:#ffffff;line-height:1.2;}
#leftNav ul.subNav {border-top:0;padding-top:0;}
#leftNav ul.subNav.subNav {border-top:0;padding-top:0;border-bottom:0;padding-bottom:0;}
#leftNav li {margin:2px 0;padding:0;}
#leftNav strong {font-size:1em !important;}
#leftNav a:hover {color:#000000; text-decoration:none;}
#leftNav a {color:#999999; text-decoration:none;}
.t1{font-size:11px;}
/*-----------------------------------------------------------------------------*/
/*-------sistema con 3 colonne e intestazione per pagine primo livello---------*/
/*-----------------------------------------------------------------------------*/
#centrato{ width:920px; margin-left:auto; margin-right:auto; text-align:left; float:left; background-color:#FF0000; padding:0; margin-bottom:0; margin-top:0;}
#corpo{ float:left; width:900px;}
#colonna1{ float:left; width:125px;}
#colonna2{ float:left; width:490px;}
#colonna3{ float:right; width:250px;}
#intestazione{ float:left; width:900px; background-color:#FFFFFF; text-align:center; padding:0px; margin:0px;}
#intestazione, #colonna1, #colonna2, #colonna3{ padding:0px;}
#formricerca{ float:left; width:100%; background-color:#CCCCCC; border:1px solid #999999;}
#formricerca ul { margin:0; padding:2px 0 2px 10px;list-style:none;background-color:#ffffff;}
#formricerca ul li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#CC0000; padding:0; margin:0;}
#sottoform{ float:left; clear:both; width:100%; margin-top:15px;}
/*-----------------------------------------------------------------------------*/
/*---sistema con 3 colonne per offerte Imperdibili inserite dentro colonna 2---*/
/*-----------------------------------------------------------------------------*/
#impcolonna1{ float:left; width:160px; border-right:2px dotted #FF0000;}
#impcolonna2{ float:left; width:152px; }
#impcolonna3{ float:right; width:160px; border-left:2px dotted #FF0000;}
#impintestazione{ float:left; width:490px; background-color:#FFFFFF; text-align:center; padding:0px; height:74px;}
#imppie{ float:left; width:490px; clear:both; background-color:#FFFFFF; text-align:center;}
/*-----------------------------------------------------------------------------*/
/*---------------------viaggio IMPERDIBILE contenuti div-----------------------*/
/*-----------------------------------------------------------------------------*/
.viaggioimperdibile{ float:left; width:150px; margin:5px 0 0 3px;}
.fotoviaggioimperdibile{ float:left; width:150px;}
.testoviaggioimperdibile{ float:left; clear:both;}
/* formattazione testo per offerte in evidenza */
.testoviaggioimperdibile h1{ font-family:Geneva, Arial, Helvetica, sans-serif; color:#CC0000; margin:0; padding:0em 0; font-size:11px; font-weight:bold; z-index:20;}
.testoviaggioimperdibile h2{ font-family:Geneva, Arial, Helvetica, sans-serif; color:#CC0000; margin:0; padding:0em 0; font-size:9px; font-weight:normal;}
.testoviaggioimperdibile h3{font-family:Geneva, Arial, Helvetica, sans-serif; color:#CC0000; margin:0; padding:0em 0; font-size:12px; font-style:italic; font-weight:normal;}  
/*-----------------------------------------------------------------------------*/
/*---------------offerte Today's Special in evidenza a destra------------------*/
/*-----------------------------------------------------------------------------*/
.offerte{ float:left; width:230px; background-color:#006600; margin:0 0 0 25px;  border:0px solid #FF0000; }
.offerte2{ float:left;  width:230px; background-color:#003366; margin:0 0 0 29px; border:0px solid #FF0000; }
.offerte3{ float:right;  width:230px; background-color:#FF6600; margin:0 25px 0 0; border:0px solid #FF0000; }
.offertetitolo{ float:left; clear:both; background-color:#FFFFFF; height:35px;  margin:0; padding:0; border:0px solid #FF0000;}
.offertepiede{float:left; clear:both; background-color:#FFFFFF; height:35px;  margin:0; padding:0; border:0px solid #FF0000;}
/* div per ogni singola offerta */
.viaggio{ float:left; width:100%; overflow:hidden; margin-top:5px; padding:0; border-bottom:2px dotted #FFFFFF; height:80px;}
.viaggio a{ margin:0; padding:0; border:0; }
.viaggio2{ float:left; width:100%; overflow:hidden; margin-top:5px; height:80px;}
.viaggio2 a{ margin:0; padding:0; border:0; }
.fotoviaggio{ float:left; width:55px; height:60px;  overflow:hidden; margin:5px 10px 5px 15px; border:1px solid #CCCCCC;}
.testoviaggio{ float:left; width:140px;  overflow:hidden; text-align:left; margin-top:5px;}
/* formattazione testo per offerte in evidenza */
.testoviaggio h1{ font-family:Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0; padding:0em 0; font-size:15px; font-weight:normal;}
.testoviaggio h2{font-family:Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0; padding:0em 0; font-size:9px; font-weight:normal;}
.testoviaggio h3{font-family:Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0; padding:0em 0; font-size:12px; font-style:italic; font-weight:normal;}

.testoviaggio a, .testoviaggio h2 a, .testoviaggio h3 a{color:#FFFFFF;}
/*----------------------------------------------*/
/*---------------areariservata------------------*/
/*----------------------------------------------*/
#areariservata{	float:right; width:150px;  border-left:0px dotted #FFFFFF; z-index:100; text-align:right; margin-top:5px; }
#areariservata img{ padding:0; margin:0 0 5px 0;}
/*----------------------------------------------*/
/*---------------form ricerca ------------------*/
/*----------------------------------------------*/
.ricercainterna{ padding:0; margin:5px 0;; border-bottom:0px dotted #CC0000;} 
form{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; border:0px solid #333333; margin-bottom:10px;}
fieldset {padding:0px; border:0;}
fieldset.inlineadentro { margin-left:80px;}
fieldset.inlinea { margin-left:10px;}
/* riquadro con animazioni */
div#riqpannello{ width:866px; margin-left:auto; margin-right:auto; margin-top:0; border:2px solid #FFFFFF; height:210px; background-image:url(../img_sito/MXPSFSF.gif); background-repeat:repeat-x; color:#FFFFFF; margin-bottom:0px;}
/* riquadro flash con promozione */
div#flahpromo{width:470px; float:right; height:180px; margin:15px 15px 0 0;}
/* riquadro menu ricerca */
div#menuricerca{ width:320px; height:180px; top:-10px; float:left; margin:15px 0 0 15px; }
div#menuricercaattivo{ width:320px; border:0px solid #000000; height:180px; background-color:#FFFFFF; padding-left:2px; padding-top:0px; float:left; margin:0 0 0 0px; overflow:hidden; background-image:url(../img_sito/sfondoricercaattiva.jpg); background-repeat:repeat-x;}
.sfuma1{ text-align:center; padding:0; margin:0; line-height:0; height:10px;}
.sfuma2{ text-align:center; padding:0; margin:0; line-height:0; height:20px;}
#mezzo{width:800px; height:255px; background-color:#FFFFFF; padding:5px 0; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0;}


/*posizionamento */
#descrizionesemantica{width:780px; padding:5px; margin-left:auto; margin-right:auto; border:0px solid #000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:justify; color:#FFF; background-color:#FF0000; height:74px;}
#myTel {width:180px;height:76px}
#myPart {width:130px;height:75px}
#myPromo{width:470px;height:180px}
#myPromosmall{width:320px;height:180px}

/* ricerca */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.gif) no-repeat;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 100px;
	float: left;
}
label{
float: left;
width: 40px;
clear:left;
text-align:right;
margin-bottom:5px;
}

fieldset{
margin:5px 5px 5px 50px;
}

/* -----------------------------*/ 
/* -----------------------------*/ 
/* CSS Document by Danilo Da Re */
/* da_ilo'chiocciola'libero.it  */
/* -----------------------------*/ 
/* -----------------------------*/ 