body
{
	width: 100%;
	margin: 0;
	padding: 0;
}
#header
{
	width: 100%;
	margin:0px!important;
	padding: 0px!important;
	height: 120px;
	overflow-x: hidden;

}
a
{
	text-decoration: none;
	color: gray;
}
#header1
{
	font-size: 18px;
	font-family: mediator-regular;
	color: gray;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	margin-left: 23.2%;
}
#header2
{
	font-size: 18px;
	font-family: mediator-regular;
	color: gray!important;
	text-decoration: none!important;
	display: inline-block;
	vertical-align: middle;
	margin-left: 3.9%;
}
#header3
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10.9%;
}
#header4
{
	font-size: 18px;
	font-family: mediator-regular;
	color: gray!important;
	text-decoration: none!important;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10%;
}
#header5
{
	font-size: 18px;
	font-family: mediator-regular;
	color: gray!important;
	text-decoration: none!important;
	display: inline-block;
	vertical-align: middle;	
	margin-left: 3.9%;
}
#t1
{
	text-align: center;
	font-size: 38px;
	font-family: Mediator-Serif-Regular;
	margin-top: 4%;
}
#t2
{
	display: inline-block;
	font-size: 16px;
	font-family: Mediator-Serif-Regular;
	margin-top: 2%;
	margin-left: 36.5%;
}
#t3
{
	display: inline-block;
	font-size: 16px;
	font-family: Mediator-Serif-Regular;
	margin-left:10.5%; 
}
#i2-1
{
	margin-left: -25%;
}
#i2
{
	margin-bottom: -26%
}
footer
{
	margin-top: 5%;
	background-color: #3b3b3b;
	height: 181px;
	width: 100%;
}
#f1
{
	display: inline-block;
	margin-left: 36%;
}
#f2
{
	display: inline-block;
	margin-left: 4.5%;
	vertical-align: top;
	margin-top: 3.1%;

}
#f3
{
	display: inline-block;
	margin-left: 4.5%;
	vertical-align: top;
	margin-top: 3.1%;
}
#f1-1
{
	color: white;
	font-size: 20px;
	font-family: Mediator-Serif-Regular;
	padding-top: 30.3%;
}
#f1-2
{
	color: white;
	font-size: 20px;
	font-family: Mediator-Serif-Regular;
	margin-top: 1.2%;
}
#f2-1
{
	color: white;
	font-size: 20px;
	font-family: Mediator-Serif-Regular;
}
#f2-2
{
	color: white;
	font-size: 20px;
	font-family: Mediator-Serif-Regular;
	margin-top: 1.2%;
}
#f3-1
{
	color: white;
	font-size: 20px;
	font-family: Mediator-Serif-Regular;
}
#f3-2
{
	color: white;
	font-size: 20px;
	font-family: Mediator-Serif-Regular;
	margin-top: 1.2%;
}
#a2
{
	color: white;
}
#p1
{
	font-size: 37.85px;
	font-family: mediator-regular;
	color: #a02522;
	text-align: center;
	margin-top: 2%;
}
#p2
{
	font-size: 20px;
	font-family: 'Mediator-Serif-Bold';
	text-align: center;
	margin-top: 3%;
}
#nasha3
{
	text-align: center;
	margin-top: 2%;
}
#png3-1
{
	padding-right: 5.46%; 
}
#png3-3
{
	padding-left: 5.46%; 
}
#p3
{
	font-size: 37.85px;
	font-family: mediator-regular;
	color: #a02522;
	text-align: center;
	margin-top:5%;
}
#p4
{
	font-size: 20px;
	font-family: Mediaotr-Serif-Regular;
	text-align: center;
	margin-top: 3%;
}
#p5
{
	font-size: 20px;
	font-family: Mediator-Serif-Regular;
	text-align: center;
	margin-top: 2%;
}
#p6
{
	font-size: 37.85px;
	font-family: mediator-regular;
	color: #a02522;
	text-align: center;
	margin-top: 5%;
}
#p7
{
	font-size: 20px;
	font-family: 'Mediator-Serif-Bold';
	text-align: center;
	margin-top: 3%;
}
#kontakt
{
	width: 100%;
	margin-top: 10%;
}
#kont1
{
	text-align: center;
	font-size: 37.84px;
	font-family: mediator-regular;
	color: #a02522;
}
#kont2
{
	width: 100%;
	font-family: 'Mediator-Serif-Bold';
}
#kont2-1
{

	display: inline-block;
	width: 50%;
	vertical-align: top;
	font-size: 18px;
	font-family: 'Mediator-Serif-Bold';
	color: black;
	vertical-align: middle;
	padding-left: 25%;
	margin-bottom: -20%;

}
d1
{
	font-size: 16px;
	font-family: Meditator-Serif-Italic;
	color: gray;
}
iframe
{
	margin-left: 50%;
	width: 138%;
}
#o1
{
	position: absolute;
	margin-left: 38%;
	margin-top: 12%;
}
#png5
{
	display: inline-block;
}
#section4
{
	width: 50%;
}
#png5
{
	width: 49%;
}
#png7
{
	position: absolute;
	margin-left: -20%;
	margin-top: -0.5%;
}
#png8
{
	position: absolute;
	margin-left: -24%;
	margin-top: -0.5%;
}
#header1:hover
{
	transform: scale(1.2);
}
#header2:hover
{
	transform: scale(1.2);
}
#header3:hover
{
	transform: scale(1.2);
}
#header4:hover
{
	transform: scale(1.2);
}
#header5:hover
{
	transform: scale(1.2);
}
.pp-1-1-1
{
    margin-top:2%;
}
#okno1 {
        width: 85%;
        height: 138%;
        text-align: center;
        padding: 15px;
        border: 3px solid #000000;
        border-radius: 10px;
        color: #0000cc;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: #fff;
        text-align:center;
      }
