*{padding:0;margin:0}

body 
{
	margin:10px;
	padding: 0;
        background: #B5CADC;
	/*background: #B5CADC;*/
        /*background: #224684;*/
	
        font: normal .7em Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
        overflow:auto;/* gia na mh kanei o explorer scrolling small pages*/  
		
}

#wrapper {
	width: 820px;
	margin: 0 auto;
	/*overflow: auto;*/
	
}


h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #333333;	
}

p, blockquote, ol, ul {
	line-height: 160%;
}

a {
	color: #3A69BA;
         /*color: #EA672E;*/
}

a:hover {
	text-decoration: none;
        color: #EA672E;
        
}





#header 
{
	width: 820px;
	/*margin: 0px auto;*/
	margin-bottom: 10px;
	overflow: hidden;
	clear: both;
	border-radius:10px;
}

#header h1 {
	margin: 0;
	/*padding: 43px 0 0 0;*/
	text-align: center;
	letter-spacing: -1px;
	font-weight:bold;
}


#header h2 {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
}

#header a {
	text-decoration: none;
	color: #FFFFFF;
}






#logo1 
{		
	float:left;
	width: 200px;
	height: 150px;
	/*background-image: url(Images/img1.jpg);*/
	/*background-color:#ECDBC1;*/
}

#logo1 .flags
{
		padding-left:15px;
         position: relative;
         top: 19px;
         left: 25px;
         /*background-color: yellow;*/
         height:20px;
}

#logo1 .flags #flagmenu
{
         
}

#logo1 .flags #flagmenu ul
{

}

#logo1 .flags #flagmenu li
{

        display: inline;
        

}

.flaggreece {
	display: block;
	float: left;
	height: 20px;
        width: 32px;
        
        margin-right:5px;
        	
       
        /*vertical-align: middle;*/
	background-image: url(images/greece_small.gif);
	
}

.flagUK {
	display: block;
	float: left;
	height: 20px;
        width: 32px;
        
	margin-right:5px;
       
        /*vertical-align: middle;*/
	background-image: url(images/uk_small.gif);
	
}

.flaggermany {
	display: block;
	float: left;
	height: 20px;
        width: 32px;
        
	margin-right:5px;
       
        /*vertical-align: middle;*/
	background-image: url(images/germany_small.gif);
	
}

.flagitaly {
	display: block;
	float: left;
	height: 20px;
        width: 32px;
        
	
       
        /*vertical-align: middle;*/
	background-image: url(images/italy_small.gif);
	
}


#logo2
{
	
	/*float:right;*/
	width:820px;
	height:200px;
	background-image: url(Images/panorama_home_page.jpg);
	/*background-color: #688BC5;*/
}








#menu
{
	width: 820px;
	height: 30px;
	margin: 0 auto;
	background-color: #EFF3F9;
	border-radius:10px;
        
        
}

#menuleftwifi
{

     /*position: absolute;*/
     position:relative;
/*background-image: url(Images/wifi_logo.gif);*/
     height:20px;
     
     /*top:175px;
     left:225px;*/
     top:5px;
     /*left:10px;*/
     width:48px;
     /*background-repeat: no-repeat;*/
     float:left;
     color: orange;
     font-weight: bold;

}

#menuwifitext
{

     position: absolute;
     /*background-image: url(Images/wifi_logo.gif);*/
     
     
     top:179px;
     left:277px;
     
     /*background-repeat: no-repeat;*/
     font-size:0.9em;
     color: orange;
     font-weight: bold;

}

#menuwifitext a
{
    text-decoration: none;
    color:orange;

}

#menuwifitext a:hover {
	text-decoration: none;
        color: #EA672E;
        
}


#menuleft 
{
	
	/*float: left;*/
	
}

#menuleft ul {
	/*margin: 0;*/
	margin-left:210px;
                  
	list-style: none;
	line-height: normal;
}

#menuleft li {
	display: inline;
}

#menuleft a {
	display: block;
	float: left;
	height: 22px;
        
	padding: 8px 3px 0 5px;
       
        vertical-align: middle;
	/*background: url(images/diaxwristiko.gif)  no-repeat;*/
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#menuleft a:hover {
	text-decoration: underline;
        color: #EA672E;
        
}

#menuleft .first a {
	padding-left: 10px;
	
}


#menuright {
	float: right;
	
}

#menuright ul {
	margin: 0;
	padding: 3px 0 0 0;
	list-style: none;
	line-height: normal;
}

#menuright li {
	display: inline
}

#menuright a {
	display: block;
	float: left;
	height: 16px;
	padding: 6px 8px 0 15px;
         
	/*background: url(images/diaxwristiko.gif) no-repeat;*/
	
	text-decoration: none;
	font-weight: bold;
	font-size: xx-small;
}

#menuright a:hover {
	text-decoration: underline;
        color: #EA672E;
}


#menuright1 {
	background: url(images/mail1_16x16.gif) no-repeat left center;
        
}

#menuright2 {
	background: url(images/icon_user.gif) no-repeat left center;
        
}




/*breadcumb trail
 */

#gyrw{

     
  
        
}

#bread {
        background: #6283BF;
	/*background-color: #CAD7EA;*/
        height:20px;
	padding-left: 8px;
        margin-left:-10px;
        margin-right:-10px;
        color: white;
        margin-bottom:5px;
        border-radius:10px 10px 0 0;
	
	}


#bread ul {
	/*margin-left:210px;*/
	padding-left: 0;
	display: inline;
	border: none;

	}

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

#bread a {

color: #F0E2BB;

}




