/*
	Project: Vado in Sicilia
	Author: Andrea Bindi | andrea.bindi@gmail.com
	Developer: Alchimedia | Milano
	Release date: 2007
	CSS Level 2.1
*/

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

body {
	background: #eed;
	font: normal .6em/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #444;
	text-align: center;
}

a	{color: #0068B4; text-decoration: underline;}

h2	{margin: 0 0 6px; font-size: 1.4em; font-weight: bolder; color: #888;}

h3	{
	margin: 0 0 6px;
	font: normal 1.8em/1.2em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fa0;
}

h4	{
	margin: 0 0 3px;
	font: bolder 1.6em/1.2em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fa0;
}

h5	{
	margin: 0 0 3px;
	font: bolder 1.5em/1.2em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #cfaa3f;
}

h2 a, h3 a, h4 a, h5 a	{text-decoration: none; font-weight: normal;}

p   {margin: 0 0 6px;}
img {margin: 0 0 8px;}
span	{color: #d00;}
td span	{font: normal 1em/.9em Verdana, Geneva, Arial, Helvetica, sans-serif;}

/* Generic Classes */
.hide	{display: none;}
.clearthis	{clear: both;}

/* WRAPPER
------------------------------------------------------------------------------------------- */
#wrapper	{width: 760px; margin: 0 auto; padding: 0 5px 5px; border: 1px solid #bba; border-top: 0; background: #fff; text-align: left;}

/* HEADER
------------------------------------------------------------------------------------------- */
#head		{
	width: 760px;
	height: 100px;
	margin-bottom: 6px;
	background: #70aa22 url(../images/head/bg_head.gif) top right no-repeat;
	overflow: hidden;
	float: left;
}

/* Logo */
#logo, #logo a	{
	width: 248px;
	height: 100px;
	background: transparent url(../images/head/logo.gif) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	float: left;
}

/* Selezione lingua */
#eng, #ita	{
	width: 42px;
	height: 24px;
	margin-top: 7px;
	background: transparent 0 0 no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	float: left;
}

#eng	{background-image: url(../images/head/lang/eng.gif);}
#ita	{background-image: url(../images/head/lang/ita.gif);}

/* Navigazione principale */
#nav	 {width: 512px; height: 50px; margin: 3px 0 0;}
#nav, #nav li	{list-style: none; display: block; float: left;}

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

/* Pulsanti */
#nav #n1 a {width: 112px; background-image: url(../images/head/nav/nav1.gif);}
#nav #n2 a {width: 95px; background-image: url(../images/head/nav/nav2.gif);}
#nav #n3 a {width: 92px; background-image: url(../images/head/nav/nav3.gif);}
#nav #n4 a {width: 64px; background-image: url(../images/head/nav/nav4.gif);}
#nav #n5 a {width: 74px; background-image: url(../images/head/nav/nav5.gif);}
#nav #n6 a {width: 63px; background-image: url(../images/head/nav/nav6.gif);}

/* Navigazione con Iframe */  #nav2  {display: none;}

/* Tools */
#tools	 {width: 205px; height: 19px; margin: 10px 11px 0 0; float: right;}

#tools, #tools li	{margin-left: 10px; list-style: none; display: block;}
/* For IE6 Only */ * html #tools, * html #tools li	{display: inline;}

#tools li	{float: left;}

#tools a	{height: 19px; background: transparent 0 0 no-repeat; display: block; text-indent: -9999px; text-decoration: none;}

/* Pulsanti */
#tools #t1 a {width: 46px; background-image: url(../images/head/tools/home_blue.gif);}
#tools #t2 a {width: 46px; background-image: url(../images/head/tools/news_blue.gif);}
#tools #t3 a {width: 81px; background-image: url(../images/head/tools/registrati_blue.gif);}

/* Stato prenotazioni */
#stato_prenotazioni	{
	width: 158px;
	height: 37px;
	margin: 0 0 0 55px;
	background: transparent url(../images/head/stato_prenotazioni.gif) 0 0 no-repeat;
	float: left;
}

#stato_prenotazioni a	{
	width: 150px;
	height: 30px;
	margin: 0 auto;
	background: transparent;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}

/* AREA PRINCIPALE
------------------------------------------------------------------------------------------- */
#leftCol	{width: 248px; margin-right: 12px; background: #efecec url(../images/bg/bg_leftC.gif) 0 0 no-repeat;}
#cont	{width: 495px; padding: 10px 5px 10px 0;}
#leftCol, #cont	{margin-top: 8px; float: left; display: inline;}

/* COLONNA SX
------------------------------------------------------------------------------------------- */
/* Menu sinistra */
#leftCol ul	{width: 232px; margin: 10px 8px 0;}
#leftCol ul, #leftCol li	{display: block; list-style: none;}
#leftCol li	{margin-bottom: 2px;}

#leftCol ul a	{
	width: 216px;
	margin-bottom: 8px;
	padding: 3px 7px 4px;
	border: 1px solid #bbb;
	background: #ddd;
	text-decoration: none;
	font-weight: bolder;
	color: #666;
	display: block;
}