#okno2 {
        width: 80%;
        height: 140%;
        text-align: center;
        padding: 15px;
        border: 3px solid #000000;
        border-radius: 10px;
        color: #0000cc;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: #fff;
      }
#okno3 {
        width: 80%;
        height: 190%;
        text-align: center;
        padding: 15px;
        border: 3px solid #000000;
        border-radius: 10px;
        color: #000000;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: #fff;
      }
html, body{width:100%; overflow-x:hidden}
@media only screen and (max-width: 400px)
{
     #okno2
     {
         height:300%;
     }
     #okno1
     {
         height:50%;
     }
}
@media only screen and (max-width:1500px)
{
    #okno1
    {
        height:100%;
    }
    #okno2
    {
        height:105%;
    }
    #okno3
    {
        height:150%;
    }
}

@media only screen and (max-width:500px)
{
    #okno1
    {
        height:50%;
    }
}
@media only screen and (min-width:2000px)
{
    #okno1
    {
    height:120%;    
    }
    #okno2
    {
        height:110%;
    }
    #okno3
    {
        height:150%;
    }
    
}
html, body{width:100%; overflow-x:hidden}
@media only screen and (max-width: 1400px)
{
    #okno1
    {
       height:165%;
    }
    #okno2
    {
        height:125%;
    }
    #okno3
    {
        height:170%;
    }
}
@media only screen and (max-width:1200px)
{
    #okno1
    {
        height:145%;
    }
}
html, body{width:100%; overflow-x:hidden}
@media only screen and (max-width: 1000px)
{
    #knopka1
    {
        font-size:12px!important;
    }
    #knopka2
    {
        font-size:12px!important;
    }
    #knopka3
    {
        font-size:12px!important;
    }
    #okno1
    {
        height:120%;
    }
    #okno2
    {
     height:70%;   
    }
    #okno3
    {
    height:75%;
    }
    #header1
    {
        margin-left:12%!important;
    }
    #okno2
    {
        height:90%
    }
    
    #kont2-2
    {
        width:0px;
        font-family: 'Mediator-Serif-Bold';
    }
    #png4
    {
        width:0px;
    }
    #otz3
    {
        margin-left:-15%;
        font-size:16px;
        word-spacing:0.2px;
        width:75%;
    }
    b1
    {
        font-size:16px;
    }
    section
    {
    width:100%;
    margin:0;
    padding:0;
    }
    body
    {
        width:100%;
        max-width:100%;
        flex-wrap:wrap;
    }
    footer
    {
        margin-top:-25%;
    }
    #f1-1
    {
        padding-top:22%;
    }
    #f2, #f3
    {
        padding-top:1.1%;
    }
    #f1
    {
        margin-left:27%;
    }
    #header1
    {
        margin-left:14%;
    }
    #section2
    {
        font-size:28px;
    }
    #section3
    {
        width:36%;
    }
    #png3-1
    {
        padding-right:3.46%;
    }
    #png3-3
    {
        padding-left:3.46%;
    }
    #okno1 {
        width: 90%;
        height: 110%;
        text-align: center;
        padding: 15px;
        border: 3px solid #000000;
        border-radius: 10px;
        color: #0000cc;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: #fff;
        text-align:center;
      }
}
#zatemnenie1 {
        background: rgba(102, 102, 102, 0.5);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        position:fixed;
        font-family: Mediator-Serif-Regular;
        text-align: center;
        overflow-y: scroll;
        overflow:auto;
}    
      
      #zatemnenie1:target {display: block;}
      .close1 {
        display: inline-block;
        border: 1px solid #000000;
        color: #0000cc;
        border-radius: 10px;
        padding: 0 12px;
        margin: 10px;
        text-decoration: none;
        background: #f2f2f2;
        font-size: 18pt;
        cursor:pointer;
        color: #000000;
      }
