* {margin:0;padding:0}
html{height: 100%;}

body{

	
	padding:0px;
	margin:0px;
	
}

table, td {
		width:100%;
		height:100%;
		border:0px;
	}

td { vertical-align:top;}

a:link{color:#FF9933;font-weight:bold;text-decoration: none;}
a:active{color:#FF9933;font-weight:bold;text-decoration: none;}
a:visited{color:#FF9933;font-weight:bold;text-decoration: none;}
a:hover{color:#FF9933;font-weight:bold;text-decoration: underline;}

h1{
font-family:Verdana,Arial;
font-size:14px;
font-weight:bold;
}

li.prof  {
	margin: 0 auto 0 auto;
	list-style-position:outside;
	list-style-image: url(../images/koubi.png);
	height:20px;
	font-weight:bold;
}
li.prof2  {
	margin: 0 auto 0 auto;
	list-style-position:outside;
	list-style-image: url(../images/koubi.png);
	height:40px;
	width:130px;
	
} 
.slider{
	padding-top:50px;
	padding-left:220px;
}
img { border:0px;}

#wrapper {
	width:736px;
	margin:0 auto 0 auto;
	height: 1200px;
	font-family:Verdana,Arial;
	/*font-style:bold;*/
	font-size:14px;
	line-height:18px;
	color:#A3A3A3;
	background-color:#FFFFFF;
	position:relative;	
	}



.clear {clear:both;}

#shadowright{
	
	float: left;
	height:100%;
	width:5px;
	background-image: url(../images/shadowright.gif);
	background-repeat: repeat-y;

}

#footer{
	
	float:left;
	height:43px;
	width:735px;
	margin:0px auto 0 auto;
	font-size:10px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	
}


#shadowleft{
	
	
	float: left;
	height:100%;
	width:5px;
	background-image: url(../images/shadowleft.gif);
	background-repeat: repeat-y;
	 	
	}
	
#shadowdown{
	margin:0 auto 0 auto;
	height:5px;
	width:726px;
	background-image: url(../images/shadowdown.gif);
	background-repeat: repeat-x;
}

#shadowup{
	margin:0 auto 0 auto;
	height:5px;
	width:726px;
	background-image: url(../images/shadowup.gif);
	background-repeat: repeat-x;
}

#back{
	width:48px;
	height:48px;
	float:left; 
	margin:7px 0 0 10px;
	background-image: url(../images/back.png);
}

#kapelo{
	position:absolute;
	z-index:1;
	margin: 0px auto 0 auto;
	width:735px;
	height:161px;
	background-image:url(../images/kapelo.jpg);
	top:0;
	left:0;

	}

#kapelo_gallery{
	position:absolute;
	z-index:1000;
	margin: 0px auto 0 auto;
	width:735px;
	background-image:url(../images/kapelo_gallery.jpg);
	height:161px;
	top:0;
	left:0;

	}
	
#kapelo_samo{
	position:absolute;
	z-index:1000;
	margin: 0px auto 0 auto;
	width:735px;
	background-image:url(../images/kapelo_tour.jpg);
	height:119px;
	top:0;
	left:0;

	}

#kapelo_timelapse{
	position:absolute;
	z-index:1000;
	margin: 0px auto 0 auto;
	width:735px;
	background-image:url(../images/kapelo_timelapse.jpg);
	height:119px;
	top:0;
	left:0;

	}
	
#kapelo_kiosk{
	position:absolute;
	z-index:1000;
	margin: 0px auto 0 auto;
	width:735px;
	background-image:url(../images/kapelo_kiosk.jpg);
	height:119px;
	top:0;
	left:0;

	}
	
#kapelo_video{
	position:absolute;
	z-index:1000;
	margin: 0px auto 0 auto;
	width:735px;
	background-image:url(../images/kapelo_video.jpg);
	height:119px;
	top:0;
	left:0;

	}

	
div.maincol {
	width:700px;
	margin:8px auto 0 auto;
	position:relative;
}

