

* {
    margin: 0;
    padding: 0;
}
ul, ol, li {
    list-style: none;
    
}

/* Inizio Tipografia e colori */

body, a, input, textarea, html {
    font-family: Georgia, Arial, lucida-sans, Tahoma;
    font-size: 62.5%;
    /* Resets 1em to 10px */
    font-size: 12px;
    color : rgb(76,72,64);
    line-height: 1;
	margin-top: 0px;
	scrollbar-3dlight-color : #F5DEB3;
	scrollbar-arrow-color : #FFFFFF;
	scrollbar-base-color : #FFEFFF;
	scrollbar-darkshadow-color : #FFFFFF;
	scrollbar-face-color : #de1d80;
	scrollbar-highlight-color : #FFFFFF;
	scrollbar-shadow-color : #FFFFFF;
	scrollbar-track-color : #FFFFFF;


}
img, fieldset, input, textarea {
    border : 0px;
}
body{
    background: #e7e1bf url(../images/body-bg.jpg) repeat-x left top;
}
a{
    color : rgb(76,72,64);
    text-decoration : none;
}
a *{
    cursor : pointer !important;
}
h1,h2,h3,h4,h5{
    display : block;
    font-weight : normal;
}
h2{
    color : #df2282;
    font-size : 18px;
    padding-top : 15px;
    padding-bottom : 20px;
    font-weight : normal;
}

/*SITO 1*/
#frame-container{
    background: url(../images/frame.png) no-repeat center top;
    width : 100%;
    height : 482px;
    position : absolute;
    left : 0px;
    top : 0px;
}
#slider-container{
    height : 350px;
    position : relative;
    margin-top : 110px;
}
#slider-container a{
	color: #e7e1bf;
	text-decoration: none;
	cursor : pointer !important;
}
#slider-container a:hover{
	color: #e7e1bf;
	text-decoration: none;
	cursor : pointer !important;
}
.clearer {
    clear : both;
    height : 0px;
    float : none !important;
}
.slider .info-container{
	display: none;
}
/* Navigation */

#navigations{
    margin-top : 60px;
}
#navigations {
    float : right;
    width: 620px;
    height : 40px;
}
#navigations ul{
    height : 40px;
    width : auto;
    float : right;
    margin-right : 10px;
}
#navigations ul li{
    float : left;
    height : 40px;
    margin-right : 25px;
}
#navigations ul li a{
    text-decoration : none;
    color : rgb(76,72,64);
    float : left;
    height : 40px;
    text-transform: uppercase;
}
#navigations ul li a:hover, #navigations ul li a.active{
    color : #df2282;
}
.page-sec #navigations ul li a.active{
    background: url(../images/nav-active.png) no-repeat center bottom;
}
#top-container.portfolio #navigations ul li a.active{
    background: url(../images/nav-active-port.png) no-repeat center bottom !important;
    _background: url(../images/nav-active-port.gif) no-repeat center bottom !important;
}

#navigations ul li.last{
    margin-right : 0px;
}
/* Project Name */

.project-slider{
    height : 350px;
}
.project-info{
    position : absolute;
    left : 200px;
    bottom : 55px;
    width : 280px;
    text-decoration: none;
    float : left;
}
.project-info .category{
    color : #FFFFFF;
    font-size : 13px;
    display: block;
    margin-top : 3px;
}

/* Slider Navi Button */

.slider-navi{
    width : 560px;
    height : 51px;
    position : absolute;
    top : 195px;
    right : 0px;
}
.slider-navi a {
    width : 50px;
    height : 51px;
    float : left;
    background: url(../images/back-foward.png) no-repeat right top;
    _background-image : url(../images/back-foward-ie.png);
	cursor: pointer;
}
.slider-navi a.foward{
    float : right;
	background-position:  right top;
}
.slider-navi a.foward:hover{
    background-position: right bottom;
}
.slider-navi a.back{
    background-position: left top;
}
.slider-navi a.back:hover{
    background-position: left bottom;
}

/* Gestione dello slider */

.slider {
    height : 350px;
    margin : 0 auto;
    overflow : hidden;
    position : relative;
}
.slider ul{
    position : absolute;
    height : 350px;
    width : 15000px;
}
.slider ul li{
    float : left;
    width : 600px;
    height : 350px;
}
.left-bg-repeat, .right-bg-repeat{
    height : 460px;
    width : 155px;
    position : absolute;
    top : 0px;
    background: url(../images/frame-repeat.png) repeat-x left top;
}
.left-bg-repeat{
    left : 0px;
}
.right-bg-repeat{
    right: 0px;
}

/* Lingua */

.languages{
    position : absolute;
    right : 20px;
    top : 20px;
}
.languages a, .languages span{
    float : left;
    font-size: 12px;
    text-decoration: none;
    color : #fff;
}
.languages span{
    margin-top : -1px;
}
.languages a:hover, .languages a.active{
    color : #EFEFEF;
}
.languages span{
    padding : 0px 5px;
}


/* Div TOP pagina secondaria */

#top-container{
    height : 100px;
    background: #e7e1bf url(../images/frame-page.png) repeat-y center top;
}
#top-container #top{
    height : 100px;
    margin : 0 auto;
    width : 960px;
    position : relative;
}
#top-container.portfolio {
    height : 155px !important;
}
#subnav-container{
    height : 56px;
    background: url(../images/subnav-bg.png) repeat-x left top;
    _background : #e7e1bf;
}
.page-sec #central-container{
    background : #e7e1bf url(../images/content-bg-b.jpg) repeat-x scroll left top;
    padding-top : 0px;
    padding-bottom : 29px;
}

/* FINE SITO1 */
/* Gestione dello slider */



/* Top */

.home #top{
    width : 960px;
    margin : 0 auto;
    position : relative;
    height : 80px;
}
.logo, .logo a{
    float : left;
    height : 35px;
    margin-left : 15px;
    margin-top : 40px;
    width : 175px;
    background: url(../images/logo.png) no-repeat left top;
}
.logo a{
    margin : 0px;
}

/* Inizio struttura */

