/*
	Project: MELAGODO VIAGGI
	Author: Andrea Bindi | andrea.bindi@gmail.com
	Developer: Alchimedia | Milano
	Release date: 2009
	CSS Level 2.1
*/

/* GENERALI
------------------------------------------------------------------------------------------- */
*	{margin: 0; padding: 0; border: none;}

body {
	background: #fff url(../images/nuovo/bg/bg_body.gif) 0 0 repeat-x;
	font: normal .7em/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #666;
}

a {color: #f90; font-weight: bolder;}

/* TITOLI */
#mainCol h2, #mainCol h3, #mainCol h4, #mainCol h5, #mainCol h6 {font-size: 1em; margin-bottom: 5px;}
#mainCol h2, #mainCol h4 {text-transform: uppercase; color: #0778c6; font-size: 1.2em;}
#mainCol h3, #mainCol h5 {color: #d00;}
#mainCol h6 {color: #999;}
#mainCol h3 {text-transform: uppercase;}

/* PARAGRAFI */
#mainCol p {margin-bottom: 5px;}
#mainCol p span, label span {color: #d00;}

/* ELENCHI */
#mainCol ul {margin: 0 0 5px 16px;}

/* FORM */
input, select, textarea {font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666;}
label {font-weight: bolder;}

/* REGISTRAZIONE */
#freg {margin: 16px 0 20px;}
#freg input, #freg select, #freg textarea, #freg label {display: block; position: relative;}
#freg input, #freg select, #freg textarea {border: 1px solid #aaa; padding: 2px; width: 250px; top: -1.4em; left: 140px;}
#freg textarea {margin-bottom: 20px;}
#freg select {padding: 1px; width: 256px;}
#freg label {width: 140px;}

/* INDIETRO - PROSEGUI */
#freg #prosegui {
	width: auto;
	margin: 0; padding: 0; border: none;
	float: right;
	left: -85px;
}

#freg #accetto {width: 16px; left: 65px; top: -1.2em;}

/* AREA RISERVATA */
#mainCol #caso {
	margin: 10px 0 25px;
	padding: 8px 12px 11px;
	border: 1px solid #ddd;
	background: #f9f9f9;
}

/* GENERALI - Classi */
.clearthis	{clear: both;}

/* WRAPPER
------------------------------------------------------------------------------------------- */
#wrapper	{width: 990px; margin: 0 auto; text-align: left;}

/* HEAD
------------------------------------------------------------------------------------------- */
#head	{width: 990px; height: 171px;}

#head h1, #head h2, #head h3 {float: left; display: inline;}
#head h1, #head h1 a {width: 142px; height: 164px; background: #fff url(../images/nuovo/head/logo.gif) 0 0 no-repeat; text-indent: -9999px;}
#head h1 a {display: block;}

#head h2 {width: 303px; height: 171px; background: #fff url(../images/nuovo/bg/bg_head01.jpg) 0 0 no-repeat; text-indent: -9999px;}
#head h3 {width: 532px; height: 171px; background: #fff url(../images/nuovo/bg/bg_head02.gif) 0 0 no-repeat; text-indent: -9999px;}
/*#head h3 {width: 532px; height: 171px; background: #fff url(../images/nuovo/bg/bg_head02_NEW.gif) 0 0 no-repeat; text-indent: -9999px;}*/

/* SERVIZIO CLIENTI */ #servizio_clienti {display: none;}

/* BARRA DI NAVIGAZIONE
------------------------------------------------------------------------------------------- */
#nav {width: 990px; height: 40px;}

#nav, #nav li	{list-style-type: none; display: block;}
#nav li	{float: left; margin: 0 3px 0 2px;}

#nav a, #nav strong, #nav strong a {
	height: 40px;
	background: transparent 0 0 no-repeat;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

#nav a:hover, #nav strong a {background-position: 0 -40px;}

/* IE6 Only */ * html #nav strong {float: left;}

/* BARRA DI NAVIGAZIONE - PULSANTI */
#nav #n1 a {width: 78px; background-image: url(../images/nuovo/nav/n1.gif);}
#nav #n2 a {width: 80px; background-image: url(../images/nuovo/nav/n2.gif);}
#nav #n3 a {width: 72px; background-image: url(../images/nuovo/nav/n3.gif);}
#nav #n4 a {width: 85px; background-image: url(../images/nuovo/nav/n4.gif);}
#nav #n5 a {width: 104px; background-image: url(../images/nuovo/nav/n5.gif);}
#nav #n6 a {width: 66px; background-image: url(../images/nuovo/nav/n6.gif);}
#nav #n7 a {width: 150px; background-image: url(../images/nuovo/nav/n7.gif);}
#nav #n8 a {width: 198px; background-image: url(../images/nuovo/nav/n8.gif);}
#nav #n9 a {width: 110px; background-image: url(../images/nuovo/nav/n9.gif);}

