.vasi{
  background-image: url(images/vasi.png);
  background-repeat: no-repeat;
}

.banner_text2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color: #000000;
}

.animation_intro {
  background-image: url(images/petres_intro.png);
  background-repeat: no-repeat;
  background-position:top left; 
}

.flash_intro {
  background-image: url(images/video.jpg);
  background-repeat: no-repeat;
}

.border_text_center_view{
  background-image: url(images/bg_box.png);
  background-repeat: repeat-x;
  background-repeat: repeat-y;
  background-position:top right; 
}

.title_center_text{
font-family:Verdana,sans-serif;
font-size:17px;
color: #ffffff;
padding-bottom: 0.5em;
}
.title_center_text2{
font-family:Verdana,sans-serif;
font-size:18px;
color: #000000;
padding-bottom: 0.5em;
}
.title_gia_text{
font-family:Verdana,sans-serif;
font-size:15px;
color: #cccccc;
padding-bottom: 0.5em;
}


.keimeno_dhmos{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color: #000000;
}


.keimeno_gia_text{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color: #000000;
padding-left: 2em;
padding-right: 2em;
padding-bottom: 0.5em;
}

.keimeno_gia_text2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align: left;
color: #000000;
padding-left: 2em;
padding-right: 2em;
padding-bottom: 2em;
}

.keimeno_gia_bottom{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
padding-bottom: 0.5em;
}
.no{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #ffffff;
}

.bgimage_right_top {
  background-image: url(images/right_an_bar.png);
  background-repeat: repeat-y;
  background-position:top left; 
    width: 54px;	
}
.bgimage_left_top {
  background-image: url(images/left_an_bar.png);
  background-repeat: repeat-y;
  background-position:top right; 
}


.bgimage_right_bottom {
  background-image: url(images/border_right.png);
  background-repeat: repeat-y;
  background-position:top left; 
    width: 55px;	
}

.bgimage_left_bottom {
  background-image: url(images/border_l.png);
  background-repeat: repeat-y;
   background-position:top right; 
    width: 57px;	
}

.bgimage_right {
  background-image: url(images/flv_right_mo.png);
  background-repeat: no-repeat;
  background-position:top left; 
}

.bgimage_top {
  background-image: url(images/flv_top.png);
  background-repeat: no-repeat;
  background-position:bottom left; 
  height: 85px;
}

.bgimage_left {
  background-image: url(images/flv_left_mo.png);
  background-repeat: no-repeat;
  background-position:top right; 
}

.bgimage_tv {
  background-image: url(images/panel_kairos.png);
  background-repeat: no-repeat;
  background-position:top left; 
  width: 155px;	
  height: 149px;
}

.bgimage_bot_vraxos{
  background-image: url(images/petra_bottom.png);
  background-repeat: no-repeat;
  background-position:top left; 
}

.bgimage_bordo_koympi{
  background-image: url(images/mpordo_koumpi.png);
  background-repeat: no-repeat;
  background-position:top center; 
	text-align: center;
  	height: 61px;
	width: 280px;	
}



	  

	/* NAVIGATION BUTTONS */
			.menu {
						height: 47px;
						width: 840px;	

			}
			.cssnav	{
						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						font-family: arial, helvetica, sans-serif;
						background: url(images/overbtn.png);
						width: 140px;
						height: 47px;
						color: #ffffff;
	                    overflow:hidden;/* for ie to hide extra height*/	
				}
			
			.cssnav a {
						display: block;
						color: #ffffff;
						font-size: 12px;
						width: 140px;
						height: 47px;
						display: block;
						float: left;						
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
						font-weight:bold;
			}
			.cssnav a:hover {
						color: #ffbb02;
						
				/*color: #ffbb02;*/
			}
			

			.cssnav img {width: 140px; height: 47px; border: 0; }
			* html a:hover {visibility:visible; }
			.cssnav a:hover img{visibility:hidden; } 

			.cssnav span {
					    position: absolute;
					    left: -5px;top: 8px;
					    text-align: center;
					    width: 140px;
					    cursor: pointer;   
					     
			}
			/* END OF NAVIGATION */


		/* NAVIGATION BUTTONS */
			.menu2 {
						/* 
						height: 47px;
						width: 168px;
						*/

			}
			.cssnav2	{
						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						font-family: arial, helvetica, sans-serif;
						background: url(images/button_mini_menu_long_over.png);
						width: 217px;
						height: 28px;
						color: #000000;
	                    overflow:hidden;/* for ie to hide extra height*/	
				}
			
			.cssnav2 a {
						display: block;
						color: #000000;
						font-size: 14px;
						width: 217px;
						height: 28px;
						display: block;
						float: left;						
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
						font-weight:bold;
			}
			.cssnav2 a:hover {
						color: #850208;
						
				
			}
			

			.cssnav2 img {width: 217px; height: 28px; border: 0; }
			* html a:hover {visibility:visible; }
			.cssnav2 a:hover img{visibility:hidden; } 

			.cssnav2 span {
					    position: absolute;
					    left: -5px;top: 8px;
					    text-align: center;
					    width: 217px;
					    cursor: pointer;   
					     
			}
			/* END OF NAVIGATION */

		
			
		
		/* NAVIGATION BUTTONS */
			.menu3 {
						/* 
						height: 47px;
						width: 168px;
						*/

			}
			.cssnav3	{
						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						font-family: arial, helvetica, sans-serif;
						background: url(images/button_mini_menu_long_over.png);
						width: 217px;
						height: 28px;
						color: #000000;
	                    overflow:hidden;/* for ie to hide extra height*/	
				}
			
			.cssnav3 a {
						display: block;
						color: #000000;
						font-size: 14px;
						width: 217px;
						height: 28px;
						display: block;
						float: left;						
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
						font-weight:bold;
			}
			.cssnav3 a:hover {
			
						color: #850208;
						
				
			}
			

			.cssnav3 img {width: 217px; height: 28px; border: 0; }
			* html a:hover {visibility:visible;  }
			.cssnav3 a:hover img{visibility:hidden;  } 

			.cssnav3 span {
					    position: absolute;
					    left: -1px;top: 8px;
					    text-align: center;
					    width: 217px;
					    cursor: pointer;   
					     
			}
			/* END OF NAVIGATION */
	




		
			

