/* Norm�l megjelen�t�s */


@font-face {
font-family: "vendegkonyv";
src: url("fonts/hemmet.ttf");
font-weight: 500;
}

/* alap ---------------------------------------------------------------------------*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

body {
	background-color:#CC6600;
	background-repeat:no-repeat;
	background-position:left top;
	background-attachment:fixed;
	background-size: cover;
	font-family: Palatino Linotype, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000033;

	
  } 
  
a:link, a:visited, a:hover, a:active{
	text-decoration: underline;
	color:#000033;
}

a.menu_button2:link, a.menu_button2:visited, a.menu_button2:hover, a.menu_button2:active    {
	text-decoration: none;
	color:#ffffff;

}


a.menu_button2big:link, a.menu_button2big:visited, a.menu_button2big:hover, a.menu_button2big:active    {
	text-decoration: none;
	color:#660000;

}



p.book {
    text-align: justify;
}

.nagycim {

text-align: center;
font-size:20px;
font-weight:bolder;
font-style:italic;



}

.nagycim2 {

text-align: center;
font-family: Palatino Linotype, Helvetica, sans-serif;
font-size:30px;
font-weight:bold;
padding-right:7%;

}

.nagycim3 {

text-align: center;
font-size:20px;
font-weight:bolder;
font-style:italic;
padding-right:7%;

}


.style_hiba {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CC0000;
}
.style_ok {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #006600;
}


  
#clear {
clear:both;
} 

.left {
float:left;
}

.right {
float:right;
}  


textarea {
min-width:200px !important;
max-width:480px !important;
min-height:50px !important;
max-height:600px !important;
} 



/* betuk ---------------------------------------------------------------------------*/


#counter {
} 

.ulink {
text-decoration: underline;

}


/* t�rol�k ----------------------------------------------------------------------------- */
 

  


  .tarolo {
	position:relative;
	/*min-width: 1200px;*/
	overflow-x:hiddden;	
	text-align: center;
	
	
	

	
 
} 

  .bt {
	position:relative;
	
	width:200px;
	overflow: hidden;
	float: left;
	font-family: Georgia, Helvetica, sans-serif;
	font-size:13px;
	text-align: center;
	z-index: 500;

 
} 


  .jt {
	position:absolute;
	/*top:-13px;*/
	left: 200px;
	width:80%;
	/*max-width:1200px;*/
	min-width:500px;
	float: left;

 
} 

  .hatter1 {
	background-image: url(tr_bg.png);
	background-repeat: repeat;

} 



  
  #bf {
	position:relative;
	width:200px;
	height:100px;
	background-image: url(tr_bg.png);
	background-repeat: repeat;
}    
  #bf2 {
  	width:200px;
	height:100px;
	background-image: url(bfk.png);
	background-repeat: no-repeat;
	
}     
  #jf {
	position:relative;
	height:100px;
	max-width:1200px;
	background-image: url(jfk.png);
	/*min-width:600px;*/
	/*background-image: url(header.png);
	background-repeat: repeat;
	/*border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width:medium;*/
	

}  

 #bk {

	background-image: url(tr_bg.png);
	background-repeat: repeat;




 }

   
  #bk2 {
	position:relative;
	min-height:850px;
	width: 200px;
	background-image: url(bk.png);
	background-repeat:no-repeat;


} 

 #jf2 {

	background-image: url(tr_bg.png);
	background-repeat: repeat;
	/*padding-right:50px;*/




 }


 #jk {

	background-image: url(tr_bg.png);
	background-repeat: repeat;
	






 }
 
 
  #jk2 {
	/*border-top-left-radius:15px;
  border-top-color:#FFFFFF;
  border-top-style:solid;
  border-top-width:medium;
  border-left-color:#FFFFFF;
  border-left-style:solid;
  border-left-width:medium;*/
  
	position:relative;

	min-width:350px;
	/*min-width:560px;*/
	background-image: url(jkk.png);
	padding:1px;
	padding-left:40px;
	/*padding-right:20px;
	padding-bottom:20px;*/
	background-repeat: repeat-x;
	min-height:600px;
	text-align: center;
	z-index:99;
	

} 