#leftCol ul a:hover	{background: #D0E2CA; border: 1px solid #B3C5AD;}

/* Secondo livello */
#leftCol ul strong	{
	width: 199px;
	padding: 5px 5px 3px 26px;
	border: 1px solid #B3C5AD;
	border-bottom: none;
	background: #D0E2CA url(../images/leftcol/bg_menu.gif) 4px 51% no-repeat;
	text-decoration: none;
	display: block;
	color: #5E7A54;
}

#leftCol ul ul	{width: 205px; margin: 0 0 8px; padding: 5px 5px 5px 20px; border: 1px solid #B3C5AD; background: #fff; color: #777;}
/* For IE6 only */  * html #leftCol ul ul	{width: 200px; padding-left: 25px;}
/* For IE7 only */  *:first-child + html #leftCol ul ul	{width: 200px; padding-left: 25px;}

#leftCol li li	{display: list-item; list-style: disc;}

#leftCol ul ul a	{
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	font-weight: normal;
	color: #555;
	display: inline;
}

#leftCol ul ul a:hover	{background: transparent; color: #0079ee; border: none; text-decoration: underline;}

/* RICERCA OFFERTE
------------------------------------------------------------------------------------------- */
#fcerca *	{vertical-align: middle;}
#fcerca	{
	margin: 3px 0 0;
	padding: 7px 0 7px 182px;
	border: solid #B3C5AD;
	border-width: 1px 0 3px;
	background: #D0E2CA url(../images/bg/bg_cerca.gif) 7px 4px no-repeat;
}

/* For IE6 only */  * html #fcerca	{background-position: 7px 5px;}
/* For IE7 only */  *:first-child + html #fcerca	{background-position: 7px 5px;}

#fcerca h3	{display: none;}

#fcerca label	{font-weight: bolder; color: #5E7A54;}
#fcerca select	{
	width: 87px;
	margin: 0 5px;
	border: 1px solid #999;
	font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #444;
}

/* LOGIN
------------------------------------------------------------------------------------------- */
#flogin *	{vertical-align: middle;}
#flogin	{
	margin: 1px 0 0;
	padding: 7px 0 6px 182px;
	border: solid #B3C5AD;
	border-width: 1px 0 3px;
	background: #D0E2CA url(../images/bg/bg_login.gif) 7px 4px no-repeat;
	clear: both;
}

/* For IE6 only */  * html #flogin	{background-position: 7px 5px;}
/* For IE7 only */  *:first-child + html #flogin	{background-position: 7px 5px; padding-top: 2px;}

#flogin h3	{display: none;}

#flogin label	{font-weight: bolder; color: #5E7A54;}

#flogin input	{
	width: 181px;
	padding: 1px;
	margin: 0 5px;
	border: 1px solid #999;
	font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #444;
}

#flogin #entra	{width: auto; border: none; margin-left: 0;}

#flogin ul, #flogin li	{margin: 0; padding: 0; list-style: none; display: block;}
#flogin ul	{margin: 4px 4px 0 0; float: right;}
#flogin li	{float: left;}

#flogin a	{
	margin: 0 12px 0 0;
	padding: 0 0 0 8px;
	background: transparent url(../images/leftcol/login/arrow.gif) 0 3px no-repeat;
	color: #333;
	text-decoration: none;
}

#flogin a:hover	{text-decoration: underline;}

/* RICERCA OFFERTE BIG
------------------------------------------------------------------------------------------- */
/* Area principale */
#main	{width: 760px; margin: 0; padding: 0 0 16px;}

#main h3	{
	margin: 3px 0;
	padding: 5px 12px;
	background: #eee;
	border: solid #ddd;
	border-width: 1px 0 2px;
	text-align: center;
	color: #777;
}

/* Risultati */
.box	{
	width: 366px;
	margin: 12px 7px 0;
	padding: 0 0 12px;
	border-bottom: 1px dashed #ccc;
	float: left;
	display: inline;
}

.box h5 a	{
	font: normal 1.2em/1.2em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #CDA83E;
}

.box ul	{list-style: none; display: block;}

.prezzo	{
	margin-bottom: 8px;
	font: bolder 1.4em/1.2em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #EBB701;
	display: block;
	float: left;
}

.continua a {
	width: 174px;
	height: 18px;
	margin-bottom: 8px;
	background: #fff url(../images/cont/continua.gif) 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	float: right;
}

/* For IE6 only */  * html .prezzo, * html .continua a	{margin-bottom: 3px;}
/* For IE7 only */  *:first-child + html .prezzo, *:first-child + html .prezzo	{margin-bottom: 3px;}

.periodo	 {color: #888; margin: 4px 0; clear: both;}

.box p a	{color: #333; text-decoration: none;}

/* Form */
#fcerca_big *	{vertical-align: middle;}
#fcerca_big		{margin: 20px 0 0; padding: 0 0 5px 10px;}

#fcerca_big h3, #fcerca_big h4	{display: none;}

#fcerca_big label	{
	font: bolder 1.2em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #5485B7;
}

#fcerca_big select	{
	width: 146px;
	margin: 0 9px;
	border: 1px solid #aaa;
	font: normal 1.1em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #777;
}

