/* CSS Document */
/* CSS editing  George Milakis contact@milakis.gr
================================================================================
|                                     TAGS                                  |
================================================================================
*/
.fL{ float:left}
.fR{ float:right}
.cL{ clear:both}
.tl { text-align: left;}
.lh { height: 5px; }
body{
  font-size: 14px;
font-family: 'Ubuntu', sans-serif;
/* background-image: url(../images/bg.jpg);  background-size: cover;   */
}
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
  z-index: -1000;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img.bg {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}
 /*
================================================================================
|                                    Menu                                    |
================================================================================
*/
.bottom_menu {
  width: 800px; height: 24px; color: #000000;
  line-height: 24px; text-align: center;
  font-size: 13px; text-decoration: none; font-weight: bold; letter-spacing: 1px;
  }

.bottom_menu a {
  color:  #000000; font-size: 12px; text-decoration: none; font-weight: bold;
  }width: 200px;
.bottom_menu_td {
  width: 200px;
  }
.bottom_menu2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 950px; height: 24px; color: #000000;
  line-height: 24px; text-align: center;
  font-size: 11px; text-decoration: none; font-weight: bold;
  }
.bottom_menu2 a {
  color:  #000000; font-size: 11px; text-decoration: none; font-weight: bold;
  }
.bottom_menu_td2 {
 height: 20px;
  }

#arxiki {
  background-image: url(../images/0_act_bg.png);  background-repeat: repeat-x; width: 100px; height: 24px; cursor: pointer; color: #FFFFFF;
  line-height: 24px; text-align: center;   font-size: 12px;
}
#arxiki:hover{ background-image: url(../images/1_act_bg.png);  background-repeat: repeat-x;}
#arxiki a { color: #FFFFFF; text-decoration: none; font-weight: bold;}

#erga {
  background-image: url(../images/0_act_bg.png);  background-repeat: repeat-x; width: 70px; height: 24px; cursor: pointer; color: #FFFFFF;
  line-height: 24px; text-align: center;   font-size: 12px;
}
#erga:hover{ background-image: url(../images/2_act_bg.png);  background-repeat: repeat-x;}
#erga a { color: #FFFFFF; text-decoration: none; font-weight: bold;}

#ipiresies {
  background-image: url(../images/0_act_bg.png);  background-repeat: repeat-x; width: 100px; height: 24px; cursor: pointer; color: #FFFFFF;
  line-height: 24px; text-align: center;   font-size: 12px;
}
#ipiresies:hover{ background-image: url(../images/3_act_bg.png);  background-repeat: repeat-x;}
#ipiresies a { color: #FFFFFF;  text-decoration: none; font-weight: bold;}

#proionta {
  background-image: url(../images/0_act_bg.png);  background-repeat: repeat-x; width: 90px; height: 24px; cursor: pointer; color: #FFFFFF;
  line-height: 24px; text-align: center;   font-size: 12px;
}
#proionta:hover{ background-image: url(../images/5_act_bg.png);  background-repeat: repeat-x;}
#proionta a { color: #FFFFFF; text-decoration: none; font-weight: bold;}

#fotoboltaika {
  background-image: url(../images/0_act_bg.png);  background-repeat: repeat-x; width: 120px; height: 24px; cursor: pointer; color: #FFFFFF;
  line-height: 24px; text-align: center;   font-size: 12px;
}
#fotoboltaika:hover{ background-image: url(../images/4_act_bg.png);  background-repeat: repeat-x;}
#fotoboltaika a { color: #FFFFFF; text-decoration: none; font-weight: bold;}

#plirofories {
  background-image: url(../images/0_act_bg.png);  background-repeat: repeat-x; width: 100px; height: 24px; cursor: pointer; color: #FFFFFF;
  line-height: 24px; text-align: center;   font-size: 12px;
}
#plirofories:hover{ background-image: url(../images/1_act_bg.png);  background-repeat: repeat-x;}
#plirofories a { color: #FFFFFF; text-decoration: none; font-weight: bold;}

