@import url('https://fonts.googleapis.com/css?family=Sofia');
@import url('https://fonts.googleapis.com/css?family=Finger+Paint'); rel='stylesheet'


body {
	height:auto;
	width:auto; 
    border: 1px solid #ff2210;
	background-color:#ffddcc;
	margin:0; 
	padding:0;
	font: 14px/24px Verdana, Geneva, sans-serif;
	} 
	
#tarolo {position:relative; display:block; min-height:100%; width:100% 
}
 #fejlec {
	 position:relative; 
	 display:block; 
	 top: 0;  
	 left: 0;  
    
	 width: 100%; 
	 background-color:##4ddd25; 
	 color:#fb0000; 
     box-shadow: 0px 2px 5px 0px #441108, 0px 12px 15px 0px #441108 inset; 
     font:30px/34px 'Finger Paint', cursive;
	 font-weight: 1000;
	 }
  #hatter { 
  background-image:url('../designe/fenti_kep.jpg'); /*háttérkép beállítása*/
    background-repeat: repeat; /*háttérkép ismétlődik*/
    height:120px;   /*magasság beállítása*/
	width: inherit; /*relativ szélesség*/
    float:left;     /*balra lebegtetés*/
    border:1px solid black;  /*szegély beállítása*/;
   } 

 #menu {
    position: relative;
    display: block;
  /*  left: 0; */
  /*  height: 30px; */
    width: 100%;
    text-align: center;
   /* background-color: #aa2210;   /*háttér szinek a menu elemnek*/
   /* color: #ffddcc; */
	}
	
#menu ul {
	list-style-type: none; /* Listajel nem kell */
	padding:1px; 
	margin:0;
}	
	/* Inline felsorolás  */
  #menu li {
	  padding:1px; 
	  margin:0; 
	  display:inline; 
	  }  
/* A link elem formázása  */	  
 #menu li a { 
	display: inline-block; 
	background-color:#37934a; 
    width: 150px; 
	height: 100%; 
	border-radius: 1px  1px 15px 1px; 
    text-align:center; 
	border-right:1px solid #ccbbaa; 
    border-bottom:1px solid #ffaaaa; 
	border-top:1px solid #bb8866; 
    box-shadow: 3px 3px 5px 0px #441108;
	}	 

/* A link felírat csinosítása  */
  #menu  li a:link,  #menu  li a:visited {
	color:#ffddcc;
    font:  14px/24px Verdana, Geneva, sans-serif; 
    text-decoration:none; 
	}	
/* A link állapotainak megkülönböztetése  */
  #menu  li a:hover {
	color:#ffeedd; 
	background-color:#883218; 
    text-decoration:none;
	} 
  #menu  li a:active {
	color:#ffeedd; 
	background-color:#883218;
    border-bottom:2px; 
	border-top:2px; 
	padding-top:1px; 
	font-size:13px; 
	}
	
/* mensor rendezése */	
 #menusor{ 
	display:inline-block;
    width: auto; 
	margin: 0;
    padding: 0; 
	list-style: none;
	}	
 #menusor li{
    float: left;
    position: relative;
	}
  #menusor ul{
    list-style: none;  
    position: absolute;
	width: 100%;
    top: 25px;
    left: 0;
    z-index: 1000;
	}
  #menusor ul li{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
	}
 #menusor li:hover > ul{
	display: block; 
  } 
  #menusor ul{
    list-style: none;  
    display: none;
  }
  #menusor ul ul {
    left: 110px;
    top: 0px;
	width: 100%;
}
#menusor ul ul li a:link, #menusor ul ul li a:visited  {
	background-color:#ffddcc; 
	color:#662210;}
#menusor ul ul li a:hover  {
	background-color:#ffffff; 
	color:#441106;}
#menusor ul ul li a:active  {
	background-color:#ffddcc; 
	color:#441106; 
	font-size:13px;  
	border-bottom:2px; 
	border-top:2px;
	}



#tartalom {
    position: relative;
    display: block;
    
    
    background-color: #ffddcc17;
    color: #060606;
padding-bottom: 40px;
}

#tartalom p {
		position: relativ;
		text-bottom: center;
		color: #060606;
}
#aktual img{
	width: 100%;
	height: 100%;
}
#szoveg {
	position: relative;
	display: black;
	 color: #060606;
}

#tajekoztato {
	position: relative;
	display: black;
	 color: #fb0000;
}
#tajekoztato > ul > li > a:link, #tajekoztato > ul > li > a:visited {
  background-color:#662210; 
  color:##fb0000;  
  font: italic 14px/38px Verdana, Geneva, sans-serif;
  }

