/* html5reset.css ============================================================================= */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
html {}
body {line-height: 1;font-family:'Roboto';background-color:#F1F1F1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
b {font-weight:600;}
a {font-size: 100%;vertical-align: baseline;background: transparent;text-decoration:none;}
a:hover {text-decoration:underline;}
ins {background-color: #fff;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000; font-style: italic;font-weight:bold;}
del {text-decoration:  line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;   border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;}


/* BASIC PAGE SETUP ============================================================================= */
body { margin : 0 auto;padding : 0;font : 16px/0.8 'Arial', sans-serif;font-weight:300;color:#000;text-align: left;}
button, input, select, textarea { color : #202020; }

/*  HEADINGS  ============================================================================= */
h1, h2, h3, h4, h5, h6 { font-weight:400;font-weight:400;margin-top: 0px;}
h1 { font-size :  1.7em;	margin-bottom : 0.2em;line-height : 1.4; }
h2 { font-size :  1.4em;	margin-bottom : 0.5em;margin-top : 0.5em;line-height : 1.2;}
h3 { font-size :  1.2em;	margin-bottom : 0.3em;line-height : 1.3; }
h4 { font-size :  1.1em;	margin-bottom : 0.5em;line-height : 1.25; }
h5 { font-size :  1em;		margin-bottom : 1.25em;}
h6 { font-size : 1em;	}


/*  TYPOGRAPHY  ============================================================================= */
p, ol, ul, dl, address { margin-bottom : .5em; font-size : 1em; /* 16 / 16 = 1 */ }
p {hyphens : auto;  }
ul, ol { margin :0; padding:0; }
li ul, li ol { margin : 0;font-size : 1em; /* 16 / 16 = 1 */ }
dl, dd { margin-bottom : 1.5em; }
dt { font-weight:400;font-weight:400; }
b, strong { font-weight:700; }
hr { display : block; margin : 1em 0; padding : 0;height : 1px; border : 0; border-top : 1px solid #ccc;}
small { font-size : 1em; /* 16 / 16 = 1 */ }
sub, sup { font-size : 75%; line-height : 0; position : relative; vertical-align : baseline; }
sup { top : -.5em; }
sub { bottom : -.25em; }
.subtext {	color: #000;	}

/* LINKS =============================================================================  */
/*a { color : #787200;}//-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	transition: all 0.3s ease;text-decoration: underline;}
*/
ul a {text-decoration:none;}
/*a span {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}*/
	/*a:visited { color : #ee3344; }*/
a:focus { color : rgb(0,0,0); }
a:hover, a:active { outline : 0; }
a#backtotop {position:fixed;width:36px;height:36px;z-index:100;}


/* IMAGES ============================================================================= */
img {
border : 0;}/*max-width: 100%;}*/

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/* TABLES ============================================================================= */
table { border-collapse : collapse;border-spacing : 0;margin-bottom : 1.4em; width : 100%; }
th, td, caption { padding : .25em 10px .25em 5px; }
tfoot { font-style : italic; }
caption { background-color : transparent; }


/*  SECTIONS  ============================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}

/*  CODE  ============================================================================= */
pre.code {padding: 0;margin: 0;font-family: monospace;white-space: pre-wrap;font-size: 1.1em;}
strong.code {font-weight:400;font-weight:400;font-family: monospace;font-size: 1.2em;}

div.code {padding:20px;font-family:monospace;font-size:0.7em;background:#000;color:#fff;margin:10px 0 10px 0;}

/*  NOTES  ============================================================================= */
.note {position:relative;padding:1em 1.5em;margin: 0 0 1em 0;background: #fff;
	background: rgba(255, 255, 255, 0.5);overflow:hidden;}
.note:before {
	content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;
	border-color:transparent transparent #cccccc #cccccc;background:#cccccc;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	display:block; width:0; /* Firefox 3.0 damage limitation */}
.note.rounded {-webkit-border-radius:5px 0 5px 5px;-moz-border-radius:5px 0 5px 5px;border-radius:5px 0 5px 5px;}
.note.rounded:before {
	border-width:8px;border-color:#ff #ff transparent transparent;
	-webkit-border-bottom-left-radius:5px;-moz-border-radius:0 0 0 5px;border-radius:0 0 0 5px;}

/*  GLOBAL OBJECTS ============================================================================= */
.breaker { clear: both; }
.group:before,
.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
.floatleft{float: left;}
.floatright{float: right;}
*{ outline:none;}
a:focus {outline: none; }
div.clear {clear:both;height:0px;}
span.icon {font-family:icons;}

/* VENDOR-SPECIFIC ============================================================================= */
html { -webkit-overflow-scrolling : touch; -webkit-tap-highlight-color : rgb(52,158,219);
	-webkit-text-size-adjust : 100%; -ms-text-size-adjust : 100%; }
.clearfix { zoom : 1; }
::-webkit-selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; }
::-moz-selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; }
::selection { background : #00354D; color : rgb(250,250,250); text-shadow : none; }
button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance : button; }
::-webkit-input-placeholder {font-size : .875em; line-height : 1.4; }
input:-moz-placeholder { font-size : .875em; line-height : 1.4; }
.ie7 img,.iem7 img { -ms-interpolation-mode : bicubic; }
input[type="checkbox"], input[type="radio"] { box-sizing : border-box; }
input[type="search"] { -webkit-box-sizing : content-box;-moz-box-sizing : content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { padding : 0;border : 0; }
p {/* http://www.w3.org/TR/css3-text/#hyphenation */-webkit-hyphens : auto;-webkit-hyphenate-character : "\2010";-webkit-hyphenate-limit-after : 1;
	-webkit-hyphenate-limit-before : 3;-moz-hyphens : auto; }


/* Responsivenewss ============================================================================= */
/* ============================================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}
.col {display: block;float:left;margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
}

/* GRAVITY.GR CSS  ============================================================================= */
.wrapperIn {width:90%;margin:0 auto;max-width:990px;}
.relative {position:relative;}
a {text-decoration:none;}
a:hover {text-decoration:none;}

body {padding:0;margin:0;font-family:'Roboto';}

/*div.banner {position:fixed;width:264px;padding:0;margin:0;height:133px;top:0;left:0;background-color:#AF3F04;background-position:50% 0;}*/
div.banner {position:relative;padding:0;margin:0;height:133px;background-position:50% 0;}
body.el div.banner {background-image:url(../images/banner_01_mob_el.jpg);}
body.en div.banner {background-image:url(../images/banner_01_mob_en.jpg);}
body.es div.banner {background-image:url(../images/banner_01_mob_en.jpg);}
body.el div.banner_2 {background-image:url(../images/banner_02_mob_el.jpg);}
body.en div.banner_2 {background-image:url(../images/banner_02_mob_en.jpg);}
body.es div.banner_2 {background-image:url(../images/banner_02_mob_en.jpg);}
body.el div.banner_3 {background-image:url(../images/banner_03_mob_el.jpg);}
body.en div.banner_3 {background-image:url(../images/banner_03_mob_en.jpg);}
body.es div.banner_3 {background-image:url(../images/banner_03_mob_en.jpg);}

div.banner a.byzantine {text-indent:-9000px;position:absolute;z-index:20;top:13px;right:13px;left:auto;bottom:auto;width:66px;height:23px;}

div.wrap {padding:23px;margin:0;}
div.insidewrap {max-width:900px;}

div.main {padding:0 0 0 264px;margin:0;}
div.headerwrap {background-color:#B3B3B3;}
div.headerwrap.wrap {background-color:#B3B3B3;padding-top:0;padding-right:0;padding-bottom:0;}
div.insideheader {position:relative;}
div.header {}
div.pagewrap {}
div.page  {}
div.mediawrap {background:url(../images/back_dark_gray.png) repeat;}
div.media  {}
div.footerwrap {background-color:#C8C8C8;}
div.footer  {line-height:16px;color:#383838;font-size:13px;font-weight:300;text-align:center;padding-bottom:0;padding-top:5px}
div.footer span {display:block;}
div.footer a.byzantine {background-image:url(../images/logo_museum_footer_mob.png);background-position:50%;display:block;height:28px;margin:0 0 10px 0;text-indent:-9000px;}
div.footer a.gravity {float:none;display:block;border-top:1px solid #D8D8D8;text-align:center;line-height:31px;color:#fff;margin-top:10px;}

div.sponsorswrap {background:url(../images/back_light_gray.png) repeat;}
div.sponsors  {padding:20px 0;}
div.sponsors div {float:left;margin:0 43px 15px 0;padding:0;}
div.sponsors div h2 {margin:0;padding:0 8px 0 0;margin:0;font-weight:900;color:#65c2ce;font-size:12px;;}
div.sponsors div a {display:inline-block;margin:0 10px 10px 0;padding:0;}
div.sponsors a.espa {display:block;margin:60px 10px 0 0;padding:0;}
div.sponsors a.hundred {float:right;width:124px;height:124px;margin:0;padding:0;background-position:50%;background-repeat:no-repeat;text-indent:-9000px;}
.el div.sponsors a.hundred {background-image:url(../images/100_years_museum_el.png);}
.en div.sponsors a.hundred {background-image:url(../images/100_years_museum_en.png);}
.es div.sponsors a.hundred {background-image:url(../images/100_years_museum_en.png);}
div.sponsors div.clear {margin:0;float:none;clear:left;}
div.sponsors div.allsponsors {padding:0;float:left;max-width:calc(100% - 130px);margin:0;}

ul.languages {position:absolute;top:13px;left:13px;padding:0;margin:0;z-index:10;list-style:none;}
ul.languages li {float:left;margin:0 2px 0 0;padding:0;}
ul.languages li a {display:block;background:#000;width:23px;height:23px;line-height:22px;font-size:13px;font-weight:300;text-decoration:none;border-radius:50%;text-align:center;color:#fff;}
ul.languages li a.selected {background-color:#65C2CE;}
ul.languages li a:hover {background-color:#65C2CE;}

ul.mainmenu {float:right;border-left:1px solid #fff;width:175px;padding:25px 0;margin:0;list-style:none;}
ul.mainmenu li {margin:0;padding:0;}
ul.mainmenu li a {display:block;line-height:26px;height:26px;padding:0 0 0 14px;border-left:4px solid transparent;font-weight:100;color:#fff;font-size:16px;}
ul.mainmenu li a.selected {border-left:4px solid #fff;background-color:#65C2CE;
-moz-box-shadow: inset 3px 0 1px rgba(0,1,1,.06);-webkit-box-shadow: inset 3px 0 1px rgba(0,1,1,.06);box-shadow: inset 3px 0 1px rgba(0,1,1,.06);}
ul.mainmenu li a:hover {border-left:4px solid #fff;}

div.insideheader div.pageheader {position:absolute;bottom:0;left:0;width:calc(100% - 176px);padding-bottom:20px;}
div.insideheader div.pageheader h1 {padding:0;margin:0;font-size:32px;font-weight:100;color:#fff;}
div.insideheader div.pageheader ul {list-style:none;margin:0;padding:0;}
div.insideheader div.pageheader ul li {float:left;margin:0 10px 0 0;}
div.insideheader div.pageheader ul li a {display:block;color:#fff;font-weight:300;font-size:12px;line-height:18px;}
div.insideheader div.pageheader ul li a.selected {font-weight:700;}

div.page {line-height:1.4;}
div.page div.submenu {margin:0 0 30px 0;padding:0;}
div.page div.submenu ul {list-style:none;margin:0;padding:0;}
div.page div.submenu ul li {font-size:12px;line-height:16px;font-weight:400;}
div.page div.submenu ul li a {color:#3e3e3e;font-weight:300;}
div.page div.submenu ul li ul {display:none;}
div.page div.submenu ul li.selected ul {display:inline;}
div.page div.submenu ul li:hover ul {display:inline;}
div.page div.submenu ul li ul li {display:inline;padding:0;margin-left:5px;}
div.page div.submenu ul li ul li a {padding-left:5px;}
div.page div.submenu ul li a.selected {font-weight:900;}
div.page div.submenu ul li.selected:before {content:'/';color:#65c2ce;}
div.page div.submenu ul li:hover ul li:before {content:'/';}
div.page div.submenu ul li.selected a {padding-left:4px;}
div.page div.submenu ul li.selected ul li:before {content:'/';color:#000;}

div.page div.submenu ul li.selected ul li.selected {color:#65c2ce;}
div.page div.submenu ul li.selected ul li.selected:before {color:#65c2ce;}
div.page div.submenu ul li ul li a.selected {font-weight:400;color:#65c2ce;}
div.page div.submenu ul li a:hover {color:#65c2ce;}
div.page div.submenu>ul>li.selected>a:hover {color:#000;}

@media only screen and (min-width: 450px){
	ul.languages {top:23px;left:23px;}
	div.banner a.byzantine {top:23px;right:23px;}
}

@media only screen and (min-width: 660px) and (max-width:820px) {
	div.footer {text-align:left;}
	div.footer span {display:inline;}
	div.footer span:before {content:"- ";}
	div.footer a.byzantine {background-image:url(../images/logo_museum_footer_desk.png);background-position:50%;width:65px;height:20px;float:left;margin:0 10px 0 0;text-indent:-9000px;}
	div.footer a.gravity {float:right;font-size:11px;color:#fff;line-height:16px;border-top:0;margin:0;}
}
@media only screen and (min-width: 930px) {
	div.footer {text-align:left;}
	div.footer span {display:inline;}
	div.footer span:before {content:"- ";}
	div.footer a.byzantine {background-image:url(../images/logo_museum_footer_desk.png);background-position:50%;width:65px;height:20px;float:left;margin:0 10px 0 0;text-indent:-9000px;}
	div.footer a.gravity {float:right;font-size:11px;color:#fff;line-height:16px;border-top:0;margin:0;}
}

@media only screen and (min-width: 820px) {
	div.banner {position:fixed;width:264px;padding:0;margin:0;height:100%;top:0;left:0;background-color:#AF3F04;background-position:50% 0;}
	body.el div.banner {background-image:url(../images/banner_01_desk_el.jpg);}
	body.en div.banner {background-image:url(../images/banner_01_desk_en.jpg);}
	body.es div.banner {background-image:url(../images/banner_01_desk_en.jpg);}
	body.el div.banner_2 {background-image:url(../images/banner_02_desk_el.jpg);}
	body.en div.banner_2 {background-image:url(../images/banner_02_desk_en.jpg);}
	body.es div.banner_2 {background-image:url(../images/banner_02_desk_en.jpg);}
	body.el div.banner_3 {background-image:url(../images/banner_03_desk_el.jpg);}
	body.en div.banner_3 {background-image:url(../images/banner_03_desk_en.jpg);}
	body.es div.banner_3 {background-image:url(../images/banner_03_desk_en.jpg);}
	div.banner a.byzantine {top:auto;bottom:10px;left:0;width:100%;text-align:center;text-indent:-9000px;background-position:50% 0;background-repeat:no-repeat;height:80px;}
	body.el div.banner a.byzantine {background-image:url(../images/logo_museum_desktop_el.png);}
	body.en div.banner a.byzantine {background-image:url(../images/logo_museum_desktop_en.png);}
	body.es div.banner a.byzantine {background-image:url(../images/logo_museum_desktop_en.png);}
	div.headerwrap {position:relative;}

	.csscalc div.headerwrap.sticky {
		position:fixed;top:0;width:calc(100% - 246px);
		border-bottom:6px solid #fff;
		-moz-box-shadow: 0 5px 6px rgba(0,1,1,.19);
		-webkit-box-shadow: 0 5px 6px rgba(0,1,1,.19);
		box-shadow: 0 5px 6px rgba(0,1,1,.19);
	}
	.csscalc .sticky ul.languages {top:13px;display:none;}
	.csscalc .sticky ul.mainmenu {padding:13px 0;}
	.csscalc .sticky ul.mainmenu li a {line-height:22px;height:22px;font-size:12px;}
}

@media only screen and (min-width: 400px)  and (max-width: 820px) {
	div.banner {position:relative;padding:0;margin:0;height:120px;background-position:50% 0;}
	body.el div.banner {background-image:url(../images/banner_01_tablet_el.jpg);}
	body.en div.banner {background-image:url(../images/banner_01_tablet_en.jpg);}
	body.es div.banner {background-image:url(../images/banner_01_tablet_en.jpg);}
	body.el div.banner_2 {background-image:url(../images/banner_02_tablet_el.jpg);}
	body.en div.banner_2 {background-image:url(../images/banner_02_tablet_en.jpg);}
	body.es div.banner_2 {background-image:url(../images/banner_02_tablet_en.jpg);}
	body.el div.banner_3 {background-image:url(../images/banner_03_tablet_el.jpg);}
	body.en div.banner_3 {background-image:url(../images/banner_03_tablet_en.jpg);}
	body.es div.banner_3 {background-image:url(../images/banner_03_tablet_en.jpg);}
}

@media only screen and (max-width: 820px) {
	body.el div.banner a.byzantine {background-image:url(../images/logo_museum_header_mob.png);}
	body.en div.banner a.byzantine {background-image:url(../images/logo_museum_header_mob.png);}
	body.es div.banner a.byzantine {background-image:url(../images/logo_museum_header_mob.png);}
	div.main {padding:0;}
}
@media only screen and (max-width: 500px) {
	div.insideheader div.pageheader h1 {font-size:22px;}
	div.insideheader div.pageheader {width:calc(100% - 135px);position:relative;}
	div.insideheader div.pageheader ul li a {display:inline;}
	ul.mainmenu {padding:13px 0;width:130px;height:100%;}
	ul.mainmenu li a {line-height:22px;height:22px;font-size:12px;}
}

@media only screen and (min-width : 700px) and (max-width:799px) {
	body { font-size : 15px; }
}
@media only screen and (min-width : 600px) and (max-width:699px) {
	body { font-size : 14px; }
}
@media only screen and (min-width : 500px) and (max-width:599px) {
	body { font-size : 14px; }
}
@media only screen and (max-width : 500px){
	body { font-size : 15px; }
}

body,div,a,span {background-repeat:no-repeat;background-position:50%;}
@media only screen and (max-width : 550px) {

}