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: 'Mulish', serif; }

img{ background-color:rgb(187 169 219); border:0 none;}

li{ list-style-type:none; }

a { color: rgb(184 228 244); text-decoration: none; }

h1 { color: rgb(226, 64, 248); text-shadow: 1px 1px 0 rgb(34 34 34); margin: 10px 5px 0 5px; display: block; line-height: 24px; font-size: 22px; font-weight: normal; }

.chreste { background-color: rgb(122 163 176); background: linear-gradient(to bottom,rgb(3, 151, 210),rgb(3 19 31)); border: 1px solid rgb(21 99 108); outline: 1px solid rgb(29 56 59); box-shadow: 0 10px 20px -10px rgb(0,0,0); text-align: center; overflow: hidden; }
.chrysante { display: inline-block; vertical-align: top; border-left: 1px solid rgb(41 81 95); border-right: 1px solid rgb(2 15 17); box-shadow: 0 0 0 1px rgb(26 80 125);  }
.chrysante a { background-color: rgb(75 33 87); background: linear-gradient(to bottom,rgb(137, 42, 145),rgb(14 0 22)); color: rgb(227 251 255); display: block; height: 30px; font-size: 20px; line-height: 30px; text-transform: uppercase;  padding: 10px 20px; }
.chrysante a span { color: rgb(255 229 237); }




.corinthia { margin: 0 auto; text-align: center; width: 100%; }
.demophon{visibility:hidden}
.diodoros { text-align:center; width: 100%; overflow: hidden; padding: 2px 0 20px 0; }
.diocles li { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; height: 20px; line-height: 20px; font-size: 16px; text-transform: uppercase; }
.diocles li a { color: rgb(238 254 255); text-shadow: 1px 1px 0 rgb(20 20 20); }
.diocles li a:hover, .diocles li.active a { color: rgb(138 243 253);  }
.epiphanes { width: 50%; float: left; position: relative; overflow: hidden; color: rgb(46 46 46);  box-shadow: 0 10px 20px -10px rgb(0,0,0); }
.epiphanes a { display: block; background-color: rgb(7 22 23); margin: 2px 1px 0 1px; overflow: hidden; }
.epiphanes a:hover { background-color: rgb(56 86 91); background: linear-gradient(to bottom,rgb(133 174 175),rgb(22 54 61)); color: rgb(255,255,255); }
.epiphanes img { width: 100%; height: auto; max-height: 330px; }
.epiphanes a:hover .epiphanes-ghx { background-color: rgb(42 74 86); background: linear-gradient(to bottom,rgb(8 101 116),rgb(26 124 124)); }
.epiphanes-ghx { background-color: rgb(111 15 126); border: 1px solid rgb(24 128 124); margin: 1px; padding: 1px; overflow: hidden; }
.epiphanes .adonis { font-size: 12px; text-transform: uppercase; display: block; overflow: hidden; height: 40px; text-shadow: 1px 1px 0 rgb(56 11 87); padding: 0 5px; line-height: 40px; text-align: left; }
.footer { box-shadow: 0 -1px 0 0 rgb(61 21 75); border-top: 1px solid rgb(68 14 81); margin: 20px 1px 0 1px; padding: 20px 5px; font-size: 16px; }
.footer span { color: rgb(173 57 219); }
.footer a { color: rgb(255,255,255); text-decoration: underline; }
.footer a:hover { text-decoration: none; }


.eudokia { color: rgb(154 85 233); box-shadow: 0 10px 20px -10px rgb(190 142 247); width: 50%; float: left; position: relative; overflow: hidden; }
.eudokia a { display: block; background-color: rgb(226 215 249); margin: 2px 1px 0 1px; overflow: hidden; }
.eudokia a:hover { background-color: rgb(143 116 162); background: linear-gradient(to bottom,rgb(172 148 220),rgb(99 63 126)); color: rgb(255,255,255); }
.eudokia img { width: 100%; height: auto; max-height: 330px; }
.eudokia a:hover .epiphanes-ghx { background-color: rgb(120 58 155); background: linear-gradient(to bottom,rgb(180 123 229),rgb(109 40 151)); }

.epiphanes-hyppolutys .arnaldo { color: rgb(110 61 168); border-left: 1px solid rgb(37 23 60); box-shadow: -1px 0 0 0 rgb(116 83 156); 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); }
.epiphanes-hyppolutys .arnaldo span { color: rgb(145 110 238); }
.epiphanes-hyppolutys:hover .arnaldo { border-left-color: rgb(116 23 152); box-shadow: -1px 0 0 0 rgb(38 47 88); color: rgb(30 6 111); }



.homer { overflow: hidden; }
.sth { border-top: 1px solid rgb(25 23 23); box-shadow: 0 -1px 0 0 rgb(50 44 61); margin-top: 1px; text-align: center; padding-bottom: 10px; }
.pobed { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; }
.pobed-2, .pobed-3, .pobed-4, .pobed-5 { display: none; }
.roomnver { border-top: 1px solid rgb(49 17 68); }



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

@media all and (min-width:1012px) {
    .chreste { margin: 10px 1px 0 1px; }
    .chrysante { float: left; }
    .chrysante a { height: 40px; font-size: 24px; line-height: 40px; padding: 10px 20px; }
	.diocles { float: left; text-align: left; padding: 20px 0 20px 10px; }
	.diocles li { text-align: center; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid rgb(54 20 70); box-shadow: 1px 0 0 0 rgb(20 80 92); }
    .corinthia { width: 992px; }
    .diodoros { padding-top: 8px; }
    .epiphanes { width: 246px; margin: 2px 1px 0 1px; }
    .epiphanes img { width: 240px; height: 320px; max-height: 320px; }
    .epiphanes .adonis { font-size: 14px; padding: 0 10px; }
    .eudokia { width: 20%; }
}

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

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