.vritem{
	width:220px;
	height:170px;
	float: left;
	margin: 5px auto 0 5px;
	color:#999999;
	cursor: pointer;
	cursor: hand;
}

	
	
#menu{	
	width:726px;
	margin:0 auto 0 auto;
	height: 60px;
}

#content{
	float:left;
	width:726px;
	margin:161px auto 0 auto;	
}
a#menu1 {
    display: block;
    width: 260px;
    height: 120px;
    background: url(../images/gallery.jpg) 0 0 no-repeat;
    margin: 0 auto;
}
a#menu1:hover {
    background-position: -260px 0;
}
a#menu2 {
    display: block;
    width: 260px;
    height: 120px;
    background: url(../images/tours.jpg) 0 0 no-repeat;
    margin: 0 auto;
}
a#menu2:hover {
    background-position: -260px 0;
}
a#menu3 {
    display: block;
    width: 260px;
    height: 120px;
    background: url(../images/samo_thumb.jpg) 0 0 no-repeat;
    margin: 0 auto;
	
}
a#menu3:hover {
    background-position: -260px 0;
}

a#menu4 {
    display: block;
    width: 260px;
    height: 120px;
    background: url(../images/skra_thumb.jpg) 0 0 no-repeat;
    margin: 0 auto;
	
}
a#menu4:hover {
    background-position: -260px 0;
}

a#menu5 {
    display: block;
    width: 260px;
    height: 120px;
    background: url(../images/faros_thumb.jpg) 0 0 no-repeat;
    margin: 0 auto;
	
}
a#menu5:hover {
    background-position: -260px 0;
}

a#menu6 {
    display: block;
    width: 260px;
    height: 120px;
    background: url(../images/gigathumb.jpg) 0 0 no-repeat;
    margin: 0 auto;
	
}
a#menu6:hover {
    background-position: -260px 0;
}

a#menu7 {
    display: block;
    width: 260px;
    height: 120px;
    background: url(../images/apeiranthos_thumb.jpg) 0 0 no-repeat;
    margin: 0 auto;
	
}
a#menu7:hover {
    background-position: -260px 0;
}

a#menu8 {
    display: block;
    width: 260px;
    height: 120px;
    background: url(../images/TL_thumb.jpg) 0 0 no-repeat;
    margin: 0 auto;
	
}
a#menu8:hover {
    background-position: -260px 0;
}

a#menu9 {
    display: block;
    width: 260px;
    height: 120px;
    background: url(../images/trinchera_thumb.jpg) 0 0 no-repeat;
    margin: 0 auto;
	
}
a#menu11 {
    display: block;
    width: 260px;
    height: 134px;
    background: url(../images/vravrona_thumb.jpg) 0 0 no-repeat;
    margin: 0 auto;
	
}
a#menu11:hover {
    background-position: -260px 0;
}

a#menu10 {
    display: block;
    width: 260px;
    height: 200px;
    background: url(../images/objectmovies.jpg) 0 0 no-repeat;
    margin: 0 auto;
	
}
a#menu10:hover {
    background-position: -260px 0;
}

a#folder {
    display: block;
    width: 100px;
    height: 88px;
    background: url(../images/folder.jpg) 0 0 no-repeat;
    margin: 0 auto;
}
a#folder:hover {
    background-position: -100px 0;
}

.thumb_object_orthio {
    display: block;
    width: 50px;
    height: 70px;
    background: url(../images/object_kiropigio.jpg) 0 0 no-repeat;
    margin: 0 auto;
	
}
.thumb_object_orthio:hover {
    opacity:0.5;
	filter:alpha(opacity=50);
	cursor: hand;
	cursor: pointer;
}
.thumb_object_plagio {
    display: block;
    width: 110px;
    height: 70px;
    background: url(../images/object_vraxioli.jpg) 0 0 no-repeat;
    margin: 0 auto;
	
}
.thumb_object_plagio:hover {
    opacity:0.5;
	filter:alpha(opacity=50);
	cursor: hand;
	cursor: pointer;
}