#prosfores {
  background-image: url(../images/0_act_bg.png);  background-repeat: repeat-x; width: 100px; height: 24px; cursor: pointer; color: #FFFFFF;
  line-height: 24px; text-align: center;   font-size: 12px;
}
#prosfores:hover{ background-image: url(../images/2_act_bg.png);  background-repeat: repeat-x;}
#prosfores a { color: #FFFFFF;  text-decoration: none; font-weight: bold;}

#epikoinonia {
  background-image: url(../images/0_act_bg.png);  background-repeat: repeat-x; width: 100px; height: 24px; cursor: pointer; color: #FFFFFF;
  line-height: 24px; text-align: center;   font-size: 12px;
}
#epikoinonia:hover{ background-image: url(../images/3_act_bg.png);  background-repeat: repeat-x;}
#epikoinonia a { color: #FFFFFF; text-decoration: none; font-weight: bold;}


#sub {
  top: 174px; position: absolute;
  z-index: 100000;
  left:50%;
  width: 950px;
  margin-left:-475px;
}
.sub {
  background-image: url(../images/sub_menu_bg.png);  width: 188px; cursor: pointer; color: #FFFFFF;
  line-height: 28px; text-align: center;   font-size: 13px;
}
.sub a { color: #FFFFFF; text-decoration: none;  }
.sub_menu_line {
  background-image: url(../images/sub_menu_line.png);
  background-repeat: repeat-x;
  height: 1px;
}

#arxiki_sub .sub_menu_div:hover {
  background-image: url(../images/sub_menu_bg_2.png); width: 180px; padding-left: 5px; color: #FFFFFF; background-size: cover;
}
#erga_sub .sub_menu_div:hover {
  background-image: url(../images/sub_menu_bg_6.png); width: 180px; padding-left: 5px; color: #FFFFFF; background-size: cover;
}
#ipiresies_sub .sub_menu_div:hover {
  background-image: url(../images/sub_menu_bg_3.png); width: 180px; padding-left: 5px; color: #FFFFFF; background-size: cover;
}
#proionta_sub .sub_menu_div:hover {
  background-image: url(../images/sub_menu_bg_4.png); width: 180px; padding-left: 5px; color: #FFFFFF; background-size: cover;
}
#fotoboltaika_sub .sub_menu_div:hover {
  background-image: url(../images/sub_menu_bg_5.png); width: 180px; padding-left: 5px; color: #FFFFFF; background-size: cover;
}
#plirofories_sub .sub_menu_div:hover {
  background-image: url(../images/sub_menu_bg_2.png); width: 180px; padding-left: 5px; color: #FFFFFF; background-size: cover;
}
#prosfores_sub .sub_menu_div:hover {
  background-image: url(../images/sub_menu_bg_6.png); width: 180px; padding-left: 5px; color: #FFFFFF; background-size: cover;
}
/* -------------------------------------- Side Menu ------------------------------ */
.side_menu_line {
  background-image: url(../images/side_menu_line.png);
  background-repeat: repeat-x;
  height: 1px;
}
.side_menu_line2 {
  background-image: url(../images/side_menu_line2.png);
  background-repeat: repeat-x;
  height: 1px;
}
.side_menu1 {
  width: 265px; padding-bottom: 5px; padding-top: 5px; 	color:#FFFFFF;  cursor: pointer; font-size: 13px;
}
.side_menu1:hover{ background-image: url(../images/side_menu_bg2.png); }
.side_menu1 a { color: #FFFFFF; text-decoration: none; }

.side_menu2 {
  width: 265px; padding-bottom: 5px; padding-top: 5px; 	color:#FFFFFF;  cursor: pointer; font-size: 13px;
}
.side_menu2:hover{ background-image: url(../images/side_menu_bg2.png); }
.side_menu2 a { color: #FFFFFF; text-decoration: none; }

.side_menu3 {
  width: 265px; padding-bottom: 5px; padding-top: 5px; 	color:#FFFFFF;  cursor: pointer; font-size: 13px;
}
.side_menu3:hover{ background-image: url(../images/side_menu_bg3.png); }
.side_menu3 a { color: #FFFFFF; text-decoration: none; }

.side_menu4 {
  width: 265px; padding-bottom: 5px; padding-top: 5px; 	color:#FFFFFF;  cursor: pointer; font-size: 13px;
}
.side_menu4:hover{ background-image: url(../images/side_menu_bg4.png); }
.side_menu4 a { color: #FFFFFF; text-decoration: none; }

.side_menu5 {
  width: 265px; padding-bottom: 5px; padding-top: 5px; 	color:#FFFFFF;  cursor: pointer; font-size: 13px;
}
.side_menu5:hover{ background-image: url(../images/side_menu_bg5.png); }
.side_menu5 a { color: #FFFFFF; text-decoration: none; }

.side_menu6 {
  width: 265px; padding-bottom: 5px; padding-top: 5px; 	color:#FFFFFF;  cursor: pointer; font-size: 13px;
}
.side_menu6:hover{ background-image: url(../images/side_menu_bg2.png); }
.side_menu6 a { color: #FFFFFF; text-decoration: none; }


.side_menu7 {
  width: 265px; padding-bottom: 5px; padding-top: 5px; 	color:#FFFFFF;  cursor: pointer; font-size: 13px;
}
.side_menu7:hover{ background-image: url(../images/side_menu_bg6.png); }
.side_menu7 a { color: #FFFFFF; text-decoration: none; }
.side_title5 {
  width: 265px; padding-bottom: 5px; padding-top: 5px; 	color:#FFFFFF; font-size: 14px;  background-image: url(../images/side_menu_bg5.png); font-weight: bold; text-align: center;
}
.side_title3 {
  width: 265px; padding-bottom: 5px; padding-top: 5px; 	color:#FFFFFF; font-size: 14px;  background-image: url(../images/side_menu_bg3.png); font-weight: bold; text-align: center;
}
.side_title2 {
  width: 265px; padding-bottom: 5px; padding-top: 5px; 	color:#FFFFFF; font-size: 14px;  background-image: url(../images/side_menu_bg2.png); font-weight: bold; text-align: center;
}

/*
================================================================================
|                                     FONTS                                     |
================================================================================
*/
.titlos_text {
 color: #EEEEEE;
 font-family: monospace;
 font-weight: bold;
 font-size: 18px;
}
.body_text {
		padding-top: 2px;
		font-family: arial, verdana, tahoma, sans-serif;
		font-size: 12px;
		color: #555555;
    }
.main_text_format {
		padding: 20px;
    letter-spacing: 1px;
    }
.title_text2 {
		text-decoration: none;
    font-family: Verdana;
    color: #000066;
    font-weight:  bold;
    text-align: center;
		font-size: 14px;
    padding-bottom: 10px;
    }
h3{
	color:#FFFFFF;
	font-size:30px;
	margin:0px 0px 20px 0px;
	padding:0px;
	}
h2{
	color:#FFFFFF;
	font-size:22px;
	margin:0px 0px 20px 0px;
	padding:0px;
	}
/*
================================================================================
|                                     OTHERS                                    |
================================================================================
*/
#header{
	height:100px;
	width:950px;
	margin:auto;
  background:url(../images/fade_bg_txt.png) no-repeat; background-position: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #FFFFFF;
	}

#header2{
  position: relative;
  top: 0px;
	height:40px;
	width:785px;
	margin:auto;
  background:url(../images/head_bg_txt.png); background-position: top;
  /* background-color: #000000;     */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 34px;
	font-weight: bold;
	color: #FFFFFF;
	}
#banner_box  {
  top: 300px; position: absolute;
  z-index: 101;
  left:50%;
  width: 1200px;
  margin-left:-600px;

}
#mid_box  {
  top: 433px; position: absolute;
  z-index: 100;
  left:50%;
  width: 1200px;
  margin-left:-600px;
}

#mid_box2  {
  top: 490px; position: absolute;
  z-index: 100;
  left:50%;
  width: 1200px;
  margin-left:-600px;

}
#mid_box_a {
  position: relative;
  width: 1200px;
  height: 250px;
}
#mid_box_1 {
  position: relative;
  width: 260px;
  height: 150px;
  background-image: url(../images/box_bg.png);
  border-color: #797876; border-style: solid; border-width: 1px;
  cursor: pointer;
	color:#FFFFFF;
}
#mid_box_2 {
  position: relative;
  width: 260px;
  background-image: url(../images/box_bg.png);
  height: 150px;
  border-color: #797876; border-style: solid; border-width: 1px;
  cursor: pointer;
}
#mid_box_3 {
  position: relative;
  width: 260px;
  background-image: url(../images/box_bg.png);
  height: 150px;
  border-color: #797876; border-style: solid; border-width: 1px;
  cursor: pointer;
}
#mid_box_4 {
  position: relative;
  width: 260px;
  background-image: url(../images/box_bg.png);
  height: 150px;
  border-color: #797876; border-style: solid; border-width: 1px;
  cursor: pointer;
}
#mid_box_1_title {
  position: relative;
  width: 260px;
  background-image: url(../images/box_bg_title_1.png);
  height: 30px;
  border-color: #797876; border-style: solid; border-width: 1px;
	font-size:18px;
  line-height: 30px;
  text-align: center;
	color:#FFFFFF;
}
#mid_box_2_title {
  position: relative;
  width: 260px;
  background-image: url(../images/box_bg_title_2.png);
  height: 30px;
  border-color: #797876; border-style: solid; border-width: 1px;
	font-size:18px;
  line-height: 30px;
  text-align: center;
	color:#FFFFFF;
}
#mid_box_3_title {
  position: relative;
  width: 260px;
  background-image: url(../images/box_bg_title_3.png);
  height: 30px;
  border-color: #797876; border-style: solid; border-width: 1px;
	font-size:18px;
  line-height: 30px;
  text-align: center;
	color:#FFFFFF;
}
#mid_box_4_title {
  position: relative;
  width: 260px;
  background-image: url(../images/box_bg_title_4.png);
  height: 30px;
  border-color: #797876; border-style: solid; border-width: 1px;
	font-size:18px;
  line-height: 30px;
  text-align: center;
	color:#FFFFFF;
}
.mid_box_txt {
  padding-top: 15px;
	font-size:25px;
  line-height: 35px;
  text-align: center;
	color:#FFFFFF;
}

