@CHARSET "UTF-8";

body, html{ min-height: 100%; padding: 0; position: absolute; width: 100%; height: 100%; min-width: 1100px; }
body { margin: 0; padding: 0;  font-family: 'Open Sans', sans-serif; font-size: 9.5pt;  /*   background: url(../resp.png); opacity: 0.9;*/ }
header {
	width: 1000px;
    height: 340px;
    background: url(../style2/img/97-logo.png?09) 30px top no-repeat;
    margin: 0 auto;
}

section {margin: 0 auto;}
section h1 {
	font-size: 35px;
    color: #0093dd;
    text-align: center;
    font-weight: 300;
}
section h1.day {color: #e64131; font-weight: normal; }
section h2 {font-size: 20px; color: #e64131; text-align: center; font-weight: normal;}
#translation { width: 960px; height: 650px;  padding-top: 65px; text-align: center;}
#translation.only-stub { height: 560px;}
#translation h1 { margin-top: -72px; }
#translation #main-play {float: left;  background: url(../style/load.gif) center center no-repeat; width: 100%; min-height: 500px;}
#translation #main-play iframe {margin-left: 20px; }
#translation #all-play-new {clear: both; height: auto;}
#translation #all-play-new div {
	width: 125px;
    height: 67px;
    display: inline-block;
    margin: -5px 0px;
    background-size: contain !important;
    cursor: pointer;
}

.play-name {
	position: absolute;
    padding: 5px 10px;
    font-size: 20px;
    background: #0093dd;
    color: white;
    margin: 15px 0px 0px 85px;
    display: none;
}

.stub { width: 960px; height: 480px; background: url(../style2/img/97stub.png?1) center center no-repeat;}

.play-name.camera1 {display: block; }

#schedule {width: 100%; height: auto; margin-top: 20px; background-size: 22%;}
#schedule h1 {margin-top: 40px;}
#schedule table {width: 985px; }
#schedule table tr.current {background: #f3f3f3;}
#schedule table td:nth-child(1) { width: 190px; font-size: 28px; color: #0093dd; vertical-align: top; padding-left: 15px;}
#schedule table td:nth-child(2) {  font-size: 21px; color: #0093dd; font-weight: 300;}
#schedule > div { height: 330px; overflow: hidden; position: relative; margin-top: 10px;}
#schedule > div > .more { cursor: pointer;  display: block;  position: absolute;  width: 132px;  height: 20px;  background: url('../style/img/shedule-show-hide.png?2') 0 0 no-repeat;  left: 50%;  margin-left: -296px;  bottom: 0; }
#schedule > div > .more.show {background-position: 0px -40px; }
#schedule > div.common { height: 305px; }
#schedule > div.sport { height: 300px; }
#schedule > div.war { height: 300px; }
#schedule > div.central { height: auto; }
#schedule > div.scene { height: 305px; }
#schedule > div.scene-shore { height: 285px; }
#schedule > div.book-street { margin-top: 50px; height: 230px; }
#schedule > div.clear {height: 60px;}
#schedule > div.young-kino {height: 360px; margin-top: 40px;}
#schedule > div.young-kino.in {height: 215px;}
#schedule > div.doblest {height: 360px;}
#schedule > div.child {height: 385px;}
#schedule > div.biblio {height: 315px;}
#schedule .see-event  {     position: absolute;  width: 60px; height: 60px; margin-left: 20px;  margin-top: -18px;  cursor: pointer; background: url(../style2/img/97-play-button-small.png); }
#schedule .central .see-event  { margin-top: -29px;}
#schedule .lostTime { opacity: 0.5; }

#group-player { position: fixed; width: 1000px; height: 625px; background: #026db9; border: 1px solid white; margin: 0 auto; top: 50%; margin-top: -320px; left: 50%;  margin-left: -490px; text-align: center; display: none; z-index:2}
#all-play > div {   width: 122px;   height: 70px; background-size: contain !important;  display: inline-block; opacity: 0.45; cursor: pointer;}
#all-play > div.active, #all-play > div:hover {opacity: 1;}
#white-bg {  position: fixed;  width: 100%;  height: 100%;  top: 0; left: 0;  background: white;  opacity: 0.85;  z-index: 1;  display: none; }

#faq {height: 400px;  background: url(../style2/img/97-bottom.png?2) center bottom no-repeat;}
#faq h1 { padding: 50px; margin: 0;}
#faq h3 { font-size: 20px; color: #0093dd; text-align: center; font-weight: normal; margin-top: -20px;}

#citylink {  width: 240px; height: 100px; background: url(../style2/img/citylink.png?1) 0 0 no-repeat; display: block; margin: 80px auto 0;}

.social {width: 200px; margin: 20px auto;}
.social span { display: inline-block; width: 30px; height: 32px;  background: url('../style/img/social.png') 0px 0px no-repeat; cursor: pointer; margin: 5px;}
.social span:hover {opacity: 0.65;}
.social span.fb_share { background-position: -40px 0px;}
.social span.tw_share { background-position: -80px 0px; }
.social span.g_share { background-position: -120px 0px; }

img{border:none;}

#makeMeScrollable{ width:100%;
margin:0 auto;
display:block;
position:relative;
height:290px;}

.part{ display:inline-block;height:290px;}

/*
 @media screen and (max-width: 1200px) {
    body { background-size: 17%, 15%; background-position: left top, 110% top;}
	#faq, #schedule  { background-size: 17%; }
	header {width: 800px; height: 200px; background-size: contain;}

   }

@media screen and (max-width: 1400px) {
    body { background-size: 20%, 15%; background-position: left top, 110% top;}
	#faq,#schedule  { background-size: 20%; }
	header {width: 800px; height: 200px; background-size: contain;}

   }

@media screen and (max-width: 1800px) {
    body { background-size: 25%, 19%; background-position: left top, 100% top;}
	header {width: 850px; height: 200px; background-size: contain;}
	#faq,#schedule  { background-size: 20%; }
   }

*/
@-moz-document url-prefix()   {

	@media screen and (min-width: 1700px) {
		body { background-size: initial;}
	}
}