body {
	font-family:  "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	background:url(../images/background.png) repeat-x #fff;
	line-height:160%;
}

h1 {
	color:#c00;
	font-size:24px;
	font-weight:normal;
}
h2 {
	color:#036;
	font-size:20px;
	font-weight:normal;
}

a {
	color:#036;
	text-decoration:underline;
}
a:hover {
	color:#f60;
	text-decoration:none;
}

img.picture {
	border:solid 1px #ccc;
	padding:1px;
}

button {
	white-space:nowrap;
}

div#container {
	text-align:left;
	margin:0 auto;
	width:960px;
}

div#header {
	height:72px;
	background:url(../images/valencia-logo.png) no-repeat;
	position:relative;
}

ul#headerMenu {
	margin:0;
	padding:10px 0 0 350px;
	list-style:none;
}
ul#headerMenu li {
	height:20px;
	line-height:20px;
	display:inline;
	margin:0 10px 0 0;
	padding:0
}
ul#headerMenu li img {
	vertical-align:middle;
}
ul#headerMenu li a {
	 color:#000;
}
ul#headerMenu li a:hover {
	 color:#666;
}

a#homeLink {
	position:absolute;
	display:block;
	width:309px; height:72px;
	top:0; left:0;
}

div#main {
}

div#leftColumn {
	width:640px;
	float:left;
}
div#rightColumn {
	width:320px;
	float:right;
}
div.marginColumn {
	margin:0 10px 20px;
}
div.rightColumn {
	margin:20px 10px;
}

div#footerContainer {
	clear:both;
	background:#fff url(../images/footer-background.png) repeat-x;
}
div#footer {
	text-align:left;
	width:940px;
	margin:0 auto;
	padding:30px 0;
}



/*** MAIN MENU ***/

div#mainMenu {
	background:#b3c8d4;
}
div.mainMenuItem {
	width:320px;
	height:84px;
	background:url(../images/menu-background.png) #EEF8FF;
}
div.tiny div.mainMenuItem {
	height:49px;
	background:url(../images/menu-tiny-background.png) #EEF8FF;
}

div.mainMenuItem p.itemTitle {
	height:47px;
	font-size:14px;
	margin:0 0 0 20px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:47px;
	vertical-align:bottom;
}
div.mainMenuItem p.itemSubtitle {
	margin:0;
	padding:0 0 0 40px;
}

div.mainMenuItem p#turismo a {
	color:#c00;
}

div.mainMenuItem p#organizzare-il-viaggio a {
	color:#f60;
}

div.mainMenuItem p#vita-in-citta a {
	color:#eaa922;
}

div.mainMenuItem p#cultura-e-societa a {
	color:#92b851;
}
div.mainMenuItem a {
	text-decoration:none;
}



/*** HOME PAGE ***/

div#homeSpot {
	width:640px;
	height:336px;
	margin:0 0 10px;
	background:url(../images/home-spot.jpg) no-repeat;
}

div#homeText {
	width:305px;
	float:left;
	margin:10px 0;
}
div#homeBoxes {
	width:305px;
	float:right;
	margin:10px 0;
}
div#homeBoxes h2 {
	font-size:16px;
	margin:20px 0 10px;
}
div#homeBoxes img {
	float:left;
	border:solid 1px #ccc;
	padding:1px;
	margin:0 10px 5px 0;
}



/*** MENU PAGE ***/
div#shortSpot {
	width:640px;
	height:196px;
	background:#fff url(../images/short-spot.jpg) repeat-x;
}
div#menuLeft {
	width:150px;
	float:left;
	margin:10px 0 0 -10px;
}
div#menuLeft h2 {
	font-size:14px;
	margin:10px 0;
	padding:10px 5px;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:dashed 1px #ccc;
}
div#menuLeft ul {
	margin:0 0 0 10px;
	padding:0;
}
div#menuLeft ul li {
	margin:0;
	padding:0;
}
div#menuLeft a { 	color:#003366; text-decoration:underline; }
div#menuLeft a:hover { color:#FF6600; text-decoration:none; }
div#contentRight {
	width:460px;
	float:right;
	margin:10px 0;
}

/*** MAP BOX ***/
div#mapBox {
	margin:20px 0;
}
div#mapBox h2 {
	font-size:14px;
	height:56px;
	line-height:56px;
	color:#000;
	background:url(../images/map-box-top.png) no-repeat;
	margin:0;
	padding:0 0 0 63px;
	font-weight:normal;
	text-transform:uppercase;
}
div#mapBox .content {
	color:#000;
	background:url(../images/map-box-bottom.png) no-repeat left bottom transparent;
	margin:0;
	padding:0px 20px 10px 20px;
}
div#mapBox .content p{margin: 0; padding: 0; font-size: 12px;}
div#mapBox .content img{vertical-align: middle}
	
/*** SEARCH BOX ***/