.container{
    margin : 0 auto;
    width : 960px;
}
#central-container{
	background: #F0E1C2 url(../images/central-bg.jpg) repeat-x left top;
	margin-top: 0px;
}
#top{
    height : 96px;
}
#content{
    margin : 0 auto;
    width : 960px;
    background: url(../images/end-content.jpg) no-repeat left bottom;
    padding-bottom : 0px;
}

/* Elementi interni al div #top*/

.logo, .logo a{
    background: url(../images/logo.png) no-repeat left top;
    height : 47px;
    width : 300px;
    float : left;
    margin-top : 22px;
}
.logo a{
    background: none;
    margin-top : 0px;
}

/* Navigation */

#navigation{
    position : relative;
}
#navigation, #navigation ul{
    float : right;
    height : 108px;
    width : 560px;
}
#navigation ul li{
    width : 80px;
    height : 110px;
    float : left;
}
#navigation ul li a{
    padding-top : 35px;
    height : 73px;
    width : 78px;
    float : left;
    text-decoration: none;
    font-size : 14px !important;
    color : #80137a;
    padding-left : 2px;
    line-height : 115%;
    background: url(../images/li-bg.png) no-repeat left top;
}
#navigation ul li a:hover, #navigation ul li a.active{
    background: url(../images/a-hover.png) no-repeat left top;
}
#navigation ul li a span{
    float : left;
    width : 80px;
    color : rgb(196,159,79);

}

/* Slider e Contenitori interni */

#header{
    height : 270px;
    border-top : 1px solid #fff;
    border-bottom : 1px solid #fff;
    position : relative;
}
.slider{
    margin : 0 auto;
    overflow : hidden;
    height : 350px;
    position : relative;
}
.slider ul{
    width : 2000px;
    position : absolute;
}
.slider li.image{
    float : left;
    height : 270px;
    width : 480px;
}
.slider-navi{
    margin : 0 auto;
    width : 960px;
    height : 150px;
    position : relative;
}
.slider a{
    float : left;
    position : absolute;
    height : 35px;
    width : 23px;
    top : 120px;
    cursor : pointer !important;
}

.slider a.foward{
    right : 10px;
    background: url(../images/h-foward.png) no-repeat left top;
}
.slider a.back{
    background: url(../images/h-back.png) no-repeat left top;
    left : 10px !important;
}

.transparency-top{
    height : 30px;
    background: rgb(239,225,193);
    opacity : 0.6;
    position : absolute;
    left : 0px;
    top : 0px;
    width : 100%;
}
.transparency-bottom{
    height : 30px;
    background: rgb(239,225,193);
    opacity : 0.6;
    position : absolute;
    width : 100%;
    bottom : 0px !important;
    left : 0px !important;
}

/* Testo Benvenuti */

.welcome2,.text-intro{
	width : 300px;
	height : auto;
	padding-right : 250px;
	position : absolute;
	font-size : 16px;
	line-height : 140%;
	min-height: 150px;
}

.welcome1,.text-intro{
	width : 800px;
	height : auto;
	padding-right : 250px;
	position : absolute;
	font-size : 16px;
	line-height : 140%;
	min-height: 150px;
}

.welcome,.text-intro{
	width : 550px;
	height : auto;
	padding-right : 250px;
	padding-top : 60px;
	position : relative;
	font-size : 16px;
	line-height : 140%;
	min-height: 150px;
}
.welcome p, .text-intro p, .price-list p{
    padding : 35px 0px;
    color : rgb(113,111,97);
    text-align: justify;
}
.available .text-intro {
    height : 135px;
}
.welcome strong, .text-intro strong, .price-list strong, .text-intro a{
    color : #80137a;
    font-weight : normal;
    font-size : 16px;
}
a.last-minute{
    height : 232px;
    width : 210px;
    position : absolute;
    right : 0px;
    top : -65px;
    background: url(../images/last-minute.png) no-repeat left top;
    display : block;
    font-size : 12px !important;
    cursor : pointer !important;
}
.last-minute span{
    font-size : 12px !important;
    padding : 50px 30px 10px 20px;
    line-height: 135%;
    text-align: center;
    display : block;
    color : #df2282 !important;
}
.last-minute small{
    color : #df2282;
    display : block;
    width : 210px;
    text-align: center;
    font-size : 12px !important;
}
a.last-minute:hover small{
    color : #df2282;
}

/* Primary Content */

.primary-content{
    background: url(../images/primary-bg.jpg) no-repeat left top !important;
    padding-bottom : 2px;
    padding-top : 30px;
    height : 1%;
}
.home .primary-content{
    background: url(../images/primary-home.jpg) no-repeat left top !important;
    padding-bottom : 2px;
    padding-top : 0px;
}
.prices .primary-content,
.available .primary-content,
.city-guide .primary-content,
.whereweare .primary-content{
    background: url(../images/sep-bg.jpg) no-repeat left top !important;
}
.prices .text-intro{
    height : 135px !important;
}
.prices-content{
    width : 710px;
    float : left;
}

/* Pagina Dove Siamo */

.places, .addresses-info, .map{
    width : 710px;
    float : left;
}
.map{
    margin-top : 1px;
}
.whereweare .guide{
    margin : 0px;
}
.address-info{
    margin : 20px 0px 30px 0px;
}
.address-info a:hover{
    text-decoration : underline;
}
.address-info div{
    float : left;
    width : 220px;
    padding-top : 20px;
    margin : 0px;
}

/* Macro Aree div centrale home page */

.areas{
    padding-bottom : 40px;
    background: url(../images/sep-bg.jpg) no-repeat left bottom;
    height : 1%;
}
.prenota, .servizi, .prodotti, .relax{
    float : left;
    width : 210px;
    margin-right : 40px;
}
.relax{
    margin : 0px !important;
}
.prenota h2, .servizi h2, .prodotti h2, .relax h2{
    font-size : 18px;
    font-weight : normal;
    padding-left : 75px;
    margin-top : 20px;
    color : #df2282;
}
.prenota p, .servizi p, .prodotti p, .relax p{
    padding : 0px 0px;
    text-align: justify;
}
.relax h2{
    padding-left : 65px;
}
a.more-info{
    float : left;
    width : auto;
    font-style : italic;
    background: url(../images/more-bg.jpg) no-repeat left 3px;
    padding-left : 20px;
    color : #df2282;
    margin-top : 3px;
}
a.more-info:hover{
    text-decoration: underline;
}

