@charset "utf-8";
/* CSS Document */
/*-------------------------------- PAGINA VACANZE -----------------------------*/
/*DIV BON INFO NAVIGAZIONE*/
#boxnavex {
		background: url(http://www.vacanzerei.com/images/Homepage2009/vacanze/grafichebox/bg-3boxes.png) top left no-repeat #f6f6f6;	margin-bottom: 5px;	padding: 5px 0px 10px;	position:relative;	width: 740px;
	}
#boxnavexsub1 {
		background: none;	float: left;	padding: 5px 10px 5px 47px;	width: 189px;
	}
#boxnavexsub2 {
		background: none;	border-left: 1px solid #666666;	border-right: 1px solid #666666;	float: left;	padding: 5px 10px 5px 47px;	width: 189px;
	}
#boxnavexsub3 {
		background: none;	float: right;	padding: 5px 10px 5px 47px;	width: 189px;
	}
/*DIV ALTRE DESTINAZIONI*/
#altredestext {
		background: url(http://www.vacanzerei.com/images/Homepage2009/vacanze/grafichebox/bg-altre-destinazioni.png) top left no-repeat;  font-family:Arial, Helvetica, sans-serif;	padding: 10px 57px 13px 60px;	text-align: justify;
	}
/*------------------------------- /PAGINA VACANZE -----------------------------*/
/*-------------------------------- CSS SLIDESHOWS -----------------------------*/
#slideshow {
        height: 192px;	position: relative;	width: 350px;
	}
#slideshow DIV {
	    background: url(http://www.vacanzerei.com/images/Homepage2009/vacanze/slideshowmese/bg-mese-slideshowbg_01.jpg);	height: 192px;	left: 0;	opacity: 0.0;	position: absolute;	top: 0;	z-index: 8;
	}
#slideshow DIV.active {
    	opacity: 1.0;	z-index: 10;
    }
#slideshow DIV.last-active {
	    z-index: 9;
	}
#slideshow DIV IMG {
		border: 0;	display: block;
	}
#slideshow0 {
    	height: 36px;	position: relative;	text-align: center;	width: 256px;
	}
#slideshow0 DIV {
		background: #999999;	color: #FFFFFF;	height: 34px;	left: 0;	opacity: 0.0;	padding-top: 2px;	position: absolute;	text-align: left;	top: 0;	width: 256px;	z-index: 8;
	}
#slideshow0 DIV.active {
		opacity: 1.0;	z-index: 10;
	}
#slideshow0 DIV.last-active {
		z-index: 9;
	}
#slideshow1 {
		height: 32px;	margin-top: 1px;	position: relative;	text-align: center;	width: 350px;
	}
#slideshow1 DIV {
		background: #f5f5f5;	height: 29px;	left: 0;	opacity: 0.0;	padding-top: 3px;	position: absolute;	top: 0;	width: 350px;   z-index: 8;
	}
#slideshow1 DIV.active {
		opacity: 1.0;	z-index: 10;
	}
#slideshow1 DIV.last-active {
		z-index: 9;
	}
#slideshow1 DIV IMG {
		border: 0;	display: block;
	}
/*-------------------------------- /CSS SLIDESHOWS ----------------------------*/
/*----------------------------- SIMPLE DROP DOWN MENU -------------------------*/
#divNavtop {
		margin: 0;	padding: 0;	position: relative;	width: 740px;	z-index: 40;
	}
#navtop {
        margin: 0;	padding: 0;	position: relative;	top: 0px;	width: 740px;	z-index: 30;		
	}
#lim1 a, #lim2 a, #lim3 a, #lim4 a, #lim5 a, #lim6 a {		
		background: url(http://www.vacanzerei.com/images/Homepage2009/vacanze/grafichebox/pulsanti_categorie.png) no-repeat;	display: block;	height: 25px;	position: relative;
	}
span.notabtext {
		left: -9384px;	position: absolute;
	}	
#sddm {
		margin: 0px;	padding: 0px;	z-index: 50;
	}
#sddm li {
		display: block;	float: left;	list-style: none;	margin: 0px;	padding: 0px;	z-index: 60;
	}
#sddm li a {
		display: block;	margin: 0px 0px 0px 0px;	padding: 0px 0px;	text-align: left;	text-decoration: none
	}
#sddm li a.item2, #sddm li a.item3, #sddm li a.item4, #sddm li a.item5 {
		width: 123px;
	}
#sddm li a.item1, #sddm li a.item6 {
		width: 124px;
	}