.kozep{
text-align: center;
    margin-left: auto;
     margin-right: auto;
     width: 99%;
}

  #cim {
	min-width:300px;
	z-index:100;
	
}

 #cim2 {
	min-width:300px;
	z-index:100;
	
}



  #cim_k {
	position:relative;
	top:15px;
	max-width:300px;
	min-width:200px;
	height:43px;
	background-image: url(cim_k.png);
	background-repeat: repeat;
	text-align:center;
	font-family: Georgia, Helvetica, sans-serif;
	font-style:italic;
	font-size: 20px;
	font-weight: bolder;
	color:#EDE9B6;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	float:right;
	overflow:hidden;
	line-height: 43px;
	z-index:100;
	margin-bottom:30px;
	text-shadow:0px -1px 0px #333333;
} 

  #cim_b {
	position:relative;
	top:15px;
	width:10px;
	height:43px;
	background-image: url(cim_b.png);
	background-repeat: no-repeat;
	float:right;
	overflow:hidden;
	z-index:100;
	margin-bottom:30px;
	
} 


  #cim_j {
	position:relative;
	top:15px;
	width:10px;
	height:43px;
	background-image: url(cim_j.png);
	background-repeat: no-repeat;
	float:right;
	overflow:hidden;
	padding-right: 20px;
	z-index:100;
	margin-bottom:30px;

} 

#focim {
	width:460px;
	height:60px;
	font-size: 16px;
	font-weight: bolder;
	color:#FCFDC8;
	float:left;
	font-style:italic;
	font-family: Georgia, Helvetica, sans-serif;
	background-image: url(focim_bg.png);
	background-repeat: no-repeat;
	z-index:99;
	overflow:hidden;

}

.indexnc{
display: block;
text-align: center;
    margin-left: auto;
     margin-right: auto;
	 /*padding-right:200px;*/
	


}



  #ba {
	width:200px;
	height:20px;
	background-image: url(tr_bg3.png);

} 

   #ja {
	height:20px;
	background-image: url(tr_bg3.png);
	font-size: 1em;
	color: #666666;
	padding-left: 100px;
	padding-right: 100px;

} 

.fomenutarolo {
position:relative;
float: left;
margin: 1px 30px 15px 30px;
text-align:center;
	border-color:#000000;
	border-style:solid;
	border-width:1px;
	padding:10px;
		background-image: url(tr_bg.png);
	background-repeat: repeat;
	box-shadow: 6px 6px 15px #333333;



}



/* vend�gk�nyv ----------------------------------------------------------------------------- */ 

.vkszoveg {
	text-align: justify;
}

.vkadminszoveg {
	text-align: justify;
	font-style: italic;
	color: #990000;
	font-weight:bold;

}

.vkemail {
float:left;
}

.vkbejegy {
float:right;
} 

.vk_button {
	background-image: url(tr_bg.png);
	background-repeat: repeat;
	margin: 1px;
	margin-top:4px;
	margin-bottom:4px;
	border-color:#000000;
	border-style:solid;
	border-width:1px;
	padding-left:2px;
	padding-right:2px;
	width:18px;
	height:16px;
	float:left;
	font-family: Arial;
	color:#000033; 
} 
 
/* gal�ria ----------------------------------------------------------------------------- */ 
 
.galeria_menukep{
position: relative;
width: 200px;
height: 150px;
float: left;
margin: 8px;
border: 6px solid #FFFFFF;
border-bottom: 15px solid #FFFFFF;
background-repeat:no-repeat;
background-size: cover;
cursor:pointer;
box-shadow: 6px 6px 15px #333333;
}

.galeria_menukep:hover{

border: 6px solid #CCCCCC;
border-bottom: 15px solid #CCCCCC;

}

.galeria_menuszoveg{

position: absolute;
left: 0;
bottom: 0;
/*width: 190px;
height: 40px;*/
background-image: url(tr_bg_menuszoveg.png);
background-repeat: repeat;
padding:5px;
overflow:hidden;
text-decoration:none;
text-align:center;
font-family: Georgia, Helvetica, sans-serif;
font-style:italic;
font-size:16px;
font-weight: bolder;
font-style: italic;
color:#000000;
cursor:pointer;
}
/* webkamera -------------------------------------------------------------------------------*/
.webkamera_menukep_border{
width: 300px;
height: 200px;
border: 1px solid #000000;
background-repeat:no-repeat;
background-size: cover;
cursor:pointer;

}

.webkamera_menukep{
position: relative;
float: left;
margin: 30px;
border: 6px solid #FFFFFF;
border-bottom: 15px solid #FFFFFF;
background-repeat:no-repeat;
background-size: cover;
cursor:pointer;
box-shadow: 6px 6px 15px #333333;
}

.webkamera_menukep:hover{

border: 6px solid #CCCCCC;
border-bottom: 15px solid #CCCCCC;

}