/* News events */

.news-and-events{
    float : left;
    width : 210px;
    margin-right : 20px;
}
.news-and-events h2{
    color : #df2282;
    font-size : 18px;
    padding-top : 15px;
    padding-bottom : 15px;
    padding-left : 50px;
    background: url(../images/news.jpg) no-repeat left top;
}
.services .news-and-events h2{
    padding-top : 19px !important;
    padding-bottom : 21px !important;
}
.news-and-events ul{
    width : 210px;
    float : left;
    position : relative;
    height : 1%;
    margin-top : 0px;
}
.news-and-events ul li{
    width : 210px;
    background: url(../images/li-news.jpg) no-repeat left bottom;
    padding-bottom : 2px;
    padding-top : 1px;
}
.news-and-events ul li.first{
    padding-top : 3px;
}
.news-and-events ul li a{
    text-decoration : none;
    padding : 10px 0px;
    display : block;
    margin-top : -2px;
}
.news-and-events ul li.first a{
    padding-top : 6px;
    margin-top : 3px;
}
.news-and-events ul li a:hover{
    background: url(../images/a-newshover.jpg) repeat-y left top;
}
.news-and-events ul li a span{
    color : #df2282;
    font-style : italic;
    display : block;
    margin-top : 2px;
}

/* Light Box */

.fader{
    width : 100%;
    height : 100%;
    background : #000;
    position : absolute;
    top: 0;
    left: 0;
    opacity : 0.5;
}
.wdbox {
    background : rgb(239,225,193) url(../images/lightbox-bg.jpg) no-repeat left top;
    left : 0;
    position : absolute;
    top : 0;
    padding : 50px 50px 0px 50px;

    /*was zindex 80*/
}
.wdbox .wdbox_content{
    width : 480px;
}
.wdbox .wdbox_interaction {
    height : 30px;
    position : relative;
    margin-bottom : 20px;
    clear : both;
}
a.closeLink{
    margin : 0px;
    padding : 0px;
    display : block;
    position : absolute;
    right : 50px;
    bottom : 7px;
    height : 17px;
    width : auto;
    background : url(../images/a-closelink.jpg) no-repeat left top;
    cursor : pointer !important;
    text-decoration : none;
    padding-top : 1px;
    padding-left : 23px;

}
a.closeLink:hover{
    color : #df2282;
}
.wdbox .wdbox_content_body{
    text-align : center;
}

/* Form Disponibilita  */

.availability{
	float : left;
	width : 720px;
	height : auto;
	min-height: 300px;
}
.availability h2{
    padding-left : 20px !important;
    padding-bottom : 10px;
}
.availability p{
    padding : 21px 20px 8px 20px;
}
.availability form{
    clear : both;
    width : 465px;
    float : left;
    height : 1%;
    margin-left : 20px;
    padding-top : 19px;
}
.availability form input{
    float : right;
    height : 20px;
    width : 320px;
    margin-right : 20px;
    background: none;
}
.availability form input.submit{
    background: url(../images/button-m.gif) no-repeat left top;
    width : 124px;
    height : 29px;
    float : right;
    cursor : pointer;
    font-style : italic;
    color : #df2282;
    padding-left : 10px;
    padding-bottom : 2px;
    margin-right : 0px;
    margin-top : -8px;
}
.availability form input.submit:hover{
    background: url(../images/button-m.gif) no-repeat -132px top;
}
.availability form fieldset{
    margin-bottom : 21px;
}
/* Form standard */
form.standard input{
    background : url(../images/input-bg.gif);
    width : 300px;
    height : 20px;
    padding : 4px 18px;
    float : right;
}
/* Guide */

.guide{
    float : left;
    width : 210px;
    margin-left : 20px;
}
.guide h2{
    padding-left : 0px !important;
    padding-bottom : 10px;
}
.services .guide h2{
    padding-top : 19px;
}
.guide a{
    background: url(../images/guida-sr.jpg) no-repeat left top;
    width : 210px;
    float : left;
    height : 218px;
    margin-top : 5px;
}
.guide a:hover{
    opacity : 0.9;
}

/* Verifica disponibilità */

.availability-control{
    width : 185px;
    float : left;
    margin-top : 37px;
    height : 152px;
    background: url(../images/disp.png) no-repeat left top;
    margin-bottom : 30px;
    padding : 73px 20px 0px 20px;
}
.singlepage .availability-control{
    position: absolute;
    top: -265px;
}
.availability-control span{
    text-align: center !important;
    display : block;
    width : 165px;
}
.rooms-info .availability-control{
    margin-top : 0px;
    margin-bottom : 20px;
}
.rooms-info{
    margin-top : -30px;
}

.photorooms{
    width : 960px;
    height : 1%;
    margin-top : -15px;
}
.photorooms ul li{
    background: url(../images/sep-bg.jpg) no-repeat left bottom;
    padding-bottom : 35px;
    position : relative;
    height : 1%;
}
.photorooms ul.rooms{
    width : 960px;
}
.photorooms ul li div.text{
    padding : 0px;
    margin : 0px;
    float : left;
    width : 210px;
}
.slider-wrap{
    width : 650px;
    position : relative;
    overflow : hidden;
    float : right;
    height : 100px;
    right : 45px;
}
.photorooms ul li ul{
    float: right;
    height : 100px;
    position : absolute;
}
.photorooms ul li ul li{
    float : left;
    width : 210px;
    background: none !important;
    padding : 0px !important;
    margin-right : 10px;
    margin-top : 0px;
}
.photorooms ul li ul li.last{
    margin : 0px;
}
.photorooms ul li ul li a{
    float : left;
    width : 210px;
    height : 100px;
    position : relative;
}
.photorooms ul li ul li a span{
    display : none;
    float : left;
    height : 20px;
    width : 210px;
    text-indent : -10000px;
}
.photorooms ul li ul li a:hover span{
    display : inline;
    float : left;
    background: url(../images/gallery-hov.png) no-repeat left top;
    position : absolute;
    bottom : 0px;
    left : 0px;
}
.photorooms ul li ul li img{
    float : left;
    width : 210px;
    height : 100px;
}
.photorooms a.foward, .photorooms a.back{
    height : 37px;
    width : 25px;
    background: url(../images/a-foward.jpg) no-repeat left top;
    position : absolute;
    right : 5px;
    top : 30px;
}
.photorooms a.foward:hover{
    background: url(../images/a-foward.jpg) no-repeat left -39px;
}
.photorooms a.back{
    background: url(../images/a-back.jpg) no-repeat left top;
    left : 220px;
    top : 30px;
}
.photorooms a.back:hover{
    background: url(../images/a-back.jpg) no-repeat left -39px;
}

