/*
@font-face {
	font-family: 'OptimaNormal';
	src: url("H-OptimaNormal.eot");
	src: local('HOptimaNormal'), url("H-OptimaNormal.svg#optima") format('svg'), url("H-OptimaNormal.ttf") format('truetype');
}
*/
* {
	margin: 0px;
	padding: 0px;
	outline: none;
	border: none;
	text-decoration: none;
}
html {
	height: 100%;
}
body {
	background-color: white;
	height: 100%;
	font-family: Verdana,Arial,sans-serif;
	font-size: 10pt;
	color: #333333;
}
a {
	color: #333333;
}
a:hover {
	text-decoration: underline;
}
#container {
	background-image: url(/img/container_bg.png);
	background-repeat: repeat-x;
	background-position: 0 128px;
	min-height: 100%;
	position: relative;
}
#content {
	margin: 0px auto;
	width: 980px;
}

/******************* Fejléc *******************/

#header {
	background-image: url(/img/header_cimer.png);
	background-repeat: no-repeat;
	background-position: 0 15px;
	height: 286px;
	width: 980px;
	position: relative;
}
/*
#header_top p {
	font-family: OptimaNormal;
	font-size: 12pt;
	color: #777777;
	text-transform: uppercase;
	position: absolute;
	left: 78px;
}
#header_top p#pte {
	top: 26px;
}
#header_top p#ttk {
	padding-top: 1px;
	border-top: 1px solid #777777;
	top: 45px;
}
*/
#pte_link {
	position: absolute;
	top: 15px;
	left: 0px;
	display: block;
	width: 71px;
	height: 71px;
	font-size: 0;
	text-indent: -9999px;
}
#ttk_link {
	position: absolute;
	top: 15px;
	left: 71px;
	display: block;
	width: 260px;
	height: 71px;
	font-size: 0;
	text-indent: -9999px;
}
#akadalymentes {
	background-image: url(/img/akadalymentes.png);
	background-repeat: no-repeat;
	display: block;
	width: 20px;
	height: 20px;
	font-size: 0;
	text-indent: -9999px;
	position: absolute;
	top: 13px;
	right: 7px;
}
#menu_top {
	position: absolute;
	top: 17px;
	right: 5px;
/*	right: 30px;*/
	list-style: none;
}
#menu_top li {
	padding: 0px 6px;
	border-right: 1px solid #777777;
	display: block;
	height: 12px;
	line-height: 10px;
	float: left;
}
#menu_top li.last {
	border-right: none;
}
#menu_top li a {
	color: #777777;
	font-size: 8pt;
}
#menu_main {
	position: absolute;
	top: 50px;
	right: 5px;
	list-style: none;
}
#menu_main li {
	float: left;
	line-height: 32px;
	font-size: 6pt;
}
#menu_main li a {
	padding: 0px 5px;
	color: #1D0966;
	font-size: 16pt;
/*
	text-transform: uppercase;
*/
	display: block;
	height: 30px;
	line-height: 30px;
	float: left;
}
#menu_main li.active a,
#menu_main li a:hover {
	background-color: #47528B;
	color: white;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
#menu_main li.active a {
	cursor: default;
}

/*************** Fejléc menübox és kép ****************/

#menu_sub_mask {
	background-color: #C7DB27;
	width: 3px;
	height: 135px;
	position: absolute;
	bottom: 40px;
	left: 449px;
	z-index: 100;
}
#menu_sub {
/*	padding: 13px 0px 0px 40px;*/
	padding: 13px 30px 0px 0px;
	background-color: #C7DB27;
	height: 152px;
	width: 450px;
	position: absolute;
	bottom: 13px;
	left: 0px;
}
#menu_sub ul {
	list-style: none;
	float: right;
	clear: both;
}
#menu_sub ul li {
	margin: 9px 0px;
	padding: 0px 7px;
	border-right: 1px solid #4D4D4D;
	display: block;
	height: 16px;
	line-height: 16px;
	float: left;
}
#menu_sub ul.first li {
	margin-top: 20px;
}
#menu_sub ul.small li {
	margin: 7px 0px;
}
/*#menu_sub ul li.last {
	border-right: none;
}*/
#menu_sub ul li a {
	margin-top: -5px;
	padding: 0px 5px;
	color: #4D4D4D;
	font-size: 11pt;
	font-weight: bold;
	display: block;
	height: 24px;
	line-height: 24px;
}
#menu_sub ul li.active a,
#menu_sub ul li a:hover {
	background-color: #47528B;
	color: white;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
