html, body {
	width: 100%;
	height: 100%;
	background-color: #820000;
	color: #eee;
	margin: 0;
	padding: 0;
	font-size: normal;
	font-family: helvetica,verdana, arial, sans-serif;
}
img {
	border: 0;
}

a {
	text-decoration: none;
	color: #fff;
}

.ghost {
	display: none;
	visibility: hidden;
}
#header {
	height: 100px;
	background-color: #fff;
	border-top: 3px solid #666;
	border-bottom: 2px solid #858585;
	background: url(images/roma.jpg) no-repeat bottom left;
}


#headersx {
	float: left;
	height: 105px;
}

#logo {
	width: 380px;
	height: 85px;
	background: url(images/logo-rent-8.png) no-repeat bottom left;
}


#cartolina {
	float: right;
	width: 345px;
	height: 102px;
	background: url(images/cartolina6.png) no-repeat bottom right;
}



#content {
	clear:both;
	background-color: #c10000;
	background: #9A0707 url(images/back2.gif) repeat-x top left;
	border-bottom: 2px solid #700505;
	margin-bottom: 0px;
	width: 100%;
}



#italy {
	float: left;
	width: 350px;
	height: 410px;
	height: 340px;
	background: url(images/italy.gif) no-repeat bottom right;
}


#leftcolumn {
	color: #333;
	margin: 10px 0px;
	padding: 0px;
	width: 250px;
	width: 20%;
	float: left;
	font-size: smaller;
}


#rightcolumn {
	color: #333;
	margin: 10px 0px;
	padding: 0px;
	width: 250px;
	width: 20%;
	float: right;
	font-size: smaller;
}

#centralcolumn {
	margin: 10px 250px;
	margin: 10px 20%;
	padding: 1px;
	color: #fff;
}

/* set millions of background images */
.rbroundbox { background: #fff; }
.rbtop div { background: url(images/box-tl.gif) no-repeat top left; }
.rbtop { background: url(images/box-tr.gif) no-repeat top right; }
.rbbot div { background: url(images/box-bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/box-br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 5px; padding: 10px; 	color: #666;}
.rbcontent-cx { margin: 0 7px; padding: 10px; background: url(images/backcontent.png) no-repeat top left;color: #666;}
.rbroundbox { width: auto; margin: 10px 5px; }


/* set millions of background images */
.rbroundbox-s { background: #FBAB99; }
.rbtop-s div { background: url(images/r-tl.gif) no-repeat top left; }
.rbtop-s { background: url(images/r-tr.gif) no-repeat top right; }
.rbbot-s div { background: url(images/r-bl.gif) no-repeat bottom left; }
.rbbot-s { background: url(images/r-br.gif) no-repeat bottom right; }
/* height and width stuff, width not really nessisary. */
.rbtop-s div, .rbtop-s, .rbbot-s div, .rbbot-s {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent-s { margin: 0 5px; padding: 10px; background: url(images/backcontent.gif) no-repeat top left;	color: #000;}
.rbroundbox-s { width: auto !important; width: 100%; margin: 10px 5px; }


/* set millions of background images */
.rbroundbox-s { background: #f5deb3; }
.rbtop-s div { background: url(images/b-tl.gif) no-repeat top left; }
.rbtop-s { background: url(images/b-tr.gif) no-repeat top right; }
.rbbot-s div { background: url(images/b-bl.gif) no-repeat bottom left; }
.rbbot-s { background: url(images/b-br.gif) no-repeat bottom right; }
/* height and width stuff, width not really nessisary. */
.rbtop-s div, .rbtop-s, .rbbot-s div, .rbbot-s {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent-s { margin: 0 5px; padding: 10px; background: url(images/backcontent2.gif) no-repeat top left;	color: #000;}
.rbroundbox-s { width: auto !important; width: 100%; margin: 10px 5px; }


.rbroundbox a, .rbroundbox-s a {
	color: #c10000;
}
.rbroundbox a:hover, .rbroundbox-s a:hover {
	color: #888;
}

#footer {
	text-align: center;
}

/* ---- */

#presentazione {
	font-size: smaller;
}

#menu {
	margin: 0;
	padding-right: 0px;
	text-align: left;
	height: 20px;
}

#menu ul {
	margin: 0px;
	padding:0px;
	list-style: none;
	padding: 5px 0px;
	margin-right: 10px;
}
#menu ul li {
	display:inline;
	letter-spacing: 1px;
	text-align: center;

}
#menu ul li a {
	padding: 6px 16px 8px;
	color: #fff;
	text-decoration:none;
	font-size: 12px;
}

#menu ul li a:hover {
background-color: #9d2827;

}


#lingue {
	float: right;
	height: 20px;
	padding-top: 3px;
}

#lingue img {
	padding: 0 5px;
}


#contenuto {
margin: 0 5px; padding: 10px;
}


