@charset "utf-8";

/*
 *
 *	PREVOLUTION.hu
 *	==================================	
 *	STÍLUS SZABÁLYOK
 *	UTOLSÓ FRISSÍTÉS: 2010.04.15
 *	==================================
 *	OUTSPOT KFT.
 *
 *
 * */


/********************************************************************/
/********************************************************************/
/***                        OLDAL FELÉPÍTÉSE                      ***/
/********************************************************************/
/********************************************************************/


/* ===> ÁLTALÁNOS SZABÁLYOK <=== */

html, 
body 
{
	padding: 0;
	margin: 0;
	border: 0 none;
	font-family: Verdana, Arial, Helvetica, sans-serif, serif;
	font-size: 12px;
	background-color: white;
}

div {margin: 0; padding: 0; border: 0; background: transparent;}
img {border: 0 none;}
ul {list-style-type: none; border: 0 none; margin: 0; padding: 0;}
li {border: 0 none; margin: 0; padding: 0;}
p {border: 0 none; margin: 0; padding: 0;}



*.hidden,
h1 span,
div.nobtn span,
li a span,
h3 span
{
	width: 0px;
	height: 0px;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0 none;
}

ul a,
div.nobtn
{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

a:link,
a:visited,
a:active 
{
	color: navy;
	text-decoration: none;
	font-size: 12px;
	outline: none;
}

	a:hover {
		color: yellow;
		font-size: 12px;
	}



/* >> A L A P  << */

div#ALAP {
	background: white;
	border: 1px solid black;
	margin: 2px auto;
	position: relative;
	width: 869px;
	padding: 3px;
}

