/***********************************************/
/* file:............................styles.css */
/* authors:.....Paolo Poloni, Roberto Torresin */
/* creation_date:...........23rd february 2005 */
/*                                             */
/* site:...http://www.offertalastminute.it/com */
/***********************************************/



/***********************************************/
/* Stili dei tag HTML                          */
/***********************************************/ 

body{
	background-color: #fff;
	color: #000;
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
}

a:link, a:visited, a:hover {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}
	

/***********************************************/
/* Divs di impaginazione                       */
/***********************************************/

#content {
	margin: 0px 0px 0px 140px;
}

#left {
	left: 0px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 137px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 137px;
}
html>body #left {
	width: 137px;
}

#header {
	height: 120px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 120px;
}
html>body #header {
	height: 120px;
}

#main {
	border-top: 10px solid #fff;
	width: 100%;
}

#middle {
	margin: 0px 150px 0px 0px;
	padding: 0px 10px 0 10px;
}

#middle-narrow {
	margin: 0px 390px 0px 0px;
	padding: 0 0 0 0;
}

#middle-column {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 138px;
	top: 209px;
	width: 250px;
}

#right {
	right: 0px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 209px;
	width: 137px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 137px;
}
html>body #right {
	width: 137px;
}


/***********************************************/
/* Componenti Div                              */
/***********************************************/

/************ stili .box-container *************/

.box-container {
	border: 1px none #000;
}


/************** stili .car-group ***************/

.car-group {
	border-bottom: 1px dotted #c00;
	color: #c00;
	font-size: 80%;
	font-weight: bold;
	margin: 25px 2px 0 2px;
	text-align: left;
}


/************** stili .car-image ***************/

.car-image {
	border: 1px solid #999;
	margin: 5px 2px 0 2px;
}

.car-image img {
	border: none;
}


/************** stili .car-name ****************/

.car-name {
	color: #333;
	font-size: 70%;
	font-weight: bold;
	margin: 0 2px 0 2px;
	text-align: left;
}


/************ stili .example-text **************/

.example-text {
	color: #333;
	font-size: 70%;
	margin: 5px 2px 0 2px;
	text-align: left;
}


/************* stili .price-color **************/

.price-color {
	color: #c00;
	font-weight: bold;
}


/************* stili .price-color **************/

.subtitle {
	color: #333;
	font-size: 70%;
	text-align: left;
	margin: 2px 2px 0 2px;
}


/************* stili .three-boxes **************/

.three-boxes {
	float: left;
	margin: 0;
	padding: 0;
	width: 33%;
}


/************** stili .two-boxes ***************/

.two-boxes {
	float: left;
	margin: 0;
	padding: 0;
	width: 49.7%;
}


/*********** stili #bookings-frame *************/

#bookings-frame {
	width: 100%;
}


/************ stili .break-line *************/

#break-line {
	background: #fff url(../images/breakline.jpg) repeat-x bottom;
	float: left;
	font-size: 80%;
	font-weight: bold;
	line-height: normal;
	padding: 25px 0 5px 0;
	text-align: center;
	width: 100%;
}


/**************** stili .clear *****************/

.clear {
	clear: both;
}


/************ stili .flights-list **************/

.flights-list {
	font-weight: bold;
	line-height: .98em;
	text-align: center;
}

.flights-list a {
	font-size: 76%;
}

.flights-list a:hover {
	text-decoration: underline;
}

.flights-list a.black {
	color: #000;
}

.flights-list a.blue {
	color: #06c;
}

.flights-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


/************ stili #header-banner *************/

#header-banner {
	margin: 0px 0px 0px 470px;
	text-align: center;
}


/********* stili #highlight-background **********/

#highlight-background {
	color: #000;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
}

#highlight-background a {
	color: #00f;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}

#highlight-background a:hover {
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	background: url(../images/tab-left.gif) no-repeat left top;
}


/*********** stili .highlight-color ************/