#menu_sub ul li.active a {
	cursor: default;
}
a#home {
	background-image: url(/img/home.png);
	background-repeat: no-repeat;
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 16px;
	left: 15px;
	font-size: 0;
	text-indent: -9999px;
}
a#home:hover {
	background-position: 0 -30px;
}
#locator {
	display: block;
	position: absolute;
	bottom: 25px;
	left: 45px;
   list-style-type: none;
	color: #4D4D4D;
   font-size: 8pt;
}
#locator li {
	padding-left: 5px;
	float: left;
}
#locator li a {
	color: #4D4D4D;
}
/*
#header img {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
*/
#img_rotator {
	width: 472px;
	height: 192px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#img_rotator ul li {
	position: absolute;
	list-style: none;
}
#img_rotator ul li img {
	background: white;
}
#img_rotator ul li.show {
	z-index: 500;
}
#img_rotator span {
	background-image: url(../img/header_img_border.png);
	background-repeat: no-repeat;
	display: block;
	width: 472px;
	height: 192px;
	position: absolute;
	bottom: 1px;
	right: 1px;
	z-index: 1000;
}

/******************* Tartalom *******************/

#content_left {
	padding: 30px 0px 20px 20px;
	width: 700px;
	float: left;
}
#content_right {
	padding: 30px 0px 20px 0px;
	width: 250px;
/*	margin-top: 80px;*/
/*	padding: 30px 20px 20px 20px;*/
/*	background-color: #F8F6E2;*/
/*	width: 210px;*/
	float: right;
}
#content_left h1,
#content_right h1 {
	padding-left: 34px;
	background-image: url(/img/heading_bg.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size: 16pt;
	font-weight: normal;
}
#content_left h1 {
	margin: 0px 60px 40px 0px;
}
#content_right h1 {
	margin: 0px 0px 20px 0px;
}
#content_right h1#ajanlo {
	margin: 20px 0px 20px 0px;
}
#content_right p {
	margin-bottom: 7px;
}
#content_right p.date {
	margin-bottom: 0px;
	font-size: 8pt;
	font-weight: bold;
}
#content_right div {
	padding: 20px 20px 10px 20px;
	background-color: #F8F6E2;
}
/*
#content_right h1 {
	margin: -80px 0px 40px -20px;
}
*/

/******************* Két oszlop (címlap) *******************/

#column_left {
	width: 460px;
	float: left;
}
#column_img {
	padding: 0px 10px;
	width: 220px;
	text-align: center;
	float: left;
}
#column_img a img {
	margin: 0px 0px 5px 0px;
/*	margin: -40px 0px 5px 0px;*/
	border: 10px solid #ECE9DB
/*	border: 10px solid #F8F6E2;*/
}
#column_img a span {
	margin-bottom: 25px;
	display: block;
}
#column_img a:hover span {
	text-decoration: underline;
}

/******************* Lábléc *******************/

#footer_pre {
	height: 150px;
	clear: both;
}
#footer_container {
	background-image: url(/img/footer_container_bg.png);
/*
	background-color: #615B59;
*/
	width: 100%;
	height: 125px;
	position: absolute;
	bottom: 0px;
}
#footer {
	margin: 0px auto;
	width: 980px;
	height: 125px;
	position: relative;
}
#footer form {
	position: absolute;
	left: 10px;
	color: white;
}
#footer #ttk_egysegek_form {
	top: 20px;
}
#footer #pte_egysegek_form {
	top: 55px;
}
#footer form p {
	float: left;
	clear: both;
}
#footer form select {
	padding: 1px;
	border: 1px solid white;
	color: #555555;
	width: 180px;
	height: 22px;
}
#footer form optgroup {
	font-weight: bold;
	font-style: normal;
}
#footer form optgroup option {
	padding-left: 15px;
}
#footer form div {
	padding-left: 10px;
	float: left;
	height: 24px;
	line-height: 24px;
}
#footer p#copyright {
	color: white;
	font-size: 8pt;
	position: absolute;
	bottom: 18px;
	left: 10px;
}
#footer p#address {
	padding: 0px 75px 0px 0px;
	background-image: url(/img/footer_cimer.png);
	background-repeat: no-repeat;
	background-position: right center;
	color: white;
	font-size: 8pt;
	text-align: right;
	position: absolute;
	bottom: 30px;
	right: 0px;
}
#footer p#address a {
	color: white;
}
#footer #gyerecsak {
	font-size: 0;
	text-indent: -9999px;
}

