/* -------- Common Classes -------- */
@media screen {

	* {
		-webkit-font-smoothing:		antialiased;
		transition:					all 0.1s ease-in;
		-moz-transition:			all 0.1s ease-in;
		-webkit-transition:			all 0.1s ease-in;
		-o-transition:				all 0.1s ease-in;
		-ms-transition:				all 0.1s ease-in;
		font-family:				Georgia, Times, "Times New Roman", serif;
		font-weight:				400;
		font-size:					11pt;
		line-height:				14pt;
		text-align:					justify;
	}

	a {
		text-decoration:			none;
	}

	a:hover {
		text-decoration:			none;
	}
	
	strong, b {
		font-weight:				bold;
	}

	img {
		border:						0;
		padding:					0;
		margin:						0;
	}

	body {
		width:						100%;
		height:						100%;
		margin:						0;
		padding:					0;
		font-size:					14px;
		font-weight:				normal;
		background:					#939f84;
		background-image:			url('images/bg.jpg');
		background-position:		50% 0%;
		background-size:			cover;
		background-repeat:			no-repeat;
		background-attachment:		fixed;
	}
	
	
	/* Typography */
	
	h1, h2, h3, h4, h5, h6 {
		text-rendering:				optimizeLegibility;
		padding:					0;
		margin:						0;
	}
	
	h1 {
		padding:					0 0 10px 0;
		margin:						0 0 0 0;
		color:						#65615b;
		font-style:					italic;
		font-size:					35px;
		line-height:				35px;
		text-align:					center;
	}
	
	h2 {
		padding:					0 0 5px 0;
		margin:						0 0 0 0;
		color:						#707a63;
		font-style:					italic;
		font-size:					24px;
		line-height:				24px;
		text-align:					left;
	}
	
	h2 a {
		padding:					0;
		margin:						0;
		color:						#707a63 !important;
		font-style:					italic;
		font-size:					24px;
		text-align:					left;
	}
	
	h2 a:hover {
		border-bottom:				1px dotted #707a63 !important;
		color:						#aac48a !important;
	}
	
	h3 {
		padding:					0 0 10px 0;
		margin:						0 0 0 0;
		color:						#707a63;
		font-style:					italic;
		font-size:					16px;
		line-height:				16px;
		text-align:					left;
	}
	
	h4 {
		padding:					0 0 8px 0;
		margin:						0 0 0 0;
		color:						#707a63;
		font-style:					italic;
		font-size:					12pt;
		line-height:				12pt;
		text-align:					left;
	}
	
	h5 {
		padding:					0 0 8px 0;
		margin:						0 0 0 0;
		color:						#707a63;
		font-style:					italic;
		font-size:					11pt;
		line-height:				11pt;
		text-align:					left;
	}
	
	h6 {
		padding:					0 0 8px 0;
		margin:						0 0 0 0;
		color:						#65615b;
		font-style:					italic;
		font-size:					10pt;
		line-height:				10pt;
		text-align:					left;
	}
	
	hr {
		padding:					0;
		margin:						10px 0 20px 0;
		height:						0px;
		border:						0;
		border-bottom:				1px dotted #65615b;
	}
	
	ul {
		padding:					0;
		margin:						0;
	}
	
	li {
		padding:					0;
		margin:						0 0 0 40px;
	}

	header {
		display:					block;
		margin:						0;
		padding:					0;
		border:						0;
		height:						88px;
		background:					#8a849f;
		background-image:			url('images/headbg.jpg');
		background-position:		50% 0%;
		background-repeat:			no-repeat;
	}
	
	footer {
		display:					block;
		position:					relative;
		height:						30px;
		width:						80%;
		padding:					10px 0;
		margin:						auto;
		top:						0;
		text-align:					center;
	}
	
	footer a {
		margin:						0;
		padding:					0 5px 0 5px;
		color:						#677358 !important;
		font-size:					16px;
		text-align:					right;
		border:						0;
		border-right:				1px solid rgba(255, 255, 255, 0.4);
		cursor:						pointer;
	}
	
	footer a:last-child {
		border:						0;
		border-bottom:				0;
	}
	
	footer a:hover {
		color:						#4a563a !important;
	}
	
	#logo {
		display:					block;
		position:					absolute;
		width:						530px;
		height:						168px;
		padding:					0;
		margin:						0;
		margin-left:				calc(-40% - 50px);
		top:						0;
		left:						50%;
		background-image:			url('images/logo.png');
		background-repeat:			no-repeat;
	}
	
	#main {
		display:					block;
		position:					relative;
		height:						100%;
		width:						80%;
		padding:					0;
		margin:						auto;
		margin-top:					0;
		top:						0;
		background:					#ffffff;
	}
	
	#menuholder {
		display:					block;
		float:						left;
		height:						100%;
		width:						270px;
		padding:					60px 0 0 0;
		margin:						auto;
		margin-top:					0;
		top:						0;
	}
	
	#menuholder .menugroup {
		display:					block;
		padding:					0;
		margin:						0;
		border:						0;
	}
	
	#menuholder .menugroup p {
		display:					block;
		height:						55px;
		width:						100%;
		margin:						0;
		padding:					0;
		border:						0;
		background-image:			url('images/menuselector.jpg');
		background-repeat:			no-repeat;
		background-position:		50% 75%;
	}
	
	#menuholder .menugroup span {
		font-size:					18px;
		font-weight:				bold;
		font-style:					italic;
		color:						#707a63;
		margin:						0 0 0 40px;
	}
	
	#menuholder .menugroup .menuitem {
		display:					block;
		font-size:					14px;
		font-weight:				normal;
		color:						#3b3b3b;
		margin:						0 0 0 50px;
		padding:					7px 0 7px 0;
		border:						0;
		border-bottom:				1px dashed #8a849f;
		cursor:						pointer;
	}
	
	#menuholder .menugroup .menuitem:last-child {
		border:						0;
		border-bottom:				0;
	}
	
	#menuholder .menugroup .menuitem:hover {
		color:						#335110;
		padding:					7px 0 7px 5px;
	}
	
	#menuholder .menugroup .logos {
		display:					block;
		border:						0;
		cursor:						pointer;
		text-align:					center;
		-ms-transform:				scale(0.9, 0.9);
		-webkit-transform:			scale(0.9, 0.9);
		transform:					scale(0.9, 0.9);
	}
	
	#menuholder .menugroup .logos:hover {
		-ms-transform:				scale(1, 1);
		-webkit-transform:			scale(1, 1);
		transform:					scale(1, 1);
	}
	
	#content {
		display:					block;
		float:						left;
		height:						100%;
		width:						calc(100% - 410px);
		padding:					10px 70px;
		margin:						auto;
		margin-top:					0;
		top:						0;
		font-size:					16px;
		color:						#3f3f3f;
		line-height:				20px;
		z-index:					999;
	}
	
	#content a {
		color:						#65615b;
		border:						0;
		text-decoration:			none;
	}
	
	#content a:hover {
		border-bottom:				1px dotted #8A64AD;
		color:						#8A64AD;
		text-decoration:			none;
	}
	
	#content p img {
		margin: 10px 20px;
	}
	
		#content .counter_a {
		display: block;
		float: left;
		height: 40px;
		line-height: 40px;
		width: 40px;
		padding: 0;
		margin: 5px;
		border: 0;
		color: #ffffff !important;
		border-radius: 20px;
		background-color: #8BB43C;
		text-align: center;
		font-size: 12pt;
		cursor: pointer;
		font-weight: bold !important;
	}
	
	#content .counter_a:hover {
		border: 0;
	}
	
	#content .counter_a2 {
		display: block;
		float: left;
		height: 40px;
		line-height: 40px;
		width: 40px;
		padding: 0;
		margin: 5px;
		border: 0;
		color: #8A84A0 !important;
		border-radius: 20px;
		background-color: #ffffff;
		text-align: center;
		font-size: 12pt;
		cursor: pointer;
		font-weight: bold !important;
	}
	
	#content .counter_v {
		display: block;
		float: left;
		height: 40px;
		line-height: 40px;
		width: 40px;
		padding: 0;
		margin: 5px;
		border: 0;
		color: #ffffff !important;
		cursor: pointer;
		border-radius: 20px;
		background-color: #898D92;
		text-align: center;
		font-size: 12pt;
	}
	
	#content .counter_v:hover {
		display: block;
		float: left;
		height: 40px;
		line-height: 40px;
		width: 40px;
		padding: 0;
		margin: 5px;
		border: 0;
		color: #ffffff;
		cursor: pointer;
		border-radius: 20px;
		background-color: #303741;
		text-align: center;
		font-size: 12pt;
	}
	
	#content .topmenu {
		margin:						0 -50px 30px 0 !important;
		color:						#6c655d;
		font-size:					16px;
		text-align:					right;
		z-index:					999;
	}
	
	#content .topmenu a {
		margin:						0;
		padding:					0 5px;
		color:						#6c655d;
		font-size:					16px;
		text-align:					right;
		border:						0;
		border-right:				1px solid #6a647f;
		cursor:						pointer;
	}
	
	#content .topmenu a:last-child {
		border:						0;
		border-bottom:				0;
	}
	
	#content .topmenu a:hover {
		color:						#335110;
	}
	
	#content #topmenu_subholder {
		position:					absolute;
		display:					none;
		padding:					13px 20px 3px 20px;
		background:					#647155;
		color:						#ffffff;
		z-index:					1;
		border:						1px solid #9CA98C;
		border-top:					none;
		border-bottom:				none;
	}
	
	#content #topmenu_subholder .submenuitem {
		display:					block;
		font-size:					12px;
		text-align:					left;
		line-height:				14px;
		font-weight:				normal;
		color:						#ffffff;
		margin:						0;
		padding:					0 0 10px 0;
		border:						0;
		cursor:						pointer;
	}
	
	
	#content #szavazas {
		display:					block;
		background:					#e1e1e1;
		padding:					20px;
		background-image:			url('images/szav_bg.png');
		background-repeat:			no-repeat;
		background-position:		100% 0%;
	}
	
	#content #szavazas #szavazas_01 {
		width: 75%;
		float: left;
	}
	
	#content #szavazas #szavazas_02 {
		width: 25%;
		float: left;
	}
	
	#content #szavazas #szavazas_01 .szavazas_sor1 {
		width:						50%;
		text-align:					left;
	}
	
	#content #szavazas #szavazas_01 .szavazas_sor2 {
		width:						50%;
		text-align:					left;
	}
	
	
	#headerimgs {
		width:						100%;
		margin:						0;
		padding:					0 0 43px 0;
		border:						0;
		background-image:			url('images/headerimgs_bg.jpg');
		background-repeat:			no-repeat;
		background-position:		50% 100%;
	}
	
	.headerimgs {
		width:						calc(33.33% - 4px);
		padding:					0;
		margin:						0 2px;
		border:						0;
	}
	
	.clear {
		clear:						both;
		padding: 					0;
		margin:						0;
		border:						0;
	}
	
	#almapatika {
		display:					block;
		background-image:			url('images/almapatika.jpg');
		background-repeat:			no-repeat;
		width:						256px;
		height:						105px;
		margin:						0px 7px;
		padding:					0;
		border:						0;
		cursor:						pointer;
	}
	
	#almapatika:hover {
		-ms-transform: scale(1.05, 1.05);
		-webkit-transform: scale(1.05, 1.05);
		transform: scale(1.05, 1.05);
	}
	
	#skyscraper {
		background-image:			url('/_images/halfpage_banner_160706.jpg');
		display:					block;
		float:						left;
		width:						300px;
		height:						600px;
		line-height:				600px;
		margin:						0;
		padding:					0;
		border:						0;
		cursor:						pointer;
	}
	
	#pageContainer {
		display:					table;
		float:						left;
		width:						300px;
		max-width:					300px;
		height:						600px;
		margin:						0 10px 0 0;
		padding:					0;
		border:						0;
	}
	
	/* CSS BUTTONS  */

	.btn_gray {
		background: #DBDBDB;
		border: 1px solid rgba(255, 255, 255, 0.5);
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #232323 !important;
		display: inline-block;
		font-size: 13px;
		font-weight: normal;
		text-decoration: none;
		cursor: pointer;
		margin-bottom: 10px;
		line-height: normal;
		padding: 8px 10px;
	}

	.btn_gray:hover {
		color: #ffffff !important;
		background: #565656;
		border: 1px solid #565656;
	}
	
	.btn_gray2 {
		background: #6d6d6d;
		border: 1px solid rgba(255, 255, 255, 0.5);
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #ffffff !important;
		display: block;
		font-size: 13px;
		font-weight: normal;
		text-decoration: none;
		cursor: pointer;
		margin-bottom: 10px;
		line-height: normal;
		padding: 8px 10px;
		text-align: center;
	}

	.btn_gray2:hover {
		color: #ffffff !important;
		background: #565656;
		border: 1px solid #565656;
	}
	
	.btn_green {
		background: #93A086;
		border: 1px solid rgba(255, 255, 255, 0.5);
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #ffffff !important;
		display: block;
		font-size: 13px;
		font-weight: normal;
		text-decoration: none;
		cursor: pointer;
		margin-bottom: 10px;
		line-height: normal;
		padding: 8px 10px;
		text-align: center;
	}

	.btn_green:hover {
		color: #ffffff !important;
		background: #7A896A;
		border: 1px solid #7A896A;
	}
	
	.btn_red {
		background: #F5D3D5;
		border: 1px solid rgba(255, 255, 255, 0.5);
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #232323 !important;
		display: inline-block;
		font-size: 13px;
		font-weight: normal;
		text-decoration: none;
		cursor: pointer;
		margin-bottom: 10px;
		line-height: normal;
		padding: 8px 10px;
	}

	.btn_red:hover {
		color: #ffffff !important;
		background: #F4434D;
		border: 1px solid #F4434D;
	}
	
	.btn_blue {
		background: #C3D7E3;
		border: 1px solid rgba(255, 255, 255, 0.5);
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #232323 !important;
		display: inline-block;
		font-size: 13px;
		font-weight: normal;
		text-decoration: none;
		cursor: pointer;
		margin-bottom: 10px;
		line-height: normal;
		padding: 8px 10px;
	}

	.btn_blue:hover {
		color: #ffffff !important;
		background: #1B4764;
		border: 1px solid #1B4764;
	}
	
	.btn_purple {
		background: #8a849f;
		border: 1px solid rgba(255, 255, 255, 0.5);
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #ffffff !important;
		display: block;
		font-size: 13px;
		font-weight: normal;
		text-decoration: none;
		cursor: pointer;
		margin-bottom: 10px;
		line-height: normal;
		padding: 8px 10px;
		text-align: center;
	}

	.btn_purple:hover {
		color: #ffffff !important;
		background: #8A64AD;
		border: 1px solid #8A64AD;
	}
	
	.btn_orange {
		background: #FBDCD2;
		border: 1px solid rgba(255, 255, 255, 0.5);
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #232323 !important;
		display: inline-block;
		font-size: 13px;
		font-weight: normal;
		text-decoration: none;
		cursor: pointer;
		margin-bottom: 10px;
		line-height: normal;
		padding: 8px 10px;
	}

	.btn_orange:hover {
		color: #ffffff !important;
		background: #F46D43;
		border: 1px solid #F46D43;
	}

	.btn_gold {
		display:					inline-block;
		background:					rgba(131, 115, 89, 1);
		border:						none;
		-moz-border-radius:			1px;
		-webkit-border-radius:		1px;
		border-radius:				1px;
		color:						rgba(255, 255, 255, 1) !important;
		font-family:				'Oswald', sans-serif;
		font-size:					10pt;
		font-weight:				normal;
		text-decoration:			none;
		cursor:						pointer;
		line-height:				normal;
		padding:					2px 16px;
	}

	.btn_gold:hover {
		background:					rgba(167, 147, 113, 1);
		-ms-transform:				scale(1.1, 1.1);
		-webkit-transform:			scale(1.1, 1.1);
		transform:					scale(1.1, 1.1);
	}
		
}



