/* style.css :: készítette Gruming Ferenc :: http://www.gstudio.hu/ */
/* SZRKK Copyright 2008 :: http://www.szrmkk.hu/ */

/* Alapbeállítások és háttér formázása */

* {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px auto;
	font: normal 80% Arial, Helvetica, sans-serif;
	text-align: justify;
}

#hatter_lent {
	background: #FFFFFF url(../images/hatter_lent.png) 0px 100% repeat-x;
}

#hatter_fent {
	background: url(../images/hatter_fent.png) 0px 0px repeat-x;
}

div.arnyek {
	width: 988px;
	margin: 0px auto;
}

#arnyek_jobb {
	background: url(../images/arnyek_fent_jobb.png) 100% 0px no-repeat;
}

#arnyek_bal {
	background: url(../images/arnyek_fent_bal.png) 0px 0px no-repeat;
}

#doboz {
	margin: 0px auto;
	width: 916px;
	position: relative;
	background: #FFFFFF url(../images/hatter_galeria.png) left 142px no-repeat;
	z-index: 1;
}

/* Bevezető formázása */

#bevezeto {
	background: transparent url(../images/fejlec.png) center top no-repeat;
	position: relative;
	padding: 1px;
}

#fejlec {
	color: #CCCCCC;
	font-size: 70%;
	right: 5px;
	position: absolute;
	top: 5px;
}

		#fejlec p {
			display: inline;
		}

#galeria {
	background: transparent url(../images/galeria.jpg) right top no-repeat;
	color: #666666;
	padding: 150px 0px 0px 20px;
	margin-left: 240px;
	margin-top: 156px;
	margin-right: 24px;
	height: 100%;
}

		#slideshow {
			width: 600px;
			height: 110px;
			margin-top: -150px;
			margin-left: 30px;
		}

		#naptar {
			margin-top: 30px;
		}

		#galeria table {
			width: 600px;
			height: 141px;
			margin-top: -165px;
			margin-left: 30px;
		}

		#galeria p {
			line-height: 30px;
			padding-left: 30px;
		}

		span.aktual {
			color: #000066;
		}

/* Tartalom formázása */

#tartalom {
	margin-left: 240px;
	color: #666666;
	padding: 0px 26px 15px 20px;
	position: relative;
	height: 100%;
	min-height: 330px;
}

		#tartalom a, #tartalom a:link, #tartalom a:visited {
			color: #000066; 
			text-decoration: none;
		}
		
		#tartalom a:hover, #tartalom a:active, #tartalom a:focus {
			text-decoration: underline;
		}
		
		#tartalom p {
			padding: 20px 0px 0px 30px;
		
		}

		#tartalom p.kozepre {
			text-align: center;
		
		}

		#tartalom p.tovabb {
			text-align: right;
		}

		#tartalom ul {
			padding-left: 60px;
		}

		#tartalom ol {
			padding-left: 60px;
		}

		#tartalom img {
			padding: 10px 0px 10px 0px;
			border: 0px;
		}

#tartalom_fent {
	width: 620px;
	min-height: 300px;
}

#tartalom_lent {
	padding-top: 20px;
	line-height: 20px;
	text-align: center;
}
		
#galeria h3 span, #tartalom_fent h3 span, #tartalom_lent h3 span {
	color: #000066; 
	font-size: 110%;
	display: inline;
	line-height: 40px;
	margin-left: 30px;
}

#galeria h4 span, #tartalom_fent h4 span, #tartalom_lent h4 span {
	font-size: 130%;
	display: inline;
	line-height: 30px;
	margin-left: 30px;
}

#szamlalo {
	color: #666666;
	text-align: center;
	}

		#szamlalo p.latogat {
			margin-left: -30px;
		}

		#szamlalo p.szamok {
			display: inline;
			padding: 0px;
		}

div.zebra {
	padding: 20px 0px 20px 30px;
}

#fototable td {
	width: 190px;
	text-align: center;
}

#zebratable {
	border: 1px solid #666666;
	width: 590px;
	text-align: left;
}

#zebratable tbody tr td {
	padding: 3px 8px;
	border-left: 1px solid #D9D9D9;
}
	
#zebratable tbody tr.sotet td {
	background-color: #EEEEEE;
}

div.zebra2 {
	padding: 20px 0px 20px 30px;
}

#zebratable2 {
	border: 1px solid #666666;
	width: 590px;
	text-align: left;
}

#zebratable2 tbody tr td {
	padding: 3px 8px;
	border-left: 1px solid #D9D9D9;
}
	
#zebratable2 tbody tr.sotet td {
	background-color: #EEEEEE;
}

#box {
	color: #666666;
	background-color: transparent;
	z-index: 1;
}

#box a {
	color: #666666;
	background-color: #ffffff;
	text-decoration: none;
	display: block;
}

#box a:visited {
	color: #666666;
	background-color: #ffffff;
}

#box a:hover {
	color: #000066;
	background-color: #ffffff;
	text-decoration: none;
}

#box a:active {
	color: #666666;
	background-color: #ffffff;
}

#box a .info {
	display: none;
}

#box a:hover .info {
	width: 400px;
	color: #666666; 
	background: #ffffff;
	position: absolute; 
	display: block;
	padding: 5px;
	text-align: left;
      border:1px solid #cfcfcf;
}

/* Menük formázása */
 
#menu {
	color: #000066;
	text-align: left;
	padding: 10px 10px 0px 12px;
	position: absolute;
	top: 150px;
	width: 218px;
}

		#menu_bal ul {
			list-style: none;
			margin: 0px;
			padding: 0px 0px 0px 25px;
		}
	
		#menu_bal {
			width: 218px;
		}
	
		#menu_bal li a {
		  	height: 26px;
		  	voice-family: "\"}\""; 
		  	voice-family: inherit;
		  	height: 22px;
			text-decoration: none;
		}	
	
		#menu_bal li a:link, #menu_bal li a:visited {
			color: #000066;
			display: block;
			background: url(../images/hatter_menu_bal.png) repeat-x;
			padding: 5px 0px 0px 10px;
		}
	
		#menu_bal li a:hover, #menu_bal li a:active {
			color: #000066;
			background: url(../images/hatter_menu_bal.png) repeat-x 0px -26px;
			padding: 5px 0px 0px 10px;
			text-decoration: underline;
		}

/* Lábléc formázása */

#lablec {
	background: transparent url(../images/lablec.png) center bottom no-repeat;
	height: 180px;
	position: relative;
	width: 916px;
}