body{
	background-color: white;
	margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100%;
}

html{
	min-height: 100%:
	height: 100%;
}

div.logo img{
	height:40%; 
	width:auto; 
	padding-top:3%;
	padding-left: 5%;
	box-shadow: 0px 0px 0px black;
}


.fb img{
	box-shadow: 0px 0px 0px black;
	max-width: 20%;
}


p.keimeno{
	background-color: none;
	position: relative;
	top: -25%;
	display: inline-block;
	padding: 2%;
	color: transparent;
	margin-left: -1px;
	font-size: 0.9em;
	font-weight: bold
}

.pro-gall{
	height: 37%;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5.5%;
}
.pro-gall a{color:yellow; text-decoration:none
}
.proionta table{
	border-collapse:collapse;
}

table.pro-gall table,
table.pro-gall th, 
table.pro-gall td
{
	border: 20px solid #989898  ;
	background-size: 100%;
    text-align:center;
}

table.pro-gall td{
	width:25%;
	height: 50%;
}


tr:first-child td {
    background-color:transparent;
    background-position:50% 50%;
    background-size:contain;
	background-repeat:no-repeat ;
}  




div.logo-area{
	width: 100%;
	height: 20%;
	background-color:  black;
}

.langs{
	width: 10%;
	float: right;
	color: white;
	margin-top: -3%;
}


.langs a,
.langs a:visited,
.langs a:active{
	color: white;
	text-decoration: none;
}


.index .lang2,
.viotexnia .lang2,
.proionta .lang2,
.contact .lang2,
.metallia .lang2,
.kypella .lang2,
.plaketes .lang2,
.shmata .lang2,
.anamn .lang2,
.glass .lang2,
.agalmatidia .lang2,
.brelok .lang2{
	background-color: white;
}

.sub{
	font-weight:300;
	font-size: 0.9em;
	line-height:1.2em;
}




.index a.lang2,
.viotexnia a.lang2,
.proionta a.lang2,
.contact a.lang2,
.metallia a.lang2,
.kypella a.lang2,
.plaketes a.lang2,
.shmata a.lang2,
.anamn a.lang2,
.glass a.lang2,
.brelok a.lang2,
.agalmatidia a.lang2{
	color: #293333;
}
	table.gall td {border: 15px solid transparent;
}

.gall{
	margin-left: auto;
	margin-right: auto;
	padding-top: 3%;
}

a.lang1,
a.lang2,
a.lang3{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:3px;
}


.pro-img img{
	height: 80%;
	width: auto;
	margin-left: 12%;
}

.pro-img{
	padding-top:3%;
	
}


div.menu {
	width: 12%;
	margin-left: 4.3%;
	margin-top: 5%;
	line-height: 2.4em;
	color: black;
	float: left;
	font-size: 1.3em;
	font-size:120%;
	font-weight: 700;
	font-family:Arial, Helvetica, sans-serif;
}

div.menu a:hover,
div.menu a:active{
	color:#989898  ;
}


div.sub a:hover,
div.sub a:active{

	color: #989898  ;
	text-decoration: underline;

}

div.menu a{
	color: black;
	text-decoration: none;
}

.main-img{
	max-width: 40%;
	float: right;
	margin-top: 3.5%;
	margin-right: 15%;
	background-color: none;
	
}

.main-img img{
	width:91%;
	height: auto;
	box-shadow: 0px 0px 0px black;
}

.text img{
	height: 40%;
	width: auto;
}

.text{
	float: right;
	width: 60%;
	margin-right: 13%;
	text-align: justify;
	color: black;
	font-family:"Times New Roman", Times, serif;
	padding-top: 3%;
}

.text h1{
	color: #293333;
}

.map{
	float: right;
	margin-right: 25%;
	margin-top: 5%;
	box-shadow: 0px 0px 0px #888888;
	
}

img {
box-shadow: 10px 10px 5px #888888;
}