* { margin: 0; padding: 0;
   font-family: Verdana;
   font-size: 10px; }

body { background: #bbb9b8;
   font-family: Verdana;
   font-size: 11px;
   margin: 0; padding: 0; }
   
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }

#page { margin: 10px auto 10px auto;
	padding: 0 12px 0 1px;
	width: 720px;
	background: #ffffff url("images/back-shadow.jpg") top right repeat-y; }
/*
#page-inner { background: url("images/isologo.jpg") bottom right no-repeat; }
*/
h1 { text-transform: uppercase;
	font-style: italic;
	text-align: left;
	font-size: 11px;
	padding: 3px 0 3px 0;/*3px;*/
	color: #5f686f; }

.dark-header { background: #5f686f;
	color: white; }

/* TOP */

#top { }

/* --- Header section --- */
#header { background: url("images/header-nu.jpg") top center no-repeat;
	width: 720px; height: 162px;
	position: relative; }
#header img#logo { position: absolute;
	left: 20px; top: 20px; }

#searchForm { position: absolute; right: 5px; top: 10px;}
#searchForm input { display: inline;
	height: 1.3em; line-height: 1.3em;
	padding: 0; margin: 0; border: 0; }
#searchFormSubmit { background-color: transparent; color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0; margin: 0;
	width: 70px; }

#lang-selector { list-style: none;
	position: absolute;
	bottom: 10px; right: 10px; }
#lang-selector li { float: right;
	background: transparent;
	margin-left: 5px; }


/* --- Menu section --- */
#menu { list-style: none;
	clear: both;
	margin: 0; padding: 0; }	
#menu li { float: left;
	background: #5f686f;
	width: 118px;
	margin-left: 2px;
	text-transform: capitalize; }
#menu li.first { margin-left: 0; }
#menu a { display: block;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color: white;
	font-weight: normal;
	padding: 3pt 0 3pt 0; }
#menu a:hover { /*color: #4c565d;
	background: white;*/
	font-weight: bold; }
#menu img { border: none; }
#menu li ul { background-color: transparent;
	display: none; clear: both;
	position: absolute; margin: 0;
	list-style: none;
	z-index: 1; }
#menu li ul li { text-transform: capitalize;
	float: none;
	margin: 0; }

.submenu { background-color: white; }

#sepa { clear: both; }

/* MIDDLE */

#middle { margin: 0; padding: 7px;
	clear: both; z-index: 0; }

#left, #photos, #content { float: left; }


/* --- Content section --- */
#content { width: 442px; padding: 0; margin: 0; }



#tour-route-flash { padding: 20px 20px 20px 20px;
	background: #eee; 
	width: 680px; /*height: 480px;*/ 
	position: absolute; top: 10px; left: 0;
	border: 2px solid black;
	z-index: 3; }
#tour-route-flash-close { position: absolute;
	top: 2px; right: 2px;
	font-size: 14pt;
	background: black; color: white; }
#tour-route-flash-inner { padding: 10px 20px; }

.gen-info-cond1 { padding-right: 10px; vertical-align: middle; }
.gen-info-cond1 img { margin-right: 10px; }
.gen-info-cond2 { width: 70px; height: 30px;
	background: #5f686f; color: white;
	padding: 0 5px;
	text-align: center;
	font-weight: bold; }


/* --- Photos --- */
#photos { margin: 0 5px; padding: 5px 5px 5px 6px;
	width: 81px;
	background: #d6dbe1; }

#photos .element { width: 76px; /*height: 74px;*/
	padding: 2px; margin: 0; margin-top: 7px;
	background: #fff;
	border: 1px solid #c2c6cc;
	border-bottom-width: 2px;
	border-top: none; border-left: none; }
#photos .first { margin-top: 0; }


/* --- Left as right --- */

#left { width: 158px; margin: 0; padding: 0 0 11px 0; border: none; 
	background: url("images/left-footer.jpg") bottom center no-repeat;}
#leftInner { width: 150px;
	margin: 0; padding: 99px 2px 0 2px;
	border: 2px solid #5f686f;
	border-bottom: none;
	background: #d6dbe1 url("images/citytour-logo.jpg") left top no-repeat; color: #000; }
* html #leftInner { padding: 99px 0 0 0; }

.left-separator { background: url("images/left-separator.jpg") center center no-repeat;
	height: 3px;
	margin: 5px 0 5px 4px;
	padding: 0; }

#left h2 { text-align: right;
	margin-right: 3px;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase; }

#left p { text-align: justify; }

.left-long-td { width: 105px; }
.left-common-input { width: 29px; height: 10px; }	
.left-long-input { width: 100px; height: 10px; }	

#left img { border: none; padding: 0;}

.left-citytours { background: url("images/left-head1.jpg") top center no-repeat;
	padding-top: 99px; }

.left-first-col { width: 20px;
	overflow: hidden; }




/* --- Partner list --- */

#partners { list-style: none; clear: both; margin: 0 3px; }
#partners li { float: left; display: inline-block;
	margin: 5px 0 5px 18px; padding: 0;
	width: 84px; height: 76px;
	border: 1px solid #5f686f;
	overflow: hidden; }
#partners li.first { margin-left: 0; }
#partners li a { display: block; 
	margin: 2px; padding: 0; }
#partners li img { width: 80px; height: 72px; }

/* ========== BOTTOM ========== */

#bottom { clear: both;
	background: #5f686f;
	color: white;
	font-size: 9px;
	width: 716px;
	margin: 0 0 0 0;
	padding: 3px 2px;
	text-align: center; }
* html #bottom { width: 720px; }
#bottom p { float: none; clear: both; }
#bottom a { color: #eee; text-decoration: none; }
#bottom a:hover { text-decoration: underline; }


/* EXTRA CLASSES */

.no-back { background: url(""); }

.content-first-col { white-space: nowrap;
	width: 100px; }
.content-second-col {white-space: normal;
	width: 280px; }
.select { z-index: 0; }