body {
  background-color: #000000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 0px solid yellow;
  min-width: 48em;
  font-family: 'avenir';  
}

.preload {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background-repeat:no-repeat;
  background-position: -9999px -9999px;
}

#preload-light-1 { background-image: url("../images/elekta_bg_1.jpg"); }
#preload-light-2 { background-image: url("../images/elekta_bg_2.jpg"); }
#preload-light-3 { background-image: url("../images/elekta_bg_3.jpg"); }
#preload-light-4 { background-image: url("../images/elekta_bg_close.jpg"); }
#preload-curtain-left { background-image: url("../images/curtain-left.jpg"); }
#preload-curtain-right { background-image: url("../images/curtain-right.jpg"); }

#body-container-1 {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 3%;
  border: 0px solid green;
  background-color: #000000;
  
  overflow: hidden; 
  position: relative;
}
#body-container-1[id] {
  display: table; 
  position: static;
}

#body-container-2 {position: absolute; top: 50%;
} /* for quirk explorer only*/
#body-container-2[id] {display: table-cell; vertical-align: middle; width: 100%; position: static;}

#body-container-3 {
  position: relative; top: -50%; margin-left: auto; margin-right: auto;    /* for quirk explorer only */
  max-width: 72.5em;
  min-width: 61.125em;
/*
  padding-bottom: 60%;
*/
} 


.container {
  border: 0px solid red;
/*
  background-image: url("../images/elekta_bg_open.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size: contain;
  */
} 

.columns {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.resize {
  max-width: 100%;
}

.row {
    max-width: 72.5em;
    min-width: 61.125em;
  background-image: url("../images/elekta_bg_open.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size: contain;
}

img#back {
    position: relative;
    z-index: 0;
}

#site, .lights {
/*  
  margin:8% auto;
  border: 1px solid orange;
  background-repeat:no-repeat;
  background-position:center;
  background-size: contain;
*/  
}





/* CSS Document */
@font-face {
    font-family: 'avenir';
    src: url('Avenir-Next-LT-Pro_5196.eot');
    src: url('Avenir-Next-LT-Pro_5196.eot?#iefix') format('embedded-opentype'),
         url('Avenir-Next-LT-Pro_5196.woff') format('woff'),
         url('Avenir-Next-LT-Pro_5196.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cassannet_regular';
    src: url('cassannet-webfont.eot');
    src: url('cassannet-webfont.eot?#iefix') format('embedded-opentype'),
         url('cassannet-webfont.woff') format('woff'),
         url('cassannet-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'cassannet_bold';
    src: url('cassannet_bold-webfont.eot');
    src: url('cassannet_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('cassannet_bold-webfont.woff') format('woff'),
         url('cassannet_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}



a {
  text-decoration: none;
}
a:link    {color:white;}
a:visited {color:#dedede;}
a:hover   {color:#ff0000;}
a:active  {color:red;} 


#logo {
   position: absolute;
   width: 19%;
   height: 14.7%;
   top: 2%;
   right: 1.1%;
   border: 0px dashed #009999;
}

#logo img {
   width: 100%;
}

#screen {
  font-size:78%;
  line-height:78%;
  text-shadow: 0px 0px 1px white;
  color: rgba(250, 250, 250, 100);
  margin: 0;
  position: absolute;
  overflow:auto;
  top: 18.9%;
  left: 41.5%;
  width: 27.5%;
  height: 28.5%;
  border: 0px solid blue;
  *color: #dddddd;
  filter: dropshadow(color=white, offx=1, offy=1);
/*
  filter: progid:DXImageTransform.Microsoft.Shadow(color=white,direction=45);
*/
}

@media all and (min-width:0) {
    #screen { color:white \0/; };  /* IE9-IE10pp4 */
    filter: progid:DXImageTransform.Microsoft.Shadow(color=white,direction=45);
    text-shadow: 0px 0px 0.5px white;
}


#screen h1 {
  font-family: cassannet_bold;
  font-size: 1em;
  color: #ffffff;
}

#screen strong {
  font-family: cassannet_bold;
  font-size: 1em;
  color: #ffffff;
}

#content {
  font-size: 0.9em;
}

#content #logo-content {
  margin: 22% 27%;
  position:absolute;
  width: 45%;
}

#content.kontakt, #content.contact {
  margin: 12% 20%;
  line-height: 1.1em;
}

#content.kontakt p, #content.contact p{
  margin: 5% 0%;
  line-height: 125%;
}