.webkamera_menuszoveg{

position: absolute;
left: 0;
bottom: 0;
/*width: 190px;
height: 40px;*/
background-image: url(tr_bg_menuszoveg.png);
background-repeat: repeat;
padding:5px;
overflow:hidden;
text-decoration:none;
text-align:center;
font-family: Georgia, Helvetica, sans-serif;
font-style:italic;
font-size:16px;
font-weight: bolder;
font-style: italic;
color:#000000;
cursor:pointer;
}



/* h�rek ----------------------------------------------------------------------------- */ 

  #hirtarolo {
    min-width:100px;
	
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#hirtarolo2 {
min-height:600px;
}

  #hirkep {

	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	float:right;
}

  #hirkep_left {

	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	float:left;
}




  #hirhr {

	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	float:right;
}


  #hirdatum {
  	text-align:left;
	font-size: 13px;
}
  #hircim {
	text-align:left;
	font-size: 17px;
	font-weight: bold;	
}
  #hirszoveg {

	 text-align:left;
}

.hidden {visibility:hidden;}


/*�r�kbefogad�s ----------------------------------------------------------------------------- 
  #orf0 {
	position:relative;
	width:780px;
	height:98px;
	clear:left;
	border-style: solid;
    border-width: 1px;



} 



  #orf1 {
	position:relative;
	width:130px;
	height:98px;
	float:left;
	border-right-style: solid;
	border-right-width: 1px;
	background-color:#FFFFFF;

 
} 
  #orf2 {
	position:relative;
	width:160px;
	height:98px;
	float:left;
	border-right-style: solid;
	border-right-width: 1px;
	line-height: 90px;
	text-align: center;



} 
  #orf3 {
	position:relative;
	width:400px;
	height:98px;
	float:left;
	border-right-style: solid;
	border-right-width: 1px;
		line-height: 30px;
	text-align: center;



} 

   #orf4 {
	position:relative;
	width:80px;
	height:98px;
	float:right;
	line-height: 90px;
	text-align: center;



} 

*/ 

  #orf0 {
	min-height:120px;
	clear:both;
	border-style: solid;
    border-width: 2px;



} 



  #orf1 {


float:left;


clear:both;
 
} 
  #orf2 {





	text-align: center;
	line-height: 90px;



} 
  #orf3 {




	
	text-align: center;
	line-height: 90px;



} 

   #orf4 {




	text-align: center;
	line-height: 90px;



} 





/* NEWSSLIDE ------------------------------------------------------------------------------*/

/* COMMON CLASSES */
.break { clear:both; }

/* HEADER */
#header { width:200px; height:150px; font-size:20px;}
.headerimg { width:200px; background-position: center top; background-repeat: no-repeat; width:196px; height:129px;  position:absolute; left: 0; border-style: solid;
	border-width: 2px; border-color: #333;
}


/* HEADER TEXT */
#headertxt { width:200px; clear:both; position:relative;}
#firstline { background-image:url("tr_bg.png"); color:#333; font-size:17px; padding:5px 5px 5px; float:left; display:block;}
#secondline { background-image:url("tr_bg.png"); color:#333; text-decoration:none; font-size:13px; padding:5px 5px 5px; float:left; display:block; clear:both;}
#firstline:hover { text-decoration:underline; color:#333; }
#secondline:hover { text-decoration:underline; color:#333; }

/* CONTROLS */
#btncontainer {}
.btn { height:25px; width:58px;  cursor:pointer; float:left; margin-left: 5px;}
#back { background-image:url("../index_elemei/newsslide_images/btn_back.png"); }
#next { background-image:url("../index_elemei/newsslide_images/btn_next.png"); }
#control { background-image:url("../index_elemei/newsslide_images/btn_pause.png"); } 


/*BUTTONS ---------------------------------------------------------------------------------------------------*/

#prevbutton{
	background-image: url(btn_prev.png);
	width: 58px;
	height: 25px;
	display:inline-block;
	cursor:pointer;
	margin: 0px;
	border: 0px;

}

#nextbutton{
	background-image: url(btn_next.png);
	width: 58px;
	height: 25px;
	display:inline-block;
	cursor:pointer;
	margin: 0px;
	border: 0px;

}

.menu_button2 {
	background-color:transparent;
	background-image: url(button_bg.png);
	width: 194px;
	height: 30px;
	display:inline-block;
	cursor:pointer;
	color:#EDE9B6;
	font-family: Georgia, Helvetica, sans-serif;
	font-style:italic;
	font-size:17px;
	line-height: 30px;
	font-weight:bolder;
	text-align: center;
	margin: 0px;
	text-shadow:2px -1px 1px #333333;
	border: 0px;
}


