@charset "utf-8";
/* CSS Document */
#logo-text
{width:100%; height:150px; padding-top:50px; padding-left:25px;
font-family: 'Comic Sans MS', Arial, cursive;
line-height: 1em;
color: #9595f0;
font-weight:bold;
font-style:italic;
font-size: 52px;
text-shadow:0px 0px 0 rgb(114,114,205),1px 1px 0 rgb(97,97,188),2px 2px 0 rgb(79,79,170),3px 3px 0 rgb(61,61,152),4px 4px 0 rgb(44,44,135),5px 5px 0 rgb(26,26,117), 6px 6px 0 rgb(8,8,99),7px 7px 6px rgba(0,0,0,0.6),7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);}

#HLIAS
{

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 14px;

text-shadow: 1px 1px 0px #FFFFFF;

-webkit-transform: rotate(26deg);

-moz-transform: rotate(26deg);

-o-transform: rotate(26deg);

background-image: -moz-linear-gradient(top, #000000, #FFFF66);

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #000000), color-stop(1.0, #FFFF66));

border: 7px solid #000000;

background-color: #000000;

padding: 15px;

z-index: 3;

font-family: Verdana, Geneva, sans-serif;

font-size: 14pt;

color: #000000;

text-align: center;

outline: 0px solid #000000;


position: absolute;
left: 500px;
top: 80px;
width: 250px;
height: 60px;
background-color: rgb(0, 0, 0);
padding: 15px;
opacity: 1;
font-size: 12pt;
color: rgb(136, 136, 136);
text-align: center;
font-family: Verdana,Geneva,sans-serif;
border-radius: 4px 4px 4px 4px;
transform: rotate(26deg);
background-image: -moz-linear-gradient(center top , rgb(0, 0, 0), rgb(255, 255, 102));
border: 7px solid rgb(0, 0, 0);
outline: 0px solid rgb(0, 0, 0);
text-shadow: 1px 1px 0px rgb(255, 255, 255);
z-index: 3;
}


#LAOGRAFIKO-MOYSEIO
{
    
left: 20px;
top: 20px;
width: 920px;
height: 350px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 8px 8px 17px #696969;
-moz-box-shadow: 8px 8px 17px #696969;
box-shadow: 8px 8px 17px #696969;
background-color: #FFFACD;
padding-top: 15px; padding-left: 20px; padding-right: 20px; padding-bottom:15px;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
font-style: italic;
font-size: 13pt;
color: #888888;
text-align: justify;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 29px;
-moz-column-gap: 29px;
column-gap: 29px;
-webkit-column-rule: 5px solid #DC143C;
-moz-column-rule: 5px solid #DC143C;
column-rule: 5px solid #DC143C;

}
#span-LAOGRAFIKO1
{
    font:Arial, Helvetica, sans-serif;
    text-align:center;
    color:#900;
    text-decoration:underline; 
}

#span-LAOGRAFIKO2
{
    font:Arial, Helvetica, sans-serif;
    color:#900;
    text-decoration:underline;
}
#kalo-kalokairi-uaer-top
{
  position: absolute;
  
  margin-top: 80px;
  margin-left: 580px;
  z-index: 1000; 
  width: 321px;
height: 120px;
background-color: rgb(221, 221, 221);
padding: 14px;
opacity: 1;
font-size: 14pt;
color: rgb(136, 136, 136);
text-align: center;
font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;
border-radius: 26px 26px 26px 26px;
box-shadow: 13px 13px 17px rgb(0, 0, 0);
transform: rotate(57deg) skew(48deg, -18deg);
background-image: -moz-linear-gradient(center top , rgb(255, 255, 224), rgb(255, 255, 102));
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
   border-radius: 26px;
   -webkit-box-shadow: 13px 13px 17px #000000;
   -moz-box-shadow: 13px 13px 17px #000000;
   box-shadow: 13px 13px 17px #000000;
   -webkit-transform: rotate(57deg) skew(48deg,-18deg);
   -moz-transform: rotate(57deg) skew(48deg,-18deg);
   -o-transform: rotate(57deg) skew(48deg,-18deg);
   background-image: -moz-linear-gradient(top, #FFFFE0, #FFFF66);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFE0), color-stop(1.0, #FFFF66));
   background-color: #DDDDDD;
   padding: 14px;
   font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
   font-size: 14pt;
   color: #888888;
   text-align: center;
}
#anakoinwseis
{
    position: absolute;
    padding: 20px;
    margin-top: 20px;
    margin-left: 130px;
    border:solid 3px #03F;
    z-index: 1;
    
}
#anakoinwseis1
{ position: relative;
    width: 600px;
  height: 700px;}


#kalo-kalokairi-promo
{
  position: absolute;
  
  margin-top: -365px;
  margin-left: 520px;
  z-index: 1000;
  width: 260px;
height: 120px;
background-color: rgb(221, 221, 221);
padding: 14px;
opacity: 1;
font-size: 12pt;
color: rgb(136, 136, 136);
text-align: center;
font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;
border-radius: 26px 26px 26px 26px;
box-shadow: 13px 13px 17px rgb(0, 0, 0);
transform: rotate(57deg) skew(48deg, -18deg);
background-image: -moz-linear-gradient(center top , rgb(255, 255, 224), rgb(255, 255, 102));
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
   border-radius: 26px;
   -webkit-box-shadow: 13px 13px 17px #000000;
   -moz-box-shadow: 13px 13px 17px #000000;
   box-shadow: 13px 13px 17px #000000;
   -webkit-transform: rotate(57deg) skew(48deg,-18deg);
   -moz-transform: rotate(57deg) skew(48deg,-18deg);
   -o-transform: rotate(57deg) skew(48deg,-18deg);
   background-image: -moz-linear-gradient(top, #FFFFE0, #FFFF66);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFE0), color-stop(1.0, #FFFF66));
   background-color: #DDDDDD;
   padding: 14px;
   font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
   font-size: 12pt;
   color: #888888;
   text-align: center;  overflow: hidden;
}
#vmarquee
{position:absolute;
width:98%;height: 450px; }
#my-marqueecontainer
{
position: absolute;
width: 260px; /*marquee width */
height: 180px;
overflow: hidden;
padding: 5px;
padding-left: 4px;
}
/* ΜΑΡΜΑΡΑ */
#marmara
{
   position:relative;
   width: 960px;
   height: 600px;
}
#marmara1
{
  margin-top:25px; 
  margin-left:10px;
  position:absolute;
  width: 600px;
  height: 400px; 
  z-index: 1; 
}
#marmara2
{
  
  padding: 15px;
  margin-top:20px;
  margin-left:620px;
  position:absolute;
  width: 320px;
  height: 400px;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  text-align:justify;
  z-index: 2;
}
#marmara3
{
  
  padding: 15px;
  margin-top:423px;
  margin-left:7px;
  position:absolute;
  width: 930px;
  height: 400px;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  text-align:justify;
  z-index: 3;
}

#marmara4
{
  
  padding: 15px;
  margin-top:-25px;
  margin-left:170px;
  position:absolute;
  width: 800px;
  height: 80px;
  font-size: 22px;
  font-weight: bold;
  font-style: italic;
  
  z-index: 4;
}

#marmara5
{
  
  
  margin-top:580px;
  margin-left:270px;
  position:absolute;
  width: 650px;
  height: 150px;
  z-index: 5;
}

#marmarobrisi
{
   position:relative;
   
   width: 560px;
   height: 300px;
}
#marmarobrisi1
{
  margin-top: 5px;
  margin-left:  80px;
  position:absolute;
  width: 350px;
  height: 100px;
  font-size: 22px;
  font-weight: bold;
  font-style: italic;
  z-index: 1;
}
#marmarobrisi2
{
  
  padding: 15px;
  margin-top:25px;
  margin-left:-75px;
  position:absolute;
  width: 530px;
  height: 360px;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  text-align:justify;
  z-index: 2;
}

#kostopoulos
{
   position:relative;
   width: 960px;
   height: 1500px;
}
#kostopoulos1
{
  margin-top:35px;
  margin-left:370px;
  position:absolute;
  width: 520px;
  height: 400px;
  z-index: 1;
}
#kostopoulos2
{
  margin-top:445px;
  margin-left:30px;
  position:absolute;
  width: 860px;
  height: 100px;
  z-index: 2;
}
#kostopoulos3
{
  margin-top:500px;
  margin-left:10px;
  position:absolute;
  width: 910px;
  height: 750px;
  z-index:3;
}
#kostopoulos4
{
  margin-top:1280px;
  margin-left:750px;
  position:absolute;
  width: 100px;
  height: 100px;
  z-index:4;
}
#fwni
{
   position:relative;
   width: 960px;
   height: 3300px;
}
#fwni1
{
  margin-top:0px;
  margin-left:0px;
  position:absolute;
  width: 960px;
  height: 250px;
  z-index: 0;
}
#fwni2
{
  margin-top:370px;
  margin-left:20px;
  padding-left:30px;
  position:absolute;
  width: 865px;
  height: 3200px;
  font-weight:bold;
  font-size: 16px;
  z-index: 1;
}
#ekloges_0
{
   position:relative;;
   width: 915px;
   height: 670px;
   background-color :#ffffcc;
   margin-top:-11px;
   margin-left:-11px;
}  
#ekloges_1
{
  position:absolute;
  margin-top:0px;
  margin-left:0px;
  width: 940px;
  height:150px;
  
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  text-align:justify;
  z-index: 1;
  
}
#ekloges_2
{
  position:absolute;
  margin-top:180px;
  margin-left:340px;
  width: 500px;
  height:300px;
  padding : 10px;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  text-align:justify;
  z-index: 2;
  
}
#ekloges_3
{
  position:absolute;
  margin-top:390px;
  margin-left:50px;
  width: 830px;
  height:300px;
  padding : 10px;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  text-align:justify;
  z-index: 3;
  
}