@import url(http://fonts.googleapis.com/css?family=Oswald:400,300&subset=latin,latin-ext);

/*********************************************************************************/
/* F� TARTALOM FORM�Z�SA                                                         */
/*********************************************************************************/

body {
	margin: 0px;
	padding: 0px;
	background: #151515;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: white;
}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-family: 'Oswald', sans-serif;
	font-weight: 200;
	color: white;
}

p, ol, ul {
	margin-top: 0px;
}

p { line-height: 200%; }
strong { font-weight: 700; }

a {
	color: #0cff07;
	text-decoration: none;
}

/* FEJL�C */
#header-wrapper {
	height: 75px;
	
}

#header {
	min-height: 75px;
	position: relative;
	background: url(../images/menu.jpg) repeat-x left top;
}

#header h1 {
	position: absolute;
	top: 0;
	left: 20px;
	line-height: 70px;
	font-size: 2.2em;
}

#header h1 a {
	color: #fff;
	letter-spacing: -2px;
	text-decoration: none;
	text-transform: uppercase;
}

#header h1 a span {
	padding: 0px 0px 0px 10px;
	line-height: 70px;
	font-family: 'Oswald', sans-serif;
	font-size: 18pt;
	font-weight: 200;
	color: #0cff07;
	letter-spacing: -1px;
	text-transform: none;
}

@media screen and (min-width: 1024px) {
	#header nav {
		position: absolute;
		top: 24px;
		right: 0px;
		font-weight: 200;
	}
   #header nav a {		
		color: #FFFFFF;
		padding: 5px 10px;
		text-decoration: none;
		text-transform: uppercase;
		font-family: 'Oswald', sans-serif;
		font-size: 1em;
		margin-left: 7px;
		outline: 0;
		font-weight: normal;
		}
}

@media screen and (min-width: 1280px) {
	#header nav {
		position: absolute;
		top: 24px;
		right: 20px;
		font-weight: 200;
	}

	#header nav a {
		color: #FFFFFF;
		padding: 5px 10px;
		text-decoration: none;
		text-transform: uppercase;
		font-family: 'Oswald', sans-serif;
		font-size: 1em;
		margin-left: 20px;
		outline: 0;
		font-weight: normal;
	}
}

@media screen and (min-width: 1600px) {
	#header nav {
		position: absolute;
		top: 24px;
		right: 20px;
		font-weight: 200;
	}

	#header nav a {
		color: #FFFFFF;
		padding: 5px 10px;
		text-decoration: none;
		text-transform: uppercase;
		font-family: 'Oswald', sans-serif;
		font-size: 1em;
		margin-left: 40px;
		outline: 0;
		font-weight: normal;
	}
}


#header nav a:hover {
	color: #FFFFFF;
}

#header nav .active {
	background: #085505;
	box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,.2);
	border-radius: 4px;
	text-decoration: none;
	font-size: 12pt;
	color: #FFFFFF;
}

/* Wrapper */
#wrapper {
	overflow: hidden;
	padding: 20px 0px;
	background: #FFFFFF;
}

#content_wrapper{
	overflow: hidden;
	padding: 20px 0px;
	background: url(../images/content-wrapper.jpg);
}

/* Image style */
.image-style1{
	padding: 6px 6px 2px 6px;
	margin: 6px 12px 10px 0px;
	border: 1px solid #B8B8B8;
	background: white;
}

