body {
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
@font-face {
    font-family: "sin";
    src: url('sinkinsans-300light.otf');
    }

#text_p1 {
padding-top: 20px;
font-size: 15;
width: 800px;
margin: 0 auto;
display: block;



}
#nadpis{
font-family: "sin";
font-size: 22;
text-align: center;
position: static;
display: block;
margin: 0 auto;
width: 1330px;

}
#p1 {
font-family: "sin";
font-size: 15;
width: 100%;
height: 340px;
display: block;
margin: 0 auto;
position: static;
padding-top: 500px; 
}
#p2 {
font-family: "sin";
font-size: 15;
width: 100%;
height: 200px;
 
 display:block
 margin: 0 auto;
 position:static;

}
#kontakt {
font-family: "sin";
font-size: 15;
 display: block;
 margin: 0 auto;
width: 70%;
          
height: 600px;
 
text-align:left;

 position: static;
 padding-top: 10px;
 
 
}

#img {
 

margin: auto;


width: 1330px;

background-image: url(back1.jpg);
background-size:  1330px;
background-repeat: no-repeat;
}

#menu {
width:  1330px;
opacity: 0.75;
height: 80px;
z-index: 100;
position: fixed;

margin: 0 auto;
background: black;
}
#title {

background: black;
width: 420px;
height: 175px;
opacity: 0.75;
font-weight: 100;
 position: absolute;
top: 200px; 
}
#text{


width: 350px;
height: 200px;
 position: absolute;
padding-top: 230px;
padding-left:30px ;
 font-weight: 100;
    color: white;
  display: block;
  margin: 0 auto;
font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;

font-size: 25;
}
#text::first-letter { 
   font-weight: 900;
    color: red;
}


 
#name{

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 30;
position: fixed;
z-index: 150;
width: 250px;
padding-top: 10px;
padding-left:22px;
 font-weight: 100;
    color: white;
}  

#name::first-letter { 
   font-weight: 900;
    color: red;
}


br { clear:left }

 

.menu_simple {

width: 560px;
 position: fixed;
z-index: 150;
 left: 788px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 17;
}

 

.menu_simple ul {
 
margin: 0 auto;
 padding: 0;

float: left;

}

 

.menu_simple ul li {

display: inline;

}

 

.menu_simple ul li a {

float: left; text-decoration: none;

color: white;

padding: 27px 30px;



}

 

.menu_simple ul li a:visited {

color: white;

}

 

.menu_simple ul li a:hover, .menu_simple ul li .current {

color: white;

background-color: #ce0606;

}


.nav ul {  
  list-style: none;
   
  text-align: center;
  
  margin: 0 auto ;
}
.nav li { 
  
  
 
  display: block;
  margin: 0 auto;
  padding: 1px;
  

}
 
.nav a { 
width: 50%;
 
  text-decoration: none;
  color: black;
  padding: 10;
  transition: .3s;
  background-color:white;
  border-radius: 8px;
   border: 1px solid #2f2f2f;
}
 
.nav a:hover {  
  background-color: #2f2f2f;
  color: white;
    
  
}
#img2 {

position: static;
padding-top:1%;
left:0; 
width:  1330px;
height: 360px;

background-image: url(bg2.jpg);
background-size:  1330px;
background-repeat: no-repeat;

}
 #text2{
color: Black;
width: 70%;
height: 450px;
font-size: 15;
 position: static;
 padding-top: 50px; 
  padding-bottom: 100px; 
display: block;
 margin: 0 auto;
z-index: 50;
font-family: "sin";





}
#img3 {

position: static;


width:  1330px;
height: 370px;
margin-left: 0 auto;
margin-right: 0 auto;
background-image: url(bg6.png);
background-size:  1330px;
background-repeat: no-repeat;
                      
}
#img4 {




width:  1330px;
height:200px;

background-image: url(bg7.jpg);
background-size:  1330px;
background-repeat: no-repeat;
}