/* Pagina Camere */

.rooms-info .text{
    padding : 0px;
    margin: 0px;
    margin-left : 30px;
    text-align: justify;
    width : 210px;
    float : left;
}
.text.special-offer{
    font-size : 16px;
    line-height : 150%;
    margin-top : 20px !important;
}
.text.special-offer strong{
    color : #df2282;
}
.text.special-offer a{
    font-size : 16px;
    display : block;
    margin-bottom : 20px;
}
.text.special-offer a strong{
    color : #df2282;
    font-size : 16px;
}
.rooms-info{
    width : 960px;
    background: url(../images/sep-bg.jpg) no-repeat left bottom;
    padding-bottom : 0px;
}
.rooms-info h2, .photorooms h2{
    padding-bottom : 7px;
}
.photorooms h2{
    padding-top : 0px;
}
.rooms-info h2{
    padding-top : 30px;
}
.room-service{
    float : left;
    width : 423px;
    margin-left : 32px;
}
.room-service ul{
    float : left;
    width : 190px;
}
.room-service ul.right{
    margin-left : 28px;
}
.room-service ul li{
    margin-bottom : 2px;
}

/* Pagina Servizi */

.services{
    float : left;
    width : 480px;
}
.services.informations{
    width : 460px;
    float : right;
}
.services.informations .service div{
    padding-right : 0px;
}
.services h2{
    padding-bottom : 10px;
    padding-top : 5px;
    padding-left : 70px;
}
.services.informations .service{
    width : 460px;
    float : right;
}
.service{
    width : 460px;
    padding-bottom : 35px;
}
.service div{
    padding-left : 70px;
    padding-top : 5px;
    width : 390px;
    padding-right : 20px;
    text-align : justify;
}
.service.concierge div{
    background: url(../images/c-in.jpg) no-repeat left 0px;
}
.service.transfer div{
    background: url(../images/transfer.jpg) no-repeat left 0px;
}
.service.garage div{
    background: url(../images/garage.jpg) no-repeat left 0px;
}
.service.internet-point div{
    background: url(../images/internet-point.jpg) no-repeat left 0px;
}
.service.wi-fi div{
    background: url(../images/wi-fi.jpg) no-repeat left 0px;
}
.service.sky{
    padding-bottom : 32px;
}
.service.sky div{
    background: url(../images/sky.jpg) no-repeat left 0px;
    padding-bottom : 10px;
}
.service.paper, .service.print{
    padding-bottom : 30px;
}
.service.paper div{
    background: url(../images/wi-fi.jpg) no-repeat left 0px;
    padding-bottom : 10px;
}
.service.print div{
    background: url(../images/print.jpg) no-repeat left 0px;
    padding-bottom : 10px;
}
.service.tiket div{
    background: url(../images/tiket.jpg) no-repeat left 0px;
}
.service.visit div{
    background: url(../images/visit.jpg) no-repeat left 0px;
    padding-bottom : 10px;
}
.service.wash div{
    background: url(../images/wash.jpg) no-repeat left 0px;
    padding-bottom : 10px;
}
.service.baby-sitting div{
    background: url(../images/baby-sitting.jpg) no-repeat left 0px;
    padding-bottom : 17px;
    padding-top : 13px;
}
.service.check-in div{
    background: url(../images/info.gif) no-repeat left 0px;
    padding-bottom : 15px;
}
.service.check-out div{
    background: url(../images/c-out.jpg) no-repeat left 0px;
    padding-bottom : 15px;
}
.service.bagage div{
    background: url(../images/bag.jpg) no-repeat left 0px;
    padding-bottom : 16px;
}
.service{
    background: url(../images/service-bg.jpg) no-repeat left bottom;
}
.service strong{
    color : #df2282;
}
a.diving{
    height : 231px;
    width : 480px;
    background: url(../images/sub.jpg) no-repeat left top;
    text-decoration : none;
    display : block;
}
.diving span{
    float : right;
    width : 207px;
    margin-right : 20px;
    margin-top : 70px;
    text-align: justify;
}
.room-sky{
    background:url(../images/sky-camera.png);
    width : 199px;
    height : 216px;
    float : right;
    margin-top : 37px;
}
.room-sky.room-page{
    background:url(../images/sky-camera.png);
    width : 199px;
    height : 216px;
    float : right;
    margin-top : 37px;
    position : absolute;
    right : 0px;
    top : -100px;
}

/* Button --- Submit */

.button{
    background: url(../images/button-s.jpg) no-repeat left top;
    width : 85px;
    height : 34px;
    float : right;
    cursor : pointer;
    font-style : italic;
    padding-left : 35px;
}

/* City Guide */

.category-page{
    width : 721px;
    height : 95px;
    background: url(../images/search-form.jpg) no-repeat left top;
    padding-top : 10px;
}
.category-title{
    height : 62px;
    float : left;
    width : 400px;
    margin-bottom : 20px;
}
.category-title h2, .cattitle{
    padding-top : 23px;
    padding-left : 70px;
    color : rgb(113,111,97);
    font-size : 18px;
}
.search{
    float : right;
    height : 45px;
    width : 300px;
    margin-right : 21px;
}
.search input{
    float : left;
    margin-top : 22px;
    background: none;
    height : 20px;
    width : 185px;
}
.search input.submit{
    background: url(../images/button-s.jpg) no-repeat left top;
    width : 85px;
    height : 34px;
    float : right;
    cursor : pointer;
    color : #df2282;
    padding-left : 15px;
    padding-bottom : 10px;
    margin-right : 0px;
    margin-top : 17px;
}
.search input.submit:hover{
    background: url(../images/button-s.jpg) no-repeat -88px top;
}