.r_thumb_object{
	float:left;
	width:160px;
	height:70px;
	margin: 0px 0 0 30px;
	}

.right_thumb{
	float:left;
	width:260px;
	height:120px;
	margin: 0px 0 0 40px;
	}
.right_text{
	float:left;
	width:260px;
	height:250px;
	margin: 0px 0 0 40px;
	}
	
.plaka_links{
	
	width:300px;
	height:250px;
	
	}
	
.plaka_friends{
	
	width:300px;
	height:250px;
	
	}

.left_thumb{
	float:left;
	width:100px;
	height:88px;
	margin: 0px 0 0 0px;
	}

.pright{
	float:left;
	height:450px;
	width:260px;
	margin: 10px 0 0 40px;
	border:thin;
	text-align:justify;
	background-image:url(../images/frame260450.jpg);
}


.links{
	height:200px;
	width:710px;
	margin: 10px 0 0 7px;
	border:thin;
	text-align:justify;
  /*	background-image:url(../images/book_710200.jpg); */
}

.services{
	height:200px;
	width:710px;
	margin: 10px 0 0 7px;
	border:thin;
	text-align:justify;

}

.contact{
	height:263px;
	width:647px;
	margin: 2px 0 0 40px;
	border:thin;
	text-align:justify;
	background-image:url(../images/contact.jpg);
}
	
.pleft{
	float:left;
	height:1100px;
	width:425px;
	margin: 0px 0 0px 0px;
	text-align:justify;
}
.mainpanohref:hover img {
	filter:alpha(opacity=80);   
	-moz-opacity: 0.8;   
	opacity: 0.8;
}


.news {
width:300px;
height:100px;
float:left;
margin: 20px 0 0 0px;
/*background-image:url(../images/newsback.jpg); */
text-align:justify;
}

.newswrapper{
width:430px;
height:800px;
}

/*
table, li, input, textarea
	{
		font-family:Arial;
		font-size:9px;
		line-height:13px;
		color:#A3A3A3;
		text-transform:uppercase
	}

.h_text { color:#FF7500}

.h1_text { color:#FF7500; text-decoration:none}
.h1_text:hover{ color:#FF7500; text-decoration:underline}

.h2_text { color:#FF7500; text-decoration:underline}
.h2_text:hover{ color:#FF7500; text-decoration:none}
		
.c_text { color:#D5D5D5}
.c_text a{ color:#D5D5D5; text-decoration:none}
.c_text a:hover{ color:#D5D5D5; text-decoration:underline}

.b_text{color:#FF9933;font-weight:bold}
.no_class, form, .no_class td
	{
		width:auto;
		height:auto;
		margin:0px;
		padding:0px;
		border:0px;
		
	}

.line { background:#EFEDEA; height:1px}

.form{height:24px; margin-top:0px;}
.form input	{width:168px; height:21px; border-color:#B0A398; border-width:1px; background-color:#ffffff; border-style:solid; padding-left:5px; padding-top:4px}

textarea{width:168px; height:69px; border-color:#B0A398; border-width:1px; background-color:#ffffff; padding-left:5px; overflow:hidden; margin-top:0px; border-style:solid; padding-top:4px}
*/
.line { background:#EFEDEA; height:1px}
#samowrapper {
	width:667px;
	height: 636px;
	font-family:Verdana,Arial;
	font-size:12px;
	line-height:15px;
	margin-left:30px;
/*	
	position:absolute; 
	top:50%;
	left:50%;
	margin-left:-333px;
	margin-top:-318px;
	 */
}

#imap {
	display:block;
	width:667px;
	height:636px;	
	position:relative;	
	background:url(../images/navigation_start.jpg) no-repeat top;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}



#smap {
	
	width:667px;
	height:636px;	
	position:relative;
	margin: 0px auto 0px auto;
	top:0px;
	background:url(../images/navigation_after.jpg) no-repeat top;
}