/******************************** ÁLTALÁNOS ********************************/

.cboth {
	clear: both;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.top {
	vertical-align: top;
}
.middle {
	vertical-align: middle;
}
.bottom {
	vertical-align: bottom;
}
.red {
	color: red;
}
img.fleft {
   padding: 0px 15px 15px 0px;
	float: left;
}
img.fright {
   padding: 0px 0px 15px 15px;
	float: right;
}
.kozep {
	 margin-left: auto;
	 margin-right: auto;
}
.hidden {
	display: none;
}
a.doc,
a.pdf,
a.rtf,
a.xls,
a.zip,
a.img {
	padding-left: 21px;
	background-repeat: no-repeat;
	line-height: 20px;
}
a.doc {
	background-image: url(../img/document-word.png);
}
a.pdf {
	background-image: url(../img/document-pdf.png);
}
a.rtf {
	background-image: url(../img/document-rtf.png);
}
a.xls {
	background-image: url(../img/document-excel.png);
}
a.zip {
	background-image: url(../img/archive-file.png);
}
a.img {
	background-image: url(../img/document-image.png);
}

/******************* Szöveges tartalom *******************/

#text {
	padding: 0px 60px 0px 36px;
}
#text p {
	margin-bottom: 15px;
	text-align: justify;
}
#text p.left {
	text-align: left;
}
#text p.center {
	text-align: center;
}
#text p.right {
	text-align: right;
}
#text a {
	color: #75A000;
}
#text h1 {
	padding: 0px;
	background-image: none;
	margin: 10px 0px 15px;
	font-size: 14pt;
	font-weight: normal;
	clear: both;
}
#text h2 {
	margin: 10px 0px 15px;
	font-size: 12pt;
	font-weight: bold;
	clear: both;
}
#text h3 {
	margin: 10px 0px 15px;
	font-size: 10pt;
	font-weight: bold;
	clear: both;
}
#text h1 .small,
#text h2 .small,
#text h3 .small {
	font-size: 10pt;
	font-weight: normal;
}
#text ul {
	margin-bottom: 15px;
	list-style: none;
}
#text ul.pont {
	margin-left: 10px;
	list-style-position: inside;
	list-style-type: disc;
}
#text ul.negyzet {
	margin-left: 10px;
	list-style-position: inside;
	list-style-type: square;
}
#text ul.vonal {
	padding-left: 12px;
	text-indent: -12px;
	list-style-type: none;
}
#text ul.vonal li:before {
	content: "- ";
}
#text ul.szint2,
#text ul.szint3 {
	margin-bottom: 0px;
}
#text ul.szint2 {
	padding-left: 10px;
}
#text ul.szint3 {
	padding-left: 30px;
}
#text ul.csukhato {
	margin-left: 0px;
	list-style-type: none;
}
#text ul.csukhato p.expander {
	margin: 0px;
	padding-left: 21px;
	background-image: url(../img/up-down-arrow-s.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 20px;
	cursor: pointer;
	float: left;
	clear: both;
}
#text ul.csukhato p.expander:hover {
	background-position: 0 -40px;
}
#text ul.csukhato li {
	line-height: 20px;
}
#text ul.csukhato li a {
	padding-left: 5px;
	font-size: 12pt;
	font-weight: bold;
	float: left;
}
#text ul.csukhato ul {
	margin-top: 5px;
	padding-left: 30px;
	float: none;
	clear: both;
}
#text ul.csukhato li li {
	line-height: normal;
}
#text ul.csukhato li li a {
	padding: 0px;
	font-size: 10pt;
	font-weight: normal;
	float: none;
}
#text ul.csukhato li li a.doc,
#text ul.csukhato li li a.pdf,
#text ul.csukhato li li a.rtf,
#text ul.csukhato li li a.xls,
#text ul.csukhato li li a.zip,
#text ul.csukhato li li a.img {
	padding-left: 21px;
}
#text ul.csukhato li.clear {
	clear: both;
}
#text ul.inline {
	list-style: none;
	font-size: 8pt;
}
#text ul.inline li {
	margin-bottom: 5px;
	border-right: 1px solid #333333;
	display: block;
	float: left;
}
#text ul.inline li a {
	padding: 0px 5px;
}
#text ul.inline li.last {
	border-right: none;
}
#text ol {
	margin: 0px 0px 15px 10px;
	list-style-position: inside;
	list-style-type: decimal;
}
#text em {
	font-style: italic;
}
#text strong {
	font-weight: bold;
}