/* Gestione cambiamento immagine TITOLO pagina CATEGORIE */

.category-title.news-cat{
    background: url(../images/paper.gif) no-repeat left top;
}
.category-title.museum-cat{
    background: url(../images/musei.gif) no-repeat left top;
}
.category-title.eat-cat{
    background: url(../images/eat.gif) no-repeat left top;
}
.category-title.city-cat{
    background: url(../images/prov.gif) no-repeat left top;
}
.category-title.theater-cat{
    background: url(../images/theater.gif) no-repeat left top;
}
.category-title.diving-cat{
    background: url(../images/div.gif) no-repeat left top;
}
.category-title.sea-icon{
    background: url(../images/sea-icon.png) no-repeat left top;
}
.city-guide .primary-content{
    padding-top : 0px;
}

/* Post */

.city-guide .posts.list{
    width : 710px;
}
.city-guide .posts.list{
    background: url(../images/box-guide.jpg) no-repeat right top !important;
}
.boxes{
    padding-top : 45px;
}
.city-guide .sidebar{
    position : relative;
    margin-top : -103px;
}
.city-guide .sidebar.news-cat{
    margin-top : 2px !important;
}
.city-guide .sidebar .guide-book{
    position : absolute;
    margin : 0px;
    left : 0px;
    top : -220px;
    height : 218px;
    width : 210px;
    background: url(../images/guide.png) no-repeat left top;
}
.post{
    float : left;
    width : 710px;
    background: url(../images/post-bg.jpg) no-repeat left bottom;
    padding-bottom : 15px;
    height : 1%;
    margin-bottom : 20px;
}
.post-header{
    margin-bottom  : 10px;
}
.post-page{
    margin-top  : 10px;
}
.entry{
    font-size: 14px;
    line-height: 140%;
}
.post-header .post-title, .post-header .post-title a{
    padding : 0px;
    color : rgb(120,34,31);
    text-decoration : none;
}
.post-header .post-title a, h1.post-title{
    float : left;
    font-size : 20px;
}
.post-header h1.post-title{
    line-height:130%;
}
.post-header span{
    font-style : italic;
    margin-top : 2px;
    clear : both;
    color : rgb(113,111,97);
    display : block;
    font-size : 14px;
}
.entry img{
    float : left;
    margin-right : 20px;
    margin-bottom : 10px;
    margin-top : 3px;
}
.city-guide .post{
    width : 700px !important;
}
.city-guide .post .entry p{
    text-align: justify;
    padding-bottom: 10px;
}
.post a.button{
    margin : 0px;
    margin-top : 15px;
    background : url(../images/button-m.jpg) no-repeat left top;
}
.post a.button:hover{
    background : url(../images/button-m.jpg) no-repeat -127px top;
}

/* Sidebar CATLIST */

.city-guide .sidebar{
    width : 230px !important;
}
.cat-list{

}
.cat-list ul{
    float : left;
    position : relative;
    height : 1%;
}
.cat-list ul li{
    padding-bottom : 2px;
    position : relative;
    background: url(../images/cat-li.jpg) no-repeat left bottom;
}
.cat-list ul li.other-cat{
    background: none;
    padding : 25px 10px;
}
.cat-list ul li.other-cat h2{
    margin-bottom : 15px;
}
.cat-list ul li.other-cat a{
    display : block;
    font-size : 16px;
    margin-bottom : 3px;
    text-decoration : none;
}
.cat-list ul li.other-cat a:hover{
    color : #78221F;
}
.cat-list ul li h2{
    padding : 0px;
    width : 200px;
}
.cat-list ul li h2 a{
    display : block;
    margin-top : -1px;
    padding-top : 15px;
    padding-bottom : 15px;
    padding-left : 70px;
    color : #78221F;
    text-decoration : none;
    font-size : 16px;
    width : 150px;
}
.cat-list ul li h2 a:hover{
    background: url(../images/a-newshover.jpg) repeat-y center top;
}
.icons{
    position : absolute;
    left : 5px;
    top : 5px;
    height : 61px;
    width : 60px;
}
.icons.news-cat{
    background: url(../images/paper.gif) no-repeat left top;
}
.icons.museum-cat{
    background: url(../images/musei.gif) no-repeat left top;
}
.icons.eat-cat{
    background: url(../images/eat.gif) no-repeat left top;
}
.icons.sea-icon{
    background: url(../images/sea-icon.png) no-repeat left top;
}
.icons.city-cat{
    background: url(../images/prov.gif) no-repeat left top;
}
.icons.theater-cat{
    background: url(../images/theater.gif) no-repeat left top;
}
.icons.diving-cat{
    background: url(../images/div.gif) no-repeat left top;
}
.cat-list ul{
    margin-bottom : 20px;
}

/* Paginazione */

.pagin{
    height : 1%;
    overflow : hidden;
    margin-bottom : 15px;
}
.pagin ul {
    float : left;
    margin : 0px;
    display : inline;
}
.pagin li {
    float : left;
    display : inline;
    margin-right : 3px;
}
.pagin a {
    float : left;
    padding : 5px 10px;
    height : 18px;
    text-decoration : none;
    color : rgb(113,111,97) !important;
}
.pagin .current{
    display: block;
    padding : 5px 10px;
    background : rgb(232,213,171);
}
.pagin .pages{
    display : none !important;
}
.pagin li.back a{
    padding-left : 17px;
    height : 21px;
    background: url(../images/p-back.jpg) no-repeat center 12px;
}
.pagin li.foward a{
    padding-right : 13px;
    text-align : right;
    height : 21px;
    background: url(../images/p-foward.jpg) no-repeat center 12px;
    margin-left : 0px;
}
.pagin a.active, .pagin a:hover{
    background : rgb(232,213,171);
    color : rgb(113,111,97) !important;
    text-decoration : none;
}
.pagin a.back:hover {
    background: url(../images/p-back.jpg) no-repeat left 10px;
}
.pagin a.foward:hover{
    background: url(../images/p-foward.jpg) no-repeat right 10px;
}

/* Footer */