#bottom_box  {
  top: 733px; position: absolute;
  z-index: 100000;
  left:50%;
  width: 1200px;
  margin-left:-600px;
}
#bottom_box_2  {
  top: 733px; position: absolute;
  z-index: 100000;
  left:50%;
  width: 1200px;
  margin-left:-600px;
}
#bottom_box2  {
  width: 1200px;
}
#bottom_box3  {
  width: 1050px;
}
#bottom_box_news3  {
  background-image: url(../images/news_bg.png);  background-repeat: repeat-x;  height: 34px; color: #FFFFFF;
  line-height: 24px; text-align: center;   font-size: 13px; font-weight: bold; letter-spacing: 1px;
  float: left; width: 950px;
}
#bottom_box_news3  a{
   color: #FFFFFF; text-decoration: none;
}
#bottom_box_news_front  {
  height: 24px; cursor: pointer; color: #FFFFFF;
  line-height: 24px; text-align: center;   font-size: 12px;
  float: left;
  width: 500px;
}
#bottom_box_news  {
  background-image: url(../images/news_bg.png);  background-repeat: repeat-x;  height: 34px; color: #FFFFFF;
  line-height: 24px; text-align: center;   font-size: 13px; font-weight: bold; letter-spacing: 1px;
  float: left; width: 1200px;
}
#bottom_box_news  a{
   color: #FFFFFF; text-decoration: none;
}
#bottom_box_pro  {
  background-image: url(../images/0_act_bg.png);  background-repeat: repeat-x;  height: 24px; color: #FFFFFF;
  line-height: 24px; text-align: center;   font-size: 12px;
  float: right;
  width: 300px;
}