/*#sddm li a.item1:link, #sddm li a.item2:link, #sddm li a.item3:link, #sddm li a.item4:link, #sddm li a.item5:link  {
		background: #888888;
	}
#sddm li a.item1:visited, #sddm li a.item2:visited, #sddm li a.item3:visited, #sddm li a.item4:visited, #sddm li a.item5:visited {
		background: #888888;
	}
#sddm li a.item1:active, #sddm li a.item2:active, #sddm li a.item3:active, #sddm li a.item4:active, #sddm li a.item5:active {
		background: #888888;
	}
#sddm li a.item1:hover, #sddm li a.item2:hover, #sddm li a.item3:hover, #sddm li a.item4:hover, #sddm li a.item5:hover {
		background: #d12821;
	}*/
#lim1 a {
		background-position: 0 -25px;
	}
#lim2 a {
		background-position: -124px -25px;
	}
#lim3 a {
		background-position: -247px -25px;
	}
#lim4 a {
		background-position: -370px -25px;
	}
#lim5 a {
		background-position: -493px -25px;
	}
#lim6 a {
		background-position: -616px -25px;
	}
/*active area - for this demo - the code could be based on a body class, and probably work better.*/
/* #lim1.on a {
	 	background-position: 0px -25px;	color:#FFFFFF;
	}
#lim2.on a {
		background-position: -148px -25px;	color:#FFFFFF;
	}
#lim3.on a {
	 	background-position: -296px -25px;	color:#FFFFFF;
	}
#lim4.on a {
	 	background-position: -444px -25px;	color:#FFFFFF;
	}
#lim5.on a {
	 	background-position: -592px -25px;	color:#FFFFFF;
	}
#lim6.on a {
 		background-position: -592px -25px;	color:#FFFFFF;
	}*/
/*add selectors for the other li's and background-positions*/
/*hover states*/
#lim1 a:hover, #lim1:hover a, #lim1.over a {
		background-position: 0 0px;
	}
#lim2 a:hover, #lim2:hover a, #lim2.over a {
		background-position: -124px 0px;
	}
#lim3 a:hover, #lim3:hover a, #lim3.over a {
		background-position: -247px 0px;
	}
#lim4 a:hover, #lim4:hover a, #lim4.over a {
		background-position: -370px 0px;
	}
#lim5 a:hover, #lim5:hover a, #lim5.over a {
		background-position: -493px 0px;
	}
#lim6 a:hover, #lim6:hover a, #lim6.over a {
		background-position: -616px 0px;
	}
#sddm div#m1, #sddm div#m2, #sddm div#m3, #sddm div#m4, #sddm div#m5, #sddm div#m6 {	
		left: 0px;	margin: 0px;	padding: 0px;	position: absolute;	visibility: hidden;	width: 740px;	z-index: 70;
	}
#sddm div#m1 {
		background-color: #92b342;
	}
#sddm div#m2 {
		background-color: #b83f6c;
	}
#sddm div#m3 {
		background-color: #78bedf;
	}
#sddm div#m4 {
		background-color: #e37f34;
	}
#sddm div#m5 {
		background-color: #584b93;
	}
#sddm div#m6 {
		background-color: #cbab58;
	}
#sddm div table {
		margin-bottom:5px;	margin-top: 5px; vertical-align: top;
	}
#sddm div table td.large {
		font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	padding: 0px 10px; width: 226px; vertical-align: top;
	}
#sddm div#m1 a, #sddm div#m2 a, #sddm div#m4 a, #sddm div#m3 a, #sddm div#m5 a, #sddm div#m6 a {
		height: 15px
	}
#sddm div a {
		background-image: none;	color: #FFFFFF;	display: block;	font-family:	Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	font-weight: normal;	margin: 0px;	padding: 0px 0px 0px 20px;	position: relative;	text-align: left;	text-decoration: none;	white-space: nowrap;
	}
#sddm div a:link {
		color:#FFFFFF;
	}
#sddm div a:visited {
		color:#FFFFFF;
	}
#sddm div a:hover {
		color: #FFFFFF;	text-decoration: underline;
	}
#sddm div a:active {
		color: #FFFFFF;
	}
#sddm div table td span {
		color: #FFFFFF;	display: block;	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: italic;	font-weight: bold;	margin: 0px;	padding: 0px 0px 0px 5px;	
	}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
		clear:both;    font-size: 1px;    height:0;    line-height: 0px;
	}	
/*----------------------------/ SIMPLE DROP DOWN MENU -------------------------*/
/*-------------------- jQuery lightBox plugin - Gallery style -----------------*/
#gallery ul {
		list-style: none;	margin: 0px;	padding: 0px;
	}
#gallery ul li {
		display: inline;	list-style:none;	 margin: 0px;	padding: 0px;
	}
#gallery ul img {
		border-width: 0px;
	}
#gallery ul a:hover img {
		border: 0px
	}
#gallery ul a:hover  {
		color: #fff;
	}
/*------------------- /jQuery lightBox plugin - Gallery style -----------------*/