#footer-container{
	margin : 5px 0px;
	height : 358px;
	background-color: #de1d80;
}
#footer-container.alternate{
	height: auto;
	background: none;
	margin: 0;
}
#footer{
    margin : 0 auto;
    width : 960px;
    background: url(../images/footer.jpg) no-repeat left top;
    height : 358px;
    position : relative;
}
.alternate #footer{
	display: none;
}
#footer h2{
    color : rgb(239,225,193);
    padding : 30px 0px 0px 50px;
    margin-bottom : 22px;
}
.where-we-are{
    float : left;
    width : 210px;
    margin-right : 40px;
    color : rgb(239,225,193);
}
.where-we-are span, .addresses span{
    display : block;
    color : rgb(239,225,193);
}
.where-we-are p{
    padding : 8px 0px;
    line-height : 125%;
    text-align: justify;
}
.where-we-are a.more-info {
    background: url(../images/more-bgf.gif) no-repeat left 5px;
    color : rgb(239,225,193);
    padding-top : 2px;
}
.where-we-are a.more-info:hover{
    text-decoration: underline;

}
.addresses a.more-info{
    margin-right : 0px;
}
.copyright{
    padding : 10px 0px 5px;
    width : 960px;
    margin: 0 auto;
}
.copyright .text{
    float : left;
    width : 700px;
	color: #C48A81;
}
.copyright .credits{
    float : right;
    width : 210px;
}
.copyright a{
    color : #df2282;
}
.copyright a:hover{
    text-decoration : underline;
}
.credits div{
    float : left;
    width : 150px;
}
.languages {
    position : absolute;
    right : 0px;
    top : 5px;
    width : 47px;
    height : 21px;
}
.languages a.ita{
    float : left !important;
}
.languages a.en{
    float : right !important;
}
a.ita{
    background: url(../images/ita.gif) no-repeat left top;
    height : 21px;
    width: 21px;
    float : right;
    margin-right : 5px;
    margin-top : -2px;
}
a.en{
    background: url(../images/eng.gif) no-repeat left top;
    height : 21px;
    width: 21px;
    float : right;
    margin-top : -2px;
}

/* Contatti nel footer */

.contact-us{
    width : 460px;
    float : left;
}
.contact-us form{
    clear : both;
    width : 460px;
    float : left;
    height : 1%;
}
.contact-us h2{
    padding-left : 0px !important;
}
.contact-us form input, .addresses form input{
    float : right;
    height : 20px;
    width : 320px;
    margin-right : 20px;
    background: none;
    padding-top : 1px;
    color : rgb(239,225,193);
}
.addresses form input{
    width : 175px;
    margin-top : 1px;
    margin-bottom : 18px;
}
.addresses form input.submit{
    margin-top : 0px;
    margin-top : -5px;
}
.contact-us form label{
    color : rgb(239,225,193);
    padding-top : 2px;
    float : left;
}
.contact-us form textarea{
    float : right;
    height : 140px;
    width : 320px;
    margin-right : 20px;
    background: none;
    padding-top : 3px;
    color : rgb(239,225,193);
    font-family: Georgia, Arial;
    overflow: auto;
}
.contact-us form input.submit, .addresses form input.submit {
    background: url(../images/more-bgf.gif) no-repeat left 7px;
    color : rgb(239,225,193);
    padding-top : 2px;
    font-style : italic;
    width : 90px;
    height : 20px;
    float : right;
    cursor : pointer;
    padding-left : 20px;
    margin-top : 20px;
}
.addresses form input.submit{
    margin-right : 10px;
    width : 75px;
    margin-top : -7px;
}
.contact-us form input.submit:hover, .addresses form input.submit:hover{
    text-decoration : underline;
}
.contact-us form fieldset{
    margin-bottom : 21px;
}
.contact-us input.check{
    width : 17px !important;
    height : 15px;
    float : left;
    padding : 0px;
    margin : 0px;
}
.privacy{
    float : left;
    margin-top : 27px;
    width : 240px;
    margin-left : 100px;
}
.contact-us .privacy label{
    color : #C48A81;
    font-weight : normal;
    padding : 0px;
    width : 220px;
    float : right;
    font-size : 10px;
    line-height : 105%;
}

/* Addresses */

.addresses{
    width : 210px;
    float : left;
    margin-left : 230px;
}
.addresses h2{
    padding-left : 0px !important;
}
.address h2{
    padding-top : 0px !important;
    margin-bottom : 5px !important;
}
.addresses a{
    color : rgb(239,225,193);
}
.addresses a:hover{
    text-decoration : underline;
}
.certifications{
    width : 155px;
    color : rgb(196,138,129);
    padding-left : 75px;
    margin-top : -10px;
    font-size : 11px;
    position : absolute;
    right : -20px;
    bottom : 10px;
    line-height : 150%;
    background: url(../images/certificazione.png) no-repeat left top;
    padding-top : 3px;
    padding-bottom : 10px;
}

/* Price list */

.price-list{
    float : left;
    width : 690px;
    background: #F8F0DD url(../images/price-box.jpg) repeat-x left top;
    margin-top : -100px;
}
.price-list ul{
    padding : 20px;
    padding-top : 0px;
    padding-bottom : 30px;
    width : 650px;
    float : left;
    position : relative;
    background: url(../images/price-endbox.jpg) no-repeat left bottom;
}
.price-list p{
    padding-top : 0px;
}
.price-title{
    background: url(../images/price-li.png) no-repeat center bottom;
    padding-bottom : 20px;
    width : 650px;
    margin-left : 20px;
}
.price-title div, .price-list ul li div{
    width : 140px;
    float : left;
    height : 30px;
    text-align : right;
}
.types{
    width : 205px !important;
    text-align : left !important;
}
.price-list ul li{
    background: url(../images/price-li.png) no-repeat left bottom;
    height : 25px;
    padding-top : 5px;
    width : 650px;
    font-size : 16px !important;
}
.price-mouth div{
    float : right !important;
    width : 155px;
    font-size : 10px;
    line-height : 115%;
    height : auto !important;
}
li.price-mouth{
    background: none !important;
    padding-top : 15px !important;
    height : auto !important;
}
.prices .primary-content .text{
    margin : 0px;
    padding : 0px;
    width : 690px;
    text-align:  justify;
    background: none !important;
    float : left;
}
.prices .primary-content .text p{
    padding : 0px;
    padding-top : 5px;
}
.prices .primary-content .text.notes p{
    font-style : italic;
}
.price-promotions{
    margin-top : 40px;
    width : 690px;
    margin-bottom : 30px;
}
.price-promotions .types{
    width : 190px !important;
}