/******************* Szöveges tartalom: hír *******************/

p.hirdatum {
	margin: -25px 60px 25px 36px;
	padding-top: 3px;
	border-top: 1px solid #CCCCCC;
	font-size: 8pt;
	color: #808080;
}
#text .betekinto {
	font-weight: bold;
}

/******************* Hírek betekintővel *******************/

.hirek {
	padding: 0px 60px 0px 26px;
	margin-top: -10px;
}
.hirblokk,
.hirblokk_na {
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
}
.hirblokk:hover,
.hirblokk_na:hover {
	background-color: #F8F6E2;
}
.hirblokk a {
	display: block;
}
.hirblokk a:hover {
	text-decoration: none;
}
.hirblokk div,
.hirblokk_na div {
	position: relative;
}
.hirblokk div h2,
.hirblokk_na div h2 {
	padding: 0px 145px 3px 0px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 10pt;
	font-weight: bold;
}
.hirblokk div p,
.hirblokk_na div p {
	padding: 0px;
	color: #808080;
	font-size: 8pt;
	position: absolute;
	bottom: 5px;
	right: 0px;
}
.hirblokk p,
.hirblokk_na p {
	padding-top: 7px;
}
.hirblokk_na p a {
	color: #75A000;
/*	display: inline;*/
}
/*
.hirblokk_na p a:hover {
	text-decoration: underline;
}
*/
.hirek p.tovabb {
	padding-right: 10px;
	text-align: right;
}

/******************* Címlap hírek betekintővel *******************/

#cimlap .hirek {
	padding: 0px;
}
#cimlap .hirblokk div h2,
#cimlap .hirblokk_na div h2 {
	padding-right: 70px;
}

/******************* Táblázatok *******************/