.highlight-color {
	color: #f0f;
}


/*************** stili #left-menu **************/

#left-menu {
	background: #1e1e96 url(../images/left-menu-breakbar.jpg) repeat-x bottom;
	border-right: 1px solid #ff0;
	border-top: 1px solid #ff0;
	width: 100%;
}

#left-menu h4 {
	color: #ff0;
	font-size: 82%;
	font-weight: bold;
	margin: 2px 0 2px 0;
	text-align: center;
}

#left-menu img {
	display: block;
	margin: 0;
}

#left-menu ul { 
	list-style: none; 
}


/*********** stili #left-menu-links ************/

#left-menu-links {
	font-weight: bold;
	line-height: .98em;
	margin: 0 0 0 5px;
	padding: 5px 0px 10px 5px;
}

#left-menu-links a {
	font-size: 76%;
	color: #fff;
}

#left-menu-links ul {
	margin: 0;
	padding: 0;
}


/**************** stili #logo ******************/

#logo {
	left: 0;
	position: absolute;
	text-align: left;
	width: 200px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
}
html>body #logo {
	width: 200px;
}


/************ stili .middle-banner ************/

.middle-banner {
	padding: 30px 0 30px 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}


/************ stili #middle-column ************/

#middle-column h5 {
	font-weight: bold;
	margin-bottom: 0;
	padding-left: 5px;
}

#middle-column p {
	color: #036;
	font-size: 80%;
	margin: 0;
	padding: 0 5px 0 5px;
	text-align: justify;
}


/********* stili #middle-description **********/

#middle-description {
	color: #036;
	font-size: 85%; 
	padding: 10px 0px 10px 0px;
}

#middle-description h3 {
	color: #036;
	font-size: 100%;
	font-weight: bold;
	padding-top: 12px;
}

#middle-description p {
	padding: 0px 0px 10px 0px;
}


/************ stili .middle-image *************/

.middle-image {
	padding: 20px 0 20px 0;
	text-align: center;
}


/************ stili .side-banner ***************/

.side-banner {
	padding: 10px 0 10px 0;
	text-align: center;
}


/************ stili .text-center ***************/

.text-center {
	padding: 0 50px 0 50px;
	text-align: center;
}


/*********** stili .text-underline *************/

.text-underline {
	color: #03c;
	font-size: 100%;
	text-align: center;
	text-decoration: underline;
}


/****** stili .title-color-autonoleggio ********/

.title-color-autonoleggio {
	color: #f00;
}


/********* stili .title-color-vacanza **********/

.title-color-vacanza {
	color: #f0f;
}


/************** stili #top-menu ****************/

#top-menu {
	background: #fff url(../images/breakbar.jpg) repeat-x bottom;
	float: left;
	font-size: 90%;
	line-height: normal;
	padding: 0 0 0 0;
	width: 100%;
}

#top-menu a {
	background: url(../images/tab-right.gif) no-repeat right top;
	color: #fff;
	display: block;
	float: left;
	font-size: 95%;
	font-weight: bold;
	padding: 2px 16px 0px 4px;
	text-decoration: none;
}

#top-menu a:hover {
	color: #ff0;
}

#top-menu #current-item {
	background: url(../images/tab-left-on.gif) no-repeat left top;
}

#top-menu #current-item a {
	background: url(../images/tab-right-on.gif) no-repeat right top;
	border-bottom: 6px solid #1e1e96;
	color: #1e1e96;
	padding: 2px 16px 0px 4px;
}

#top-menu li {
	background: url(../images/tab-left.gif) no-repeat left top;
	float: left;
	margin-left: 5px;
	padding: 0;
}

#top-menu ul {
	margin: 0;
	padding: 10px 0 0 20px;
	list-style: none;
}


/************* stili #top-message **************/

#top-message {
	color: #036;
	font-size: 80%;
	padding: 0 0 10px 0;
	text-align: center;
}