@charset "UTF-8";
/* CSS Document */
*, *::before, *::after {
  box-sizing: border-box;
  }

body {
  margin: 0 auto;
  font-family: times;
  text-decoration:none;
}

/*header-----------------------------------------------------------------------*/

.header {
 	padding: 14px 200px 0px 200px;
	height:110px;
	background:none;
}
.header-index {
 	padding: 14px 200px 0px 200px;
	height:160px;
	background:none;
}

.header-citi {
 	padding: 14px 200px 0px 200px;
	height:160px;
	background:none;
}

.header-info {
 	padding: 14px 200px 0px 200px;
	height:180px;
	background:none;

}

.header-column {
  float: left;
  width: 50%;
  height: 110px;
}

.header-row:after {
  display: table;
}

.links-column {
  float: left;
  width: 120px;
  height: 200px;
}

.links-column2 {
  background:#CCC;
  overflow:hidden;
  float: left;
  width: 350px;
  height: 200px;
}


@media screen and (max-width: 1000px) {
.header {
	padding: 0px 22px 0px 22px;
	margin: 0 0 10px 0;
	height: 110px;
}
.header-index {
	padding: 0px 22px 0px 22px;
	margin: 0 0 10px 0;
	height:140px;
	background:none;
}

/*--animation-exhibitions-info */
.header-citi {
	padding: 0px 22px 0px 22px;
	margin: 0 0 10px 0;
	height: 140px;
}

/*--info */
.header-info {
	padding: 0px 22px 0px 22px;
	margin: 0 0 10px 0;
	height:150px;
}

.header-column {
  float: left;
  width: 50%;
  height: 100px;
}
}

#menu {
	font-family:"MS Serif", "New York", serif;
	font-style:italic;
	font-size:18px;
	text-align:left;
	color:#333;
	text-decoration:none;
	line-height: 70%;
}

#menu-info {
	font-family:"MS Serif", "New York", serif;
	font-style:italic;
	font-size:18px;
	text-align:left;
	color:#999;
	text-decoration:none;
	line-height: 70%;
}


#menu-inactive {
	font-family:"MS Serif", "New York", serif;
	font-style:italic;
	font-size:18px;
	text-align:left;
	color:#333;
	text-decoration:line-through;
	line-height: 70%;
}
#menu-info-inactive {
	font-family:"MS Serif", "New York", serif;
	font-style:italic;
	font-size:18px;
	text-align:left;
	color:#999;
	text-decoration:line-through;
	line-height: 70%;
}


#menu a:hover {
	color:#999;
}

#menu-info a:hover {
	color:#fff;
}

@media screen and (max-width: 1000px) {
#menu {
	font-family:"MS Serif", "New York", serif;
	font-style:italic;
	font-size:20px;
	text-align:left;
	color:#333;
	text-decoration:none;
	line-height: 70%;
}

#menu-inactive {
	font-size:20px;
}
#menu-info {
	font-family:"MS Serif", "New York", serif;
	font-style:italic;
	font-size:20px;
	text-align:left;
	color:#999;
	text-decoration:none;
	line-height: 70%;
}

#menu-info-inactive {
	font-size:20px;
}
}

#home {
    font-family:"MS Serif", "New York", serif;
	font-style:italic;
	font-size:18px;
	text-align:right;
	color:#333;
	text-decoration:none;
	line-height: 70%;
}

#home a {
    font-family:"MS Serif", "New York", serif;
	font-style:italic;
	font-size:18px;
	text-align:right;
	color:#333;
	text-decoration:none;
	line-height: 70%;
}

#home a:hover {
	color:#999;
}

#home-info {
    font-family:"MS Serif", "New York", serif;
	font-style:italic;
	font-size:18px;
	text-align:right;
	color:#999;
	text-decoration:none;
	line-height: 70%;
}

#home-info a {
    font-family:"MS Serif", "New York", serif;
	font-style:italic;
	font-size:18px;
	text-align:right;
	color:#999;
	text-decoration:none;
	line-height: 70%;
}

#home-info a:hover {
	color:#fff;
}

@media screen and (max-width: 1000px){
#home a {
	padding: 0;
	text-align:right;
	font-size: 20px;
	line-height:70%;
	text-decoration:none;
}

#home {
	text-align:right;
	color:#333;
	text-decoration:none;
	line-height: 70%;
}

#home-info a {
	padding: 0;
	text-align:right;
	font-size: 20px;
	line-height:70%;
	text-decoration:none;
}

#home-info {
	text-align:right;
	color:#333;
	text-decoration:none;
	line-height: 70%;
}
}

