@import url( 'plugins.css' );

/* GLOBAL STYLES */



body{
		margin: 0px 0px;
		
		/*font-family: Georgia, "Times New Roman", Times, serif;	*/
		/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
		/*font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;*/
		/*font-family:"Trebuchet MS", Verdana;*/
		/*font-family: Arial, Tahoma, Verdana;*/
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		/*font-family: Tahoma, Arial, Verdana;*/
		
		color:#000000;
		font-size:11pt;	
			
		background: #ffffff url('img/hatter.jpg') repeat-x;
}


 img{border:0;}  

.hide{display:none;}


/*--- WEBSITE TARTALOM (oldal) TÁROLÓ
-------------------------------------------------------------------------------------------*/

		#oldaltarolo{ /* ha kell egy háttérkép akkor kell ez*/
		/*background: url(img/hatter.jpg) no-repeat center top;*/
		margin: 0px auto 0px auto;
		}



/*CONTAINER ----TARTALOM TÁROLÓ----------------------------------------------*/

		#container{ /*ez lehet az oldal főcímképe!!*/
		width:960px;
		margin:0 auto;
		padding:0 0 0 0;
		background: url(img/containerhatter.jpg) no-repeat left top;
		}

	
	
/*--- CÍMSOROK 
-------------------------------------------------------------------------------------------*/


	h1 {/*EZ AZ OLDALON LÉVŐ CÍMSOROK  kinézete*/
		font-size: 180%;
		color: #2F4163;
		padding: 0px 0px 5px 0px;   /*fent - jobbra - lent - balra*/
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #CCCCCC;
		}
		
	h2 {
		font-size: 150%;
		color: #88D2DB;
		padding: 0px 0px 5px 0px;   /*fent - jobbra - lent - balra*/
		border-bottom:1px dotted #CCCCCC;
		}
		

	h3{
		font-size: 120%;
		color: #2F4163;
		padding: 0px 0px 5px 0px;   /*fent - jobbra - lent - balra*/
		/*border-bottom:1px dotted #CCCCCC;*/
	}


	
	h4 {
		font-size: 100%;
		color: #2F4163;
		padding: 0px 0px 0px 0px;   /*fent - jobbra - lent - balra*/
	}
	
	h5 {
		font-size: 80%;
		color: #2F4163;
		padding: 0px 0px 0px 0px;   /*fent - jobbra - lent - balra*/
	}




/* ALAP HIVATKOZÁSOK-------------------------------------------------------------------------------- */

a{
		background-color:inherit;
		color:#62B7C9;
		font-weight: bold;
		text-decoration: none;
}
a:hover{
		background:inherit;
		color:#000000;
}



/*  CLEAR CUCC----------------------------------------------------------------------------------------- */

.clear{clear:both;height:0px;font-size:0px;line-height:0px;}


.skiplink{position:absolute;top:-500px;left:0px;overflow:hidden;}


/*  ALAP IGAZÍTÁSOK -------------------------------------------------------------------------------- */

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}



/* HEADER 1 -------------------EBBEN VAN  A TOPKÉP FELETTI MENÜSOR TÁROLÓJA  ------------------------------------------------------------------------ */

#head1{
		float:right;
		width:100%;
}




/* MENU 1  -----------------------A TOPKÉP FELETTI MENÜSOR------------------------------------------------------------------------ */

#menu1{
		float:right;
		margin:12px 15px 12px 0;
		list-style:none;
}

#menu1 li{
		float:left;
		padding:0 8px;
}

#menu1 li a{
		padding-left:10pt;
		background:url('img/points.gif') no-repeat 0 5px;
		color:#999999;
		font:bold 10pt Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
}

#menu1 li a:hover, #menu1 .selected{
		background-color:inherit;
		color:#000000;
		text-decoration:none;
}




/*  HEADER 2 ----------------- EBBEN VAN A:  Topkép, az alatt lévő HÁTTÉR és a szlogen szöveg------------------------------------------------------------ */

#head2{
		position:relative;
		clear:both;
		height:221px;
		/*background:#332 url('img/topkep.jpg') no-repeat;*/
		color:#fff;
}




/* LOGO   FŐCIMBENI LOGO  VAGY CSAK A SZÖVEG------------------------------------------------------------------------------------------------------*/

#logo{
		padding:5px 0 0 0;
		color: #999999;
		font-size: 80%;
}






