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

#banner{ margin-top:10px; }

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


/******************
 *     menubar    *
*******************/
#menubar {
  height:50px;
  background-color:#000000;
  margin:auto;
  width:1088px;
  padding:0;
  font-size:13px;
  font-weight:bold;
  border-top:solid 5px #000000;
}


#menubar div {
  list-style: none;
  float: left;
  padding:6px;
}


#menubar div a{
  color:#F3F3F3;
  text-decoration:none;
  display:block;
  padding:8px;
  border:solid 1px #000000;
}

#menubar div a:hover{ background-color:#660033; border:solid 1px #FFFFFF;}

#menubar div.prosforesBtn { padding:6px 0 0 0; }
#menubar div.prosforesBtn a { 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;
}
#menubar div.prosforesBtn a:hover { color:#5f62e7; background-color:#f4d03e; }

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


/***********************
 *     mid-text     *
 ***********************/
#mid-text{
  color:#CCFFFF;
  width:612px;
  border:solid 1px #555555;
  float:left;
  margin:10px 0 10px 10px;
}

#mid-text h3{
  background-color:#464646;
  padding:10px;
  margin:0;
  font-size:14px;
  color:#ECE5B6;
  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:#CCFFFF;
  clear:both;
  padding:10px;
  border:solid 1px #555555;
  margin:10px 0 0 10px;
  font-size:12px;
}

div.mid-left-box h4 {
  margin:0;
  color:#ECE5B6;
  background-color:#464646;
  padding:3px;
  font-size:12px;
  text-align:center;
}



/*************************
 *     contact-table     *
 *************************/
#contact-table th{
  color:#ECE5B6;
  background-color:#464646;
  padding:3px;
  font-size:12px;
}


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

#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:#F3F3F3;
  text-decoration:none;
  display:block;
  padding:4px;
}

.prod-categs li a:hover{ background-color:#717845; }


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



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



/******************
 *     footer     *
 ******************/
#footer{
  width:1088px;
  background-color:#262626;
  text-align:center;
  font-size:11px;
  color:#C9C299;
  margin:0 auto;
  padding-top:10px;
}

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


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

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

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


/********************
 *     page-nav     *
 ********************/
#page-nav{
  clear:both;
  color:#99CC33;
  font-size:large;
  text-align:center;
}

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

#page-nav a:hover{ text-decoration:underline; }

#page-nav a.curr{ font-weight:bold; color:#ECE5B6; }


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

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


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

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

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

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