#fcerca_big #cerca_big	{margin: 7px 9px 0 0; float: right;}

/* Links */
#leftCol #links	{
	width: auto;
	margin: 8px;
	padding: 0 0 10px;
	background: #fff;
	border: 1px solid #ccc;
	font: 1em/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #888;
}

#leftCol #links a	 {
	padding: 0;
	border: none;
	background: #fff;
	text-decoration: underline;
	font-weight: normal;
	color: #f90;
	display: inline;
}

#leftCol #links li {margin: 0 10px; padding: 10px 0; border-bottom: 1px dashed #999;}

/* AREA CONTENUTO
------------------------------------------------------------------------------------------- */
/* Gallery */
#gall	{width: 150px; margin: 5px 0 0 10px; float: right;}

/* Visita la Struttura */
#fprenota h5	{margin-right: 6px; text-align: right;}
#fprenota h5 a	{font-weight: bolder; color: #b06b26;}
#fprenota h5 a:hover	{text-decoration: underline;}

/* Specifiche offerta */
table	{
	width: 330px;
	margin: 5px 0 0;
	border-collapse: collapse;
	font: normal 1.2em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	border-spacing: 0;
	background: #fff;
}

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

/* Scelta tipologia camera */
table input, table label	{vertical-align: middle;}
table label	{margin-left: .2em;}

/* Prenota la tua vacanza */
#prenota	{margin: 7px 0 20px 130px;}

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

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

/* Spiega "Richiesta impegnativa" */
#info_impegnativa	{width: 330px; margin: 5px 0; padding: 0; color: #999;}

/* PRENOTAZIONE Step 1
------------------------------------------------------------------------------------------- */
#freg fieldset	{margin-top: 12px; padding-top: 12px; border-top: 1px dashed #aaa;}

#freg h5	{padding-bottom: 10px;}
#freg p	{margin-top: -5px; padding-bottom: 5px;}

#freg label	{width: 8em; color: #789; font-weight: bolder;}
#freg input, #freg textarea, #freg select	{
	width: 20em;
	margin: -1.2em 0 8px 10em;
	border: 1px solid #aaa;
	font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #555;
	position: relative;
	display: block;
}

#freg #prosegui	{
	width: auto;
	margin: 12px 0 14px 150px;
	border: none;
	position: static;
}

/* PRENOTAZIONE Step 3
------------------------------------------------------------------------------------------- */
/* 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	{margin: 0 0 2px; padding: 0; font-size: 1.4em; color: #6b8e23;}
#condizioni h5	{margin: 0 0 4px; padding: 0; font-size: 1.3em; color: #228b22;}
#condizioni p	{margin: 0 0 5px; padding: 0;}

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

/* Pulsanti */
#back	{
	width: 147px;
	height: 34px;
	background: #fff url(../images/cont/indietro.gif) 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	float: left;
	position: relative;
	left: -10px;
}

#fcondizioni #prosegui	{display: block; float: right;}
#back, #fcondizioni #prosegui	{margin: 20px 0;}

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

/* BARRA CONDIZIONI
------------------------------------------------------------------------------------------- */
#cond	{
	width: 758px;
	margin: 0 auto 5px;
	padding: 3px 0 5px;
	border: 1px solid #d6d6d6;
	border-top: none;
	background: #f1f1f1;
	float: left;
}

#cond li	{margin-left: 12px; float: left; display: inline;}

#cond a	{
	padding-left: 10px;
	background: transparent url(../images/head/square.gif) 0 6px no-repeat;
	text-decoration: none;
	color: #555;
	display: block;
	float: left;
}

#cond a:hover	{text-decoration: underline;}

#cond #stato2	{visibility: hidden;}

/* PAGER
------------------------------------------------------------------------------------------- */
.pager	{
	width: 750px;
	margin: 20px 0 0 5px;
	padding: 0;
	background: #fff;
	font: bolder 17px/17px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style: none;
	display: block;
	float: left;
}

.pager li, .pager a	{margin: 0; padding: 0; list-style: none; display: inline; float: left;}
.pager li	{margin-right: 4px; text-align: center;}

.pager a, .pager strong	{
	margin: 0;
	padding: 4px 8px;
	background: #ccc;
	text-decoration: none;
	white-space: nowrap;
	font-weight: normal;
	color: #fff;
}

.pager a:hover, .pager strong	{background: #7a2; color: #fff; text-decoration: none;}
.pager strong	{display: block;}

.pager .pbotton {background: #aaa;}
.pager .pbotton:hover	{background: #587B53;}

/* FOOTER
------------------------------------------------------------------------------------------- */
#footer	{width: 772px; margin: 10px auto;}
#footer a	{color: #000;}

#copy, #credits	{float: left; display: inline;}
#copy	{
	width: 705px;
	margin-right: 12px;
	padding-bottom: 12px;
	background: transparent url(../images/banche.gif) top right no-repeat;
	text-align: left;
}

#credits	{width: 55px; text-align: right;}