/* NAVIGATION PATH - navigációs sor ha sok az almenű-----------------------------------------------------------*/
#navipath{
		position:absolute;
		top:195px;
		padding:0 0 0 340px;
		font-size: 80%;
}
#navipath a{background-color:inherit;color:#fff;text-decoration:none;}
#navipath a:hover{text-decoration:underline;}




/* TOPKÉP ALATTI MENÜSOR---------HEADER 3 --------------------------------------------------------------------------------------------------- */



#head3{/* a topkép alatti menüsor tárolója*/
float:left;
width:100%;
/*background:#ded9d0 url('img/nav.gif');*/
}


 ul{margin:0;padding:0;border:0;}/*ez kell, hogy a balszélen kezdődjön a felsorolás-ne legyen behúzás a listában!!*/


	#menu2{
		float:left;
		font-size:11pt;
		list-style:none;
	}

	#menu2 li{
		float:left;
	}

#menu2 a{
		display:block;
		float:left;
		height:38px;
		padding:0 14px;
		border-right:1px solid #90D2DE;
		background:url('img/menu.png');
		color:#ffffff;
		font-weight:bold;
		line-height:38px;
		text-decoration:none;
}

	#menu2 a:hover{
		background:url('img/menu_on.png') left bottom;
		color:#970000;
		text-decoration:none;
	}

	#menu2 .selected{
		background:url('img/menu_select.png') left bottom;
		color:#970000;
	}





/* TARTALOM TÁROLÓ---------------------------------------*/

	#body{
		clear:both;
		float:left;
		width:100%;
		padding-top: 20px;
		/*background:url('img/balszel.gif') repeat-y;*/

	}



/* BALSZÉL ----------LEFT COLUMN STYLES -------BALSZÉL TARTALOM KINÉZETE ---------------------------------------------------------*/

	#column{/* baloldali oszlop*/
		float:left;
		width:270px;
		padding:30px 0;
		/*background: #F4F1D9;*/
	}
	
	#column .type{ /*menüblok megnevezése (címe)*/
		padding:0px 0 0;
		color:#666666;
		font-size: 12pt;
		font-weight: bold;
	}
	

/*-- MENÜ alatti div más szövegnek - include tároló --------*/	
#balszelszoveg{
		font-size: 90%;
		color: #666666;
		margin: 10px;
		height: auto;
		width: 270px;
}



/* BAL MENU  KINÉZETE--------------------------------------------------------------------------------------------------------------------------------------------*/

#menu3, #menu4, #menu5 { /*behúzás balról*/
padding:0 20px;
}

#menu3 ul, #menu4 ul{margin:4px 0;border-bottom:1px dashed #bcbaac;list-style:none;}
#menu3 a, #menu4 a{display:block;width:96%;padding:6px 2% 6px 5%;border-top:1px dashed #bcbaac;background:inherit;color:#69C2D2;text-decoration:none;}

#menu3 a:hover, #menu4 a:hover{/*a hover színe*/
		background-color:#E5EAED;
		color:#000000;
		text-decoration:none;
}

#menu3 .selected, #menu4 .selected{/* selected színe*/
		background-color:#E5EAED;
		color:#69C2D2;
		text-decoration:none;
}

/*submenu*/
	#menu3 .sub1, #menu4 .sub1{  /*Távolságok állítása pl behúzás balról*/
		margin:0;
		padding:0 0 10px 5px;
		border:0;
	}

	#menu3 .sub1 a, #menu4 .sub1 a{/*sub link színe*/
		display:block;
		width:80%;
		padding:2px 10% 2px 13%;
		border:0;
		background:url('img/circle.png') no-repeat 14px 8px;
	}

	#menu3 .sub1 a:hover, #menu4 .sub1 a:hover{/* sub link hover*/
		background-color:#E5EAED;
		color:#000000;
		text-decoration:none;
	}
	
	
* html #menu3 a, * html #menu4 a, * html #menu3 .sub1 a, * html #menu4 .sub1 a{width:100%;}





/* KÖZÉP --------szövegterület KINÉZETE ---------------------------------------------------*/


#content{/*tartalom méretének állítása --------------------*/
		float:left;
		width:630px;
		padding:30px 0 5px;
		margin: 0 0 0 55px;
		text-align:left;
		/*background: #CCCCCC;*/
}

#page{/* a tartalom szöveg helyzete és kinézete*/
		width:100%;
		margin:0 auto;
		text-align:left;
	/*	background: #FF6600;*/
		}