BODY
{
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position:top left;
 	background-color: #272725;
}





.title_txt_gallery {
font-family:Verdana,sans-serif;
font-size:13px;
font-style: italic; 
font-weight:bold;
 color: #cccccc;
padding-top: 0.5em;
}

.title_txt_gallery A:link {
font-family:Verdana,sans-serif;
font-size:13px;
font-style: italic; 
font-weight:bold;
color: #cccccc;
text-decoration: none;
padding-bottom: 10px;

}
.title_txt_gallery A:visited {
font-family:Verdana,sans-serif;
font-size:13px;
font-style: italic; 
font-weight:bold;
 color: #ffffff;
 text-decoration: none;
padding-bottom: 10px;
}

.title_txt_gallery A:active {
font-family:Verdana,sans-serif;
font-size:13px;
font-style: italic; 
font-weight:bold;
 color: #ffffff;
 text-decoration: none;
padding-bottom: 10px;
}
.title_txt_gallery A:hover {
font-family:Verdana,sans-serif;
font-size:13px;
font-style: italic; 
font-weight:bold;
 color: #ffffff;
 text-decoration: none;
padding-bottom: 10px;
} 








	.ergaleio img {	 
	width: 34px;
	height: 20px;
	border: 0; 
	position:relative;
	float: left;
	}



	
			
		



.Comon_text {
/*
  font-size:10px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
*/
 font-size:10px;
 font-family:Verdana,sans-serif;
font-weight:bold;
 color: #ffffff;
text-align: right;
}


.title_main {
padding-left: 1.5em;
 font-size:12px;
 font-family:Verdana,sans-serif;
font-weight:bold;
 color: red;
text-align: left;
}


.Comon_main {
padding-left: 0.5em;
 font-size:10px;
 font-family:Verdana,sans-serif;
font-weight:bold;
 color: #ffffff;
text-align: left;
}

.Comon_text2 {
/*
  font-size:10px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
*/
background-image: url(images/bg_text.png);
 font-size:10px;
 font-family:Verdana,sans-serif;
font-weight:bold;
 color: #ffffff;
text-align: left;
}

.ypografi_wiq {
 font-family:Verdana,sans-serif;
font-size: 10px;
padding-bottom: 10px;
}
.ypografi_wiq A:link {
text-decoration: none;
font-size: 10px;
color: #000000;
padding-bottom: 10px;
}
.ypografi_wiq A:visited {
text-decoration: none;
font-size: 10px;
color: #000000;
padding-bottom: 10px;
}

.ypografi_wiq A:active {
text-decoration: none;
font-size: 10px;
color: #000000;
padding-bottom: 10px;
}
.ypografi_wiq A:hover {
text-decoration: none;
font-size: 10px;
color: #0066FF;
padding-bottom: 10px;
} 

.wiq_imgae  {
text-decoration: none;
font-size: 10px;
color: #0066FF;
padding-bottom: 10px;
} 
.wiq_image img {	 
	width: 26px;
	height: 26px;
	border: 0; 
	position:relative;
	float: left;
	}

	
	
	
	
.groovybutton
{
   font-size:10px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#ffffff;
   width:100px;
   height:20px;
   background-color:#666666;
   /*border-top-style:#000000;*/
   border-bottom-color:#000000;
   /*border-left-style:#000000;*/
   border-right-color:#000000;

}



.error {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size : 10px;
    color:#dd1111;
    padding:5px;

}	
	
	
	
.eisagogi {
      border: 2px solid #333333;
	  background-image: url(../images/degrade.png);
}



.eisagogi_error {
      border: 3px solid red;
	  background-image: url(../images/degrade.png);
}
-->