.menu_button2big {
	background-color:transparent;
	background-image: url(button_bgbig.png);
	width: 194px;
	height: 60px;
	display:inline-block;
	cursor:pointer;
	color:#EDE9B6;
	font-family: Georgia, Helvetica, sans-serif;
	font-style:italic;
	font-size:17px;
	line-height: 30px;
	font-weight:bolder;
	text-align: center;
	margin: 0px;
	text-shadow:2px -1px 1px #333333;
	border: 0px;
}

.menu_button3 {
	background-color:transparent;
	background-image: url(button_bg3.png);
	width: 194px;
	height: 30px;
	display:inline-block;
	cursor:pointer;
	color:#525252;
	font-family: Georgia, Helvetica, sans-serif;
	font-style:italic;
	font-size:17px;
	line-height: 30px;
	font-weight:bold;
	text-align: center;
	margin: 0px;
	border: 0px;
}



.menu_button2:hover {
	background-image: url(button_on_bg.png);
}
.menu_button2:active {
	background-image: url(button_on_bg.png);
}


.menu_button2big:hover {
	background-image: url(button_on_bgbig.png);
}
.menu_button2big:active {
	background-image: url(button_on_bgbig.png);
}


  .cimke {
	position:relative;
	margin-left: auto;
    margin-right: auto;
	width:300px;
	height:43px;
	background-image: url(cimke_bg.png);
	background-repeat: no-repeat;
	text-align:center;
	font-family: Georgia, Helvetica, sans-serif;
	font-style:italic;
	font-size: 20px;
	font-weight: bolder;
	color:#FCFDC8;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	overflow:hidden;
	line-height: 43px;
	clear:both;
	text-shadow:0px -1px 0px #333333;
} 





#like {
	width:190px;
	height:35px;

}


/*fooldal k�pek */

.fpictarolo {
margin: 0 auto;
	position:relative;
	margin: 20px 0px 20px 20px;
	width:100%;



}

#fpic1t {
	background-repeat: no-repeat;
	position:relative;
	left: -10px;
    width: 200px;
    height: 150px;
    background-color: #333333;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
	border-color: #FFFFFF;
	border-style:solid;
	border-width: 7px 7px 15px 7px;
	float: left;
	box-shadow: 3px 3px 10px #333333;
	z-index: 100;
}

#fpic1 {
    width: 200px;
    height: 150px;
	z-index: 100;
	background-color: #333333;

}

#fpic2t {
	background-repeat: no-repeat;
	position:relative;
	left: -40px;
    width: 200px;
    height: 150px;
    background-color: #333333;
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
	border-color: #FFFFFF;
	border-style:solid;
	border-width: 7px 7px 15px 7px;
	float: left;
	box-shadow: 3px 3px 10px #333333;
	z-index: 200;
	
}

#fpic2 {
    width: 200px;
    height: 150px;
	z-index: 200;
	background-color: #333333;

}

#fpic3t {
	background-repeat: no-repeat;
	position:relative;
	left: -55px;
    width: 200px;
    height: 150px;
    background-color: #333333;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
	border-color: #FFFFFF;
	border-style:solid;
	border-width: 7px 7px 15px 7px;
	float: left;
	box-shadow: 3px 3px 10px #333333;
	z-index: 300;
}

#fpic3 {
    width: 200px;
    height: 150px;
	z-index: 300;
	background-color: #333333;

}

#fpic4t {
	background-repeat: no-repeat;
	position:relative;
	left: -65px;
    width: 200px;
    height: 150px;
    background-color: #333333;
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
	border-color: #FFFFFF;
	border-style:solid;
	border-width: 7px 7px 15px 7px;
	float: left;
	box-shadow: 3px 3px 10px #333333;
	z-index: 400;
}

#fpic4 {
    width: 200px;
    height: 150px;
	z-index: 400;
	background-color: #333333;

}



/*fooldal k�pek v�ge */


.cookieinfo {
text-align:center;
z-index:999;
padding:10px;
padding-left:50px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
	height: 45px;
    border: 3px solid #666666;
	background-image: url(tr_bg.png);
}



/*interaktiv terkep */

#terkep_container {
	width: 1010px;
	margin: 0 auto;
	height:1000px;
}

