html{margin:0;padding:0;}
body{margin:0;padding:0;overflow-y:scroll;min-width:260px;font-size:16px;line-height:1.6;font-family:'Tinos','Times New Roman',serif;background:#f5f5f5;color:#606060;}
#main{margin-top:40px;}

/********************************************************************************************************************************** COMMON ELEMENTS */
.t-left{text-align:left;}
.t-right{text-align:right;}
.t-center{text-align:center;}
.t-justify{text-align:justify;}

a, a:focus{color:#a75400;text-decoration:none;cursor:pointer;outline:none;}
a:hover{color:#000;text-decoration:none;}
a img{border:0;}
p{padding:0 0 10px 0;margin:0;}
ul, ol{margin:10px 0 10px 30px;}
hr {background:#d8d8d8;border:0;clear:both;height:2px;margin:10px 0;padding:0;width:100%;}
.full-width{width:100%;}
.max-width{max-width:100%;}
.v-top{vertical-align:top;}
small, .small{font-size:85%;}
.very-small{font-size:75%;line-height:1.2;}
.big{font-size:150%;}
.very-big{font-size:200%;}
.gray{color:#9c9c9c;}
.red{color:#e35000;}
.clear{display:block;height:0px;clear:both;}
.sprite{background-position:top left;background-repeat:no-repeat;}
.sprite:hover{background-position:bottom left;background-repeat:no-repeat;}
.nowrap{white-space:nowrap;}
.uc{display:block;padding:80px 20px;text-align:center;font-size:30px;color:#C1C1C1;}
h1,h2,h3,h4,h5,h6{text-align:left;font-weight:300;margin-top:0.4em;margin-bottom:0.8em;color:#000;font-weight:100;line-height:1.2;}
h1{font-size:2.2em;color:#000;} h2{font-size:1.8em;} h3{font-size:1.7em;} h4{font-size:1.6em;} h5{font-size:1.5em;} h6{font-size:1.4em;}
b, strong{font-weight:bold;}
.img-left{float:left;margin:0 20px 10px 0;}
.img-right{float:right;margin:0 0 10px 20px;}
.img-border{padding:5px;border:1px solid #dadada;}
table{border-collapse:collapse;}
td{padding:2px 10px;vertical-align:top;border:1px solid #dadada;text-align:left;}
i,em{font-style:italic;}
.msg{display:block;margin:10px 0;padding:8px 14px;color:#fff;background:#b0b1b3;text-align:center;border-radius:5px;}
.msg.info{background-color:#2ba6cb;}
.msg.success{background-color:#5da423;}
.msg.warning{background-color:#e3b000;}
.msg.alert{background-color:#c60f13;}
iframe{max-width:100%;}
.fancybox-skin{background:#000;}
.center-xs, .t-right.center-xs, .t-left.center-xs{text-align:center}

#top-bar-wrap{display:block;position:fixed;top:0px;left:0px;width:100%;height:40px;background:#2F2F2F;color:#fff;z-index:1000;}
#top-bar .popup-label{display:inline-block;height:40px;padding:6px 20px 0 20px;background:#894602;color:#fff;}
#top-bar .popup:hover .popup-label{background:#a75400;}
#top-bar .popup-contents{background:#a75400;padding:10px;text-align:left;}
#top-bar .popup-contents a{display:block;padding:5px 10px;margin:4px 0;background:#2F2F2F;color:#fff;}
#top-bar .popup-contents a:hover{background:#fff;color:#000;text-decoration:none;}

#popup-sites{position:absolute;right:0px;top:0px;text-align:right;}

#lang-menu{position:absolute;right:0px;top:48px;overflow:hidden;z-index:500;}
.lang-menu-label-short, .lang-menu-label-long{display:none;}
.lang-menu-icon{position:relative;display:block;margin-bottom:5px;border:2px solid #fff;border-right:0;border-radius:15px 0 0 15px;right:-5px;opacity:0.4;transition:0.5s;}
.lang-menu-icon:hover{opacity:1;right:0px;}
.lang-menu-icon.selected{opacity:1;right:0px;}

.side-icon, .commons-share-wrap{position:absolute;right:0px;top:140px;border-radius:15px 0 0 15px;width:40px;height:40px;line-height:40px;padding-left:7px;text-align:left;z-index:500;transition:width 0.5s;}
.side-icon:hover{width:45px;}
.side-icon img{vertical-align:middle;}
#icon-fb{top:140px;background:#3B5998;color:#fff;}
#icon-share{top:190px;background:#F9BC3D;color:#fff;}
.commons-share-wrap{top:190px;background:#F9BC3D;color:#fff;}

/************************************************************************************** MENUS */
#menu{position:relative;text-align:center;height:70px;background:url(/images/layout/menu_w.png) repeat-x top;z-index:500;}
#menu .menu-item{position:relative;display:inline-block;height:70px;}
#menu .menu-item .menu-item-link{display:inline-block;height:70px;padding:0 20px;line-height:45px;letter-spacing:0px;font-weight:700;color:#333;}
#menu .menu-item:hover .menu-item-link{background-color:transparent;color:#a75400;}
#menu .menu-item.selected .menu-item-link{color:#a75400;}
#menu .menu-item.more .menu-item-link{background-image:url(/images/layout/menu_item_more.png);background-position:50% 36px;background-repeat:no-repeat;}
#menu .submenu {display:none;position:absolute;opacity:0;padding:10px;white-space:nowrap;text-align:left;background:#ffffff;box-shadow:0px 0px 20px rgba(0,0,0,0.5);}
#menu .submenu .submenu-item{display:block;padding:8px 10px;color:#000;border-top:1px solid #e5e5e5;}
#menu .submenu .submenu-item-1{border:0;}
#menu .submenu .submenu-item:hover{color:#a75400;}
#menu .submenu .submenu-item.selected{color:#a75400;}

#mobile-menu{position:relative;height:70px;text-align:center;background:url(/images/layout/menu.png) repeat-x top;z-index:500;}
.mobile-menu-icon{display:inline-block;cursor:pointer;margin:10px 0;}
#mobile-menu-overlay{position:fixed;top:0px;left:0px;width:100%;height:100%;display:none;background:rgba(0,0,0,0.4);z-index:5000;}
#mobile-menu-items{position:absolute;top:60px;right:1%;width:98%;display:none;z-index:6000;}
#mobile-menu-items a{display:block;font-size:14px;padding:8px 10px;margin:1px;white-space:nowrap;text-align:center;color:#3d3d3d;background:#fff;}
#mobile-menu-items a:hover, #mobile-menu-items a.selected:hover{color:#fff;background:#c0af96;}
#mobile-menu-items a.selected{color:#c0af96;}
#mobile-menu-items a.submenu-item{background:#d8d8d8;font-size:12px;}
#mobile-menu-items a.submenu-item:hover, #mobile-menu-items a.submenu-item.selected:hover{color:#000;background:#e4e4e4;}

#slider-wrap{position:relative;width:100%;margin-top:-70px;background:url(/images/slider/sl02.jpg) no-repeat center;background-size:cover;}
#slider{width:100%;}
.slider-part{position:relative;width:100%;padding-top:70px;}
.slider-overlay{position:absolute;top:0px;left:0px;display:block;width:100%;height:100%;background:rgba(250,240,230,0.3);}
.slider-block{position:relative;width:100%;margin-top:60px;padding:40px;border:2px solid #fff;background:rgba(250,240,230,0.7);cursor:pointer;}
.slider-block:hover{border:2px solid #a75400;background:rgba(250,240,230,0.9);}
.slider-block-title{display:block;padding:0;text-align:center;color:#333;font-size:16px;line-height:1.2;font-weight:bold;}
.slider-block-lead{margin-top:30px;line-height:1.2;}
.slider-fade-in{position:relative;display:block;width:100%;height:0px;background:rgba(250,240,230,0.4);}
#slider-controls{position:relative;z-index:400;}
.numericControls{list-style-type:none;height:50px;padding:15px 0;margin:45px 0 0 0;text-align:center;background:rgba(250,240,230,0.4);}
.numericControls li{display:inline-block;padding:0;margin:0;}
.numericControls li a{display:inline-block;margin:0 5px;width:20px;height:20px;border-radius:100%;border:3px solid #fff;}
.numericControls li:hover a{border:3px solid #a75400;}
.numericControls li.current a{border:3px solid #a75400;background:#a75400;}
.numericControls li a span{display:none;}

#page-header-wrap{position:relative;margin-top:-70px;padding:90px 0 20px 0;background:url(/images/layout/page_header.jpg) no-repeat center;background-size:cover;}
#page-header-overlay{position:absolute;top:0px;left:0px;display:block;width:100%;height:100%;background:rgba(250,240,230,0.5);}
#page-header-title{text-align:center;font-size:18px;font-weight:bold;line-height:1.3;color:#000;padding:15px 0;background:rgba(250,240,230,0.2);}

#content-wrap{padding:40px 0;}
.article-img{max-width:100%;padding:5px;border:1px solid #dadada;}
.news-thumb{display:block;width:100%;/*border:1px solid #dadada;*/height:200px;margin-bottom:10px;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#fff;}
.news-thumb:hover{/*border:1px solid #cc0000;*/}
.news-block{margin-bottom:20px;}
.news-block-title{display:block;padding-bottom:10px;text-align:center;/*margin-bottom:10px;border-bottom:1px solid #fff;*/}
.multimedia-thumb{display:block;width:100%;/*border:1px solid #dadada;*/height:200px;margin-bottom:10px;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#fff;}
.multimedia-thumb:hover{/*border:1px solid #cc0000;*/}
.multimedia-block{margin-bottom:20px;}
.multimedia-block-title{display:block;padding-bottom:10px;text-align:center;/*margin-bottom:10px;border-bottom:1px solid #fff;*/}
#content-wrap ul{list-style-image:url('../images/layout/li.png');}
.list-thumb{width:100%;}
.gal3-container{text-align:center;margin:10px 0 10px 0;}
.gal3-thumb{display:inline-block;vertical-align:middle;text-align:center;background:rgba(255,255,255,0.6);border:1px solid #9b9b9b;border-radius:4px;overflow:hidden;}
.gal3-thumb{width: 75px;height:56px;padding:2px;margin:4px 2px;}
.gal3-link{display:block;width:100%;height:100%;border-radius:3px;overflow:hidden;opacity:0.7;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.3s;}
.gal3-link:hover{opacity:1;}
a:hover .news-thumb, a:hover .multimedia-thumb{border:1px solid #cc0000;}
.date{color:#9c9c9c;font-size:80%;}

#latest-wrap{padding:40px 0;background-color:#fff;}
.short-list-title{font-weight:bold;display:block;padding:5px;background:#f4e8d5;}
.short-list-item{display:block;margin:15px 0;font-size:90%;line-height:1.2;}
.latest-box{display:block;margin-bottom:20px;height:100%;padding:20px;background:#f7f2eb;border:1px solid #f4e8d5;}

.flexbox{display:block;margin-top:15px;}

a.subpages-item{display:inline-block;min-width:300px;padding:3px 15px;margin:1px 0;background:#2f2f2f;color:#fff;font-size:120%;}
a.subpages-item:hover{background:#a75400;color:#fff;}

.input-line.archive-selector{font-size:22px;vertical-align:middle;cursor:pointer;margin-left:15px;}
.input-line.archive-selector:hover{border: 1px solid #8b8b8b;}

#sponsors-wrap{padding:40px 0 10px 0;background-color:#d8d8d8;}
.sponsor{border:1px solid #cac3bc;margin-bottom:20px;}
a:hover .sponsor{border:1px solid #7f7a75;}

#library-wrap{padding:80px 0;background:linear-gradient(rgba(255, 255, 255, 0.6),rgba(255, 255, 255, 0.6)),url(https://library.hdoisto.gr/images/header.jpg) center #664f41;background-size:cover;color:#fff;}

#bottom-wrap{padding:10px 0 40px 0;background-color:#37332f;color:#fff;}
#bottom-wrap a{color:#d96d00;}
#bottom-wrap a.bottom-item-link{display:inline-block;font-size:120%;font-weight:bold;margin-top:30px;padding-left:5px;color:#ff962b;}
#bottom-wrap a:hover, #bottom-wrap a.bottom-item-link:hover{color:#fff;}
#bottom-wrap .submenu-item{display:block;padding:2px 5px;margin-bottom:3px;background:rgba(0,0,0,0.1);}
#bottom-wrap .submenu-item:hover{background:rgba(0,0,0,0.2);}

#bottom-banner-wrap{padding:20px 0 20px 0;background-color:#4f393b;color:#fff;}

#newsletter-wrap{padding:30px 0;background:#2c2926;color:#fff;}
#newsletter-wrap h1{font-size:3.4em;margin:0;color:#fff;}

#footer-wrap{padding:20px 0 20px 0;background-color:#2f2f2f;color:#fff;}
#footer-wrap a{color:#d96d00;}
#footer-wrap a:hover{color:#ff962b;}

.no-gutter .news-block{margin:0;}
.no-gutter .news-thumb, .no-gutter .news-thumb:hover{height:250px;margin:0;border:0;}
.no-gutter .news-block-title{margin:0;position:absolute;bottom:0;padding:10px;width:100%;min-height:80px;text-align:center;color:#fff;text-shadow:1px 1px 2px #000;transition:0.3s;}
.no-gutter .news-block:hover .news-block-title{background:rgba(84,165,6,0.8);}
.no-gutter .news-block-lead{display:none;}

.no-gutter .multimedia-block{margin:0;}
.no-gutter .multimedia-thumb, .no-gutter .multimedia-thumb:hover{height:250px;margin:0;border:0;}
.no-gutter .multimedia-block-title{margin:0;position:absolute;bottom:0;padding:10px;width:100%;min-height:80px;text-align:center;color:#fff;text-shadow:1px 1px 2px #000;transition:0.3s;}
.no-gutter .multimedia-block:hover .multimedia-block-title{background:rgba(84,165,6,0.8);}
.no-gutter .multimedia-block-lead{display:none;}

.form-table td, .login-form table td{padding:5px 8px 5px 0;vertical-align:top;color:#a1a5af;border:none !important;}
.input-line, #captcha, .cse-ums-input, .newsletter-input, .login-ti{display:inline-block;width:90%;padding:8px 14px;border:0;border:1px solid #e7e7e7;background:rgba(255,255,255,0.7);color:#000;vertical-align:top;}
.input-line.verr{border:1px solid #e35000;}
a.button, .button, .cse-ums-submit, .newsletter-button, .login-button{display:inline-block;padding:12px 30px;min-width:160px;margin:0;border:0;background:#a75400;color:#fff;text-align:center;vertical-align:top;cursor:pointer;}
.button.small{padding:4px 8px;}
.button.cancel{background:#b0b1b3;}
.button:hover, .cse-ums-submit:hover, .newsletter-button:hover, .login-button:hover{background:#000;color:#fff;}
.login-wrapper{max-width:300px;}
.login-button,.login-ti{width:100%;}

.newsletter-input{width:250px;height:50px;margin:2px 0;}
.newsletter-button{height:50px;margin:2px 0;}
.n-response{margin:10px 0;padding:10px 20px;}

#captcha-container{font-size:10px;}
#captcha-required{color:red;}
#captcha-img, #new-captcha-img{border:1px solid #adadad;height:40px;margin:4px 0;width:130px;background-color:#fff;}
#captchaimage{display:inline-block;}
#captcha-refresh{display:inline-block;vertical-align:8px;}
#captcha{width:105px;}

#scroll-top{display:none;position:fixed;bottom:44px;right:0px;width:35px;height:50px;background-color:#a75400;background-image:url('../images/layout/back_to_top.png');background-repeat:no-repeat;background-position:center;border-radius:20px 0 0 20px;z-index:1500;box-shadow:3px 4px 5px 0 rgba(0,0,0,0.2);}
#scroll-top:hover{background-color:#000;}

.pager { display:block;text-align:right;}
.pager a { display:inline;vertical-align:middle;border:0;padding:0px 8px 2px 8px;text-decoration:none;background:#c1bca8;color:#fff;border-radius:3px;}
.pager a:hover{background:#a75400;color:#fff;}
.selectorPager { display:inline;vertical-align:middle;color:#333;background-color:#fff;display:inline-block;cursor:pointer;padding:0;margin-top:1px;border:0;}

#tooltip{border:0;}
#tooltip h3 {color:#fff !important;padding:10px 24px;font-size:13px;background-color:#1c1c1c;border:0;text-align:left;border-radius:5px;}

.db-container{padding:12px 20px;background:#b0b1b3;margin-bottom:15px;}
.db-link{color:#a75400;}
.db-link:hover{color:#fff;}
.db-info{color:#4e4e4e;font-size:9px;font-style:italic;}
.db-img{vertical-align:middle;}

.db-inline-container{display:inline-block;padding:4px 10px 4px 4px;background:#dfdfdf;font-size:85%;border-radius:4px;}
.db-inline-img{vertical-align:middle;}

.download-attachments-container{padding:12px 20px;background:#b0b1b3;margin-bottom:15px;}
.download-attachments-link{color:#a75400;}
.download-attachments-link:hover{color:#fff;}
.download-attachments-info{color:#4e4e4e;font-size:9px;font-style:italic;}
.download-attachments-img{vertical-align:middle;}

.download-attachments-inline-container{display:inline-block;padding:4px 10px 4px 4px;background:#dfdfdf;font-size:85%;border-radius:4px;}
.download-attachments-inline-img{vertical-align:middle;}

#gmap {width:100%; height:450px; background-color: transparent; margin: 13px 0 0 0; border: solid 1px #d1d1d1; }
.gmap-content{width:300px;height:100px;text-align:center;}
.gmap-content-link{display:inline-block;margin-top:15px;padding:3px 8px;border-radius:10px;background:#a9a9a9;color:#fff;font-size:80%;}
.gmap-content-link:hover{background:#595959;color:#fff;text-decoration:none;}

.t-right.xs-t-left{text-align:left}

.fancybox-iframe{background:rgba(0,0,0,0);}
.fancybox-content{
	background-color:rgba(0,0,0,0);
	width:660px;
	height:400px;
	max-width:100%;
	max-height:100%;
}


@media (min-width: 768px) {
	.slider-img{display:block;}
	#scroll-top{width:50px;right:20px;border-radius:40px;}
	.t-right.center-xs{text-align:right}
	.center-xs, .t-left.center-xs{text-align:left}
	.slider-block-title{font-size:23px;font-weight:normal;}
	#page-header-title{font-size:22px;}
}
@media (min-width: 992px) {
	.slider-block-title{font-size:24px;}
	#page-header-title{font-size:24px;}
	.slider-fade-in{height:70px;}
	.flexbox{display:flex;overflow:hidden;}
}
@media (min-width: 1200px) {
	.slider-block-title{font-size:26px;}
	#page-header-title{font-size:28px;}
}
@media (min-width: 1600px) {
	.slider-block-title{font-size:28px;}
	#page-header-title{font-size:32px;}
}