html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}

body { background-color: rgb(255 255 255); background-image: url(bg.jpg); color: rgb(0 0 0); font-size: 0; font-family: 'Noto Serif', serif; }

img{ background-color:rgb(239 217 182); border:0 none;}

li{ list-style-type:none; }

a { color: rgb(255 224 88); text-decoration: none; }

h1 { color: rgb(233 106 12); text-shadow: 1px 1px 0 rgb(48 48 48); margin: 10px 5px 0 5px; display: block; line-height: 24px; font-size: 22px; font-weight: normal; }

.charoula { background-color: rgb(238 227 192); background: linear-gradient(to bottom,rgb(166 87 31),rgb(49 34 15)); border: 1px solid rgb(53 20 7); outline: 1px solid rgb(57 52 24); box-shadow: 0 10px 20px -10px rgb(0,0,0); text-align: center; overflow: hidden; }
.marianna { display: inline-block; vertical-align: top; border-left: 1px solid rgb(95 75 29); border-right: 1px solid rgb(91 59 16); box-shadow: 0 0 0 1px rgb(53 24 3);  }
.marianna a { background-color: rgb(163 196 197); background: linear-gradient(to bottom,rgb(125 40 24),rgb(0 0 0)); color: rgb(229 207 41); display: block; height: 30px; font-size: 20px; line-height: 30px; text-transform: uppercase;  padding: 10px 20px; }
.marianna a span { color: rgb(251 9 9); }




.marieta { margin: 0 auto; text-align: center; width: 100%; }
.michail{visibility:hidden}
.nikiforos { text-align:center; width: 100%; overflow: hidden; padding: 2px 0 20px 0; }
.odyssefs li { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; height: 20px; line-height: 20px; font-size: 16px; text-transform: uppercase; }
.odyssefs li a { color: rgb(243 241 235); text-shadow: 1px 1px 0 rgb(20 20 20); }
.odyssefs li a:hover, .odyssefs li.active a { color: rgb(243 112 112);  }
.paraskevas { width: 50%; float: left; position: relative; overflow: hidden; color: rgb(46 45 45);  box-shadow: 0 10px 20px -10px rgb(0,0,0); }
.paraskevas a { display: block; background-color: rgb(11 19 0); margin: 2px 1px 0 1px; overflow: hidden; }
.paraskevas a:hover { background-color: rgb(93 78 53); background: linear-gradient(to bottom,rgb(17 68 123),rgb(4 34 41)); color: rgb(255,255,255); }
.paraskevas img { width: 100%; height: auto; max-height: 330px; }
.paraskevas a:hover .paraskevas-gxw { background-color: rgb(94 71 26); background: linear-gradient(to bottom,rgb(140 119 38),rgb(70 51 8)); }
.paraskevas-gxw { background-color: rgb(118 64 19); border: 1px solid rgb(23 92 128); margin: 1px; padding: 1px; overflow: hidden; }
.paraskevas .spiridon { font-size: 12px; text-transform: uppercase; display: block; overflow: hidden; height: 40px; text-shadow: 1px 1px 0 rgb(87 34 11); padding: 0 5px; line-height: 40px; text-align: left; }
.footer { box-shadow: 0 -1px 0 0 rgb(43 77 127); border-top: 1px solid rgb(40 81 99); margin: 20px 1px 0 1px; padding: 20px 5px; font-size: 16px; }
.footer span { color: rgb(217 9 9); }
.footer a { color: rgb(255,255,255); text-decoration: underline; }
.footer a:hover { text-decoration: none; }


.stergios { color: rgb(67 145 209); box-shadow: 0 10px 20px -10px rgb(61 115 147); width: 50%; float: left; position: relative; overflow: hidden; }
.stergios a { display: block; background-color: rgb(226 215 249); margin: 2px 1px 0 1px; overflow: hidden; }
.stergios a:hover { background-color: rgb(137 175 182); background: linear-gradient(to bottom,rgb(180 128 84),rgb(86 50 6)); color: rgb(255,255,255); }
.stergios img { width: 100%; height: auto; max-height: 330px; }
.stergios a:hover .paraskevas-gxw { background-color: rgb(107 165 175); background: linear-gradient(to bottom,rgb(52 126 133),rgb(7 78 105)); }

.paraskevas-amalthea .morrivos { color: rgb(28 141 146); border-left: 1px solid rgb(58 29 8); box-shadow: -1px 0 0 0 rgb(102 59 13); text-transform: uppercase; padding: 0 10px; float: right; line-height: 18px; margin: 6px 0; height: 18px; font-size: 12px; text-shadow: 1px 1px 0 rgb(0,0,0); }
.paraskevas-amalthea .morrivos span { color: rgb(110 197 238); }
.paraskevas-amalthea:hover .morrivos { border-left-color: rgb(152 99 23); box-shadow: -1px 0 0 0 rgb(75 52 15); color: rgb(4 54 69); }



.thekla { overflow: hidden; }
.nws { border-top: 1px solid rgb(27 22 22); box-shadow: 0 -1px 0 0 rgb(43 54 71); margin-top: 1px; text-align: center; padding-bottom: 10px; }
.timothea { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; }
.timothea-2, .timothea-3, .timothea-4, .timothea-5 { display: none; }
.varvara { border-top: 1px solid rgb(12 43 62); }



@media all and (min-width:492px) {
    .paraskevas, .stergios { width: 33.3333%; }
}
@media screen and (min-width: 672px) {
    .timothea-2 { display: inline-block; }
	}
	
@media all and (min-width:738px) {
    .paraskevas, .stergios { width: 25%; }
}

@media all and (min-width:1012px) {
    .charoula { margin: 10px 1px 0 1px; }
    .marianna { float: left; }
    .marianna a { height: 40px; font-size: 24px; line-height: 40px; padding: 10px 20px; }
	.odyssefs { float: left; text-align: left; padding: 20px 0 20px 10px; }
	.odyssefs li { text-align: center; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid rgb(15 56 68); box-shadow: 1px 0 0 0 rgb(106 64 20); }
    .marieta { width: 992px; }
    .nikiforos { padding-top: 8px; }
    .paraskevas { width: 246px; margin: 2px 1px 0 1px; }
    .paraskevas img { width: 240px; height: 320px; max-height: 320px; }
    .paraskevas .spiridon { font-size: 14px; padding: 0 10px; }
    .stergios { width: 20%; }
}

@media all and (min-width:1260px) {
    .marieta { width: 1240px; }
    .stergios { width: 16.6666%; }
	.timothea { margin: 10px 1px 0 1px; }
    .timothea-3, .timothea-4 { display: inline-block; }
}

@media all and (min-width:1508px) {
    .marieta { width: 1488px; }
    .stergios { width: 12.5%; }
	.timothea { margin: 10px 5px 0 5px; }
    .timothea-5 { display: inline-block; }
}