@import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=greek);
html,body   
{ 
    padding: 0;
	border: 0;
	font-size: 11pt;
	font-family: verdana;
	vertical-align: baseline;
    margin:0; 
	width:100%;
	height:100%;
    background-color: #F0F0E0;
	}
	
	#text{
	text-align:justify;
	}
	#biotext{
	margin-top: 30px;
	display:none;
	text-align: justify;
	margin-bottom:50px;
	}
	#bioword:hover
	{
	cursor: pointer;
	color: #AD8045;
	
	}
	#bioword{
	z-index:12;
	font-size:11pt;
	background-color:#F2F2F2;
	border: 1px dashed #5A8C96;
	width:151px;
	position:absolute;
	color:grey;
	bottom:2px;
	opacity:0.7;
	}
	#text1{
	float: left;
	width : 80px;
	margin:7px;
	}
	#bioword img{
	
	margin-top: 5px;
	width:12%;
	padding: 5px;
	float:right;
	}
	#work1{
	
	background-color:#FDFDFD ;
/* 	border: 1px grey dashed;
 */	padding: 8px;
	border-radius: 5px;
	-webkit-box-shadow: 4px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 2px 5px 0px rgba(50, 50, 50, 0.75);
	width: 100%;
	
	}
	
	#work1 #titleerga{
	font-size: 14pt;
	text-align: left;
    
	}
	
.crubs{
	padding-top:5px;
	padding-left:5px;
	font-size:10px;
}	
	 
.crubs a{

	color:#FF9900 !important; 
}

a:link 
{ 
color: #8D0000; 
text-decoration:none;  
line-height:22px;
}

a:visited { 
color: #860808; 
text-decoration:none; 
}

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



h1    {
	font-size : 36pt;
    color :#003366;
	text-align : center;
}

h2     {
	font-size : 24pt;
	color :#003366;
    text-align : center;
}

h3     {
	font-size : 18pt;
    text-align : center;
}

h4     {
	font-size : 14pt;
    text-align : center;
}

h5     {
	font-size : 12pt;
    text-align : center;
}

h6     {
	font-size : 13pt;
    text-align : left;
    color: #544854; 
}



hr    
{ color: #FF0000; }

.wrapper {
position:relative;
width:75%;
margin: 0 auto;
}
#dropdown-menu{
padding-top:5px;
margin: 0 auto;
width: 17%;

}


.main{
	font-family: 'Ubuntu Condensed', 'sans-serif';
	position:relative;
	width:70%;
	margin:0 auto;
	overflow:auto;
	
}

.image1{
float: left;
width: 45%;
}
.image2{
float: right;
width:45%;
}



.main img{
	width:55%;
	margin:0 auto;
	display:block;
	border: 1px solid gray;
}

.centerimage{

position:relative;
top:0px;
width:250px;
height:50%;
float:left;
}

.centerimage img{
 width:50%;
 /* border: 1px grey solid; */
}
.image {
/* width: 25%;
display: block;
position: absolute;
top: 5%;
right: 14%;
border: 1px grey solid; */
}

.image img {
border: 1px grey solid;
width:60%;
}

#list{
	position: relative;
padding-left: 51px;
	margin-left: 190px;
}


footer {
width:55%;
margin:0 auto;
border-radius:15px;
margin-top:10px;
font-size: 9pt;
border: 1px grey dashed ;
padding: 8px;
text-align: center;
}
/* =====================================*/
/* Adjustments for Mobile Devices       */
/* =====================================*/

@media (max-width: 480px) {
  p { font-size: 12pt; margin-left: 1%; margin-right: 1%; margin-bottom: 4pt; margin-top: 4pt; line-height: 125%; }
  p.indentb { margin-left: 6%; margin-right: 1%; }
  p.quoteb { margin-left: 6%; margin-right: 1%; }
  p.index { margin-left: 6%; margin-right: 1%; }
  h1 { font-size: 18pt; margin-left: 1%; margin-right: 1%; }
  h2 { font-size: 16pt; margin-left: 1%; margin-right: 1%; }
  h3 { font-size: 14pt; margin-left: 1%; margin-right: 1%; }
  h4 { font-size: 13pt; }
  h5 { margin-left: 1%; }
  h6 { margin-left: 1%; }
  img { width: 150px; height: auto; }
  img.auto {width: auto ; height: auto; }
  blockquote {margin-left: 1%; }
}