.schedahome {
	margin: 10px 5px;
	padding: 5px;
	border: 1px solid #700505;
	background-color: #9D2827;
}
.schedahome_special {
	margin: 10px 5px;
	padding: 5px;
	border: 1px solid #700505;
	background:url(images/Angolo_Offerta_Speciale.gif) no-repeat top right;
	background-color: #9D2827;
	
}


.schedahome img, .schedahome_special img {
	padding: 2px;
	border: 1px solid #700505;
	float: left;
	margin-right: 10px;
}

.schedahome img:hover, .schedahome_special img:hover {
background-color: #C33330;
}



.schedahome a, .schedahome_special a {
	color: #fc0;
}


.schedahome .informazioni, .schedahome_special .informazioni {
	margin-left: 215px;
}
.schedahome .informazioni p, .schedahome_special .informazioni p {
	font-size: smaller;
}
.schedahome .sintesi {
	margin: 5px 0 10px 100px;
	border: 0px white solid;
	padding:2px;
}

#scheda {
	margin: 10px 5px;
	padding: 10px;
	border: 1px solid #700505;
	background-color: #9D2827;
}

#scheda ul li {
list-style-position : inside;
}

#scheda a {
 color: #fc0;
}



#rightcolumn ul,  #leftcolumn ul {
	list-style-position : outside;
 }

#contentbox {
	padding: 0px 20px;
}

#rightcolumns {
	text-align: center;
	margin: 0 auto;
}

#rightcolumns img {
	padding: 2px;
	border: 1px solid #700505;
	margin-top: 5px;
}

#rightcolumns img:hover {
background-color: #C33330;
}

/* Form - Inizio */
.fieldset {
	margin: 0px;
	padding: 5px 0 4px 0px;
	border: 0;
	text-align: left;
	font-size: 75%;
	font-weight: bold;
}
.legend{
	background-color: transparent;
	margin-top: 0px;
}
.input{
	width: 250px;
	color: #865400;
	background-color: #F0C59F;
	border: 1px #9A0707 solid;
	padding: 2px;
	margin-bottom: 4px;
}
.input:hover {
	color: #666;
	background: none;
	background-color: #f1f0ea;
	}
.input_l{
	width: 150px;
	color: #865400;
	background-color: #F0C59F;
	border: 1px #9A0707 solid;
	padding: 2px;
}
.input_l:hover {
	color: #666;
	background: none;
	background-color: #f1f0ea;
	}
.data{
	width: 100px;
	color: #865400;
	background-color: #F0C59F;
	border: 1px #9A0707 solid;
	padding: 2px;
	margin-bottom: 4px;
}
.data:hover {
	color: #666;
	background: none;
	background-color: #f1f0ea;
	}

.button {
	color: #eee;
	background-color: #9D2827;
	border: 1px solid #9A0707;
	padding:2px;
	margin:0;
}
.button:hover {
	cursor: pointer;
	background-color: #800;
}
.textarea {
	height: 100px;
	width: 250px;
	color: #865400;
	background-color: #F0C59F;
	border:1px #9A0707 solid;
	padding: 2px;
}
.textarea:hover {
	color: #666;
	background-color: #f1f0ea;
}

/* Form - Fine */
a.book:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a.book:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a.book:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a.book:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
/*--Date Picker CSS --*/
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	/*display: block;*/
	display:none;
	text-indent: -2000px;
	overflow: hidden;
	background: url(ScriptLibrary/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
.date-pick{
	width: 250px;
	color: #865400;
	background-color: #F0C59F;
	border: 1px #9A0707 solid;
	padding: 2px;
	margin-bottom: 4px;
}
.date-pick:hover {
	color: #666;
	background: none;
	background-color: #f1f0ea;
	}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
/*input.dp-applied {
	width: 140px;
	float: left;
}
*//*-- Fine Date Picker CSS --*/