#page div.content{/* szövegdesign alakítása*/
}

#page div.content ul, .subpagesList li ol{margin:0 0 0 30px;padding:0;}
#page div.content li{margin:3px 0;padding:0;border-left:0;}



					/*---zászlók kinézete--------------------
					#zaszlok{
							float:left;
							margin:0 0 3px;
							background: #000000;
					}
					#zaszlok a{padding:0 1px;background:inherit;color:#222;font-weight:bold;text-decoration:none;}
					*/



/*---szövegnövelő kinézete--------------------*/
	
		#szovegnovelo{
			margin:0 0 3px;
			text-align: right;
			background: inherit;
		}
		
		#szovegnovelo a{
		padding:0 1px;
		color:#CCCCCC;
		text-decoration:none;
		}
		
		
		#szovegnovelo .kicsi{font-size:6pt;}
		#szovegnovelo .kozepes{font-size:10pt;}
		#szovegnovelo .nagy{font-size:13pt;}
		
		
		.pages{padding:8px 0;text-align:right;}




/* 3. OSZLOP  ------  ADDITIONAL COLUMN -----------------3 oszlop ha szükséges !!  display:none; értékkel kell eltüntetni ------------------------*/

		#column2{
			display:none;
			float:right;
			width:195px;
			padding-top: 20px;
			padding-bottom: 20px;
		}
		



/* ----LÁBLÉC ------------------------- FOOTER - COPYRIGHT AND POWERED BY xxx STYLES  -------------------------------------------------------------*/

#lablec{
		clear:both;
		float:left;
		height: 50px;
		width:960px;
		padding:19px 0 0;
		color:#ffffff;
		font-size:9px;
		text-align: center;
		/*background: #CC0000;*/
		border-top-width: 1px;
		border-top-style: dotted;
		border-top-color: #D6D6D6;
}

#lablec a{
		background:inherit;
		color:#ffffff;
		text-decoration:none;
		cursor: text;
}

#lablec a:hover{
		text-decoration:none;
}




/*--copyright cucc----*/

#copy{
		padding:0 10px;
}
#powered strong{font-weight:normal;}





/*--- Designercsik
-------------------------------------------------------------------------------------------*/
#designercsik{
		width:100%;
		height:120px;
		margin: 0 auto;
		font-size:70%;
		text-align:center;
		padding:30px 0 0 0;
		background: #8CCFD8 url(../alapdesign/alsozarohatter.jpg);
		color: #ffffff;
}

		#designercsik a {
		text-decoration: none;
		font-weight: normal;
		color: #ffffff;
		cursor: text;
		}
		
		#designercsik a:hover {
		text-decoration: none;
		}






/* KÉPEK STÍLUSÁNAK MEGADÁSA ----------------------------------------------------------------------------------------------*/

			.imagesList{list-style:none;}
			
			/*.imagesList li{margin:0 0 10px 0;background:inherit;color:#5b5b5b;font-size:0.917em;text-align:center;}*/
			
			.imagesList li{
					margin:0 0 10px 0;
					background:inherit;
					color:#5b5b5b;
					font-size:10pt;
					text-align:center;
			}
			
			
			.imagesList li img{
					border:solid; /* keret típusa */
					border-width: 1px; /* keret szélessége */
					border-color: #cccccc; /* keret színe*/
			}
			
			.imagesList li div{
					text-align:center;
			}
			
			
			#imagesList1{/* kép balra*/
					float:left;
					margin:0px 10px 0 0; /* kép szövegtől való távolsága */

			}
			
			#imagesList2{/* kép jobbra*/
					clear:right;
					float:right;
					margin:0px 0 0 10px;
			}
			
			
	
/*--- KÉPEN HIVATKOZÁS  OVER EFEKTTEL
-------------------------------------------------------------------------------------------*/

 
  /*    img{border:1px;}  */
    
 	a img { 
		 filter:alpha(opacity=100);
		 -moz-opacity:1;
		 	-khtml-opacity: 1;
		 opacity: 1;
		}
		
	a:hover img { 
		 filter:alpha(opacity=80);
		 -moz-opacity:0.8;
		 	-khtml-opacity: 0.8;
		 opacity: 0.8;
		}