div#searchBox {
	margin:20px 0;
}
div#searchBox h2 {
	font-size:14px;
	height:56px;
	line-height:56px;
	color:#fff;
	background:url(../images/search-box-top.png) no-repeat;
	margin:0;
	padding:0 0 0 63px;
	font-weight:normal;
	text-transform:uppercase;
}
div#searchBox form {
	color:#fff;
	background:url(../images/search-box-bottom.png) no-repeat bottom #fff;
	margin:0;
	padding:10px 20px;
}
div#searchBox form a {
	color:#fff;
}
div#searchBox form p {
	margin:0 0 10px;
}

div#searchBox form label.column {
	width:90px;
	float:left;
}
div#searchBox form input.text {
	border:solid 1px #809db9;
}

form#orderByForm {
	margin:5px 0;
	padding:0;
	float:right;
	text-align:right;
}
form#orderByForm select {
	padding:0;
	margin:0;
}

div#calendar {
	color:#000;
	background:#F4F9FF;
	border:solid 1px #666;
	padding:2px;
	position: absolute;
	display:none;
	z-index:100;
}
div#calendar td {
	font-size:12px;
}
div#calendar .header, div#calendar .footer {
	background:#AFD8FF;
	text-align:center;
	font-weight:bold;
}

.weekend {
	background:#DAEAEF;
}
.today {
	background:#AFD8FF;
	font-weight:bold;
}
.future {
	font-weight:bold;
}
div#calendar .past {
	text-decoration: line-through;
}

div#advanced {
	color:#000;
	background:#9AC2D7;
	margin:10px 0;
	padding:5px;
}
.light {
	color:#333;
}


/*** Hotel List ***/
div.hotel {border-bottom:solid 1px #B5C7D8;margin:0 0 30px;padding:0 0 10px;}
div.hotel h2 {font-size:16px;margin:10px 0 5px;}
div.hotel p {margin:0 0 5px;}
div.hotel img.picture {float:left;border:solid 1px #999;margin:0 10px 5px 0;}
p#showing {padding:5px 0;border-top:dashed 1px #ccc;border-bottom:dashed 1px #ccc;}

/*** Room List ***/
div#roomAvailability table.roomList {border-bottom:solid 1px #B5C7D8;}
table.roomList th {border-bottom:solid 1px #B5C7D8;}
table.roomList td.bordertop {border-top:dashed 1px #ccc;}
table.roomList .price {font-size:18px;font-weight:bold;color:#f60;}
table.roomList .rackRate {text-decoration:line-through;color:#333;}
.blockDetail {padding:0 10px;}
.blockDetail img {float:left;padding:0 5px 5px 0;}

/*** Hotel Page ***/
div#hotelTabs img.picture {float:left;margin:0 10px 5px 0;}
div#photoZoomBox {width:305px;float:left;}
div#photoListBox {width:305px;float:right;}

/*** Form ***/
form.standard {width:352px;margin:20px 0 20px 30px;padding:1px 10px;}
form.standard p {clear:both;margin:15px 0 !important;}
form.standard label, form.standard span.label {width: 100px;display: block;float: left;font-weight: bold;}
form.standard span.noLabel {margin-left:200px;display: block;}
form.standard input, form.standard select, form.standard textarea {width:250px;border-width:1px;border-color:#666;margin:0;}
div.errorBox {margin:15px 0;color:#B30000;}
div.errorBox p {color:#B30000 !important;font-weight:bold;}

.tabberlive .tabbertabhide {display:none;}
.tabbertab {margin:15px 0;}
ul.tabbernav {margin:0;padding:2px 0;border-bottom: 1px solid #778;}
ul.tabbernav li {list-style: none;margin: 0;display: inline;}
ul.tabbernav li a {padding: 3px 0.5em;margin-left: 5px;border: 1px solid #778;border-bottom: none;background: #9AC2D7;text-decoration: none;}
ul.tabbernav li a:hover {background: #069;border-color: #227;}
ul.tabbernav li.tabberactive a {background-color: #fff;border-bottom: 1px solid #fff;}
ul.tabbernav li.tabberactive a:hover {color: #000;background: white;}

/* Menu con Sotto-Menu Indefiniti*/
div#menuLeft ul li {list-style:none;}
div#menuLeft .selected_menu {text-decoration:none;color:#000000;font-weight:bold;}
div#menuLeft a#latest_articles{line-height:5em;}

#headerBanner {float:left;margin:5px 50px 0 450px;width:250px;height:60px}


/* Mobile App */
#app_icon {float: left; padding-right: 8px;}
#android {width: 620px; height: 220px; background: url(../images/android_bg.png) no-repeat; margin-bottom: 20px;}
#android .screenshot{float: left}
#android .download{float:left; width: 340px; text-align: center; padding-top: 30px;}
#android .download h2 a{color: #a4c53a;}
#android .download h2 a:hover{color: #FF6600;}
#android .qrcode{float: right}
#android .qrcode img{width: 130px; height: 130px;margin-top: 44px; margin-right: 15px;}
#iphone {width: 620px; height: 220px; background: url(../images/iphone_bg.png) no-repeat; margin-bottom: 20px;}
#iphone .screenshot{float: left}
#iphone .download{float:left; width: 340px; text-align: center; padding-top: 30px;}
#iphone .download h2{}
#iphone .qrcode{float: right}
#iphone .qrcode img{width: 130px; height: 130px;margin-top: 44px; margin-right: 15px;}