#main 
{
	/*width: 820px;*/
	/*margin: 0 auto;*/
	/*margin-top: 10px;*/
         margin-top: 2px;
        margin-bottom:10px;
	/*clear: both;------------------3anabalto---------------------------*/
	
}

#news
{
	margin-top:3px; /*giaaaaaaaaa breadcrump*/
	border-radius:10px;
}

#calendar
{
	
	
}

.boxed
{
	clear: left;
	float: left;
	background-color:#EFF3F9;
	width: 200px;
	margin-bottom: 15px;
	border-radius:10px;
	
	
}


.boxed .heading {
	margin-top: 0;
	text-align: center;
	padding: 8px 15px;
	background: #5E80BD url(images/img3.gif) no-repeat center bottom;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-radius:10px 10px 0 0;
}

.boxed a:hover
{
text-decoration: none;
color: #EA672E;
}


.boxed .updatecontent {
	
	padding: 10px;
}

.boxed .weathercontent {
	
	padding:5px;
  padding-top:10px;
}

.boxed .mapcontent {
 
     display: block;
     margin-left: auto;
     margin-right: auto;
     padding-top:4px;
     padding-bottom: 7px;
     border:0px;
   
}

.updatecontent ul
{
	margin: 0;
	list-style: none;
}

#updatecontent li {
	margin-bottom: 1em;
}

.updatecontent h3
{
	margin: 0;
	padding: 0 0 0 10px;
	background: url(images/arrow.gif) no-repeat left center;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
}

.updatecontent p {
	margin: 0;
	padding: 0 0 4px 10px;
	line-height: normal;
	font-size: 1em;
}





/*#maincontent
{
        padding: 10px;
	position: absolute;
	top: 210px;
	left:430px;
        width: 590px;
	
	float:right;
	height: 100px;
	background-color: #EFF3F9;
	
}*/




#maincontent {
	float: right;
	width: 590px;
        padding: 10px;
        padding-top:0px;/*for breadcrumbbbbbbbbbb*/
        height: auto;
	min-height: 618px;
        background-color: #EFF3F9;
        
        margin-top:3px;
        border-radius:10px;
}

/*Min height for Internet Explorer*/
/*\*/
* html #maincontent {

height: 613px;

}






/*only for photo gallery */


#gallerymaincontent{
 
   margin-top:20px;
}




/* css gia photogallery4.aspx */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
/*cursor: hand;*/
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}





   
#photogallery 
{    
        margin-top: 20px;
	height: 190px;
	min-height: 190px;
	/*float: left;*/
        /*background-color:green;*/
        clear:both;       
	
}

#photogallery ul {
	/*margin: 0;*/
	margin-left:10px;
	list-style: none;
	line-height: normal;
}

#photogallery li {
	display: inline;
}

#photogallery a {
	display: block;
	float: left;	
	padding: 8px 8px 0 10px;
}






#footer
{
        clear: both;
	/*border-top: 1px dotted #939A3C;*/
	/*font: normal .8em Tahoma, Arial, Helvetica, sans-serif;*/
	color: #FFFFFF;
        padding-top:10px;
        text-align: center;
        
        height:40px;
         background-color:#5E80BD;
         width:100%;
         /*background-color: yellow;*/
        /*background: #5E80BD url(images/img3.gif) repeat;*/
        border-radius:10px;
        
}

#footer .validate {

float:left;

}

#footer ul {
	margin: 0px;
	/*padding: 0px;*/
	list-style: none;
	/*text-align: center;*/
        padding-right:40px;
        /*background-color: green;*/
}

#footer li {
	display: inline;
}

#footer a {
        color: #fff;
	padding: 0px 5px;
        
}



#footer .copyright{
        padding-right: 10px;
        text-align:right;
        font-size: .8em;
        /*background-color: pink;*/
}





/*weather control...........*/
.temp{
    font-size:22px;
    font-family:Tahoma;
    }

.cc{
    font-size: 11px;
    font-family:Tahoma;
    }

.fcastWeekDay{
    font-weight: bold;
    }
    
.ccLoc{
    font-weight: bold;
    
    }

.fcastDate{
    font-size: 11px;
    font-family:Tahoma;
    }

.curWind{
    font-size: 11px;
    font-family:Tahoma;
    }

.weatherTable{
    padding:5px;
    background-color:white;
    text-align: center;
    border:solid 1px #c3c3c3;
    }
    
.fcastTable{
    padding:3px;
    background-color:white;
    text-align:center;
    border:solid 1px #c3c3c3;
    }









/* bullet periexomeno */
#periexomeno 
{

        margin-left: 20px;
        margin-top:30px;
        margin-right:20px;
        
}

#periexomeno .title
{

  font-size: 1.5em;
  margin-bottom:10px;
  

}

#periexomeno .content
{

  font-size: 1.1em;
  

}

#periexomeno .ypografh
{

  font-size: 1.2em;
 
  

}


#periexomeno ul{
      
         list-style-type: none;
         padding-left: 0;
          margin-left: 0;

}

#periexomeno li {

       list-style-image: none;
       background-image: url(Images/li_bullet.gif);
       background-repeat: no-repeat;
       background-position: 0 .5em;
       padding-left: 10px;
       
       
       
       font: bold 1.2em Tahoma, Arial, Helvetica, sans-serif;

       margin-bottom:15px;
       color:#3A69BA;        

}
   
#periexomeno .subcontent{

 font-weight:normal;
 font-size: 0.8em;
 color:black;
 

}

#periexomeno .arrowsubcontent{

 padding-left: 13px;
 font-weight:normal;
 font-size: 0.8em;
 color:black;
 background-image: url(Images/arrow_145.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;

}