/* CSS Document */
body {margin: 0; padding: 0; background-color: #27408B;}
#centrering {
	position: absolute;
	left: 50%;
	width: 750px;
	margin-left: -375px;
	z-index: 3;
}
#centrering2 {position: absolute; left: 50%; top: 50%; width: 750px; height: 100%; margin-left: -375px; margin-top: -210px; }
body {font-family: Verdana; font-size: 9px; font-weight: bold; color: #1E304A}
h1 {font-family: Verdana; font-size: 11px; font-weight: bold; letter-spacing: 1px; color: #0B3656}
h2 {font-family: Verdana; font-size: 11px; font-weight: normal; letter-spacing: 1px; color: #4677A2}
h3 {font-family: Arial; font-size: 11px; font-weight: normal; letter-spacing: 1px; word-spacing: 3px; text-align: center; color: #C2CFE1}
h4 {font-family: Verdana; font-size: 11px; font-weight: normal; letter-spacing: normal; color: #4677A2}
h5 {font-family: Tahoma; font-size: 11px; font-weight: normal; letter-spacing: 1px; color: #FFFFFF}
h6 {font-family: Verdana; font-size: 11px; font-weight: bold; letter-spacing: 1px; color: #0B3656;}


a:link {text-decoration: none; color: #C2CFE1}
a:visited {text-decoration: none; color: #C2CFE1}
a:hover {text-decoration: none; color: #0B3656}
a:active {text-decoration: none; color: #888888} 

.lista {
list-style-type: disc; 
list-style-position: outside;
margin: 2px;
border: 0px;
padding: 13px;
}
 
.lista2 {
list-style-type: disc; 
list-style-position: outside;
margin: 2px;
border: 0px;
padding: 10px;
}


#topleft {float: left; position: absolute; top: 0px; width: 401px; height: 387px;background:  url(images/hotelkarkisia.jpg) no-repeat;}
#topright{float: right; position: relative; width: 349px; height: 387px;}

#topmenu {width: 750px; position: absolute; top: 387px; height: 20px; padding-top: 4px; text-align: center; word-spacing: 46px; border-bottom: 1px solid #FFFFFF; background: #5B81A6;}
#box {width: 750px; height: 420px; }

#main {
    position: absolute; left: 50%;  top: 405px; width: 750px; margin-left: -375px;
    height: 610 px;
	border:0px; 
    padding: 0px;
	background:  url(images/bcrmain.gif) repeat-x;
	background-color: #E2EEFC;	
	z-index: 1;
}

#kolumn {
	float: left;
	position: relative;
	width: 190px;
	height: 840px;
	padding-top: 25px;
	padding-left: 15px;
	background:  url(images/bcrmain.gif) repeat-x;
	background-color: #E2EEFC;
	z-index: 2
}

#line {
	float: left;
	position: relative;
	width: 1px;
	height: 840px;
	padding: 0px;
	background-color: #FFFFFF;
	z-index: 2;
}
	
	
#kolumn1 {
	float: left;
	position: relative;
	width: 519px;
	height: 840px;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 0px;
	background:  url(images/bcrmain.gif) repeat-x;
	background-color: #E2EEFC;
	z-index: 2;
}

#kolumn2 {
	float: left;
	width: 450px;
	height: 310px;
	padding: 0px;
	background-color: #3366CC;
}

#container {
	float: left;
	width: 512px;
	height: 20px;
	position: absolute;
	left: 221px;
	top: 430px;
	background: #6B8FB0;
	border-bottom: 1px solid #FFFFFF;
	padding-top: 10px;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	z-index: 59;
}

#container1 {
	float: left;
	width: 125px;
	height: 25px;
	position: absolute;
	left: 220px;
	top: 461px;
	padding: 5px;
	background: #9DB7D0;
	border-left: 1px solid #FFFFFF;
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #0B3656;
	z-index: 38;
}

#container2 {
	float: left;
	width: 119px;
	height: 25px;
	position: absolute;
	left: 351px;
	top: 461px;
	padding: 5px;
	background: #9DB7D0;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #0B3656;
	z-index: 39;
}

#container3 {
	float: left;
	width: 119px;
	height: 25px;
	position: absolute;
	left: 477px;
	top: 461px;
	padding: 5px;
	background: #9DB7D0;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #0B3656;
	z-index: 40;
}

#container13 {
	float: left;
	width: 119px;
	height: 25px;
	position: absolute;
	left: 603px;
	top: 461px;
	padding: 5px;
	background: #9DB7D0;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #0B3656;
	z-index: 41;
}
#container17 {
	float: left;
	width: 125px;
	height: 31px;
	position: absolute;
	left: 220px;
	top: 495px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	background: #9DB7D0;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #4677A2
	z-index;
	z-index: 43;
: 34;
}
#container18{
	float: left;
	width: 119px;
	height: 31px;
	position: absolute;
	left: 351px;
	top: 495px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	background: #9DB7D0;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #4677A2
	z-index;
	z-index: 44;