.button {
	display: inline-block;
	outline: 0;
	white-space: nowrap;
	margin-top: 0px;
	padding: 10px 30px 10px 30px;
	border: solid 1px #D7922D;
	border-radius: 6px;
	box-shadow: inset 0px 0px 0px 1px #FEE27D, 0px 2px 3px 0px rgba(0,0,0,0.25);
	background: #FDCA57;
	background-image: -moz-linear-gradient(top, #FDD25C, #FDB746);
	background-image: -webkit-linear-gradient(top, #FDD25C, #FDB746);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDD25C), to(#FDB746));
	background-image: -ms-linear-gradient(top, #FDD25C, #FDB746);
	background-image: -o-linear-gradient(top, #FDD25C, #FDB746);
	background-image: linear-gradient(top, #FDD25C, #FDB746);
	color: #975C25;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
	text-decoration: none;
	font-size: 12pt;
}

.button:hover, .button:active {
	border: solid 1px #42d017;
	border-radius: 6px;
	box-shadow: inset 0px 0px 0px 1px #42d017, 0px 2px 3px 0px rgba(0,0,0,0.25);
	background: #FDCA57;
	background-image: -moz-linear-gradient(top, #0cff07, #078b04);
	background-image: -webkit-linear-gradient(top, #0cff07, #078b04);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0cff07), to(#078b04));
	background-image: -ms-linear-gradient(top, #0cff07, #078b04);
	background-image: -o-linear-gradient(top, #0cff07, #078b04);
	background-image: linear-gradient(top, #0cff07, #078b04);
	color: white;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}

.button_inverse {
	display: inline-block;
	outline: 0;
	white-space: nowrap;
	margin-top: 0px;
	padding: 10px 30px 10px 30px;
	border: solid 1px #42d017;
	border-radius: 6px;
	box-shadow: inset 0px 0px 0px 1px #42d017, 0px 2px 3px 0px rgba(0,0,0,0.25);
	background: #FDCA57;
	background-image: -moz-linear-gradient(top, #0cff07, #078b04);
	background-image: -webkit-linear-gradient(top, #0cff07, #078b04);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0cff07), to(#078b04));
	background-image: -ms-linear-gradient(top, #0cff07, #078b04);
	background-image: -o-linear-gradient(top, #0cff07, #078b04);
	background-image: linear-gradient(top, #0cff07, #078b04);
	color: white;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
	text-decoration: none;
	font-size: 12pt;
}

.button_inverse:hover, .button_inverse:active {
	border: solid 1px #D7922D;
	border-radius: 6px;
	box-shadow: inset 0px 0px 0px 1px #FEE27D, 0px 2px 3px 0px rgba(0,0,0,0.25);
	background: #FDCA57;
	background-image: -moz-linear-gradient(top, #FDD25C, #FDB746);
	background-image: -webkit-linear-gradient(top, #FDD25C, #FDB746);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDD25C), to(#FDB746));
	background-image: -ms-linear-gradient(top, #FDD25C, #FDB746);
	background-image: -o-linear-gradient(top, #FDD25C, #FDB746);
	background-image: linear-gradient(top, #FDD25C, #FDB746);
	color: #975C25;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}


/* Oktat�k�zpontok h�ttere */
#feature-wrapper{
	overflow: hidden;
	padding: 20px 0px;
	background: url(../images/oktatokozpont.jpg);
	color: black;
}

/* Tartalom */
#content {
	margin: 0 auto;
	overflow: hidden;
	padding: 0px 0px 30px 0px;
	border-bottom: solid 1px #ddd;
	width: 1108px;
}

/* L�bl�c tartalom */
#footer-content{
	margin: 0 auto;
	overflow: hidden;
	padding: 0px 0px 30px 0px;
	border-bottom: solid 1px #ddd;
	width: 1108px;
	color: white;
}

.half_content, .half_content_last, .half_content_last2{
	width: 49.0%;
	margin-right: 22px;
}

.half_content_last{
	margin: 0 auto;
}

.half_content_last2{
	margin: 0 auto;
	margin-left: -8px;
	margin-right: -3px;
}

.haromnegyed_content{
	width: 74%;
	margin-right: 22px;
}

.negyed_content{
	width: 24%;
	margin-right: 22px;
}

.two-column #content {
	padding: 0px 0px 60px 0px;
}

.last{ margin: 0px; }
.left { float: left; }
.right { float: right; }
.justify { text-align: justify; }
.center { display: block; text-align: center; margin: 0 auto; padding: 0 auto;}
.clear {clear:both;display:block;font-size:0;line-height:0;}
.white { background: white; color: black; }
.alignleft { float: left; margin-top: 5px; margin-right: 30px; }
.alignright { float: right; margin-top: 5px; margin-left: 30px; }
.lead{ text-align: justify; }
.padding10{ padding: 10px 0 0 0;}
.padding20{ padding: 20px 0 0 0;}
.mleft10{ margin-left: 10px; }
.mtop10{ margin-top: 10px; }

#content h2, #footer-content h2, #content h1 {
	padding: 0px 0px 0px 0px;
	letter-spacing: -1px;
	text-decoration: none;
	font-variant: small-caps; 
	font-family: 'Oswald', sans-serif;
	font-size: 20pt;
	font-weight: 200;
	color: #fff;
	width: 100%;
	border-bottom: 3px solid #0cff07;
}

#content h2 a, #footer-content h2 a, #content h1 a{
	color: white;
	text-decoration: none;
}

#footer-content h3 a { color: white; }

.hirlistacim{
	padding: 20px 0px 5px 0px;
	letter-spacing: -0.3px;
	font-family: 'Oswald', sans-serif;
	font-size: 17pt;
	font-weight: 300;
	color: #FDCA57;
	line-height: 24px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #FDCA57;
}

a .hirlistacim{
	color: #FDCA57;
	text-decoration: none;
}

.hirlistacim:hover{
	color: #0cff07;
}

.kiemelthirdiv{
	width: 100%;
	height: 400px;
	overflow: hidden;
	position: relative;
	border: 6px solid white;
	margin: 0px -12px 0px 0px;
}

.kiemelthirdiv img{
	position:absolute;
    top:20;
    bottom:20;
    margin:auto;
}

#footer-content-wrapper{
	overflow: hidden;
	padding: 20px 0px;
	background: url(../images/galeria_bg.jpg);
	color: black;
}

.fooldal_galeria a {
	float: left;
	padding: 5px 5px 5px 5px;
}

#lablec{
	width: 1083px;
	margin: 0 auto;
	padding: 0 auto;
	font-size: 11px;
	padding: 30px 10px 10px 15px;
	margin-bottom: 20px;
	color: white;
	text-align: center;
}

#lablec a { color: #fff; }

.map1_3{
	width: 31.5%;
	margin-right: 5px;
	padding: 0px 7px 0px 7px;
	font-weight: bold;
}

.klsoftlogo img{
	position: absolute;
	padding-top: -6px;
	margin-top: -10px;
}

.klsoftlogo{
	margin-top: 6px;
}

.csemetelogo img{
	padding-top: -6px;
	margin-top: -16px;
	margin-left: -10px;
}

/* GAL�RIA K�PEINEK FORM�Z�SA */
.galeria {
    width: 160px;
    height: 150px;
    overflow: hidden;
	border: 6px solid white;
	margin: 4px 4px 16px 4px;
	float:left;
	position: relative;
	display:inline-block;
	z-index: 1;
}

.galeria img{
	width: 250px;
    margin: -5px;
	vertical-align: bottom;
}

.galeria_img:after {
    content:'';
    top: 0;
	left: 0;
	z-index: 10;
	height: 150px;
    width: 100%;
    display: block;
    position: absolute;
    background: #0cff07 url(../images/keres.png) no-repeat center;
    opacity: 0;
}

.galeria_img:hover:after {
    opacity: 0.8;
	transition: all 1.0s ease;
}

.galeria_nagy {
    width: 184px;
    height: 150px;
    overflow: hidden;
	border: 6px solid white;
	margin: 4px 4px 16px 4px;
	float:left;
	position: relative;
	display:inline-block;
	z-index: 1;
}

.galeria_nagy img{
	width: 250px;
    margin: -5px;
	vertical-align: bottom;
}

.video_img{
	border: 4px solid white;
	margin: 4px 4px 16px 4px;
}

/* LAPOZ� FORM�Z�SA */
.lapozo{
	margin: 0 auto;
	padding: 0 auto;
	width: 98%;
	color: #FDB746;
	font-size: 16px;
	margin: 30px 0px;
}

.lapozo_akt, .lapozo_szam:hover{
	color: white;
	padding: 0px 4px;
}

.lapozo_szam{
	color: #FDB746;
	padding: 0px 4px;
}

/* HIBA �S RENDBEN �ZENETEK FORM�Z�SA */
#hiba{
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
	font-weight: bold;
	color: red;
	font-size: 16px;
	background: #FDD25C url(../images/hiba.png) no-repeat left;
	border: 4px solid #0cff07;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 80px;
}

#hiba span, #rendben span, #hiba404 span{
	text-shadow: 1px 1px 1px black;
	font-size: 20px;
}

#hiba ul, #rendben ul, #hiba404 ul{
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	list-style-type: square;	
}

#hiba404 ul{
	margin-left: 130px;
}

#rendben{
	margin: 0 auto;
	padding: 0 auto;
	background: #F0E3DD url(../images/success.png) no-repeat left;
	border: 4px solid #0cff07;
	text-align: center;
	font-weight: bold;
	color: #329507;
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 80px;
}

#hiba404{
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
	font-weight: bold;
	color: red;
	font-size: 16px;
	background: #FDD25C;
	border: 4px solid #0cff07;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;
}

.hir_datum{
	font-style: italic;
	font-size: 12px;
	color: green; 
}

.datum{
	font-size: 11px;
	color: #FDB746;
	margin-top: 0px;
	margin-bottom: 8px;
}

.nagy_datum{
	font-size: 13px;
	color: #0cff07;
	border-bottom: 1px dashed #0cff07;
	float:left;
	width: 100%;
	margin-top: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.reszletes_adatok{
	font-size: 15px;
	padding-top: 0px;
	margin-top: 10px;
}

.reszletes_adatok p{ line-height: 1.4em; }

.galeria_cim{
	width: 100%;
	margin-top: 6px;
	padding-bottom: 2px;
	border-bottom: 3px solid #0cff07;
}

.galeria_cim a{
	font-size: 24px;
	color: white;
}

.divider{
	width: 100%;
	height: 4px;
	border-bottom: 2px dotted #0cff07;
}

.hir_gal{ margin-top: -4px; }
.hir_vid{ margin-bottom: -4px; }

#datum{
	padding-top: 13px;
	text-align: center;
	font-size: 16px;
	margin-bottom: 14px;
}

#datum span{
	font-weight: bold;
}

input[type="text"], input[type="email"], input[type="password"], #uzenet.szelesinput, textarea{
	height: 35px;
	width: 252px;
	background: #FEEDB9;
	box-shadow: inset 0px 0px 0px 1px #FEE27D, 0px 2px 3px 0px rgba(0,0,0,0.25);
	border: solid 1px #D7922D;
	border-radius: 6px;
	background-image: -moz-linear-gradient(top, #FDD25C, #FDB746);
	background-image: -webkit-linear-gradient(top, #FDD25C, #FDB746);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDD25C), to(#FDB746));
	background-image: -ms-linear-gradient(top, #FDD25C, #FDB746);
	background-image: -o-linear-gradient(top, #FDD25C, #FDB746);
	background-image: linear-gradient(top, #FDD25C, #FDB746);
	margin-top: 10px;
	padding-left: 4px;
}

#uzenet .szelesinput, textarea{
	width: 500px;
}

textarea{
	height: 100px;
	color: black;
}

.fb-like-box{
	border: 3px solid white;
	background: url(../images/galeria_bg.jpg);
}

.megosztas{
	float: right;
	padding-top: 0px;
	margin-top: -4px;
	height: 16px;
}

#fb{
	margin-top: 0px;
	float: right;
}

#ittvagyok{
	margin-bottom: 10px;
	width: 100%;
	border-bottom: 1px dotted #FDCA57;
	font-size: 14px;
	padding-bottom: 8px;
	font-weight: bold;
	color: #FDCA57;
}
#ittvagyok img{ margin-top: -3px; }
#ittvagyok a{ font-weight: normal; }
#ittvagyok a:hover{ color: #FDCA57; }

#cs_kereses { float: left; margin-top: 5px;}
#cs_kereses form {
	margin: 0;
	height: 40px;
	width: 254px;
	margin-top: 5px;
	background:  url(../images/keres_.png) no-repeat right;
}

#cs_kereses .txt_field {
	float: left;
	display: block;
	margin-top: 0px;
	width: 206px;
	margin-left: 5px;
	padding-left: 5px;
	background: #FEEDB9;
	box-shadow: inset 0px 0px 0px 1px #FEE27D, 0px 2px 3px 0px rgba(0,0,0,0.25);
	border: solid 1px #D7922D;
	border-radius: 6px;
	background-image: -moz-linear-gradient(top, #FDD25C, #FDB746);
	background-image: -webkit-linear-gradient(top, #FDD25C, #FDB746);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDD25C), to(#FDB746));
	background-image: -ms-linear-gradient(top, #FDD25C, #FDB746);
	background-image: -o-linear-gradient(top, #FDD25C, #FDB746);
	background-image: linear-gradient(top, #FDD25C, #FDB746);
}

#cs_kereses .sub_btn {
	float: right;
	display: block;
 	height: 35px;
	width: 30px;
	cursor: pointer;
	background: none;	
	border: none;
	z-index: 100;
}

.arckep_box{
	width: 180px;
	position: relative;
	float: left;
	margin: 0px 10px 20px 10px;
	text-align: center;
}

.arckep{
	width: 180px;
	height: 180px;
	border: 4px solid white;
	overflow: hidden;
	margin-bottom: 3px;
}

.arckep img{
	width: 190px;
}

.arckep_nev{
	width: 100%;
	text-align: center;
	font-size: 21px;
	letter-spacing: -0.3px;
	font-family: 'Oswald', sans-serif;
	font-variant: small-caps;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 20px;
}

.arckep_nev span{
	font-variant: normal;
	font-size: 14px;
	margin-top: 0px;
	padding-top: 0px;
}

.szavazas_tabla{
	border: 2px solid white;
	background: #6B9F01;
}

.szavazas_tabla th{
	background: #96C824;
	line-height: 40px;
}