/* Promotion */

.promotion, .box-guide{
    float : left;
    width : 329px;
    background: url(../images/price-box.jpg) repeat-x left top;
    position : relative;
    text-align : center;
    position : relative;
}
.box-guide{
    background : #F8F0DD url(../images/end-promotions.jpg) no-repeat left bottom;
    padding-bottom : 35px;
    float : left;
    margin-bottom : 30px;
    margin-top : 5px;
}
.box-guide.right{
    float : right;
    margin-right : 25px;
}
.box-guide .button{
    margin-left : 95px !important;
    padding-left : 40px !important;
    text-align : left !important;
    margin-top : 18px !important;
}
.box-guide .button:hover{
    background-position: -132px top;
}
.box-guide .icons{
    left : 130px !important;
    top : -30px !important;
}
.promotion.theater{
    float : right;
    padding-bottom : 0px;
}
.price-promotions .post-it{
    background: url(../images/post-it.jpg) no-repeat left top;
    height : 34px;
    width : 76px;
    position : absolute;
    top : -17px;
    left : 130px;
}
.promotion h2, .box-guide h2{
    padding-top : 25px;
    padding-bottom : 10px;
    padding-left : 20px;
    background: url(../images/price-lismall.png) no-repeat left bottom;
    text-align : left !important;
}
.box-guide h2{
    background:  none !important;
    padding-right : 20px;
    margin-bottom : 0px;
    padding-bottom : 10px;
    text-align : center !important;
    margin-top : 20px
}
.box-guide p{
    padding : 0px 30px;
    text-align : center;
}
.promotion ul li div{
    width : 50px;
    float : left;
    text-align : right;
}
.promotion ul li{
    padding : 17px;
    padding-top : 8px;
    padding-bottom : 10px;
    width : 295px;
    background: url(../images/price-lismall.png) no-repeat left bottom;
}
.promotion ul{
    background: #F8F0DD url(../images/end-promotions.jpg) no-repeat left bottom;
    float: left;
    padding-bottom : 60px;
}
.promotion.theater ul{
    padding-bottom : 30px;
}
.promotion ul li .sale{
    text-decoration: line-through;
}
.promotion strong{
    color : #df2282;
}
.promotion li.notes{
    background: none !important;
    padding-top : 15px;
    padding-bottom : 0px;
    height : auto !important;
}
.promotion .notes p{
    font-style : normal;
}
.other-info{
    padding : 0px;
    padding-top : 5px;
}
.other-info p{
    font-style : italic;
    text-align : left;
}

/* Sidebar Generale */

.sidebar{
    float : right;
    width : 210px;
}
.posts{
    width: 690px;
    float : left;
    position : relative;
}

/* Verifica disponibilità */

.available .posts{
    width : 960px;
}
.available-verified{
    background : url(../images/av-form.jpg) no-repeat left top;
    height : 87px;
    width : 650px;
    padding-top : 20px;
    padding-left : 40px;
    position  : absolute;
    left : 0px;
    top : -100px;
}
.available-verified span{
    float : left;
    margin-right : 45px;
    width : 185px;
}
.available-verified form{
    padding-top : 12px;
}
.available-verified form input{
    width : 185px;
    height : 20px;
    margin-right : 40px;
    background: none !important;
    float : left;
}
.available-verified form input.submit{
    background: url(../images/button-m.gif) no-repeat left top  !important;;
    width : 124px;
    height : 29px;
    float : left;
    cursor : pointer;
    margin-right : 0px;
    margin-top : -8px;
    margin-left : -10px;
    color  :#df2282;
}
.available-verified form input.submit:hover{
    background: url(../images/button-m.gif) no-repeat -132px top !important;
}
.result-info-available{
    background: url(../images/available.jpg) no-repeat left top;
    padding-left : 0px;
    width : 690px;
    float : left;
    margin-top : 30px;
}
.result-info-no-available{
    background: url(../images/no-available.jpg) no-repeat left top;
    padding-left : 0px;
    width : 690px;
    float : left;
    margin-top : 30px;
}
.result-info-available .text, .result-info-no-available .text{
    margin : 0px;
    padding : 0px;
    float :right;
    width : 550px;
    padding-top : 22px;
    background: url(../images/disp-sep.jpg) no-repeat left top;
}
.result-info-available .text p, .result-info-no-available .text p{
    padding : 0px;
    padding-bottom : 22px;
    padding-left : 10px;
    background: url(../images/disp-sep.jpg) no-repeat left bottom;
}
.result-info-available .text span, .result-info-no-available .text span{
    color : #df2282;
}

/* Disponibilità parziale */

.partial-available-info{
    width : 690px;
    float : left;
    clear : both;
    margin : 30px 0px 30px 20px;
}
.partial-available-info .text{
    padding-right : 20px;
}
.partial-available-info .text a{
    color : #df2282;
}
.partial-available-info .text a:hover{
    text-decoration : underline;
}
.partial-available, .full-available{
    width : 960px;
    margin-bottom : 30px;
}

/* PRENOTA */

a.button.reserve{
    float : left;
    height : 21px;
    margin-left : 10px;
    width : 185px;
    color : #fff;
    text-transform: uppercase;
    text-align : center;
    padding : 0px;
    padding-top : 8px;
    background: url(../images/prenota.jpg) no-repeat left top;
    margin-top : 10px;
}
a.button.reserve:hover{
    background: url(../images/prenota.jpg) no-repeat left -29px;
}

/* Post-it GENERALE */

