/* 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: 10px; 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: 10px; 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: 10px; font-weight: normal; line-height: 17px; color: #333333; background: #C2CFE1}


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

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


#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: 57px; 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: 500 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: 450px;
	padding-top: 55px;
	padding-left: 15px;
	background: url(images/bcrmain.gif) repeat-x;
	background-color: #E2EEFC;
	z-index: 2
}

#nedan {
	float: left;
	position: relative;
	width: 1px;
	height: 450px;
	padding: 0px;
	background-color: #FFFFFF;
	z-index: 2;
}
	
	
#kolumn1 {
	float: left;
	position: relative;
	width: 519px;
	height: 450px;
	padding-top: 10px;
	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: 380px;
	height: 25px;
	position: absolute;
	left: 220px;
	top: 350px;
	background: #6B8FB0;
	padding-top: 10px;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	z-index: 3;
}

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

#container2 {
	float: left;
	width: 120px;
	height: 20px;
	position: absolute;
	left: 345px;
	top: 386px;
	padding: 5px;
	background: #9DB7D0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #0B3656;
	z-index: 8;
}

#container3 {
	float: left;
	width: 120px;
	height: 20px;
	position: absolute;
	left: 470px;
	top: 386px;
	padding: 5px;
	background: #9DB7D0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #0B3656;
	z-index: 6;
}

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

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

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

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

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

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

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

#container11 {
	float: left;
	width: 120px;
	height: 15px;
	position: absolute;
	left: 345px;
	top: 461px;
	padding: 5px;
	background: #9DB7D0;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	z-index: 8;
}

#container12 {
	float: left;
	width: 120px;
	height: 15px;
	position: absolute;
	left: 470px;
	top: 461px;
	padding: 5px;
	background: #9DB7D0;
	border-top: 1px solid #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	z-index: 6;
}




	
#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;}