@charset "UTF-8";
/* CSS Document */
* {margin:0; padding:0;}
html,body {margin:0; padding:0;}
body {background-color: #fff; font-family:"Lucida Grande", Arial;}
a {outline:none;}
button:hover {background-color:#333;}

#container {width:960px; margin:0 auto; position:relative;}
#container-int {width:960px; margin:0 auto; position:relative;}
#container img {border:none;}

#header {overflow:auto;}
#logo a{display:none;}
#logo {
	padding:40px 0 0 22px; z-index:10; position:relative;
	display: list-item;  
   	list-style-position: inside;  
	list-style-image: url(images/logo_w.jpg); 
	height: 100px;
}
#menu { font-size:15px; color:#666; position:absolute; margin-left:320px; top:56px; z-index:15;}
#menu li {list-style-type:none; float:left; margin-right:12px; border-left:1px solid #f4b414; padding:4px 0 4px 8px;}
#menu li.first {border:none;}
#menu li a {color:#000; text-decoration:none;}
#menu li a:hover {color:#666;}


#flashcontent {display:none;}

#content-home {width:960px; margin:42px auto 0 auto; padding:0 0 46px 0; overflow:auto;}
#content {width:960px; margin:22px auto 0 auto; padding:0 0 46px 0; overflow:auto;}
#content-inner {padding:0 0 0 20px;}
/*#content #content-inner {padding-left:37px;}*/
#main, #main-int {/*overflow:auto;*/ float:left; width:652px; margin:0 20px 0 0;}
h2 {font-size:17px; color:#f4b414; font-family:Georgia, "Times New Roman", Times, serif;}
#main-int {margin:0; width:650px;}
#main-title {width:650px; height:56px; margin:0;}
#main-inner, #main-inner-adm { padding:40px 0 22px 16px; min-height:420px; height: auto !important; height:420px;}
#main-inner a {color:#c90; text-decoration:none;}
#main-inner a:hover {color:#666;}
#main-bottom {width:650px; height:12px;}
#main-title h2 { color:#000;padding: 15px 0 0 16px;}

#main-inner p {font-size:13px; color:#666; padding-right:120px; line-height:140%; margin-bottom:12px;}


/*------ SCROLL OFFERTE ------*/
div#offerteSlide {width:652px; height:184px; margin-top:10px; text-align:center;}
div.scrollable, div.c-scrollable { 
    position:relative; 
    overflow:hidden;
	float:left; 
    width: 580px; 
    height:130px;
	margin:28px 0 0 14px; 
}  
div.c-scrollable {width:260px; margin-top:24px}
div.scrollable div.items, div.c-scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
div.scrollable div.items div, div.c-scrollable div.items div { 
    float:left; 
	color:#666;
	width:274px;
	/*background:#ccc;*/
	text-align:left;
	margin-right:22px;
} 
div.c-scrollable div.items div {width:260px;}
div.items div h3 {font-size:15px; color:#c90; line-height:120%;}
div.items div h3 a, #crociere div.items div h3 a {color:#c90; text-decoration:none; font-size:15px;}
div.items div h3 a:hover, #crociere div.items div h3 a:hover {color:#666;}
div.items div img {float:left; margin:0 10px 0 0;}
div.items div p {font-size:12px; font-weight:bold; color:#999; }
div.items div p span.o2 {color:#666;}
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    /*border:1px inset #ccc; */
    /*background-color:#fff; */
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:none;
	width:16px;
	height:38px;
	background:url(images/freccia_sx.jpg) no-repeat left -38px;
	float:left;
	margin:72px 0;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px 0px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(images/freccia_dx.jpg);
	clear:right;	
	margin-left:26px;
}
#crociere a.nextPage {margin-left:12px;}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	

#crociere {width:320px; float:left; margin:14px 26px 0 0;}
#lastminute {width:306px; float:left; margin-top:14px;}
#crociere, #lastminute {color:#f4b414; font-size:12px; min-height:196px; height: auto !important; height:196px;}
#crociere h2, #lastminute h2 {margin-bottom:12px;}
#crociere a, #lastminute a {text-decoration:none; color:#666; font-size:12px;}
#crociere a:hover, #lastminute a:hover {color:#f4b414;}
#crociere div.prenota {padding:6px 0 0 14px; clear:both;}
#lastminute h4{font-size:13px; color:#666; margin-top:8px;}

/*---- LASTMINUTE ----*/
#offertelast {height:158px; margin:26px 0 24px 0; overflow:hidden; padding:0 18px; position:relative; color:#999;}
#offertelast a{color:#f4b414;}
#offertelast a:hover{color:#666;}
#offertelast div.items{height:20000em; position:absolute;}
#offertelast div.items div {/*height:24px;*/}

/*------- OFFERTE -------*/
div.offerta,div.racconti {margin:0; overflow:auto; width:580px;}
div.offerta h3 {font-size:20px; color:#f4b414; margin-bottom:18px; font-family:Georgia, "Times New Roman", Times, serif;}
div.offerta h4, div.racconti h4 {font-size:17px; color:#f4b414; margin-bottom:12px;}
div.offerta h4 a, div.racconti h4 a {color:#f4b414; text-decoration:none;}
div.offerta h4 a:hover, div.racconti h4 a:hover {color:#333;}
div.offerta img {float:left; margin:0 10px 10px 0; border:6px solid #ebebeb;}
div.offerta div {padding-top:10px;}
div.offerta {padding-bottom:20px;background:url(images/line_w.gif) repeat-x left bottom;}
#main-inner div.offerta .o1, #main-inner div.offerta .o1 p  {font-weight:bold;}
#main-inner div.offerta .o2, #main-inner div.offerta .o2 p  {font-weight:bold; color:#000;}


div.offerta-el {clear:both; overflow:auto;}
div.offerta-el a img {float:left; margin:12px 12px 0 0; border:6px solid #ebebeb;}
div.offerta-el a:hover img{border-color:#ccc;}
div.offerta-el div {padding: 18px 0 12px 0;}

a.b_racconti, a.b_scheda, a.b_prenota {display:block; width:140px; height:30px; margin:10px 16px 0 0; float:left;}
a.b_racconti {}
a.b_scheda {}
a.b_prenota { width:170px; float:none;}

/*------- RACCONTI -------*/
div.racconti {background: url(images/quote_close.gif) no-repeat 450px bottom;}
div.racconto {background: url(images/quote_open.gif) no-repeat left top; padding-top:20px;}
div.racconti h3 {font-size:20px; color:#f4b414; margin-bottom:18px; font-family:Georgia, "Times New Roman", Times, serif;}
div.racconti p {padding:0 0 0 24px;} 

div.racconti img {border:10px solid #ebebeb; margin-bottom:15px;}
div.racconti div.gallery {margin:4px 0 15px 0;}
div.racconti div.gallery img {border:4px solid #ebebeb; margin-right:6px;}
div.racconti div.gallery img:hover {border:4px solid #c90;}

div.el {padding-bottom:20px;background:url(images/line_w.gif) repeat-x left bottom;}

div.racconti-el {clear:both; overflow:auto;}
div.racconti-el a img {float:left; margin:12px 12px 0 0;}
div.racconti-el a:hover img{border-color:#ccc;}
div.racconti-el div {padding: 18px 0 12px 0;}

/*------- SCHEDE -------*/
div.scheda a {color:#c90; text-decoration:none;}
div.scheda a:hover {color:#000;}
div.scheda strong {color:#000;}


/*------ CONTATTI ------*/
#mappa{margin-top:18px; padding:22px 0; background:url(images/line_w.gif) repeat-x left top; width:580px; font-size:13px;}
#main-inner iframe {border:1px solid #999; margin-bottom:6px;}
#main-inner small a {margin-top:6px; color:#c90; text-decoration:none;}
#main-inner small a:hover {color:#000;}

/*------ SIDEBAR -------*/
#sidebar-home {width:246px; float:left; padding-top:40px; font-size:13px;}
#sidebar {width:282px; padding-top:60px; float:left; margin-top:29px; color:#666; font-size:13px;}
#sidebar-inner {padding:0 16px 0 20px;}
#sidebar-inner a {color:#f4b414; text-decoration:none;}
#sidebar-inner a:hover {color:#666;}

#sidebar-home h2, #sidebar h2 {margin-bottom:10px;}
#nozze {margin-bottom:18px; padding-bottom:22px; background:url(images/line.gif) repeat-x left bottom; color:#f4b414;}
#nozze img{margin:0 0 4px 0; border:none;}
#nozze a {color:#666; text-decoration:none; font-size:15px;}
#nozze a:hover {color:#f4b414;}

#newsletter {margin-bottom:18px; padding-bottom:22px; background:url(images/line.gif) repeat-x left bottom;}
#newsletter {font-size:11px; color:#999;}
#newsletter a {color:#ccc;}
#newsletter a:hover {color:#666;}
input {margin-top:8px;border:1px solid #666; padding:4px; font-size:13px; background-color:#fff; color:#666; width:160px;}
input.white {border:2px solid #ebebeb; background-color:#fff; width:200px;}
textarea {margin-top:8px;border:2px solid #ebebeb; padding:4px; font-size:13px; width:400px; height:150px; color:#999;}
input.error, textarea.error {border:2px solid #fc0;}
input.check {border:none; width:16px;}
label span {display:block; width:90px;}
label.error {display:inline-block; margin:4px 0 6px; color:#fc0; width:100%; float:left;}
#main-inner label {width:90px; display:inline-block;}
#main-inner label.error {color:#c90; width:80%; margin-left:90px;}
button {background-color:#f4b414; font-size:12px; font-weight:bold; color:#666; border:none; padding:4px 3px; cursor:pointer; margin-right:2px;}

#catalogo {margin-bottom:18px; background:url(../imgs/banner_hp.jpg) no-repeat left top; padding-top:74px; color:#f4b414;}
#catalogo img {float:left; margin:0 6px 0 12px; border:none;}
#catalogo a {color:#666; text-decoration:none; line-height:52px;}
#catalogo a:hover {color: #f4b414;}

#elenco-offerte {color:#f4b414; margin-bottom:12px;}
#elenco-offerte h4,#elenco-offerte h5 {font-size:14px; padding:6px 0 8px; background:url(images/line.gif) repeat-x left bottom; outline:none; cursor:pointer;}
#elenco-offerte h4.ui-state-active {background:none;}
#elenco-offerte a {color:#f4b414; text-decoration:none; background:url(images/freccia_y_big.gif) no-repeat left center; padding-left:12px;}
#elenco-offerte a:hover {color:#666;}
#elenco-offerte ul {margin-top:6px; background:url(images/line.gif) repeat-x left bottom; padding-bottom:6px;}
#elenco-offerte li {font-size:13px; list-style-type:none; padding:2px 0;}
#elenco-offerte li a {text-decoration:none;}
#elenco-offerte li a:hover {color:#666;}
#elenco-offerte .ui-accordion-content-active {color:#666;}
#elenco-offerte .ui-icon{width:14px; height:18px; display:block; float:left;}
#elenco-offerte .ui-icon-plus { background:url(images/freccia_y_big.gif) no-repeat left center; }
#elenco-offerte .ui-icon-minus { background:url(images/freccia_y_open.gif) no-repeat left center; }
a.offerte-crociere {color:#f4b414; text-decoration:none; background:url(images/freccia_y_big.gif) no-repeat left center; padding-left:12px; font-size:14px;}

#approfondimenti, #elencoracconti {margin-bottom:18px; padding-bottom:22px; background:url(images/line.gif) repeat-x left bottom;}
#approfondimenti a, #elencoracconti a {color:#f4b414; text-decoration:none;}
#approfondimenti a:hover, #elencoracconti a:hover {color:#666;}

div.liste-nozze {margin-bottom:18px; padding-bottom:22px; background:url(images/line.gif) repeat-x left bottom; color:#666; font-size:12px;}
div.liste-nozze p.descrizione {font-size:11px; color:#999; margin:4px 0;}

#servizi {margin-bottom:18px; padding-bottom:22px; background:url(images/line.gif) repeat-x left bottom; color:#666; font-size:12px; overflow:auto;}
#servizi div.clear {clear:both;}
div.servizio {width:132px; float:left; margin-top:6px;}
#sidebar div.servizio a {color:#666; text-decoration:none; display:block; padding-left:36px; height:32px; line-height:30px;}
#sidebar div.servizio a:hover {color:#fc0;}
#sidebar div.fusi a {background:url(images/icon_fusi.gif) no-repeat left top;}
#sidebar div.passaporti a {background:url(images/icon_visti.gif) no-repeat left top;}
#sidebar div.valuta a {background:url(images/icon_valuta.gif) no-repeat left top;}
#sidebar div.visti a {background:url(images/icon_visti.gif) no-repeat left top;}
#sidebar div.meteo a {background:url(images/icon_meteo.gif) no-repeat left top;}
#sidebar div.mappe a {background:url(images/icon_mappe.gif) no-repeat left top;}
div.passaporti, div.meteo, div.mappe {width:112px;}


/*------ FOOTER -------*/
#footer {text-align:center; clear:both;}
#footer p {font-size:11px; color:#666; padding-bottom:6px;}
#footer a {text-decoration:none; color:#999;}
#footer a:hover {color:#666;}