#smap2 {
	
	width:700px;
	height:700px;	
	position:relative;
	margin: 0px auto 0px auto;
	top:0px;
	background:url(../images/navigation_skra.jpg) no-repeat top;
}

#smap3 {
	
	width:726px;
	height:500px;	
	position:relative;
	margin: 0px auto 0px auto;
	top:0px;
	background:url(../images/navigation_faros.jpg) no-repeat top;
}

#smap4 {
	
	width:726px;
	height:536px;	
	position:relative;
	margin: 0px auto 0px auto;
	top:0px;
	background:url(../images/nav_apeiranthos.jpg) no-repeat top;
}


#samopano {
	display:block;
	width:640px;
	height:400px;
	position:absolute;
	top:205px;
	left:43px;
	}

.skrapano {
	display:block;
	width:450px;
	height:300px;
	position:absolute;
	top:196px;
	left:104px;
	}
	
.farospano {
	display:block;
	width:491px;
	height:261px;
	position:absolute;
	top:108px;
	left:208px;
}

.apeiranthospano {
	display:block;
	width:726px;
	height:379px;
	position:absolute;
	top:137px;
	left:0px;
}

a#kipos_big{
	display:block;
	width:32px; height:32px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left:78px;
	top:327px;
	background:transparent;
}

a#kipos_big:hover {background:transparent url(../images/kipos_big.png) no-repeat 0 0;}

a#fonias_big{
	display:block;
	width:43px; height:42px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left:104px;
	top:377px;
	background:transparent;
}

a#fonias_big:hover {background:transparent url(../images/fonias_big.png) no-repeat 0 0;}

a#climb_big{
	display:block;
	width:54px; height:52px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left: 203px; 
	top: 396px;
	background:transparent;
}

a#climb_big:hover {background:transparent url(../images/climb_big.png) no-repeat 0 0;}

a#top_big{
	display:block;
	width:31px; height:32px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left: 267px; top: 340px;
	background:transparent;
}
a#top_big:hover {background:transparent url(../images/top_big.png) no-repeat 0 0;}

a#pachia_big{
	display:block;
	width:30px; height:29px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left: 322px; top: 301px;
	background:transparent;
}
a#pachia_big:hover {background:transparent url(../images/pachia_big.png) no-repeat 0 0;}

a#xwra_big{
	display:block;
	width:31px; height:30px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left: 412px; top: 427px;
	background:transparent;
}
a#xwra_big:hover {background:transparent url(../images/xwra_big.png) no-repeat 0 0;}

a#kamariotissa_big{
	display:block;
	width:31px; height:30px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left: 626px; top: 461px;
	background:transparent;
}
a#kamariotissa_big:hover {background:transparent url(../images/kamariotissa_big.png) no-repeat 0 0;}

/*Small Balls*/

a#kipos_small{
	display:block;
	width:21px; height:20px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left:69px;
	top:32px;
	background:transparent;
}

a#kipos_small:hover {background:transparent url(../images/kipos.png) no-repeat 0 0;}

a#fonias_small{
	display:block;
	width:25px; height:24px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left:85px;
	top:60px;
	background:transparent;
}

a#fonias_small:hover {background:transparent url(../images/fonias.png) no-repeat 0 0;}

a#climb_small{
	display:block;
	width:34px; height:34px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left: 140px; 
	top: 70px;
	background:transparent;
}

a#climb_small:hover {background:transparent url(../images/climb.png) no-repeat 0 0;}

a#top_small{
	display:block;
	width:22px; height:21px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left: 176px; top: 40px;
	background:transparent;
}
a#top_small:hover {background:transparent url(../images/top.png) no-repeat 0 0;}

a#pachia_small{
	display:block;
	width:20px; height:21px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left: 208px; top: 19px;
	background:transparent;
}
a#pachia_small:hover {background:transparent url(../images/pachia.png) no-repeat 0 0;}