: 35;
}
#container19 {
	float: left;
	width: 119px;
	height: 31px;
	position: absolute;
	left: 477px;
	top: 495px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	background: #9DB7D0;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #4677A2
	z-index;
	z-index: 45;
: 36;
}
#container20 {
	float: left;
	width: 119px;
	height: 31px;
	position: absolute;
	left: 603px;
	top: 495px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	background: #9DB7D0;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #4677A2
	z-index;
	z-index: 46;
: 37;
}

#container4 {
	float: left;
	width: 125px;
	height: 20px;
	position: absolute;
	left: 220px;
	top: 525px;
	padding: 5px;
	background: #9DB7D0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	z-index: 47;
}

#container5 {
	float: left;
	width: 119px;
	height: 20px;
	position: absolute;
	left: 351px;
	top: 525px;
	padding: 5px;
	background: #9DB7D0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	z-index: 48;
}

#container6 {
	float: left;
	width: 119px;
	height: 20px;
	position: absolute;
	left: 477px;
	top: 525px;
	padding: 5px;
	background: #9DB7D0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	z-index: 49;
}

#container7 {
	float: left;
	width: 125px;
	height: 20px;
	position: absolute;
	left: 220px;
	top: 551px;
	padding: 5px;
	background: #9DB7D0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	z-index: 51;
}

#container8 {
	float: left;
	width: 119px;
	height: 20px;
	position: absolute;
	left: 351px;
	top: 551px;
	padding: 5px;
	background: #9DB7D0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	z-index: 52;
}

#container9 {
	float: left;
	width: 119px;
	height: 20px;
	position: absolute;
	left: 477px;
	top: 551px;
	padding: 5px;
	background: #9DB7D0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	z-index: 53;
}

#container10 {
	float: left;
	width: 125px;
	height: 17px;
	position: absolute;
	left: 220px;
	top: 577px;
	padding: 5px;
	background: #9DB7D0;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	z-index: 55;
}

#container11 {
	float: left;
	width: 119px;
	height: 17px;
	position: absolute;
	left: 351px;
	top: 577px;
	padding: 5px;
	background: #9DB7D0;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	z-index: 56;
}

#container12 {
	float: left;
	width: 119px;
	height: 17px;
	position: absolute;
	left: 477px;
	top: 577px;
	padding: 5px;
	background: #9DB7D0;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	z-index: 57;
}

#container14 {
	float: left;
	width: 119px;
	height: 20px;
	position: absolute;
	left: 603px;
	top: 525px;
	padding: 5px;
	background: #9DB7D0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	z-index: 50;
}

#container15 {
	float: left;
	width: 119px;
	height: 20px;
	position: absolute;
	left: 603px;
	top: 551px;
	padding: 5px;
	background: #9DB7D0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	z-index: 54;
}

#container16 {
	float: left;
	width: 119px;
	height: 17px;
	position: absolute;
	left: 603px;
	top: 577px;
	padding: 5px;
	background: #9DB7D0;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	z-index: 58;
}




	
#mainbottom {
	float: left;
	width: 750px;
	height: 30px;
	border-top: 1px solid #FFFFFF;
	background-color: #5B81A6;
	z-index: 2;
}

#bottom {
	float: left;
	width: 300px;
	height: 20px;
	padding-left: 15px;
	padding-top: 5px;
	text-align: left;
	background-color: #5B81A6;}
	
#bottom2 {
	float: right;
	width: 300px;
	height: 20px;
	padding-right: 15px;
	padding-top: 5px;
	text-align: right;
	background-color: #5B81A6;}

#bottom3 {
	float: left;
	width: 300px;
	height: 20px;
	padding-left: 15px;
	padding-top: 5px;
	text-align: left;
	background-color: #5B81A6;}
	
#bottom4 {
	float: right;
	width: 300px;
	height: 20px;
	padding-right: 15px;
	padding-top: 5px;
	text-align: right;
	background-color: #5B81A6;}
	
#bottom5 {
	float: left;
	width: 750px;
	height: 35px;
	padding-top: 5px;
	background-color: #27408B;}