section#content {
	position:relative;
	float:left;
	width: 990px;
	background-color:#ffffff;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
	height:1000px;

}

h2.content_title {
	text-align:center;
	font-size:25px;
	font-weight:bold;
	font-family:verdana;
	color: #000099;
	padding-bottom:30px;
	padding-top:20px;

}

#back_btn {
	position:absolute;
	width:200px;
	height:100px;
	margin-left:0px;

}




#flag_hu {
	position:absolute;
	width:67px;
	height:43px;
	margin-left:336px;

}

#flag_en {
	position:absolute;
	width:67px;
	height:43px;
	margin-left:423px;
}

.flag_selected {
	border: 5px inset #D7D7D7;
}

.flag_no_selected {
	border: 5px outset #D7D7D7;
}

#content_map {
	background: url('../img/terkep_hu.png');
	width: 990px;
	height:760px;
	position:relative;
	float:left;
}

#content_map_en {
	background: url('../img/terkep_en.png');
	width: 990px;
	height:760px;
	position:relative;
	float:left;
}

#button {
	width:30px;
	height:30px;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

#button:hover {
	width:30px;
	height:30px;
	-webkit-transform: rotate(25deg);
	-moz-transform: rotate(25deg);
	-o-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	transform: rotate(25deg);
}

/*  maganzoo oldalba �gyaz�s miatt margin-left = margin-left - 480 */
.juhok {
	position:absolute;
	margin-left:-200px;
	margin-top:170px;
}

.lamak {
	position:absolute;
	margin-left:-200px;
	margin-top:235px;
}

.lovak {
	position:absolute;
	margin-left:-65px;
	margin-top:245px;
}

.ajandekbolt {
	position:absolute;
	margin-left:-305px;
	margin-top:195px;
}

.oroszlanok {
	position:absolute;
	margin-left:50px;
	margin-top:240px;
}

.tarajos_sul {
	position:absolute;
	margin-left:90px;
	margin-top:160px;
}

.hiuz {
	position:absolute;
	margin-left:240px;
	margin-top:165px;
}

.gyongytyuk {
	position:absolute;
	margin-left:230px;
	margin-top:220px;
}

.facan {
	position:absolute;
	margin-left:280px;
	margin-top:220px;
}

.sziberiai_tigris {
	position:absolute;
	margin-left:-460px;
	margin-top:20px;
}

.sziberiai_tigris {
	position:absolute;
	margin-left:85px;
	margin-top:380px;
}

.bengali_tigris_shakira {
	position:absolute;
	margin-left:-65px;
	margin-top:398px;
}

.feher_oroszlan {
	position:absolute;
	margin-left:-54px;
	margin-top:454px;
}

.javai_makako {
	position:absolute;
	margin-left:-140px;
	margin-top:520px;
}

.ormanyos_medve {
	position:absolute;
	margin-left:-150px;
	margin-top:620px;
}

.ponik {
	position:absolute;
	margin-left:-40px;
	margin-top:590px;
}

.kecskek {
	position:absolute;
	margin-left:145px;
	margin-top:605px;
}

.ket_pupu_teve {
	position:absolute;
	margin-left:20px;
	margin-top:480px;
}

.majmok {
	position:absolute;
	margin-left:240px;
	margin-top:600px;
}

.emu {
	position:absolute;
	margin-left:355px;
	margin-top:610px;
}

.szamar {
	position:absolute;
	margin-left:365px;
	margin-top:525px;
}

.ragcsalok {
	position:absolute;
	margin-left:246px;
	margin-top:535px;
}

.egzotikus_madarak {
	position:absolute;
	margin-left:288px;
	margin-top:520px;
}

.jatszoter {
	position:absolute;
	margin-left:240px;
	margin-top:475px;
}

.bufe {
	position:absolute;
	margin-left:190px;
	margin-top:402px;
}

.selyemmajmok {
	position:absolute;
	margin-left:140px;
	margin-top:325px;
}

.gyurusfarku_maki {
	position:absolute;
	margin-left:280px;
	margin-top:370px;
}

.papagajok {
	position:absolute;
	margin-left:255px;
	margin-top:335px;
}

.padok_pihenohely {
	position:absolute;
	margin-left:-419px;
	margin-top:340px;
}

footer{
	position:relative;
	float:left;
	width:990px;
	margin-top:10px;

}

.logo_oe {
	position:relative;
	float:left;
	width:150px;
	height:150px;
}

.author {
	font-size:16px;
	margin-top:105px;
}


/*interaktiv terkep vege*/