/* LOGGED
------------------------------------------------------------------------------------------- */
#logged {
	width: 952px;
	margin: 2px 0 -2px 3px;
	padding: 4px 15px;
	background: #f9f9f9;
	border-bottom: 2px solid #ddd;
	text-align: right;
}

#logged strong {color: #999;}

/* AREA PRINCIPALE
------------------------------------------------------------------------------------------- */
#cont {width: 982px; padding: 16px 4px;}

/* STRUTTURA A COLONNE
------------------------------------------------------------------------------------------- */
.sideCol, #mainCol {float: left; display: inline;}
.sideCol {width: 235px;}
#mainCol {width: 480px; margin: 0 16px;}

/* LOGIN / REGISTRAZIONE
------------------------------------------------------------------------------------------- */
#flogin {width: 235px; margin: 0 0 16px; padding: 0 0 13px; background: #fa0 url(../images/nuovo/cont/form/bg_login.gif) bottom no-repeat;}
#flogin fieldset {padding: 36px 0 0; background: #fa0 url(../images/nuovo/cont/form/login_legend.gif) 0 0 no-repeat;}

#flogin label {margin: 0 0 2px 15px; color: #750; display: block;}
#flogin input {width: 195px; margin: 0 14px 7px; padding: 3px 5px; border: 1px solid #850;}
#flogin #accedi {width: auto; margin: 8px 14px 0; padding: 0; border: none; float: right;}

#flogin p {width: 207px; margin: 0 14px;}
#flogin p, #flogin a {color: #fff;}

/* VEDI ANCHE
------------------------------------------------------------------------------------------- */
h3.see_also {
	width: 235px;
	height: 37px;
	background: #fff url(../images/nuovo/cont/vedi_anche/tsee_also.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

ul.see_also {
	width: 235px;
	margin: 0 0 16px;
	padding: 0 0 13px;
	background: #fff url(../images/nuovo/cont/vedi_anche/bg_see_also.gif) bottom no-repeat;
	display: block;
}

.see_also li {
	width: 233px;
	border: solid #ccc;
	border-width: 0 1px;
	display: block;
}

.see_also a {
	width: 205px;
	margin: 0 6px;
	padding: 2px 0 2px 16px;
	border-bottom: 1px solid #ccc;
	background: #fff url(../images/nuovo/cont/vedi_anche/bullet_see.gif) 5px 7px no-repeat;
	display: block;
	font-weight: normal;
	text-decoration: none;
	color: #666;
}

.see_also a:hover {background-color: #f6f6f6; color: #333;}


/* ISCRIZIONE NEWSLETTER
------------------------------------------------------------------------------------------- */
#fnletter, #fnletter * {vertical-align: middle;}
#fnletter {width: 235px; padding: 0 0 13px; background: #fa0 url(../images/nuovo/cont/form/bg_login.gif) bottom no-repeat;}
#fnletter fieldset {padding: 36px 0 0; background: #fa0 url(../images/nuovo/cont/form/bg_nletter.gif) 0 0 no-repeat;}

#fnletter input {width: 128px; margin: 0 6px 0 13px; padding: 3px 5px; border: 1px solid #850;}
#fnletter #invia {width: auto; margin: 0; padding: 0; border: none;}

/* CERCA VACANZA
------------------------------------------------------------------------------------------- */
#fcerca {
	width: 235px;
	margin: 16px 0;
	padding: 0 0 15px;
	background: #a1da14 url(../images/nuovo/cont/form/bg_cerca.gif) bottom no-repeat;
}

#fcerca fieldset {padding: 34px 0 17px; background: #a1da14 url(../images/nuovo/cont/form/cerca_legend.gif) 0 0 no-repeat;}
#fcerca #periodo {padding: 42px 0 0; background: #a1da14 url(../images/nuovo/cont/form/periodo_legend.gif) 0 0 no-repeat;}

#fcerca label {
	width: 205px;
	padding: 5px 3px;
	margin: 0 10px 4px;
	background: #a1da14 url(../images/nuovo/cont/form/bg_periodo.gif) 100% 3px no-repeat;
	color: #496700;
	display: block;
	position: relative;
}

#fcerca #lrit {
	width: 192px;
	padding: 5px 3px 5px 16px;
}

#fcerca input {width: 94px; margin: 0; padding: 3px 5px; position: absolute; top: 2px; left: 75px; text-align: center;}
#fcerca select {width: 205px; margin: 9px 14px 0; padding: 1px;}
#fcerca input, #fcerca select {border: 1px solid #506d0a;}

#fcerca #cerca {width: auto; margin: 8px 14px 0; padding: 0; border: none; position: static; float: right;}