#bottom_box_news2  {
  background-image: url(../images/6_act_bg.png);  background-repeat: repeat-x;  height: 24px; cursor: pointer; color: #FFFFFF;
  line-height: 24px; text-align: center;   font-size: 12px;
  float: left;
  width: 500px;
}
#bottom_box_pro2  {
  background-image: url(../images/0_act_bg.png);  background-repeat: repeat-x;  height: 24px; color: #FFFFFF;
  line-height: 24px; text-align: center;   font-size: 12px;
  float: right;
  width: 300px;
}
#bottom_menu {
   color: #FFFFFF; line-height: 24px; text-align: center;   font-size: 12px;
}

#s11 {
	height:400px;
	width:1200px;
	margin:auto;
border-color: #797876; border-style: solid; border-width: 2px;  /*  */
}
#s11 .header{
	height:100px;
	width:1200px;
	margin:auto;
  background:url(../images/fade_bg_txt.png) no-repeat; background-position: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #FFFFFF;
  text-align: center;
	}
#s11 .photo_set {
  width: 1200px;
  height: 400px;
  background-position: bottom; background-repeat: no-repeat;
	}
#s11 .photo_set_fade {
  width: 1200px;
  height: 400px;
  background-image: url(../images/imacge_fade.png);
  background-position: bottom;
  background-repeat: repeat-x;
	}