.center {
  display: block;
  padding:0 200px 0 200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

@media screen and (max-width: 1000px){
.center {
  display: block;
  padding: 0 20px 0 20px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
}

.text-capital {
	background:none;
    font-family:"MS Serif", "New York", serif;
	font-style:italic;
	font-size:18px;
	text-align:left;
	color:#000;
	text-decoration:none;
	line-height: 200%;
	padding:40px 0 0 0;
}
.text {
    font-family:"MS Serif", "New York", serif;
	background:none;
	font-size:15px;
	text-align:left;
	color:#000;
	text-decoration:none;
	line-height: 140%;
	overflow:hidden;
}

.text-info {
    font-family:"MS Serif", "New York", serif;
	background:none;
	font-size:15px;
	text-align:left;
	color:#999;
	text-decoration:none;
	line-height: 140%;
	overflow:hidden;
}

.text-gray {
    font-family:"MS Serif", "New York", serif;
	background:none;
	font-size:15px;
	text-align:left;
	color:#888;
	text-decoration:none;
	line-height: 140%;
}
.text a{
    font-family:"MS Serif", "New York", serif;
	background:none;
	font-size:15px;
	text-align:left;
	color:#555;
	text-decoration:none;
	line-height: 140%;
}
.text a:hover {
	color:#f90;
}

.text-info a{
    font-family:"MS Serif", "New York", serif;
	background:none;
	font-size:15px;
	text-align:left;
	color:#666;
	text-decoration:none;
	line-height: 140%;
}
.text-info a:hover {
	color:#F0C;
}
@media screen and (max-width: 1000px) {	
.text-capital {
	font-size:20px;
}

.text-gray {
    font-size:11px;
	line-height: 120%;

}
.text-gray a{
    font-size:113px;
    line-height: 120%;
}

.text {
    font-size:11px;
	line-height: 120%;
}

.text a{
	font-size:11px;
	line-height: 120%;
}
}

.info-body {
	padding: 0 200px 0px 200px;
	background:none;
}
@media screen and (max-width: 1000px) {	
.info-body {
	padding: 0 22px 0px 22px;
	background:none;
}
}

.table {
	padding:20px 0 0 200px;
}

.table-text {
	text-align:left;
    border-collapse: collapse;
    width: 600px;
	font-family:"MS Serif", "New York", serif;
	background:none;
	font-size:15px;
	text-align:left;
	color:#088;
	text-decoration:none;
}

.table-text a{
	text-align:left;
    border-collapse: collapse;
    width: 600px;
	font-family:"MS Serif", "New York", serif;
	background:none;
	font-size:15px;
	text-align:left;
	color:#111;
	text-decoration:none;
}

.table-text a:hover{
	color:#f90;
}

.table-text td {
	padding-top:0px;
    border: none;
}

@media screen and (max-width: 1000px) {	
.table {
	padding: 0 0 0 22px;
}
#table-text {
	text-align:left;
    border-collapse: collapse;
    width: 600px;
}

}


/* rows and columns for WORKS----------------------------------------------------------*/
.row {
  border: none;
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 180px;
}

@media screen and (max-width: 1000px) {
   .row {
     padding: 0px 10px 0px 10px;
   }
}

/* columns */
.column {
 
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 20px;
}


@media screen and (max-width: 1000px) {
.column {
  padding: 0 10px;
  -ms-flex: 50%;
  flex: 50%;
  max-width: 50%;
  }
}

.column img {
  padding:40px 0 0 0;
  vertical-align: middle;
  width: 100%;
}

@media screen and (max-width: 1000px) {
  .column img { 
  padding:20px 0 0 0;  
}
}


img {
padding:0 200px 0 200px;
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;

}
@media screen and (max-width: 1000px){
img {
padding:0 20px 0 20px;
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;

}
}




/*lightbox-----------------------------------------------------------------*/

.lightbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,1);
	display: none;

	padding: 15px;
  }
  
.lightbox:target {
	display:flex;
}

.lightbox_content {
	border:none;
	display:inline-block;
	margin:0 auto;
	width:95%;
	height:95%;
	position:relative;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	}
	
@media screen and (max-width: 1000px) {
.lightbox_content {
    width:100%;
	height:98%;
   }
}
	

.lightbox_content p {
	position:absolute;
	bottom:0px;
	font:Arial;
	font-size:16px;
	color:#911;
}

.txt {
	font-family:Arial, Helvetica, sans-serif;
	color:#777;
	font-size:14px;
	position:absolute;
    width:100%;
    bottom:-30px;
    text-align:center;
}

@media screen and (max-width: 1000px) {
.txt {
    bottom:-19px;
	font-size:11px;
   }
}

.close {
	display: block;
    position: absolute;
    right: -43px;
    top: -7px;
    width: 55px;
    height: 55px;
}

@media screen and (max-width: 1000px) {
.close {
    right: 0px;
    top: 0px;
	width: 45px;
    height: 45px;

   }
}

.close:before {
    
	content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    height: 0;
    border-top: 2px solid rgba(0,0,0,0.3);
    transform: rotate(45deg);
    transform-origin: center;
}


.close:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    height: 0;
    border-top: 2px solid rgba(0,0,0,0.3);
    transform: rotate(-45deg);
    transform-origin: center;
}