#content {
    overflow: hidden;
    margin-top: -33px;
    margin-bottom: 15px;
}

#colonne {
    overflow: hidden;
}

#pacchetti {
    width: 300px;
    margin-top: 2px;
    margin-left: 37px;   
    padding-bottom: 1000px;  
    margin-bottom: -1000px; 
    float: left;
    /*background: url(../img/trowspacchetti.png) repeat-y #E5E5E5;*/
    background: rgb(239,239,240);
}
#pacchetti .title,
#boxes div.packages div.title {
    height: 30px;
    font-family: times, serif;
    background: #FBC12D;
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
    letter-spacing: 2px;
    z-index: 999;
}
#pacchetti .title
{
	letter-spacing: 0px;
}
#pacchetti .title span,
#boxes div.packages div.title span {
    line-height: 33px;
}
#pacchetti .title *,
#boxes div.packages div.title * {
    vertical-align: middle;
}
#pacchetti .content {
    padding: 14px 13px;
}
#pacchetti .content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#pacchetti .content ul li {
    padding: 6px 0;
    overflow: hidden;
}
#pacchetti .content ul li + li {
    background: url(../img/greyhborder.png) repeat-x;
}  
#pacchetti .content ul li a {
    display: block;
}
#pacchetti .content ul li a img{
    width: 76px;
    margin-right: 6px;
    display: block;
    float: left;
}

#pacchetti .content ul li .title {
    font-weight: bold;
    text-transform: uppercase;
    
    height: auto;
    font-family: arial;
    background: none;
    font-size: 11px;
    padding-left: 0px;
    letter-spacing: 0px;
    
}
#pacchetti .content ul li .content {
    margin-left: 82px;
    padding: 0px 0px;
}
.link {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    color: #FBC12D;
    white-space: nowrap;
}
#boxes {
    margin-top: 33px;
    margin-left: 0px;
    padding: 15px 37px 0px 37px;
}
#boxes div.boxes-wrap {
    float: left;
    margin-right: 14px;
    width: 185px;
    height: 271px;
}

#boxes div.boxes-wrap.cerca {
    margin-right: 14px;
}

#boxes div.boxes-wrap.eventi {
    width: 300px; 
    margin-right: 17px;
}

#boxes div.boxes-wrap.packages {
    width: 380px;
    margin-right: 0;
    margin-top: -45px;
}

#boxes div.boxes-wrap .title {
    text-transform: uppercase;
    color: #2B74AA;
    font-weight: bold;
    font-size: 10px;
    letter-spacing: 1px;
}  

/* PER BOX CERCA STRUTTURE LARGO

#boxes .submit input
{
    border:0;
}  

.boxform .submit {
    padding-top: 5px;
}

.boxform .item {
    padding-top: 12px;
}
*/
/*
#boxes div.boxes-wrap img {
    height: 65px;
    width: 185px;
}
*/
#boxes div.boxes-wrap .content-light, #boxes div.boxes-wrap .content-dark {
    height: 165px;
  /*  width: 159px;    */
    background: url(../img/trowsboxes.png) repeat-y;
    padding: 14px 13px;
    position: relative;
}

#boxes div.boxes-wrap.cerca .content-light, #boxes div.boxes-wrap.cerca .content-dark {
    background: url(../img/trowscerca.png) repeat-y;
}

#boxes div.boxes-wrap .content-light {
    background-color: #FBD45A;
}
#boxes div.boxes-wrap .content-dark {
    background-color: #FBC12D;
} 
#boxes div.boxes-wrap.cerca .content-light {
    background-color: #FBD45A;
}
#boxes div.boxes-wrap.cerca .content-dark {
    background-color: #FBC12D;
}

#boxes div.boxes-wrap.eventi .content-light {
    height: 231px;
}

/* eventi */

#boxes div.boxes-wrap.eventi .content-light {
    background: url(../img/trowspacchetti.png) repeat-y #FBD45A;
}

.event > .title, .event > .title * {
    text-transform: uppercase;
    font-weight: bold;
}
.event > .content > .link {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9px;
}
.event > .content > .showall {
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0;
   /* background-color: #FBC12D;  */
    width: 288px;
    padding: 0 10px 0 10px;
    height: 26px;
    font-weight: bold;
    text-align: right;
}
.event > .content > .showall > a{font-size:10px;}
.event > .content > .showall > a > img {
    padding: 6px 0 6px 2px;
}
.event > .content > .showall * {
    vertical-align: middle;
}

.event img.news-pic {
    float: left;       
    margin-right: 6px;
}

/* prenota */

.prenota ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.prenota ul li {
    padding: 2px 8px 2px 33px;
    background: url(../img/greysmallarrow.png) no-repeat 10px 2px;
}
.prenota ul li * {
    text-transform: uppercase;
    font-weight: bold;
}

/* packages */

#boxes div.packages div.title  {                           
    background: url(../img/trowspackages-title.png) repeat-y #FBC12D;
    text-transform: none;
    color: #333;
}

#packages ul {
    list-style: none;
    overflow: hidden;
    position: relative; 
}

#packages ul li {
    float: left;
}

div.slider-and-controls {
    width: 100%;
}

p.slider-controls {
    width: 336px;
    height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
} 