#zatemnenie2 {
        background: rgba(102, 102, 102, 0.5);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        overflow:auto;
        font-family: Mediator-Serif-Regular;
        
        text-align: center;
        overflow-y: scroll;
      }
      
      #zatemnenie2:target {display: block;}
      .close2 {
        display: inline-block;
        border: 1px solid #000000;
        color: #000000;
        padding: 0 12px;
        border-radius: 10px;
        margin: 10px;
        text-decoration: none;
        background: #f2f2f2;
        font-size: 18pt;
        cursor:pointer;
      }
      #p2-2
      {
          margin-left:5%;
          margin-right:5%;
      }
      #p2-1-1
      {
          margin-right:2.5%;
      }
      #p2-1-2
      {
          margin-right:2.5%;
      }
    
#zatemnenie3 {
        background: rgba(102, 102, 102, 0.5);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        position:fixed;
        font-family: Mediator-Serif-Regular;
        text-align: center;
        overflow:auto;
      }
      
      #zatemnenie3:target {display: block;}
      .close3{
        display: inline-block;
        border: 1px solid #000000;
        border-radius: 10px;
        color: #000000;
        padding: 0 12px;
        margin: 10px;
        text-decoration: none;
        background: #f2f2f2;
        font-size: 18pt;
        cursor:pointer;
      }
      .close3:hover {background: #e6e6ff;}
      #d-1
      {
          margin-top:-10%;
      }
      #popup-1
      {
        display:inline-block;  
        text-align:center;
        color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
      }
      #popup-2
      {
        display:inline-block;
        text-align:center;
        color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
      }
      #popup-3
      {
        display:inline-block;
        text-align:center;
        color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
      }
      #popup-4
      {
        text-align:center;
        color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;  
      }
      #popup-5
      {
          display:inline-block;
        color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
        margin-left:5%;
      }
      #popup-6
      {
          display:inline-block;
        color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
        margin-right:2.5%;
      }
      #popup-7
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-8
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        margin-right:3%;
      }
      #popup-9
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center!important;
      }
      #popup-10
      {
         display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-11
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-12
      {
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-13
      {
         display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center; 
      }
      #popup-14
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-15
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-16
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-17
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-18
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-19
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-20
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-21
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-22
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-23
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-24
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-25
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-26
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-27
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-28
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-29
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      #popup-30
      {
          display:inline-block;
          color:black;
        font-size:14px;
        font-family: Mediator-Serif-Regular;
        text-align:center;
      }
      .p1-1:hover
      {
          transform: scale(2.5);
      }
      .p1-2:hover
      {
          transform:scale(1.5);
      }
          #p1-2
    {
        margin-left:-12%;
    }
      #texttt-1
      {
        margin-left:-12%;
      }
    #header1
{
	font-size: 22px;
	font-family: mediator-regular;
	color: gray;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	margin-left: 23.2%;
	color:gray!important;
}
#header2
{
	font-size: 22px;
	font-family: mediator-regular;
	color: gray!important;
	text-decoration: none!important;
	display: inline-block;
	vertical-align: middle;
	margin-left: 3.9%;
}
#header3
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 11.0%;
}
#header4
{
	font-size: 22px;
	font-family: mediator-regular;
	color: gray!important;
	text-decoration: none!important;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10%;
}
#header5
{
	font-size: 22px;
	font-family: mediator-regular;
	color: gray!important;
	text-decoration: none!important;
	display: inline-block;
	vertical-align: middle;	
	margin-left: 3.9%;
}
a
{
    color:#a02522;
}