#s22 {
	width:785px;
	height:200px;
	margin:auto; float: right;
  border-color: #797876; border-style: solid; border-width: 2px;  /*  */
}
#s22 .header{
	margin:auto;
  height:70px;
  background:url(../images/fade_bg_txt.png) no-repeat; background-position: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #FFFFFF;
	}
#s22 .photo_set {
	width:785px;
	height:200px;
  background-position: bottom; background-repeat: no-repeat;
	}
#s22 .photo_set_fade {
	width:785px;
	height:200px;
  background-image: url(../images/imacge_fade.png);
  background-position: bottom;
  background-repeat: repeat-x;
	}

#s1 {
	height:600px;
	width:1200px;
	margin:auto;
border-color: #797876; border-style: solid; border-width: 2px;  /*  */
}
#header{
	height:100px;
	width:1200px;
	margin:auto;
  background:url(../images/fade_bg_txt.png) no-repeat; background-position: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #FFFFFF;
	}
.photo_set {
  width: 1200px;
  height: 600px;
	}
.photo_set_fade {
  width: 1200px;
  height: 600px;
  background-image: url(../images/image_fade.png);
  background-position: bottom;
  background-repeat: repeat-x;
	}

#s3 {
	width:785px;
	height:600px;
	margin:auto;
}
.photo_set2 {
  width: 785px;
  height: 600px;
	}
.photo_set_fade2 {
  width: 785px;
  height: 600px;
  background-image: url(../images/image_fade.png);
  background-position: bottom;
  background-repeat: repeat-x;
	}

/*
================================================================================
|                                     OTHERS                                    |
================================================================================
*/

img {
	border: none;
}
.news_links a {
  line-height: 28px;
 color: #000000;
 text-decoration: underline;
}
.news_links a:hover {
 color: #FF0000;
 text-decoration:none;
}
/* ---------- gallery styles start here ----------------------- */
.pdf {
	list-style: none;
	margin: 0;
	padding: 0;
}
.pdf a {
 color: #000000;
 text-decoration: none;
}
.pdf a:hover {
 color: #FF0000;
 text-decoration: underline;
}
.pdf li {
	padding: 2px;
  padding-right: 20px;
	margin: 0;
	float: left;
	position: relative;
	/* height: 110px; */
}

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	padding: 2px;
	margin: 0;
	float: left;
	position: relative;
	width: 180px;
	/* height: 110px; */
}
.gallery li:hover img {
	border-color: #000;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px;
}
.gallery em {
	background: #fff;
	color: #000;
	font-style: normal;
	padding: 2px 8px 2px 6px;
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	border: 1px solid #999;
  font-size: 10px;
}
.gallery a {
	text-decoration: none;
}
.gallery span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: 7px;
	left: 9px;
	background: url(images/paper-clip-mini.png) no-repeat;
	z-index: 3;
}


.gallery2 {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery2 li {
	padding: 2px;
	margin: 0;
	float: left;
	position: relative;
	width: 170px;
  height: 110px;
}
.gallery2 li:hover img {
	border-color: #000;
}
.gallery2 img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px;

}
.gallery2 em {
	background: #fff;
	color: #000;
	font-style: normal;
	padding: 2px 8px 2px 6px;
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	border: 1px solid #999;
  font-size: 10px;
}
.gallery2 a {
	text-decoration: none;
}
.gallery2 span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: 7px;
	left: 9px;
	background: url(images/paper-clip-mini.png) no-repeat;
	z-index: 3;
}