p.slider-controls a {
    text-decoration: none;
    outline: none;
    ie-dummy: expression(this.hideFocus=true);
}

p.slider-controls img {
    border: none;
}

div.slider-container {
    overflow: hidden;
    position: relative; /* importante! sistema overflow:hidden in IE7 */
}

#packages {
    width: 380px;
    height: 286px; 
    float: right;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b6b7b9'); /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#b6b7b9)); /* for webkit browsers */
    /*background: -moz-linear-gradient(center top , #ffffff, #b6b7b9) repeat scroll 0 0 transparent;  */
    background: url(../img/packages-bg.png) repeat scroll 0 0 #E5E5E5;
    color: #fff; 
    position: relative;
}

#packages #packages-content {
    position: absolute;
    top: 14px;
    left: 0px;
    width: 100%;
    height: 259px;
    overflow: hidden;
}     

#packages #search-view-all {
    margin: 0 6px; 
    overflow: hidden;
}

#packages div.input-search {
    width: 203px;
    float: left;
}

#packages div#view-all-packages {
    float: left;
    height: 31px;
    width: 95px;
}

#packages div.slider-and-controls {
    bottom: 5px;  
    height: 247px;
    margin-left: 20px;
    position: absolute;
}

#packages span#packages-slider-prev {
    position: absolute;
    bottom: 103px;
    left: 5px;
}

#packages span#packages-slider-next {
    position: absolute;
    bottom: 103px;
    right: 5px;
}

#packages div.slider-container {
    padding: 0px;
    margin: 0 0 0 19px;  
    height: 100%;
    width: 299px;
}

#packages ul#packages-slider {
    padding: 0;
    margin: 0;
}

#packages li.slide {
    height: 247px;
    overflow: hidden;
    width: 299px;
}

#packages li.slide ul {
    margin: 0;
    padding: 0;
}

#packages li.slide ul li {
    margin: 0 2px;
}

#packages li.slide ul li a {
    display: block;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
}

#packages li.slide ul li a:hover {
    border: 1px solid #808080;
}

#packages li.slide ul li a img {
    border: none;
}

#packages div.package {
    width: 131px;
    height: 236px;
    padding: 4px 5px 3px;
    border: 1px solid #808080;
    background-color: #fff;
    position: relative;
}

#packages .expired
{ 
	width:131px;
	height:131px;	
}

#packages .expired .expired-text
{
	position:absolute;
	text-align:center;
	line-height:131px;
	width:131px;
	height:131px;
	background-color: rgba(255,255,255,0.5);
	z-index:999;
	color:#333;
	font-weight:bold;
    font-size: 14px;
    font-family: Arial, Verdana;
    text-transform: uppercase;		
}

#packages p {
    margin-bottom: 0px;
    color: #333;
}

#packages p.who {
    margin-top: 2px;  
    padding-bottom: 1px; 
    border-bottom: 1px solid #808080;
    height: 17px;
}

#packages p.date {
    line-height: 13px;
    border-bottom: 1px solid #808080; 
    margin-top: 2px;
    padding-bottom: 2px;
    font-size: 10px; 
    font-weight: bold;
}

#packages p.event {
    font-size: 10px;
    font-family: Arial, Verdana; 
    text-transform: uppercase;
    line-height: 12px;
    border: none;   
    padding-top: 2px;
} 

#packages p.alert {
    font-size: 8px;
    font-family: Arial, Verdana;
    text-transform: uppercase;
    line-height: 12px;
    border: none;   
    padding-top: 2px;
} 

#packages p.prices {
    width: 131px;
    padding: 3px 0 1px;
    position: absolute;
    bottom: 0px; 
    border-top: 1px solid #808080; 
    border-bottom: none;
    font-family: Arial, Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #333; 
}

#packages p.prices img {
    margin-right: 3px;
    vertical-align: -10%;
}

#packages p.prices span {
    padding-right: 11px;
}

/* percorsi */

#percorsi {
    width: 583px;
    margin-left: 337px;
    padding: 2px 17px 15px;
}
#percorsi > .title{
    height: 30px;
    background-color: #8FBDD5;
    padding-left: 15px;
    line-height: 20px;
}
#percorsi > .title h1{
	display:inline;
    color:#333333;
    font-family: times, serif;
    font-size: 18px;
    font-weight: bold;
    padding-left: 15px;
    letter-spacing: 2px;
    line-height: 20px;
}
#percorsi > .title > img {
    padding: 2px 6px 2px 0;
}
#percorsi > .title * {
    vertical-align: middle;
}
#percorsi > .content {
    overflow: hidden;
}
#percorsi > .content > div {
    float: left;
    width: 187px;
    margin-top: 11px;
    margin-bottom: -1000px;
    padding-bottom: 1000px;
}
#percorsi > .content > div + div {
    padding-left: 11px;
    background: url(../img/vborder.png) repeat-y left;
    height: 100%;
}
#percorsi > .content > div > div {
    padding: 15px 0;
    margin-right: 11px;
}
#percorsi > .content > div > div + div {
    background: url(../img/hborder.png) repeat-x top;
}
#percorsi > .content > div > div > .title * {
    text-transform: uppercase;
    font-weight: bold;
    color: #2B74AA;
    font-family: times, serif;
    font-size: 12px;
}

#percorsi > .content > div > div  h2
{
	margin:0;
}