/* -------- DESKTOP LOW -------- */
@media screen and (max-device-width: 1201px), (max-width: 1201px) {

	#logo {
		display:					block;
		position:					absolute;
		width:						530px;
		height:						168px;
		padding:					0;
		margin:						0;
		margin-left:				0;
		top:						0;
		left:						0;
		background-image:			url('images/logo.png');
		background-repeat:			no-repeat;
		-ms-transform:				scale(0.8, 0.8);
		-webkit-transform:			scale(0.8, 0.8);
		transform:					scale(0.8, 0.8);
	}

	#main {
		display:					block;
		position:					relative;
		height:						100%;
		width:						95%;
		padding:					0;
		margin:						auto;
		margin-top:					0;
		top:						0;
		background:					#ffffff;
	}
	
	#skyscraper {
		all: initial;
		all: unset;
		background-image:			url('/_images/halfpage_banner_160706.jpg');
		display:					block !important;
		text-align:					center !important;
		clear:						both !important;
		width:						300px;
		height:						600px;
		line-height:				600px;
		margin:						auto !important;
		margin-top:					10px !important;
		padding:					0;
		border:						0;
		cursor:						pointer;
	}
	
	#pageContainer {
		all: initial;
		all: unset;
		display:					block !important;
		text-align:					center !important;
		clear:						both !important;
		width:						400px;
		max-width:					400px;
		height:						600px;
		margin:						auto;
		padding:					0;
		border:						0;
	}
	
}



