/* http://ersi.gr/ - Css File */
html {margin:0;padding:0;height:100%;overflow-y:scroll;}
body{margin:0;padding:0;height:100%;background-color:#fff;font-family:'trebuchet MS', sans-serif;font-size:12px;line-height:1.6;letter-spacing:2px;color:#000;}
/* #main{width:960px;margin:0 0 0 230px;min-height:100%;} */
.udg-container{width: 100%}

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

.link, a{color:#f3742d;text-decoration:none;cursor:pointer;}
.link:hover, a:hover{color:#969696;}
a img{border:none;}
a {outline:none;}
p{padding:4px 0;margin:0;}
ul, ol{margin-left:20px;}
hr{width:100%;height:1px;background:#e9e9e9;margin:20px 0 20px 0;border:none;}
.full-width{width:100%;}
.v-top{vertical-align:top;}
.clear{display:block;height:0px;clear:both;}
.sprite{background-position:top left;background-repeat:no-repeat;}
.sprite:hover{opacity: 0.6}
.nowrap{white-space:nowrap;}

/********************************************************************************************************************************** MENU */
#main-menu{margin-top:70px;text-align:center;font-size:13px;}
#main-menu a{display:inline-block;margin:0 20px;color:#969696;}
#main-menu a:hover{color:#f3742d;}
#main-menu a.selected{color:#000;}

#mobile-menu{display:inline-block;position:absolute;top:20px;right:15px;}
#icon-menu{cursor:pointer;margin:45px 0 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:100%;right:1%;width:220px;display:none;border-radius:10px;overflow:hidden;z-index:6000;}
#mobile-menu-items a{display:block;font-size:14px;width:220px;padding:8px 10px;margin:1px;white-space:nowrap;text-align:left;color:#3d3d3d;background:#fff;}
#mobile-menu-items a:hover, #mobile-menu-items a.selected:hover{color:#fff;background:#febf68;}
#mobile-menu-items a.selected{color:#febf68;}
#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:#febf68;background:#e4e4e4;}


/********************************************************************************************************************************** TOP BAR */
#lang-menu{position:absolute;top:4px;right:18px;}
#lang-menu-link-gr, #lang-menu-link-en{display:inline-block;width:26px;height:26px;}
.lang-menu-icon{margin-left:5px;border:2px solid transparent;border-radius:100%;opacity:0.5;height: 30px;width: 30px;margin-right: -40px;margin-top: 15px;}
.lang-menu-icon.selected,.lang-menu-icon:hover{border:2px solid #fff;opacity:1;}
.lang-menu-label-short, .lang-menu-label-long{display:none;}

/* #top-bar{position:fixed;top:0px;left:0px;width:100%;height:18px;padding:5px 0 5px 0;background:#fff;border-bottom:1px solid #f3f3f3;} */
.icon-top{display:inline-block;vertical-align:top;width:40px;height:40px;margin:30px 3px;}
.icon-top img {width:40px;height:40px}
/*
/********************************************************************************************************************************** HEADER */
#header{margin-top:40px;margin-bottom:30px;text-align:center;}

/********************************************************************************************************************************** CONTENT */
#content{padding-bottom:70px;}
h1,h2,h3,h4,h5{color:#969696;font-weight:normal;}
h1{font-size:2.3em;} h2{font-size:1.9em;} h3{font-size:1.2em;} h4{font-size:1.1em;} h5{font-size:1.1em;}
.event-block{margin:10px 0 20px 0;border-bottom:1px solid #e9e9e9;padding-bottom:6px;text-align:justify;}
.event-block h3{font-size: 22px;}
.event-block h4, .read-title h4 {font-size: 20px;}
.event-block p, .read-title p {font-size: 14px;}
.read-title h2{font-size: 22px;}

.duration {display:inline-block;font-size:18px;margin:8px 0 16px 0;color:#969696;letter-spacing:0px;}
.content-img{display:inline-block;margin:15px auto;width: 100%}
.more{display:block;margin:7px 0 3px;width:100%;clear:both;font-size:11px;color:#969696;letter-spacing:0px;}
.content-thumb {float:right;margin:2px 0 7px 13px;overflow:hidden;width:120px;}
.pager{display:inline-block;float:right;margin-bottom:10px;text-align:right;color:#969696;letter-spacing:0px;}
.pager a{display:inline-block;padding:2px 6px;font-size:18px;letter-spacing:0px;}
.selectorPager{border:none;background:#f3f3f3;}
.side-calendar-n, .side-calendar-s {display:inline-block;clear:both;margin-bottom:4px;}
.side-calendar-s {color:#000;}
#newsletter-button{background:url("../images/layout/subscribe_button.gif") no-repeat top;border:none;cursor:pointer;display:inline-block;height:20px;padding:0;vertical-align:top;width:18px;}
#newsletter-button:hover{background:url("../images/layout/subscribe_button.gif") no-repeat bottom;}
.gal3-thumb{display:inline-block;height:120px;margin:3px 0 0;overflow:hidden;padding:5px;width:120px;border:1px solid #e9e9e9;}
.gal3-thumb:hover{border:1px solid #d1d1d1;}
.gal3-thumb{max-width:100%}
a.gal-d {display:table-cell;height:120px;text-align:center;vertical-align:middle;width:120px;}
#artists-table{border-spacing:3px;margin-top:10px;width:100%;}
#artists-table td{background:#f4f4f4;border:1px solid #ebebeb;font-size:15px;letter-spacing:0px;padding:4px 0 4px 6px;}
#icon-artists{display:inline-block;height:16px;padding-top:2px;padding-left:32px;background-image:url(/images/layout/icon_artists.png);font-size:12px;vertical-align: top;}
#events-head{display:inline-block;}
.thumb-wrap{display:table-cell;float:left;padding:5px;border:1px solid #e1e1e1;background:#f0f0f0;}
.thumb-wrap table{border:none;border-collapse:collapse; border-spacing:0;}
.thumb-wrap td{width:90px;height:90px;padding:0px;text-align:center;vertical-align:middle;}
.thumb-wrap img{max-width:90px;max-height:90px;}
.banner img{max-width:100%;width:80px;margin-left:6px;opacity:0.7;}
.banner:hover img{opacity:1;}
.banner span{display:block;font-size:80%;line-height:1.1;}
.gal3-link{display:block;width:100%;height:100%;border-radius:3px;overflow:hidden;opacity:1;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.3s;}
.gal3-link:hover{opacity:1;}
.gal-text-container{display:inline;}

#gal3-container-gallery_0230_2027 .gal3-thumb{width:240px;height:147px;}

/********************************************************************************************************************************** PIVOTS */
#pivots-artists {display:block;margin:10px 0;background-color:#f4f4f4;padding:5px;}
#pivots-artists .pivots-head {font-size:14px;list-style-type:none;margin:7px 0 7px 8px;}
#pivots-artists .pivots-li{font-size:11px;margin:2px 0 2px 22px;color:#868686;}

#pivots-1-artists {display:block;margin:10px 0;background-color:#f4f4f4;padding:5px;}
#pivots-1-artists .pivots-head {font-size:14px;list-style-type:none;margin:7px 0 7px 8px;}
#pivots-1-artists .pivots-li{font-size:11px;margin:2px 0 2px 22px;color:#868686;}

#pivots-1-events {display:block;margin:10px 0;background-color:#f4f4f4;padding:5px 10px;text-align:justify;}
#pivots-1-events .pivots-head {font-size:12px;list-style-type:none;margin:4px 0 4px 0px;}
#pivots-1-events .pivots-li{display:inline-block;font-size:11px;margin:1px 2px;}
#pivots-1-events .pivots-li a{display:inline-block;padding:1px 3px;background-color:#F4F4F4;color:#868686;border-radius:6px;border-bottom:1px solid #F4F4F4;}
#pivots-1-events .pivots-li a:hover{background-color:#fff;border-bottom:1px solid #f3742d;}

#pivots-events {display:block;margin:10px 0;background-color:#f4f4f4;padding:5px 10px;text-align:justify;}
#pivots-events .pivots-head {font-size:12px;list-style-type:none;margin:4px 0 4px 0px;}
#pivots-events .pivots-li{display:inline-block;font-size:11px;margin:1px 2px;}
#pivots-events .pivots-li a{display:inline-block;padding:1px 3px;background-color:#F4F4F4;color:#868686;border-radius:6px;border-bottom:1px solid #F4F4F4;}
#pivots-events .pivots-li a:hover{background-color:#fff;border-bottom:1px solid #f3742d;}
/********************************************************************************************************************************** FOOTER */
#clear-footer{clear:both;}
#footer{height:20px;padding:10px 0 10px 0;margin-top:-40px;font-size:12px;color:#969696;border-top:1px solid #f3f3f3;}

/******************************************************************************************************************************* TOOLTIP LOCAL */
#tooltip{border:none;}
#tooltip h3 {color:#000 !important;padding:4px 7px;font-size:11px;background-color:#fff;border:1px solid #bfbfbf;text-align:left;letter-spacing:0px;}

/********************************************************************************************************************************** FORMS */
.form-table td{padding:5px 8px 5px 0;vertical-align:top;}
.form-table input[type="text"], .form-table input[type="password"], .form-table textarea{padding:4px;color:#666666;border:1px solid #969696;background:#fff;width: 100%;}
.button, input[type=submit]{display:inline-block;padding:0px 10px;font-size:14px;background:#5f5f5f;color:#fff;border:none;cursor:pointer;height: 20px;}
.button:hover, input[type=submit]:hover{background:#f3742d;color:#fff;}
.msg{display:block;margin:10px 0;padding:8px;color:#000;background:#C9C9C9;text-align:center;font-size:12px;}
#response_validation_email, #response_validation_email p{display:inline-block;}
#response_validation_email p{margin:0;padding:1px 3px;font-size:11px;}

#cse-ums-form{display:inline-block;margin-right:8px;}
#cse-ums-form .cse-ums-input { font-style:italic;border:1px solid #c5c5c5;vertical-align:top;height:30px;font-size:12px;padding:0 4px;margin-top: 15px;    margin-left: -13px;}
#cse-ums-form .cse-ums-submit { font-size:0;background:url(..//images/layout/search_button.png) no-repeat center;border:0;height:30px;width:30px;line-height:200px;padding:0;vertical-align:top;margin-top: 15px;}
.gsc-control-cse{letter-spacing:0px;font-size:12px;}

/********************************************************************************************************************************** CAPTCHA */
#captcha-container {font-size:11px;}
#captcha-img, #new-captcha-img {width: 130px; height: 40px; margin: 4px 0; border:solid 1px #333;background-color:#fff;}
#captcha {width: 130px; font-size: 14px; font-weight: 900; margin-top: 6px;}
#captchaimage {display: inline-block; float: left; }
#captcha-refresh {display: inline-block; margin: 17px 0 0 7px;}
#captcha-required {font-weight:900; color: #ff0000;}
.captcha-clear {clear: both;}

/********************************************************************************************************************************** SIDEBAR */
#sidebar-wrap{position:fixed;width:210px;height:100%;top:0px;left:0px;color:#fff;background:#000;}
#sidebar-menu-wrap{position:absolute;width:110px;height:100%;top:0px;left:0px;color:#fff;background:#555454;}
#sidebar-menu{position:absolute;width:110px;height:auto;top:200px;left:0px;}
#sidebar-menu .menu-item{display:block;padding:5px 6px 5px 0;text-align:right;}
#sidebar-wrap a{color:#fff;}
#sidebar-wrap a:hover{color:#f3742d;}

/********************************************************************************************************************************** MAP */
#gmap {width:100%;height:510px;border:1px solid #C9C9C9;}
.gmap-content{width:100%;;height:80px;text-align:center;font-size:12px;line-height:1.2;}
.gmap-content-link{display:inline-block;margin-top:5px;padding:3px 8px;border-radius:10px;background:#222222;color:#fff;font-size:80%;}
.gmap-content-link:hover{background:#F86D18;color:#fff;text-decoration:none;}


/********************************************************************************************************************************** OTHER */
#u-info{letter-spacing:0px;}

#to-top-wrap{position:fixed;width:100%;height:0px;bottom:130px;left:0px;}
#to-top{position:relative;margin:0 0 0 230px;width:960px;height:0px;}
#scroll-top{display:none;position:fixed;right:0px;bottom:49px;width:20px;height:70px;background-position:top center;background-repeat:no-repeat;background-color:#555454;z-index:1500;}
#scroll-top:hover{background-color:#000;}
.scroll-top-gr{background-image:url('/images/layout/to_top_gr.png');}
.scroll-top-en{background-image:url('/images/layout/to_top_en.png');}

.pop-up{position:relative;}
.pop-up-content{display:none;z-index: 5000;margin-top: 10px;margin-left: -30px;}
.pop-up-title{cursor:pointer;color:#fff;}
.pop-up-title:hover{color:#f3742d;}
.pop-up-content{position:absolute;letter-spacing:0;left:120px;top:0px;padding:5px;width:110px;}
#archive{display:inline-block;margin-left:30px;}
#archive.pop-up{display:inline-block;position:relative;height:18px;}
#archive .pop-up-title{position:absolute;top:2px;left:0px;height:22px;font-size:12px;cursor:pointer;padding-left:12px;}
#archive .pop-up-content{position:absolute;top:23px;left:0px;display:none;white-space:nowrap;padding:10px;background:#fff;border:1px solid #f3f3f3;border-top:none;}
#archive .pop-up-title{height:18px;padding-top:2px;padding-right:20px;padding-bottom:4px;background:url('/images/layout/archive.png') no-repeat right;margin-top:-2px;}

#header-wrap{padding:0;background:url(../images/layout/header_bg.jpg) no-repeat top #fff;background-size:cover;border-bottom:1px solid #eaeaea;height: 140px;}
#logo-link{margin:30px;}
#logo-link img {width: 100px;margin-top: 20px;margin-left: -20px;}
.logo-title{display:block;font-size:32px;color:#000;font-weight:300;line-height:1.2;white-space:nowrap;}
.logo-subtitle{display:block;font-size:18px;color:#000;font-weight:bold;line-height:1.2;white-space:nowrap;letter-spacing:10px;margin-left:-30px;}
#menu{position: relative;top: -74px;text-align: right;right: -45px;}
#menu .menu-item{display:inline-block;margin-left:30px;padding-bottom:13px;text-align:left;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.4);font-size:14px;line-height:1;letter-spacing:1px;background:no-repeat bottom left;font-family: Arial;}
#menu .menu-item:hover{color:#000;text-shadow:none;}
#menu .menu-item.selected{color:#f3742d;text-shadow:none;}
#menu .menu-item a{color:#fff;}
#exibition, #archive2 {display: inline-block;}
.pop-up-content {position: absolute; letter-spacing: 0;left: 120;top: -15px; padding: 5px; width: 130px; font-size: 18px;}
.pop-up-content a:hover{color:#000;text-shadow:none;}

#black-wrap {background:#221f20;height: 100px;}
#bottom-wrap{background:#3a3436;color:#fff;height: 180px;}
#footer-wrap{background:#221f20;color:#fff;padding-top: 25px;}
#bottom-wrap a:hover, #footer-wrap a:hover{color:#fff;}
#bottom-wrap a:hover, #footer-wrap a:hover{color:#fff;}
.copyright {position: relative;bottom: 14px;text-align: center;}
.media_stamp{position: relative;top: 10px;}
.bottom-contact {margin-top:50px;}
.bottom-info .udg-22 {display: inline-block;float: right;margin-right: 40px;}
.bottom-logo img {width: 100px;display: block;margin: auto;margin-top:45px;}
.bottom-info {display: block;margin: auto;margin-top:40px;}
.bottom-sponsors {display: block;margin: auto;margin-top:-15px;text-align: center;}
.bottom-sponsors a{display: inline-block;margin-bottom: 10px;}
#top-bar {margin:0px 35px;}
.udg-container .udg-24 {width: 100%}
.ersi-gallery {background-color: #221f20;height: auto;padding-top:20px;}
.ersi-gallery p {background-color: white; height: 300px;}
.ersi-gallery .top-ersi-gallery p{background-color: white; height:auto;text-align: justify; padding: 15px;font-size: 12px;margin-left: 15px}
.ersi-gallery img {width:100%;height: 300px;background-size: cover;}
.ersi-gallery .img2 img {position: relative;}
.ersi-gallery .top-ersi-gallery img {width:700px;height: 440px;background-attachment:fixed;background-size: cover;}
.ersi-gallery .logo-subtitle {font-size: 20px;text-align: center;padding-top:40px;padding-bottom: 20px;letter-spacing: 10px;}
.ersi-gallery .button{margin: auto;display: block;width: 180px;margin-top: 50px;text-align: center;height: 35px;padding-top: 6px;}
.no-gutter-r {padding-right:0;}
.no-gutter-l {padding-left:0;}
.artworks{padding-left: 15px;}
/* .artworks p {margin-right: -30px;} */
.archive-section {margin-top: 20px; margin-bottom: 80px;}
.archive-section a {background: #f4f4f4;border: 1px solid #ebebeb;font-size: 18px;letter-spacing: 0px;padding: 4px;margin: 3px; width: auto;}
#menu .menu-item.artwork-item{color: #555454;white-space: nowrap;letter-spacing: 2px;text-shadow: 0px 1px 1px rgb(0 0 0 / 40%);}
#menu .menu-item.artwork-item:hover{color: #f3742d}
.udg-container .udg-4{width: 100%;display: inline-block;}
.udg-container .udg-20{width: 100%;display: inline-block;text-align: right;position: absolute;right: 15px;}
/* .search {display: inline-block;text-align: right;position: absolute;right: 15px;} */
#top-lang{display: inline-block;text-align: right;top: -2px;}
#menu .menu-item {margin-left: 10px;}
.newsletter-button, .newsletter-input {height: 20px;width: 100%;}


@media (min-width: 768px) {
  #menu .menu-item{font-size: 16px;}
  #menu{top:-80px;}
  .logo-subtitle{font-size:20px;letter-spacing:20px;margin-left:4px;padding:20px 20px;margin-top: -35px;}

}
@media (min-width: 992px) {
  /* #menu{top:20px;} */
  .ersi-gallery .top-ersi-gallery p{height:440px;margin-left: 0px;}
  .ersi-gallery .logo-subtitle {padding-top:80px;padding-bottom: 0px;}
  .content-img{width: auto}
  #menu{position: relative;top:35px;text-align:right;right:-30px;}
  .lang-menu-icon{margin-right: -30px;}
  #gmap {width:600px;}
  .bottom-logo img {width: 70px;}
  .bottom-contact p {padding-left: 40px;padding-top: 15px;font-size: 15px;}
  #scroll-top{right: 20px;bottom:28px;}
  .newsletter-button, .newsletter-input {height:40px;width:auto;}
  .button, input[type=submit]{padding:8px 10px;width: 100px; height: 40px;}
  .bottom-info {margin-top:65px;}
  #artists-table td{font-size:17px;}
  .pop-up-content{left:0px;top:10px;}
  .thumb-wrap{float:right;}

  }
@media (min-width: 1200px) {
  #top-bar {margin:40px 35px;}
  #menu{position: relative;top:20px;text-align:right;right:20px;}

}