#botton {
	position: relativ;
}





 #lablec {position:relative; bottom:0; display:block;     height:30px; width: 100%;}	 
	
 	
#balmenu {
    border-radius: 1px 15px 1px 15px;
    box-shadow: 3px 3px 5px 0px #441108;
    text-align: center;
}
#balmenu {
    position: absolute;
    display: block;
    top: 250px;
    left: 0;
    width: 100px;
    background-color: #662210;
    color: #ffddcc;
}
  #balmenu ul {
	  list-style-type: none; 
	  margin:0; 
     padding:0px;
	 }
  #balmenu li {
	  list-style-type: none; 
     padding:0px;
	 }	
#balmenu input:not(:checked) ~ ul {
	display: none; 
}	 
#balmenu input:not(:checked) + label{
  background-position: 0px 5px ;
}
#balmenu > ul > li > a:link, #balmenu > ul > li > a:visited {
  background-color:#662210; 
  color:#ffddcc;  
  font: italic 14px/38px Verdana, Geneva, sans-serif;
  }
#balmenu > ul > li > a:hover{
  font:15px/38px Verdana, Geneva, sans-serif;
  color:#ffffff; }
#balmenu > ul > li > a:active {
  color:#ffffff; 
  font-size:13px;  border-bottom:2px; 
  border-top:2px; padding-bottom:4px;}	 

#balmenu > ul > li > ul > li > a { 
  display: block;
  background-color:#662210; 
  width: 110px; 
  height: 24px; border-radius: 1px  5px 5px 1px; 
  text-align:right; padding-right:10px; padding-bottom:2px;
  border-right:1px solid #ccbbaa; border-bottom:1px solid #ffaaaa; 
  border-top:1px solid #bb8866; 
  box-shadow: 3px 3px 5px 0px #441108; }
#balmenu > ul > li > ul > li > a:link, #balmenu > ul > li > ul > li > a:visited  {
  background-color:#ffddcc; 
  color:#662210; 
  text-decoration:none; 
  font-size:14px;
  }
#balmenu  ul > li > ul > li >  a:hover {
  background-color:#ffffff; 
  color:#441106; 
  padding-right:12px; 
  padding-left:2px;
  }
#balmenu  ul > li > ul > li >  a:active  {
  background-color:#ffddcc; 
  color:#441106; font-size:13px;  
  border-bottom:2px; 
  border-top:2px; 
  padding-bottom:4px;}	
  
 #balmenu > ul > li > ul > li > ul > li > a{ 
   display: block;
   background-color:#662210; 
   width: 110px; 
   height: 24px; 
   border-radius: 1px  5px 5px 1px; 
   text-align:right; padding-right:2px; padding-bottom:2px;
   border-right:1px solid #ccbbaa; 
   border-bottom:1px solid #ffaaaa; border-top:1px solid #bb8866; 
   box-shadow: 3px 3px 5px 0px #441108;
   }
#balmenu > ul > li > ul > li > ul > li > a:link, #balmenu > ul > li > ul > li > ul > li > a:visited {
   background-color:#ffddcc; 
   color:#662210; 
   text-decoration:none; 
   font-size:13px; 
   font-style: italic;
   }
#balmenu  ul > li > ul > li > ul > li >  a:hover  {
   background-color:#ffffff; 
   color:#441106; 
   padding-right:4px; 
   padding-left:2px;
   }
#balmenu  ul > li > ul > li > ul > li >  a:active {
   background-color:#ffddcc; 
   color:#441106; 
   font-size:13px;  
   border-bottom:2px; 
   border-top:2px; 
   padding-bottom:4px;} 
	
#balmenu label { display: block; float:left; 
  background-image: url("../designe/plusminus_14.png"); 
  background-repeat: no-repeat; 
  background-position: -14px 5px ; width:14px; height:20px;
  margin-left:3px;
}	

#balmenu input:not(:checked) + label{
  background-position: 0px 5px ;
}
	

//* képernyőhöz igazítás */

@media screen and (min-width:1601px) {
/* Stílusok  nagyon széles képernyőre */
}
@media screen and (min-width:801px) and (max-width:1600px) {
/* Stílusok  átlagos képernyőre */
}
@media screen and (min-width:480px) and (max-width:800px) {
/* Stílusok mobilra, táblagépre, keskeny képernyőre */
}
@media screen and (max-width:479px) {
/* Stílusok mobilra */
}