html{
	overflow-y: scroll;
	overflow-x: hidden;
  background-color: #f5f5f4;
  font-family: PTSansRegular, Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  line-height: 20px; 
}

body{
  width: 100%;
  margin: 0 auto 0 auto;  
}

#container{
  width: 100%;
  height: 100%;
  margin: 0 auto 0 auto;
  text-align: center;
}

#header{
  width: 100%;
  text-transform: uppercase;
  font-size: 12px;
  color: #d1cece;
}

#logo{
    float:left;
    width:25%;
    margin: 0 auto 0 10%;
}


@media only screen and (max-width: 800px){
   #logo{
    float:none;
    width:90%;
    margin: 10px;
}
}

#menu{ 
  width: 75%;
  margin: 35px auto 0 auto;
}

#alaprajz{ 
  margin: 35px auto 0 auto;
  text-transform: uppercase;
  font-size: 17px;
  color: #d1cece;
}

@media only screen and (max-width: 800px){#menu{ 
  width: 75%;
  margin: 0 auto 0 auto;
}
}

ul{
  padding: 10px; 
}

#tart{
  width: 100%;
  margin: 0 auto 0 auto;
  font-size: 12px;
}

#targy{
  width: 902px;
  margin: 15 auto 0 auto;
  text-align: justify;
}

a{
  color: black;
  text-decoration: none;
}

#yli{
 color: blue; 
}

li.menu{
  background-color: #edecec;
  padding: 20px; 
  text-decoration: none;
  display: inline;
  margin-right: 5px;
}

@media only screen and (max-width: 800px){
  li.menu{
  background-color: #edecec;
  padding: 7px; 
  text-decoration: none;
  display: block;
  margin-top:5px;
}

}

li.menu:hover{
  background-color: #d0cece;
}

li.menu#active{
  background-color: #d0cece;
}

#clear{
  clear: both;
}

#footer{
  width: 100%;
  height: 10px;
  margin-top: 30px;
  margin-bottom: 15px;
  background-color: #ea7c06;
}

#copy{
  width: 100%;
  height: 20px;
  margin: 0 auto 0 auto;
}

#copy_kozep{
  width: 280px;
  margin: 0 auto 0 auto;
  font-size: 12px;
}

.alapr{
   font-size: 25px;
}

@media only screen and (max-width: 800px){
.alapr{
   font-size: 12px;
}
}


#galery{
margin-top: 40px;
}

.palyazat{
height: 350px;
}

.ginop{
margin: 0 auto 0 auto;
width: 85%;
font-size: 14px;
text-align: justify;
}

@media only screen and (max-width: 800px){
img.palyazat{
width: 100%;
}
}