/* TABELLE OFFERTE
------------------------------------------------------------------------------------------- */
table  {
	width: 480px;
	border: solid #ccc;
	border-width: 1px 0 0 1px;
	border-spacing: 0;
	border-collapse: collapse;
	background: #fff;
	font-size: .9em;
}

td {width: 50%; padding: 2px 4px; border: solid #ccc; border-width: 0 1px 1px 0; vertical-align: middle; text-align: left;}
td a {text-decoration: none; font-weight: normal; color: #777;}
td a:hover {border-bottom: 1px solid #777; color: #777;}
td a strong {color: #f80;}
td a span {color: #e00; font-weight: bolder;}
td a .dest {color: #777; text-transform: uppercase;}

table .azure {background: #f0fbfe;}

caption {width: 480px; height: 35px; background: transparent 0 0 no-repeat; text-indent: -9999px;}
#topItalia caption {background-image: url(../images/nuovo/cont/tabelle/titalia.gif);}
#topEstero caption {background-image: url(../images/nuovo/cont/tabelle/testero.gif);}
#topSicilia caption {background-image: url(../images/nuovo/cont/tabelle/tsicilia.gif);}
#topCrociere caption {background-image: url(../images/nuovo/cont/tabelle/tcrociere.gif);}
#topTour caption {background-image: url(../images/nuovo/cont/tabelle/ttour.gif);}
#topNoleggio caption {background-image: url(../images/nuovo/cont/tabelle/tnoleggio.gif);}

.table_bott {
	width: 480px;
	height: 14px;
	margin: 0 0 16px;
	background: transparent url(../images/nuovo/cont/tabelle/bg_table.gif) 0 0 no-repeat;
}

/* BOX OFFERTE
------------------------------------------------------------------------------------------- */
.wbox  {width: 981px; margin: 0 0 10px 1px; padding: 0 0 5px; border-bottom: 1px dashed #bbb; clear: both;}
.box   {width: 232px; margin: 0 17px 0 0; float: left; display: inline;}
.box * {font-size: 1em;}

.box h3, .box h4, .box h5, .box p {margin-bottom: 5px;}
.box a {text-decoration: none;}

.box h3 {text-transform: uppercase;}
.box h3 a, .box h3 a:hover {color: #0778c6;}
.box h3 a:hover {text-decoration: underline;}

.box h4 a {color: #d00;}

.box h5 a, .box p a {font-weight: normal;}
.box h5 a, .box h5 a:hover {color: #777;}
.box p a, .box p a:hover {color: #555;}

.box h5, .box p {font-size: .9em; line-height: 1.4em;}

.box h6 {text-transform: uppercase; font-size: .9em;}
.box h6 a, .box h6 a:hover {color: #9ed50d;}
.box h6 a:hover {text-decoration: underline;}

.box .go {text-align: right;}
.box .go a, .box .go a:hover {font-weight: bolder; color: #f90; text-decoration: underline;}

.box p a strong {text-decoration: underline; color: #aaa;}
.box .link a, .box .link a:hover {color: #888;}

/* ALTRE OFFERTE
------------------------------------------------------------------------------------------- */
#taltre_offerte {
	width: 235px;
	height: 36px;
	background: #a1da14 url(../images/nuovo/cont/form/altre_legend.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

#altre_offerte {
	width: 235px;
	padding: 5px 0 15px;
	background: #a1da14 url(../images/nuovo/cont/form/bg_cerca.gif) bottom no-repeat;
}

#altre_offerte label  {width: 205px; margin: 0 0 0 14px; color: #496700; display: block;}
#altre_offerte select {width: 205px; margin: 3px 0 6px 12px; padding: 1px; border: 1px solid #506d0a;}

#altre_offerte p {text-align: right; padding: 0 20px;}
#altre_offerte a {color: #fff;}

/* SCHEDA
------------------------------------------------------------------------------------------- */
#fprenota, #fprenota * {vertical-align: middle;}

/* Specifiche offerta */
#fprenota table	{
	width: 480px;
	margin: 5px 0 0;
	border: none;
	border-collapse: collapse;
	font-size: 1em;
	line-height: 1.6em;
	background: #fff;
}

#fprenota th, #fprenota td	{padding: 3px 6px; border: solid #fff; text-align: left;}
#fprenota th	{width: 110px; border-width: 0 4px 4px 0; background: #2ec3f1; vertical-align: top; color: #fff;}
#fprenota td	{border-width: 0 0 4px 0; background: #eee; color: #444;}

/* Scelta tipologia camera */
#fprenota table input, #fprenota table label	{vertical-align: middle;}
#fprenota table label	{margin-left: 5px;}

/* RICHIEDI INFO E DISPONIBILITA */
#fdisp, #fdisp * {margin: 0; padding: 0; float: none; position: static;}

#fdisp h5 {margin-bottom: 12px;}
#fdisp label {width: 170px; margin-bottom: 7px; float: left; display: inline;}
#fdisp input, #fdisp textarea {width: 200px; margin: 0 10px 7px; padding: 2px; border: 1px solid #aaa; float: left; display: inline;}

/* IE6 only */
* html #fdisp input, * html #fdisp textarea, * html #fdisp label {margin-bottom: 0;}

/* IE6 only */
*:first-child + html #fdisp input, *:first-child + html #fdisp textarea, *:first-child + html #fdisp label {margin-bottom: 0;}

#fdisp #invia_richiesta {width: auto; margin: 10px 95px 10px 0; padding: 0; border: none; float: right;}
/* IE6 only */ * html #fdisp #invia_richiesta {margin-top: 15px;}
/* IE7 only */ *:first-child + html #fdisp #invia_richiesta {margin-top: 15px;}

/* Prenota la tua vacanza */
#prenota	{margin: 5px 0 12px 260px;}

/* Elenco scheda */
#fprenota ul	{margin: 5px 0 10px 16px; line-height: 1.6em;}

/* Icone servizi */
.servizi {margin: 1px 1px 1px 0;}

/* Spiega "Richiesta impegnativa" */
#info_impegnativa	{width: 480px; margin: 5px 0; padding: 0; color: #999; text-align: justify;}

/* Data */
#data {
	font: normal 1em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	border: 1px solid #bbb;
	padding: 1px 0 1px 6px;
	color: #666;
}

/* Gallery */
#gall * {vertical-align: top;}
#gall	{width: 480px; margin: 10px 0 5px; height: 100px; overflow: auto;}
#gall img {margin: 0 0 5px; padding: 0;}

/* PRENOTAZIONE STEP
------------------------------------------------------------------------------------------- */
/* Titoli */
.riepilogo	{margin-top: 6px; padding-top: 6px; border-top: 1px dashed #aaa;}

/* Condizioni */
#condizioni	{
	width: 475px;
	height: 100px;
	margin: 7px 0 12px;
	padding: 8px 5px 5px 8px;
	border: 1px solid #aaa;
	background: #f9f9f9;
	color: #666;
	overflow: auto;
}

#condizioni h4	{color: #555;}
#condizioni h5	{color: #777;}
#condizioni p	{margin: 0 0 5px; padding: 0;}

#fcondizioni {margin-top: 16px;}
#fcondizioni label, #fcondizioni input	{margin: 0; padding: 0; vertical-align: middle;}
#fcondizioni label	{margin-left: .5em; font-weight: bolder; font-size: 1em; color: #777;}

#mainCol .riepilogo {
	color: #f90;
}

/* Pulsanti */
#fcondizioni #prosegui	{display: block; float: right; margin: 20px 0;}
#fcondizioni #back {
	width: 103px;
	height: 31px;
	margin: 20px 0;
	padding: 0; border: none;
	background: #fff url(../images/cont/back.gif) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	float: left;
}

/* ACCETTAZIONE CONDIZIONI
------------------------------------------------------------------------------------------- */
#accettaz	{margin: 16px 0 0; padding: 16px 0 0; border-top: 1px dashed #aaa;}

#accettaz input	{font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;}
#accettaz input, #accettaz label	{vertical-align: middle;}
#accettaz label	{color: #666; font-weight: bolder;}

#accettaz #send	{
	margin: 10px 0;
	padding: 2px;
	border: 1px solid #000;
	background: #5B7953;
	font-weight: bolder;
	color: #fff;
	float: right;
	cursor: pointer;
}

/* FOOTER
------------------------------------------------------------------------------------------- */
#footer {width: 980px; margin: 30px 0 12px; padding: 8px 5px 20px; border-top: 6px solid #95cc0c; font-size: .9em; position: relative;}
#footer img {position: absolute; top: 2px; right: 5px;}
#footer a {font-weight: normal; color: #333;}

#banner {margin: 0 auto; padding: 0; border: none; display: block;}

/* PAGER
------------------------------------------------------------------------------------------- */
.pager, .pager * {margin: 0; padding: 0;}
.pager {width: 980px; margin: 8px 0 16px; list-style: none; float: left; display: inline;}
/* IE6 Only */ * html .pager {float: none; display: block; height: 2em; overflow: hidden;}

.pager li {margin: 2px 4px 2px 0; float: left; display: inline;}
.pager strong, .pager a {
	padding: 1px 7px 4px;
	background: #f90;
	color: #fff;
	float: left;
	display: inline;
	text-decoration: none;
}

.pager strong, .pager a:hover {background: #d00;}