a#xwra_small{
	display:block;
	width:20px; height:18px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left: 257px; top: 88px;
	background:transparent;
	
}
a#xwra_small:hover {background:transparent url(../images/xwra.png) no-repeat 0 0;}

a#kamariotissa_small{
	display:block;
	width:31px; height:30px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left: 378px; top: 108px;
	background:transparent;
}
a#kamariotissa_small:hover {background:transparent url(../images/kamariotissa.png) no-repeat 0 0;}


div#skra_1{
	display:block;
	width:49px; height:46px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left:182px;
	top:140px;
	background:transparent;
	cursor: pointer;
	cursor: hand;
	}

div#skra_1:hover {background:transparent url(../images/skra1_big.png) no-repeat 0 0;}

div#skra_2{
	display:block;
	width:49px; height:46px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left:242px;
	top:140px;
	background:transparent;
	cursor: pointer;
	cursor: hand;
	}

div#skra_2:hover  {background:transparent url(../images/skra2_big.png) no-repeat 0 0;}

div#skra_3{
	display:block;
	width:49px; height:46px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left:298px;
	top:140px;
	background:transparent;
	cursor: pointer;
	cursor: hand;
	}

div#skra_3:hover {background:transparent url(../images/skra3_big.png) no-repeat 0 0;}

div#skra_4{
	display:block;
	width:49px; height:46px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left:355px;
	top:140px;
	background:transparent;
	cursor: pointer;
	cursor: hand;
	}

div#skra_4:hover {background:transparent url(../images/skra4_big.png) no-repeat 0 0;}

div#skra_5{
	display:block;
	width:49px; height:46px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left:420px;
	top:140px;
	background:transparent;
	cursor: pointer;
	cursor: hand;
	}

div#skra_5:hover {background:transparent url(../images/skra5_big.png) no-repeat 0 0;}



div#faros_1{
	display:block;
	width:49px; height:46px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left:350px;
	top:376px;
	background:transparent;
	cursor: pointer;
	cursor: hand;
	}

div#faros_1:hover {background:transparent url(../images/skra1_big.png) no-repeat 0 0;}

div#faros_2{
	display:block;
	width:49px; height:46px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left:410px;
	top:376px;
	background:transparent;
	cursor: pointer;
	cursor: hand;
	}

div#faros_2:hover  {background:transparent url(../images/skra2_big.png) no-repeat 0 0;}


div#faros_3{
	display:block;
	width:49px; height:46px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left:466px;
	top:376px;
	background:transparent;
	cursor: pointer;
	cursor: hand;
	}

div#faros_3:hover {background:transparent url(../images/skra3_big.png) no-repeat 0 0;}

div#faros_4{
	display:block;
	width:49px; height:46px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left:523px;
	top:376px;
	background:transparent;
	cursor: pointer;
	cursor: hand;
	}

div#faros_4:hover {background:transparent url(../images/skra4_big.png) no-repeat 0 0;}

div#apeiranthos_1{
	display:block;
	width:49px; height:46px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left:40px;
	top:90px;
	background:transparent;
	cursor: pointer;
	cursor: hand;
	}

div#apeiranthos_1:hover {background:transparent url(../images/skra1_big.png) no-repeat 0 0;}

div#apeiranthos_2{
	display:block;
	width:49px; height:46px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left:97px;
	top:90px;
	background:transparent;
	cursor: pointer;
	cursor: hand;
	}

div#apeiranthos_2:hover  {background:transparent url(../images/skra2_big.png) no-repeat 0 0;}


div#apeiranthos_3{
	display:block;
	width:49px; height:46px;
	/*padding-top:80px;*/
	overflow:hidden;
	position:absolute;
	left:152px;
	top:90px;
	background:transparent;
	cursor: pointer;
	cursor: hand;
	}

div#apeiranthos_3:hover {background:transparent url(../images/skra3_big.png) no-repeat 0 0;}