body {background-image: url(http://www.ireal.gr/images/back.png);
 margin-top: 0px; padding-top: 0px;  
 background-color:#FFFFff;
 position: relative;
	background-repeat: repeat-x; }

bosdy{background-color:#FFFFCC;}
	
img {border:0px;}
	
	.hiddenpic {display:none;}
h1 {color :blue}
h2 {color: black} 
p {margin-left: 50px}

.preload {background-color: #FFFFCC; position:absolute; width:80%; height:600px; border: 0px;  z-index:1; font-size: 200%; font-weight:bold; border-spacing: 0px;
text-align:center; opacity:0.7;
 }

a.title {float: left;
width: 100%;
height: 100px;
text-decoration:none;
white-space: nowrap;
color:white;
background-image: url(./images/bar_1.jpg);

padding:0.5em 0em;
left:0px;
font-size: 140%;}

table.buttons{
white-space: nowrap;
color: white; 
position:relative;
font: 12px Tahoma;
background-color: #FFFFCC;
top: 0px;
width:80%;
border-spacing: 0px;

}
table {font: 12px Tahoma; background-color: #FFFFCC;} 



a.buttons {
float: left;
width: 100%;
text-decoration:none;
white-space: nowrap;
color:white;
background-image: url(./images/b2.png);
background-repeat: repeat-x;
padding:0.5em 0em;
left:0px;
font-size: 140%;
}

img.flag {border:0px; margin-right: 0.5%;}

a.buttons:hover {background-image: url(./images/b2o.png);
background-repeat: repeat-x;}

a.buttons:active {background-image: url(./images/b2o.png);
background-repeat: repeat-x;}

td {vertical-align: middle }

a.selection1 {
vertical-align: middle;
float: left;
width: 100%;
text-decoration:none;
color: white;
background-image: url(./images/b2.png);
background-repeat: repeat-x;
padding:0.5em 0em;
white-space: nowrap;
font-size: 140%;}

a.selection1:hover {background-image: url(./images/b2o.png);
background-repeat: repeat-x;}

a.selection1:active {background-image: url(./images/b2o.png);
background-repeat: repeat-x;}

table.selection1 {border-color: black;
border: 2px;}

img.selection1{float: right; padding: 0px 0px; }

.thumbnail{
position: relative;
z-index: 0;
}

div.map {width: 100%; 
height: 420px;
margin: 10px 0px 0px 0px;

}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px;
left: 000px;
/*border: 1px dashed gray;*/
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: -10px;
left: -70px; /*position where enlarged image should offset horizontally */
}


div.opa {color: red;
font-weight: 700;

}

img.network {
float: right;
}
table.network {
border-bottom-color: blue;

	/*border-left: none;*/
	/*border-right: none;*/
	
}
td.network{
background-color: white; 
border-bottom: navy solid;
	border-left: 50px;
	border-right-width: 5px;


padding-top: 10px;
	vertical-align: center;
}

.list {border-bottom-color: blue;}


table.list {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: blue blue blue blue;
	border-collapse: collapse;
	background-color: white;
}
table.list th {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.list td {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}



a.footer {text-decoration: none; font-weight: bold ;color: #FFFFCC;}