.post-it-box{
    margin-top : 20px;
    position : relative;
    float : left;
    width : 690px;
    background: rgb(248,240,221) url(../images/price-box.jpg) repeat-x left top;
}
.full-available .notes{
    width : 690px;
    padding-top : 15px;
    float : left;
}
.post-it-box.small{
    float : right;
    width : 200px !important;
    background: rgb(248,240,221) url(../images/price-box.jpg) repeat-x left top;
}
.post-it-reserve{
    float : right;
    width : 200px !important;
}
.post-it-box.small p{
    padding : 20px;
    padding-top : 12px;
    padding-bottom : 80px;
}
.post-it-box ul{
    padding : 20px;
    padding-top : 0px;
    padding-bottom : 74px;
    width : 650px;
    float : left;
    position : relative;
    background: url(../images/price-endbox.jpg) no-repeat left bottom;
}
.post-it-box.small ul{
    padding : 0px 0px !important;
    padding-bottom : 13px !important;
    width : 200px !important;
    float : left;
    position : relative;
    background: url(../images/price-endbox-small.jpg) no-repeat left bottom !important;
}
.post-it-box p{
    padding-top : 0px;
    background: url(../images/price-endbox-small.jpg) no-repeat left bottom !important;
}
.post-it-title{
    background: url(../images/price-li.png) no-repeat center bottom;
    padding-bottom : 15px !important;
    width : 640px !important;
    margin-top : 20px;
    margin-left : 20px;
    padding-left : 10px;
}
.full-available .post-it-title{
    background: url(../images/price-li-med.jpg) no-repeat left bottom;
}
.post-it-title.small{
    padding-bottom : 20px;
    width : 200px !important;
    margin-top : 20px;
    text-align : center !important;
    margin-left : 0px;
    padding-left : 0px;
    background: url(../images/post-it-title.jpg) no-repeat center bottom;
}
.post-it-title h2{
    font-size : 16px !important;
    text-align : left !important;
    padding-bottom : 0px !important;
}
.post-it-title.small h2{
    text-align : center !important;
}
.post-it-box div, .post-it-box ul li div{
    width : 155px;
    float : left;
    height : auto;
    text-align : left;
}
.post-it-box .ext{
    width : 330px !important;
    text-align : left !important;
}
.post-it-box ul li{
    background: url(../images/price-li.png) no-repeat left bottom;
    height : auto;
    padding-top : 12px;
    padding-bottom : 15px;
    width : 640px;
    font-size : 12px !important;
    padding-left : 10px;
}
.full-available .post-it-box ul li{
    background: url(../images/price-li-med.jpg) no-repeat left bottom !important;
    padding-bottom : 5px;
}
.post-it-box.small ul li{
    background: url(../images/post-it-title.jpg) no-repeat left bottom !important;
    height : auto;
    padding-top : 3px;
    padding-bottom : 5px;
    width : 190px;
    font-size : 12px !important;
    padding-left : 10px;
}
.post-it-box.small ul li div{
    width : 180px !important;
}
.post-it-box.small ul li div span{
    float : left;
    width : 120px;
    margin-top : 7px;
}
.post-it-box.small ul li a.substract{
    float : right;
    width : 45px;
    height : 30px;
    background: url(../images/meno1.gif) no-repeat left top;
}
.post-it-box.small ul li a.substract:hover{
    background: url(../images/meno1.gif) no-repeat left -30px;
}
.post-it-box a.addmore{
    float : right;
    width : 145px;
    height : 24px;
    background: url(../images/more1.gif) no-repeat left top;
    margin-top : -7px;
    margin-right : -15px;
    color : #df2282;
    padding-top : 6px;
    padding-left : 40px;
}
.post-it-box a.addmore:hover{
    background: url(../images/more1.gif) no-repeat -191px top;
}
.post-it-collage{
    background: url(../images/post-it.jpg) no-repeat left top;
    height : 34px !important;
    width : 76px;
    position : absolute;
    top : -17px;
    left : 310px;
}
.post-it-box.small .post-it-collage{
    left : 65px;
}
.post-it-box.small ul li.total{
    font-size : 16px;
    color : #df2282 !important;
    background: #F8F0DD !important;
    padding-top : 25px;
    padding-bottom : 30px;
    height : 10px;
}
li.total span{
    font-size : 28px;
    display : block;
    margin-top : -20px;
    text-align : right;
    padding-right : 10px;
}

/* Bottone Principale Medio */

/* Button --- Submit */

a.button, .standard .button{
    background : url(../images/button-m.gif) no-repeat left top;
    color : #df2282;
    cursor : pointer;
    display : block;
    float : left;
    font-style : normal;
    height : 23px;
    margin-left : 15px;
    padding-left : 35px;
    padding-top : 6px;
    width : 90px;
    margin-top : 15px;
}
.standard .button{
    padding : 8px 63px 25px;
    text-align : center;
    float : right;
    margin-left : 0;
    font-style: italic;
}
* body .standard .button{
    width : 126px;
    height : 45px;
}
.standard label{
    float : left;
    width : 130px;
    padding-top : 5px;
    text-align : right;
}
.post-it-box.small a.button:hover{
    background : url(../images/button-m.gif) no-repeat -132px top;
}

/* Form Reserve */

.form-reserve{
    height : 249px;
    width : 960px;
    background: url(../images/form-reserve.jpg) no-repeat left top;
}
.form-reserve fieldset{
    float : left;
    height : 153px;
    width : 470px;
}
.form-reserve fieldset div{
    margin-bottom : 13px;
}
.form-reserve fieldset.right{
    float : right;
    width : 475px;
}
.form-reserve input{
    float : right;
    margin-right : 20px;
    margin-top : 8px;
    height : 20px;
    width : 305px;
    background: none;
}
.form-reserve .right input{
    width : 350px;
}
.form-reserve textarea{
    float : right;
    margin-right : 20px;
    margin-top : 8px;
    height : 90px;
    width : 350px;
    background: none;
    overflow : auto;
}
.form-reserve label{
    float : left;
    padding-top : 8px;
    width : 120px;
    height : 20px;
}
.form-reserve .right label{
    width : 95px !important;
}
.form-reserve form input.submit{
    background: url(../images/prenota.jpg) no-repeat left top;
    width : 185px;
    height : 13px;
    float : right;
    cursor : pointer;
    padding-left : 0px;
    padding-bottom : 10px;
    margin-right : 0px;
    text-transform : uppercase;
    color : #fff;
    text-align : center;
    padding-top : 6px;
    margin-top : 24px;
}
.form-reserve form input.submit:hover{
    background: url(../images/prenota.jpg) no-repeat left -29px;
}

/* Regole Uso Generale */

.clearer {
    clear : both;
    height : 0px;
    float : none !important;
}

