body{
  font-family:verdana,sans-serif;
  background-color:Linen;
}


#banner{
  margin-top:10px;

}


.centered{
  margin-left: auto;
  margin-right: auto;
  display:block;
}



/******************
 *     menubar    *
*******************/

#menubar {
  height:45px;

  margin-left:auto;
  margin-right:auto;
  width:1088px;
  height:50px;
  padding:0;
  font-size:13px;
  font-weight:bold;

  background-image:url(../eikones/hback.png);
  background-position: left center;
  background-repeat: repeat-x;
  
  position:relative;
}

#menubar img { float:left; width:445px; height:50px;  }
#menuLinksCont { position:absolute; left:365px; top:1px; border-top:solid 2px #ffb380; width:722px; }
#menuLinksCont div { float:left; text-align: center; padding:0 11px; }
#menuLinksCont div a { margin-top: 12px; display: block; color:#F3F3F3; text-decoration:none; }
#menuLinksCont div a:hover{ text-decoration: underline; }

#menuLinksCont div.prosforesBtn { padding:3px 0 0 0; }
#menuLinksCont div.prosforesBtn a { text-decoration:none; margin-top:3px; border:solid 1px #000; color:#2d2f7a; background-color:#f5c203; font-size:18px; padding:4px 8px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; }
#menuLinksCont div.prosforesBtn a:hover { color:#5f62e7; background-color:#f4d03e; border:solid 1px #fff;}

/****************************
 *     mid-container        *
 ****************************/
#mid-container{
  background-color:white;
  width:1087px;
  margin:0 auto;
  overflow: hidden;
  clear:both;

  background-image:url(../eikones/midImg.png);
  background-position: top left;
  background-repeat: repeat-y;
  border-right:1px solid black;
}


/***********************
 *     mid-text     *
 ***********************/
#mid-text{
  color:black;
  background-color:white;
  width:610px;
  border:solid 1px black;
  float:left;
  margin:10px 0 10px 10px;

  /* shadow 
  -moz-box-shadow: 0px 2px 10px rgba(10,10,10,0.9);
  -webkit-box-shadow: 0px 10px 7px rgba(10,10,10,0.9);
  box-shadow: 0px 2px 10px rgba(10,10,10,0.9);

  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.90);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.90)";
  zoom: 1;
  */
}

#mid-text h3{

  background-image: url(../eikones/hback.png);
  background-position: center center;

  padding:10px;
  margin:0;
  font-size:14px;
  color:white;
  text-align:center;
}


#mid-text p{
  font-size:12px;
  margin:0;
  padding:10px;
}

/******************************
 *     mid-left-container     *
 ******************************/
#mid-left-container{
  float:left;
}


/******************************
 *     mid-right-container     *
 ******************************/
#mid-right-container{
  float:left;
}

/************************
 *     mid-left-box     *
 ************************/
div.mid-left-box{
  width:196px;
  color:black;
  clear:both;
  padding:10px;
  border:solid 1px black;
  margin:10px 0 0 10px;
  font-size:12px;
  background-color:white;

  /* shadow
  -moz-box-shadow: 0px 2px 10px rgba(10,10,10,0.9);
  -webkit-box-shadow: 0px 10px 7px rgba(10,10,10,0.9);
  box-shadow: 0px 2px 10px rgba(10,10,10,0.9);

  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.90);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.90)";
  zoom: 1;
  */
}

div.mid-left-box h4 {
  margin:0;
  color:white;
  background-color:black;
  /* background-image: url(../eikones/hback.png); */
  background-position: center center;
  padding:3px;
  font-size:12px;
  text-align:center;
}



/*************************
 *     contact-table     *
 *************************/
#contact-table th{
  color:white;

  background-image: url(../eikones/hback.png);
  background-position: center center;

  padding:3px;
  font-size:12px;
}


#contact-table td{
  font-size:11px;
  padding:2px;
  border-bottom:solid 1px black;
}

#contact-table td.intense{
  font-weight:bold;
}


/***********************
 *     prod-categs     *
 ***********************/
.prod-categs {
  margin:5px 0 0 0;
  padding:0;
  font-size:11px;
  border-top:solid 1px #F4A460;
}


.prod-categs li{
  text-align:center;
  list-style: none;
  border-bottom:solid 1px #F4A460;
}

.prod-categs li a{
  color:black;
  text-decoration:none;
  display:block;
  padding:4px;
  font-size:small;
}

.prod-categs li a:hover{
  background-color: OrangeRed;
  color: white;
}


#globe{
  width:196px;
  clear:both;
  margin:10px 0 0 10px;
}



/***************
 *     map     *
 ***************/
#map {
  width: 500px;
  height: 500px;
}



/******************
 *     footer     *
 ******************/
#footer{
  width:1088px;
  height: 50px;
  margin:0 auto;
  background-color: black;
}


#footerImg{
  width: 445px;
  height: 50px;
  float:left;
}

#footerInfo{
  float:left;
  width:643px;
  height: 48px;

  text-align:center;
  font-size:11px;
  color:white;
  border-bottom: 2px solid #ff0000;

  background-image:url(../eikones/footerBack.png);
  background-position: top left;
  background-repeat: repeat-x;
}

#footer p{
  margin:0;
  padding:5px;
}

#designer{
  text-align:right;
  margin:5px;
  padding:5px;
  font-size:10px;
}

#designer a{
  text-decoration:none;
  color:white;
}

#designer a:hover{
  text-decoration:underline;
}


/*********************
 *     slideshow     *
 *********************/
.ft-prev, .ft-next { 
  background-color: #000; 
  padding: 0 10px; 
}

.ft-button-ft-active {
  color: black; 
}

.ft-title { 
  padding: 10px 10px;
  width: 95%;
  text-align: center; 
}

#slide-show {
  margin: 0 auto;
}

.photo-link {
  padding: 5px;
  margin: 5px;
  border: 1px solid #999;
  display: block;
  float: left;
}

.photo-link:hover {
  border-color: orange;
}


/********************
 *     page-nav     *
 ********************/
#page-nav{
  clear:both;
  color:DarkSlateGrey;
  font-size:large;
  text-align:center;
  margin-bottom: 3px;
}

#page-nav a{
  padding:2px;
  color:DarkSlateGrey;
  text-decoration:none;
  font-size:large;
}

#page-nav a:hover{
  background-color:DarkGrey;
  color:white;
}

#page-nav a.curr{
  background-color:DarkSlateGrey;
  color:white;
}


#photo-catalog-link{
  text-decoration:none;
  color:#330033;
  display:block;
  text-align:center;
  padding:7px;
  font-family:Century Gothic,arial,sans-serif;
  font-size:small;
  font-weight:bold;
  border:2px solid OrangeRed;
}

#photo-catalog-link:hover{
  background-color:OrangeRed;
  color:white;
}


/***********************************************/
/***** karekles-kafeneiou-estiatoriou.php ******/
/***********************************************/

.white_content {
	text-align:center;
	position: absolute;
	top: 4%;
	left: 19%;
	width: 810px;
	padding: 10px;
	background-color: white;
	overflow: auto;
	color:darkSlateGrey;
	font-size:small;
	border: 1px solid grey;
}

.white_content a{
	text-decoration:none;
	color: blue;
	font-weight:bold;
}

.white_content a:hover{
	text-decoration:underline;
}