/* -------- MOBILE -------- */
@media screen and (max-device-width: 800px), (max-width: 800px)  {

	body {
		overflow-x:					hidden;
	}

	#main {
		display:					block;
		position:					relative;
		height:						100%;
		width:						100%;
		padding:					0;
		margin:						auto;
		margin-top:					0;
		top:						0;
		background:					#ffffff;
	}
	
	#menuholder {
		position:					relative;
		display:					block;
		height:						100%;
		width:						100%;
		padding:					100px 0 0 0;
		margin:						auto;
		margin-top:					100px;
		top:						0;
	}
	
	#content {
		display:					block;
		height:						100%;
		width:						calc(100% - 60px);
		padding:					10px 30px;
		margin:						auto;
		margin-top:					0;
		top:						0;
		font-size:					16px;
		color:						#3f3f3f;
		line-height:				20px;
		z-index:					999;
	}
	
	#musicplayer {
		display:					none;
	}
	
	#almapatika {
		display:					none;
	}
	
	#skyscraper {
		all: initial;
		all: unset;
		display:					none;
	}
	
	#pageContainer {
		all: initial;
		all: unset;
		display:					block !important;
		text-align:					center !important;
		float:						left !important;
		width:						90% !important;
		height:						600px;
		margin:						0 5%;
		padding:					0;
		border:						0;
	}
	
	#headerimgs {
		display:					block;
		position:					absolute;
		width:						100%;
		padding:					0;
		margin:						0;
		margin-top:					30px;
		top:						0;
		left:						0;
		background:					#ffffff;
		border:						0;
		background-image:			none;
	}
	
	header {
		display:					block;
		position:					relative;
		margin:						0;
		padding:					0;
		border:						0;
		height:						58px;
		background:					#8a849f;
		background-image:			url('images/headbg.jpg');
		background-position:		50% 0%;
		background-repeat:			no-repeat;
	}
	
	#content .topmenu {
		margin:						0 5px !important;
		color:						#6c655d;
		font-size:					16px;
		text-align:					left;
		z-index:					999;
	}
	
	#content .topmenu a {
		margin:						0 0 4px 0;
		padding:					4px 5px;
		color:						#6c655d;
		font-size:					16px;
		text-align:					left;
		border:						0;
		border-bottom:				1px solid #6a647f;
		cursor:						pointer;
		display:					block;
	}
	
	#content .topmenu a:hover {
		color:						#335110;
	}
	
	#content .topmenu a:last-child {
		margin:						0 0 4px 0;
		border:						0;
		border-bottom:				1px solid #6a647f;
	}
	
	#content #topmenu_subholder {
		margin-left:				100px;
		margin-top:					-20px;
	}
	
	footer {
		display:					block;
		position:					relative;
		width:						80%;
		padding:					10px 0;
		margin:						auto;
		top:						0;
		text-align:					center;
	}
	
	footer a {
		margin:						0 0 4px 0;
		padding:					4px 5px;
		color:						#6c655d;
		font-size:					16px;
		text-align:					left;
		border:						0;
		border-bottom:				1px solid #6a647f;
		cursor:						pointer;
		display:					block;
	}
	
	footer a:last-child {
		margin:						0 0 4px 0;
		border:						0;
		border-bottom:				1px solid #6a647f;
	}
	
	footer a:hover {
		color:						#335110;
	}
	
	#content #szavazas #szavazas_01 {
		width: 100%;
		clear: both;
	}
	
	#content #szavazas #szavazas_02 {
		width: 100%;
		clear: both;
	}
	
	#content #szavazas #szavazas_01 .szavazas_sor1 {
		display:					block;
		width:						100%;
		text-align:					left;
	}
	
	#content #szavazas #szavazas_01 .szavazas_sor2 {
		display:					block;
		text-align:					left;
		padding:					0 0 10px 30px;
	}
	
	#logo {
		display:					block;
		position:					absolute;
		width:						530px;
		height:						168px;
		padding:					0;
		margin:						0;
		margin-left:				-100px;
		top:						-30px;
		left:						0;
		background-image:			url('images/logo.png');
		background-repeat:			no-repeat;
		-ms-transform:				scale(0.5, 0.5);
		-webkit-transform:			scale(0.5, 0.5);
		transform:					scale(0.5, 0.5);
	}
	
	#content #innercontent img {
		all:						none !important;
		display:					table !important;
		clear:						both !important;
		width:						100% !important;
		height:						auto !important;
		border:						0 !important;
		padding:					0 !important;
		margin:						10px 0 !important;
	}
	
}