@charset "UTF-8";
/* CSS Document */
* {margin:0; padding:0;}
html,body {margin:0; padding:0;}
body {background: #000 url('images/bg_int.jpg') repeat-x left top; font-family:"Lucida Grande", Arial;}
body.home {background: #000 url('images/bg_home.jpg') repeat-x left top;}
a {outline:none;}
button:hover {background-color:#333;}

#container {width:960px; margin:0 auto; background: url('images/bg_testata.jpg') no-repeat left top; position:relative;}
#container-int {width:960px; margin:0 auto; background: url('images/bg_testata_int.jpg') no-repeat left top; position:relative;}
#container img {border:none;}

#header {overflow:auto;}
#logo {/*margin:20px 0 0 10px;*/ padding:40px 0 0 22px; z-index:10; position:relative;}
#logo a{ width:198px; height:100px; display:block; text-indent:-9999px; background:#000 url('images/logo.jpg') no-repeat left top;}

#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:#fff; text-decoration:none;}
#menu li a:hover {color:#666;}


#flashcontent {clear:both; width:920px; height:270px; /*margin:-26px 20px 0;*/ margin:0 20px; position:absolute; top: 114px; z-index:1; background-color:#000;}

#content-home {width:960px; margin:270px auto 0 auto; padding:0 0 46px 0;  background: url('images/bg_footer.jpg') no-repeat left bottom; overflow:auto;}
#content {width:960px; margin:22px auto 0 auto; padding:0 0 46px 0; background: url('images/bg_footer.jpg') no-repeat left bottom; 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; background: url('images/bg_main_top.jpg') no-repeat left top; }
#main-inner, #main-inner-adm {background: url('images/bg_main_center.jpg') repeat-y left top; 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; background: url('images/bg_main_bottom.jpg') no-repeat left top;}
#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; background:url(images/bg_offerteslide.jpg) no-repeat left top; 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:#fff;
	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:#fff;}
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:#fff;}
/* 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:block;
	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; background:url(images/bg_crociere.jpg) no-repeat left 24px ;}
#lastminute {width:306px; float:left; background:url(images/bg_crociere.jpg) no-repeat -10px 24px; 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:#fff; 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:#fff; margin-top:8px;}
#lastminute h4 a{font-size:11px;}

/*---- 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:#fff;}
#offertelast div.items{height:20000em; position:absolute;}
#offertelast div.items div {/*height:24px;*/}
.loading {background:url(images/ajax-loader.gif) no-repeat center center;}

/*------- 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.links {height:50px;}
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;}
#main-inner div.offerta .o3, #main-inner div.offerta .o3 p {font-weight:normal; color:#000; padding-right:20px;}
 

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, a.b_offerte_link, a.b_scheda_black {display:block; width:140px; height:30px; text-indent:-9999px; margin:10px 16px 0 0; float:left;}
a.b_racconti {background:url(images/b_racconti.gif) no-repeat left top;}
a.b_scheda {background:url(images/b_scheda.gif) no-repeat left top;}
a.b_prenota {background:url(images/b_prenota.gif) no-repeat left top; width:170px; float:none;}
a.b_offerte_link {background:url(images/b_offerte_link.gif) no-repeat left top; width:170px; float:none; margin:2px 0 4px;}
a.b_scheda_black {background:url(images/b_scheda_black.gif) no-repeat left top; width:170px; float:none; margin:2px 0 4px;}
a:hover.b_racconti, a:hover.b_scheda, a:hover.b_prenota, a:hover.b_offerte_link, a:hover.b_scheda_black {background-position: left -30px;}


/*------- 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;}

/*------- PARTNER -------*/
#main-inner p.partner strong {color:#333;}
#main-inner p.smallpartner {font-size:11px;}


/*------ 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; background:url(images/bg_sidebar.jpg) no-repeat left top; float:left; margin-top:29px; color:#fff; 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:#fff; 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; text-decoration:underline;}
#newsletter a:hover {color:#666;}
input {margin-top:8px;border:1px solid #666; padding:4px; font-size:13px; background-color:#000; color:#999; 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:#fff; border:none; padding:4px 3px; cursor:pointer; margin-right:2px;}

 
#catalogo {margin-bottom:18px; background:url(../imgs/banner_hp_black.jpg) no-repeat left top; padding-top:40px; color:#f4b414;}
#catalogo img {border:none; margin-bottom:4px;}
#catalogo a {color:#fff; text-decoration:none; font-size:15px;}
#catalogo a:hover {color: #f4b414;}
#catalogo img {border:none; margin-bottom:4px;}

#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:#fff;}
#elenco-offerte ul {margin-top:0; background:url(images/line.gif) repeat-x left bottom; padding-bottom:12px;}
#elenco-offerte li {font-size:13px; list-style-type:none; padding:2px 0 2px 12px;}
#elenco-offerte li a {text-decoration:none;}
#elenco-offerte li a:hover {color:#fff;}
#elenco-offerte .ui-accordion-content-active, #elenco-offerte .ui-state-hover, #elenco-offerte .ui-state-active {color:#fff;}
#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:#fff;}

div.liste-nozze {margin-bottom:18px; padding-bottom:22px; background:url(images/line.gif) repeat-x left bottom; color:#fff; 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:#fff; font-size:12px; overflow:auto;}
#servizi div.clear {clear:both;}
div.servizio {width:132px; float:left; margin-top:6px;}
#sidebar div.servizio a {color:#fff; 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:#fff;}

/*------ AMMINISTRAZIONE -------*/
#main-inner-adm {font-size:13px;}
#main-inner-adm p {color:#333; padding-right:50px;}
#main-inner-adm table p {color:#333; padding-right:10px;}
#main-inner-adm a {color:#c90; text-decoration:none;}
#main-inner-adm a.bl {color:#fff;}
#main-inner-adm a:hover {color:#000;}
#main-inner-adm a img {border:none;}
#main-inner-adm table td {padding:4px;}
#main-inner-adm input {margin-top:8px;border:2px solid #ebebeb; padding:4px; font-size:13px; background-color:#fff; color:#666; width:280px;}
#main-inner-adm input.check {border:1px solid #c90; width:16px;}
#main-inner-adm select {margin-top:8px;border:1px solid #c90; padding:4px; font-size:13px; background-color:#fff; color:#666; width:220px;}
#main-inner-adm select.data {width:auto;}
#main-inner-adm textarea.scheda {height:400px;}
#main-inner-adm button {margin-right:4px;}
#main-inner-adm input.error, #main-inner-adm textarea.error {border:2px solid #fc0;}
#main-inner-adm label.error {color:#c90; float:none;}
#main-inner-adm fieldset {border:1px solid #c90; width:424px; padding:12px 6px; margin:16px 0;}
#main-inner-adm legend {padding:0 6px; font-size:13px; color:#c90;}
.gray {background-color:#ebebeb;}
.orange {background-color:#cc9900;}
.r1 {background-color:#E59999;}
.r2 {background-color:#F2CCCC;}