div#OLDAL {
	/*background: url('kepek/monoscope.jpg') no-repeat -3px -3px;*/
	width: 867px;
	position: relative;
	border: 1px solid black;
}
	
	div#OLDAL.hirek {background: url('kepek/hatter/menuhatter_hirek.jpg') no-repeat #EBE6E2;}
	div#OLDAL.tarsulat {background: url('kepek/hatter/menuhatter_tarsulat.jpg') no-repeat #EBE6E2;}
	div#OLDAL.eloadasok {background: url('kepek/hatter/menuhatter_eloadasok.jpg') no-repeat #EBE6E2;}
	div#OLDAL.egyeb {background: url('kepek/hatter/menuhatter_egyeb.jpg') no-repeat #EBE6E2;}
	div#OLDAL.galeria {background: url('kepek/hatter/menuhatter_galeria.jpg') no-repeat #EBE6E2;}
	div#OLDAL.kapcsolat {background: url('kepek/hatter/menuhatter_kapcsolat.jpg') no-repeat #EBE6E2;}
	div#OLDAL.tamogatok {background: url('kepek/hatter/menuhatter_tamogatok.jpg') no-repeat #EBE6E2;}
	
	div#OLDAL > div {position: relative;}

	div#OLDAL_fejlec {
		height: 98px;
		background: url('kepek/hatter/fejleecarnyek_1px.png') repeat-x bottom;
	}
	
		h1 {
			position: absolute;
			top: 6px;
			left: 29px;
			width: 268px;
			height: 84px;
			background: url('kepek/logo/PR_logotypo.png') no-repeat;
			margin: 0;
			padding: 0;
		}
		
		div#OLDAL_figurak {
			position: absolute;
			top: 0px;
			left: 340px;
			width: 480px;
			height: /*84*/95px;
			background: url('kepek/dekor/PR_fejleecfiguraak.png') no-repeat;
			z-index: 2
		}
			
		div#OLDAL_menuFigurak div.figura,
			div#OLDAL_menuFigurak div.aktiv_figura
			{
				width: 68px;
				height: 95px;
				float: left;
			}

				/*div#OLDAL_menuFigurak .hirek {background: gray;}
				div#OLDAL_menuFigurak .tarsulat {background: green;}
				div#OLDAL_menuFigurak .eloadasok {background: gray;}
				div#OLDAL_menuFigurak .egyeb {background: green;}
				div#OLDAL_menuFigurak .galeria {background: gray;}
				div#OLDAL_menuFigurak .kapcsolat {background: green;}
				div#OLDAL_menuFigurak .tamogatok {background: gray;}*/
	
	div#OLDAL_menu {
		width: 843px;
		height: 30px;
		margin: -2px 11px 0 11px;
		background: url('kepek/hatter/fomenu_hattercsik_kozep1px.png') repeat;
	}
	
		div#OLDAL_menu > div {position: absolute; width: 11px; height: 30px;}

			div#OLDAL_menu .dekorKezdo {left: -11px; background: url('kepek/hatter/fomenu_hattercsik_bal.png') no-repeat;}
			div#OLDAL_menu .dekorVege {right: -11px; background: url('kepek/hatter/fomenu_hattercsik_jobb.png') no-repeat;}
			
			div#OLDAL_menu ul {
		list-style-type: none;
		z-index: 99;
	}

		div#OLDAL_menu ul li {
			position: absolute;
			height: 21px;
			margin: 5px 0 1px 0;
			padding: 0;
			border: 0;
			list-style-position: outside;
		}
		
		li#btn_hirek {width: 47px; left: 31px;}
		li#btn_tarsulat {width: 81px; left: 104px;}
		li#btn_eloadasok {width: 94px; left: 212px;}
		li#btn_egyeb {width: 139px; left: 331px;}
		li#btn_galeria {width: 68px; left: 500px;}
		li#btn_kapcsolat {width: 92px; left: 590px;}
		li#btn_tamogatok {width: 100px; left: 705px;}
		
		/*div#OLDAL_fomenu ul a {background: orange;}*/
		
		div#OLDAL_menu ul a:hover {background-position: 0 -21px;}
		
		li#btn_hirek a 		{background: url('kepek/menu/gomb/btn1_hirek.png') no-repeat;}
		li#btn_tarsulat a 	{background: url('kepek/menu/gomb/btn1_tarsulat.png') no-repeat;}
		li#btn_eloadasok a 	{background: url('kepek/menu/gomb/btn1_eloadasok.png') no-repeat;}
		li#btn_egyeb a 		{background: url('kepek/menu/gomb/btn1_egyebprojekt.png') no-repeat;}
		li#btn_galeria a 	{background: url('kepek/menu/gomb/btn1_galeria.png') no-repeat;}
		li#btn_kapcsolat a 	{background: url('kepek/menu/gomb/btn1_kapcsolat.png') no-repeat;}
		li#btn_tamogatok a 	{background: url('kepek/menu/gomb/btn1_tamogatok.png') no-repeat;}
		
			li#btn_hirek div.nobtn 		{background: url('kepek/menu/gomb/btn1_hirek_be.png') no-repeat;}
			li#btn_tarsulat div.nobtn 	{background: url('kepek/menu/gomb/btn1_tarsulat_be.png') no-repeat;}
			li#btn_eloadasok div.nobtn 	{background: url('kepek/menu/gomb/btn1_eloadasok_be.png') no-repeat;}
			li#btn_egyeb div.nobtn 		{background: url('kepek/menu/gomb/btn1_egyebprojekt_be.png') no-repeat;}
			li#btn_galeria div.nobtn 	{background: url('kepek/menu/gomb/btn1_galeria_be.png') no-repeat;}
			li#btn_kapcsolat div.nobtn 	{background: url('kepek/menu/gomb/btn1_kapcsolat_be.png') no-repeat;}
			li#btn_tamogatok div.nobtn 	{background: url('kepek/menu/gomb/btn1_tamogatok_be.png') no-repeat;}
	
	div#OLDAL_torzs {
		min-height: 420px;
		overflow: hidden;
	}
	
		h3 {
			position: absolute;
			top: 10px;
			left: 340px;
			width: 200px;
			height: 42px;
			/*background: lime;*/
			margin: 0;
			padding: 0;
		}

			h3.hirek {background: url('kepek/menu/cim/fomenu_hirek.png') no-repeat;}
			h3.tarsulat {background: url('kepek/menu/cim/fomenu_tarsulat.png') no-repeat;}
			h3.eloadasok {background: url('kepek/menu/cim/fomenu_eloadasok.png') no-repeat;}
			h3.egyeb {background: url('kepek/menu/cim/fomenu_egyebprojekt.png') no-repeat;}
			h3.galeria {background: url('kepek/menu/cim/fomenu_galeria.png') no-repeat;}
			h3.kapcsolat {background: url('kepek/menu/cim/fomenu_kapcsolat.png') no-repeat;}
			h3.tamogatok {background: url('kepek/menu/cim/fomenu_tamogatok.png') no-repeat;}
	
		div#OLDAL_torzs div#tartalom {
			width: 500px;
			float: right;
			min-height: 100px;
			overflow: hidden;
			background: transparent;
			margin: 55px 0;
			padding-right: 23px;
			text-align: justify;
		}
		
			div#OLDAL_torzs div#tartalom p {
				margin: 7px 0;
			}
			
			div#tartalom p a:hover {color: black; text-decoration: underline;}
			div#tartalom p img {border: 1px solid #7E746E; padding: 5px; background-color: white;}
		
		
		ul#almenu {
		position: absolute;
		list-style-type: none;
		z-index: 99;
		overflow: hidden;
		top: 43px;
		left: 35px;
	}
	
			ul#almenu li {
				width: /*112px;*/170px;
				/*font-variant: small-caps;*/
				text-transform: uppercase;
				margin: 6px 0;
				height: 17px;
				text-indent: 4px;
			}
			
			ul#almenu li span {
				display: block;
				text-align:left;
				background: url('kepek/menu/almenu/almenu_on.png') no-repeat;
				text-indent: 60px;
				font-weight: bold;
			}
			
			ul#almenu li a {
					background: url('kepek/hatter/almenu.png') no-repeat;
					color: white;
					font-weight: bold;
					padding: 2px 0 0 2px;
					font-size: 10px;
				}
		
					ul#almenu li a:hover {
						background: url('kepek/menu/almenu/almenu_over.png') no-repeat;
						text-indent: 20px;
						color: black;
					}