* { 
	margin: 0; padding: 0; 
	/*border: 1px dotted red;*/ 
 }
 
 body {
	   /* background-color: #6A410D; */ 
 }
 
 #alap {
		background-color: #fff;
		width: 1050px;
		height: auto;
		margin: 0px auto 0px auto; 
		padding: 0px 10px 0 10px; 
		overflow: hidden;  
 } 
 
 #fejlec {
		position: fixed;
		z-index: 1;
		height: 170px;
		width: 100%;
		background: #fff url('../img/fejlec.jpg') top left no-repeat;
 }
 
 a	{ 
		text-decoration: none; 
		color: #fff; /*text-shadow: 1px 1px 1px black;*/
		cursor: pointer;
 }
 
 a:hover { 
		color: #888;
 }
 
 
 /*menü*/
 
 #menu {
		position: relative; 
		top: 70px;
		left: 180px;
		width: 900px; 
		/*opacity: 0.70;*/
 }
 
 #menu ul li { 
		display: block; 
		position: relative; 
		float: left; 
		color: #fff;
		font-size: 14px; 
		cursor: pointer;
 }
 
 .fej {
		margin: 0px 7px; 
		padding: 0px 15px; 
		height: 60px; 
		line-height: 60px; 
		font-weight: bold; 
		-moz-border-radius: 35px;
	    -webkit-border-radius: 35px;
		behavior: url('ie-css3.htc');
	    border-radius: 35px;
 }
 
 .nyak {
		display: none; 
		position: absolute;
		z-index: 500;  
		top: 54px;
		left: -4px; 
		background-color: #000; 
		width: 80px; 
		height: 30px; 
		padding: 0px; 
 }

 .bal {
		display: block;
		position: relative;  
		z-index: 100; 
		float: left;
		width: 30px;
		height: 30px; 
		background-color: #fff;
		-moz-border-radius: 0 15px 30px 0;
	    -webkit-border-radius: 0 15px 30px 0;
	    border-radius: 0 15px 30px 0;
 }

 .jobb {
		display: block; 
		position: relative;
		z-index: 100; 
		float: right;
		width: 30px;
		height: 30px; 
		background-color: #fff;
		-moz-border-radius: 15px 0 0 30px;
	    -webkit-border-radius: 15px 0 0 30px;
	    border-radius: 15px 0 0 30px;
 } 
 
 #menu ul li ul {
		display: none;
		position: absolute; 
		z-index: 1000; 
		left: -15px; 
		top: 83px;
		background-color: #000; 
		width: 100px; 
		padding: 0px; 
		-moz-border-radius: 30px/40px 40px 5px 5px;
	    -webkit-border-radius: 30px/40px 40px 5px 5px;
	    border-radius: 30px/40px 40px 5px 5px; 
 }

 #menu ul li ul li {
		height: 18px; 
		line-height: 18px; 
		margin: 2px 0px 2px 4px; 
		padding: 0 5px 0 5px; 
 } 
 
 #menu ul li ul li:first-child {
		margin: 14px 4px 2px 4px; 
 }
 
 #menu ul li ul li:last-child {
		margin: 2px 4px 10px 4px; 
 }

 #menu a.fej:focus {
		color: red;
 }
 
 #menu ul li:hover .nyak, #menu ul li:hover ul, #menu ul li .nyak:hover,
 #menu ul li div:focus + .nyak, #menu ul li div:focus ~ ul, #menu ul li ul:hover  /*ha ez nincs, akkor nem működnek a linkek, mert eltűnik a fókusz mielött rákattintanánk a linkre*/ {
		display: block; 
 }
 
 /*menü vége*/
  
 #cont {
		display: block !important;
		margin: 150px 0 0 0; 
		min-height: 440px;  
 }
 
 #page {
		text-align: center;
		margin: 0 auto;
		width: 1000px;
		height: auto; 
		padding: 15px;
}
 
 #page h1, #page p {
		margin: 15px; 
 }
 
 /*reklám táblázat*/
 
 #table_reklam td {
		color: #222;
		border: 0;
		padding: 12px;
		min-width: 40px; 
		text-align: center;
 }
 
  #table_reklam .cella {
		-moz-border-radius: 25px 5px 25px 5px;
	    -webkit-border-radius: 25px 5px 25px 5px;
	    border-radius: 25px 5px 25px 5px;
 }
 
 #table_reklam a {
		font-size: 10px;
 }
 
 /*táblázat vége*/
 
 /*beosztás táblázat*/
 
 #table_beosztas td {
		color: #222;
		border: 0;
		padding: 10px;
		min-width: 120px; 
		text-align: center;
		line-height: 20px;
 }
 
  #table_beosztas .cella {
		-moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    border-radius: 10px;
 }
 
 #table_beosztas a {
		font-size: 10px;
 }
 
 /*táblázat vége*/
 
 /*program táblázat*/
 
 #table_program td {
		color: #222;
		border: 0;
		padding: 3px 20px 3px 20px;
		min-width: 80px; 
		height: 20px; 
		text-align: center;
 }
 
  #table_program  .cella {
		-moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    border-radius: 10px;
 }
  
 /*táblázat vége*/
 
 
 /*eredmény táblázat*/
 
 #table_eredmeny td {
		color: #222;
		border: 0;
		padding: 3px 5px 3px 10px;
		min-width: 80px; 
		height: 20px; 
		text-align: left;
		vertical-align: top;
 }
 
 #table_eredmeny ol {
		padding: 15px 0px 10px 20px; 
 }
 
 #table_eredmeny .cimke {
		margin: 0 0 15px -15px; 
 }
 
  #table_eredmeny  .cella {
		-moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    border-radius: 10px;
 }
  
 /*táblázat vége*/
 
 
 /*fotók*/
 
 
 .photos img:hover {
	
	
    -webkit-transform: rotate(3deg) scale(2.5);
    -moz-transform: rotate(3deg) scale(2.5);
    -o-transform: rotate(3deg) scale(2.5);
    transform: rotate(3deg) scale(2.5);
    z-index: 10;
}
 
 .photos img {
	/*
	position: absolute;
	*/
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    
	width: 128px;
	height: 96px;  
	padding: 10px 10px 30px 10px;
    background: white;
    border: solid 1px black;
}
 
 /*fotók vége*/
 

 footer {
		margin: 20px;
		text-align: center;  
 }
 
 .feher { background-color: #fff; }
 .fekete { background-color: #000; }
 .szurke { background-color: #D0D0D0; }
 .sarga { background-color: #EDC77B; }
 .piros { background-color: #F58085; }
 .zold { background-color: #C1DB5C; }
 .kek { background-color: #B3C6ED; }
 .barna { background-color: #D4BDA0; }
 .rozsaszin { background-color: #F0A4C8; }
 
 .cimke {
		margin: 5px 2px 5px 2px; 
		padding: 1px 4px 1px 4px; 
		color: #fff;
	    -moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    border-radius: 10px;
 }

 
 
 
 