#content.o-nas {
  margin: 11% 10%;
  position:absolute;
}
#content.o-nas p{
  line-height: 125%;
}
.o-nas-divide { 
  margin: 6% 29%;
  width: 40%;
  height: 3em;
  background-image: url("../images/divider.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size: contain;
}
#content.reference {
  margin: 0;
  padding: 0;
}

#content.sluzby {
  margin: 7%;
  margin-left: 20%;
  margin-top:  12%;
}
#content.sluzby ul{
  list-style-type: disc;
  font-size: 1.3em;
  line-height: 1.5em; 
}

#content.about {
  margin: 10% 10%;
  position:absolute;
}
#content.about p{
  line-height: 125%;
}

#content.references {
  margin: 0;
  padding: 0;
}

#content.services {
  margin: 7%;
  margin-left: 20%;
  margin-top:  12%;
}
#content.services ul{
  list-style-type: disc;
  font-size: 1.3em;
  line-height: 1.5em; 
}



#screen .contact-name {
  color: #dcdcdc;
}

#screen a,#screen a:link, #screen a:visited {
  text-decoration: none;
  color: #bbbbbb;
}

#screen a:hover, #screen a:active {
  color: #dddddd;
}

/* -------------------------- navigation --------------------------*/
#menu {
  position: absolute;
  bottom: 6.5%;
  right: 1.4%;
  width: 15%;
  height: 20%;
  font-family: cassannet_regular;
  font-size: 1.1em;
  line-height: 1.2em;
  color: white;
  text-align: right;
  border: 0px solid red;
	text-rendering: optimizeLegibility;
}

#menu #menu-lang div, #menu #menu-lang a{
  float: right;
  margin-bottom: 1em;  
}
#menu .menuline {
  width: 13.1%;
  height: 0.62em;
  border: 0;
  border-bottom: 1px solid white;
  float: right;
}

#menu .menuline.selected {
  border-bottom: 1px solid red;
}

#menu ul {
  margin: 0;
  padding: 0;
}

#menu li{
  list-style-type: none;
  line-height: 1.2em;
} 

#menu li div.menuline + a {
  margin-right: -2%;
}

#menu ul a.unselected:link, #menu ul a.unselected:visited {
  color: white;
}

#menu ul a.unselected:hover {
  color: red;
}

#menu ul a.selected:link, #menu ul a.selected:visited {
  color: red;
}

/*
#menu ul a.selected:hover {
  color: white;
}
*/

/* ------------------- effects and animations ---------------------*/

#kuzel{
  display: block;
  position: absolute;
  top:25.5%;
  left:-12%;
  padding: 0;
  margin: 0;
  width: 115%; 
  height: 110%;
  border: 0px dotted yellow;
  overflow: hidden; 
}
#kuzel object {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  left:-12%;
  top: 0;
}

.my-svg html {
  overflow: hidden;
  display: block;
}

.my-svg #svg2 {
  width: 100%;
  height: 100%;
  display: block;
}

#old-film {
  margin: 0;
  position: absolute;
  top: 18.9%;
  left: 41.5%;
  width: 27.5%;
  height: 28.5%;
 /* z-index: 1000;*/
  background-image: url("../images/old-film.gif");  
  background-repeat:no-repeat;
  border: 0px solid blue;
  background-size: contain;
}


.curtain {
  display:none;
  margin: 0;
  position: absolute;
  top: 18.9%;
  left: 41.5%;
  width: 13.8%;
  height: 33.3%;
  border: 0px solid blue;
  overflow: hidden;
}

#curtain-right {
  left: 55.148%;
}

.curtain-img {
  position:relative;
  margin: 0;
  height: 100%;
  border: 0px solid blue;
  background-size: cover;
}

#curtain-left-img {
  background-image: url("../images/curtain-left.jpg");  
  background-repeat:no-repeat;
}

#curtain-right-img {
  background-image: url("../images/curtain-right.jpg");  
  background-repeat:no-repeat;
}

#loader{
  background-image: url("../images/nacitani.gif");
  background-repeat:no-repeat;
  background-position:center;
  background-size: contain;
  border: 0px dotted white;
  position: absolute;
  left: 48%;
  top: 45%;
  width: 3%;
  height: 10em;
  display: none;
}


#jquery_jplayer_1 {
}

#jp_container_1 {
  position: absolute;
  bottom: 8px;
  right: 8px;
}
.jp-controls li{
  float: left;
  margin: 10px;
}
.clearfix:before,
.clearfix:after {
    content:" ";
    display:table;
}
.clearfix:after {
    clear:both;
}