/* FELTÖLTÖTT FÁJLOK (word txt stb) lista kinézete------------------------------------------------------- */
#filesList{padding:25px 0;font-size:0.917em;list-style:none;vertical-align:middle;}
#filesList li{margin:0 0 4px;}
#filesList img{margin:0 8px 0 0;vertical-align:middle;}
#filesList em{background:inherit;color:#5b5b5b;}



/* OLDALON LÉVŐ ALMENÜK LISTA KINÉZETE ----MŰKÖDÉSHEZ CUCCOK --------------------------------------------------------------- */

.subpagesList{
	float:left;
		width:100%;
		margin:0 0;
		list-style:none;
}

.subpagesList li{/*lista kinézete*/
		clear:left;
		float:left;
		width:96%;
		margin:3px 0;
		padding:5px 2%;
		background:#inherit;
		border:0px solid #dcdac9;
}


* html .subpagesList li{width:100%;}


.subpagesList li .photo{/*kép igazítása*/
		float:left;
		margin:0 10px 5px 0;
}
.subpagesList li img{/* képkeret*/
		border:1px solid #999999;

}

/*--lista címsor kinézet-----------------------------------------------*/
.subpagesList li h4{padding-bottom:0px;}
.subpagesList li h4, .subpagesList li h4 a{
		background:inherit;
		color:#62B7C9;
		font-size: 11pt;
		font-weight: bold;
}
.subpagesList li h4 a:hover{background:inherit;color:#442;}
.subpagesList li h5{font-weight:normal;font-size:1em;}


.subpagesList li ul, .subpagesList li ol{float:left;margin:0 0 0 30px;padding:0;}
.subpagesList li li{padding:0;border-left:0;}
.subpagesList li ul{list-style:disc;}
.subpagesList li ol{list-style:decimal;}

/* OPTIONS LINK */
#options{clear:both;margin:10px 10px 0;background:inherit;color:#7f7f66;font-size:0.917em;text-align:right;}
#options a{padding:0 7px 0;}
#options .back, #options .print{float:right;}
#options .print a{border-left:1px solid #7f7f66;}

.message{padding:40px 0;text-align:center;}






/*--- VONAL stílusa
-------------------------------------------------------------------------------------------*/

hr{
		color: #DBDBDB;
		height: 1px;
		border-top-style: dotted;
		border-top-width: 1px;
}




/*  OLDAL GALÉRIA */


.thumbnail_balra{/* balra igazított galéria kinézete*/
		float: left;
		width: auto;
		border: 1px solid #C2BC98;
		margin: 0 10px 10px 0;
		padding: 10px;
		background-color:#F8F3E4;
		text-align:center;
		font-size:9pt;
}

.thumbnail_jobbra{/* jobbra igazított galéria kinézete*/
		float: left;
		width: auto;
		border: 1px dotted #C1E7FF;
		margin: 0 10px 10px 0;
		padding: 10px;
		background-color:#EEEEEE;
		text-align:center;
		font-size:9pt;
}



.clearboth { clear: both; }
 		   
		   
	


/* -------------Galéria képek oldala ha ok akkor törölni!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!--------------------


	table {
		float: left; 
		 background: #fff;
		border: 1px solid #999;
		 margin: 10px 0 10px 0;
		 padding: 2px;
	}
	
	td {
		 background: #eee;
		 border: 1px solid #999;
		 width: auto;
		 line-height: 110%;
		 vertical-align: baseline;
	}
	
	div.kepalairas {
			font-size: 10px;
			width: 100px;
	}
	
	.galeriacimsor{
			font-size: 18px;
			color: #0033FF;
			width: 100%;
			padding-top: 0px;
	}

*/



  /* NYOMTATÁS STÍLUS BEÁLLÍTÁSA -------------------------------------------------------------------------------------------------------------*/

@media print{
  
  body{margin:1cm 0;background:#fff;color:#000;}
  #container{width:16cm;height:auto;background:#fff;}
  #main{width:16cm;margin:0 auto;border:0px;}

  #logo{padding:0;}
  #logo h1{padding:0;}
  #logo h2{font-family:Arial;}

  #body{background:#fff;}
  #head2, #content, #foot{width:16cm;}
  #head2{height:auto;}
  #column, #head1, #head3, #navipath, #back, #page .tS{display:none;}
  a, #head2, #logo h2, #foot, #foot a, .subpagesList li, #page h3, .subpagesList li h4 a, #filesList em, .imagesList li{background:inherit;color:#000;}
}