table.lista1,
table.lista1c,
table.lista2,
table.lista2c,
table.keretes1,
table.keretes1c,
table.keretes2,
table.keretes2c {
	margin-bottom: 15px;
}
table.keretes1,
table.keretes1c,
table.keretes2,
table.keretes2c {
	border-collapse: collapse;
}
table.lista2,
table.lista2c,
table.lista2magy,
table.keretes2,
table.keretes2c {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 8pt;
}
table.keretes1 th,
table.keretes1c th {
	font-size: 8pt;
}
table.keretes1 th,
table.keretes1 td,
table.keretes1c th,
table.keretes1c td,
table.keretes2 th,
table.keretes2 td,
table.keretes2c th,
table.keretes2c td {
	padding: 2px 10px;
	border: 1px solid #CCCCCC;
}
table.lista1 th,
table.lista1 td,
table.lista1c th,
table.lista1c td,
table.lista2 th,
table.lista2 td,
table.lista2c th,
table.lista2c td {
	border-bottom: 1px solid #CCCCCC;
}
table.lista1 th,
table.lista1 td,
table.lista1c th,
table.lista1c td {
	padding: 2px 0px 2px 15px;
}
table.lista2 th,
table.lista2 td,
table.lista2c th,
table.lista2c td {
	padding: 2px 0px 2px 10px;
}
table.lista1 .first,
table.lista1c .first,
table.lista2 .first,
table.lista2c .first {
	padding: 2px 0px;
}
table.lista1 sup,
table.lista1c sup,
table.keretes1 sup,
table.keretes1c sup {
	font-size: 8pt;
}
table.lista2 sup,
table.lista2c sup,
table.keretes2 sup,
table.keretes2c sup {
	font-size: 7pt;
}
table.lista2magy td {
	padding: 0px 5px 2px 0px;
	vertical-align: top;
}
table.keretes1 th.center,
table.keretes1c td,
table.keretes2 th.center,
table.keretes2c td,
table.lista1 th.center,
table.lista1c td,
table.lista2 th.center,
table.lista2c td {
	text-align: center;
}
table.keretes1 th,
table.keretes1c td.left,
table.keretes2 th,
table.keretes2c td.left,
table.lista1 th,
table.lista1c td.left,
table.lista2 th,
table.lista2c td.left {
	text-align: left;
}
table.keretes1 th.right,
table.keretes1c td.right,
table.keretes2 th.right,
table.keretes2c td.right,
table.lista1 th.right,
table.lista1c td.right,
table.lista2 th.right,
table.lista2c td.right {
	text-align: right;
}
table.keretes1 th,
table.keretes1 td,
table.keretes2 th,
table.keretes2 td {
	vertical-align: top;
}
table.keretes1 th.middle,
table.keretes1 td.middle,
table.keretes2 th.middle,
table.keretes2 td.middle {
	vertical-align: middle;
}
table.keretes1 th.bottom,
table.keretes1 td.bottom,
table.keretes2 th.bottom,
table.keretes2 td.bottom {
	vertical-align: bottom;
}
table.fenykepes td {
	padding-bottom: 15px;
	vertical-align: top;
}
table.fenykepes .first {
	padding-right: 30px;
}
table.fenykepes img {
	padding: 4px;
	border: 1px solid #CCCCCC;
}
table#munkatarsaink {
	padding-top: 10px;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 8pt;
	width: 604px;
	clear: both;
}
table#munkatarsaink th#nev {
	width: 168px;
}
table#munkatarsaink th#intezet {
	width: 120px;
}
table#munkatarsaink th#tel {
	width: 60px;
}
table#munkatarsaink th#email {
	width: 160px;
}
table#munkatarsaink th#iroda {
	width: 36px;
}
table#munkatarsaink td {
	height: 36px;
}
table#munkatarsaink td.first {
	padding-left: 5px;
}
table#munkatarsaink td.home {
	padding: 0px 5px;
	background-color: #eeeeee;
	font-size: 10pt;
	font-weight: bold;
}
table#munkatarsaink td.home a.home {
	padding-right: 20px;
	background-image: url(/img/up-arrow.png);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: normal;
	float: right;
}
table#kari-tanacs-anyagai {
	width: 100%;
}
/*table#kari-tanacs-anyagai th.first {
	width: 160px;
}*/
table#kari-tanacs-anyagai td a {
	padding-right: 10px;
}
table.kepzeseink {
	width: 604px;
}
table.kepzeseink th.szak {
	width: 210px;
}
table.kepzeseink th.leiras {
	width: 90px;
}
table.kepzeseink th.intezet {
	width: 240px;
}

/******************* Galéria *******************/

div#galeria div.folder {
	margin: 5px;
	padding: 4px;
/*	width: 182px;
	height: 122px;*/
	float: left;
}
div#galeria div.folder a {
	padding: 55px 25px 0px;
	background-image: url(/img/folder.png);
	background-repeat: no-repeat;
	background-position: center;
	color: #333333;
	text-align: center;
	display: block;
	width: 132px;
	height: 82px;
}
div#galeria div.thumbnail {
	margin: 5px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	font-size: 8pt;
	width: 180px;
	height: 135px;
	float: left;
}

/******************* Objectek, videók *******************/

object#video_ttk,
object#video_kemia,
object#video_golyatabor2011 {
	padding-bottom: 10px;
	width: 560px;
	height: 349px;
}
div#video_ttk_wrapper {
	padding-bottom: 60px;
}
div#video_foldrajz_wrapper {
	padding-bottom: 20px;
}
object#terkep {
	width: 465px;
	height: 350px;
}

