@font-face {
   font-family: myFirstFont;
   src: url(font.ttf);
}

* {
   font-family: myFirstFont;
}

html, body {
    height: 100%;
    overflow: hidden; /* Hide scrollbars */
	/*background-image: url("images/bg.png");*/
  background-repeat: repeat-x;
  margin:0; 

}
.obra{
width: 500px;
height: 700px;

}
.pdf{
width: 400px;
height: 1500px;
}

  video {
        object-fit: fill; // use "cover" to avoid distortion
        position: absolute;
    }

.wrapper {
    min-height: 1960px;
    position: relative;
    top: -130px;
    /*height: 100%;*/
    margin-left: 160px;/*bottom margin is the negative value of the footer's height */
}
.footer, .push {
    /*height: 155px; /* .push must be the same height as .footer */
}

.container{
    width:1040px;
    padding:0px 0px 0px 0px;
   /* height:1600px;*/
    overflow:hidden;
 	/* background-image: url("images/poz.jpg");*/
 	 border-radius: 25px;   
    }
.jcontainer{
    width:1700px;
    padding:0px 0px 0px 0px;
    height:1000px;
    overflow:hidden;
 	/* background-image: url("images/poz.jpg");*/
 	 border-radius: 25px;   
    }

.logo{
margin: 20px;
width: 100px;
float: left;
}

.item   {
    width:500px;
   /*  height:610px;
   float:left;
    display:inline;*/
    text-align: center;
    padding:70px 0px 0px 0px;
     /* background-image: url("images/papir.png");*/
}
.j-item   {
    display:inline;
    text-align: center;
    
   /* background-image: url("images/papir.png");*/
}
/*
span {
  display: inline-block;
  width: 50px;
}
*/
.j-e{
width: 100%;

}
table{
text-align: center;
 margin:20px auto; 
  font-size: 40px;
 font-weight: bold;
 border-style: solid;
 border-radius: 1px;
	width : 1610px;

}
tr:nth-child(even) {
  background-color: #dddddd;
}
td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
.j {
border-style: solid;
border-radius: 30px;
border-color: #941f23;
  width: 1680px;
  height: 942px;
  margin:20px 40px;
  text-align: center;
  background-color: white;
  vertical-align: middle
   
}

.left{
  float: left;
  width: 550px;
  height: 1500px;
  margin:195px -65px;
  padding: 10px;
  background-color: white;
   
}




.right{
  float: right;
  width: 650px;
  height: 1500px;
  margin: 165px 40px;
    background-color: white;
}

.rtext {
 
 overflow: hidden;
 position: relative;
  margin:20px 20px;
  
}
.btext {
height: 50px;
 font-size: 3em;
 width: 1700px; 
 margin: 0;
 line-height: 50px;
 text-align: center;
 
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);
 transform:translateX(100%);
 /* Apply animation to this element */
 -moz-animation: example1 500s linear infinite;
 -webkit-animation: example1 500s linear infinite;
 animation: btext 20s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes btext {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}