/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1.2em;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

/* remember to define focus styles! */
:focus {
	outline:0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}

.clearfix {
	display:inline-block;
}

* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}

/* Tools */
.f-left 		{ float:left; }
.f-right 		{ float:right; }
.clear_b 		{ clear:both; }
.center 		{ text-align:center; }
.left			{ text-align:left; }
.right			{ text-align:right; }
.justify		{ text-align:justify; }
.bold			{ font-weight:bold; }
.v-top			{ vertical-align:top; }
.v-middle		{ vertical-align:middle; }
.v-bottom		{ vertical-align:bottom; }
.no-display		{ display:none !important; }

.H5  { height:5px; }
.H10 { height:10px; }
.H15 { height:15px; }
.H20 { height:20px; }
.H25 { height:25px; }
.H30 { height:30px; }

.M5  { margin:5px; }
.M10 { margin:10px; }
.M15 { margin:15px; }
.M20 { margin:20px; }
.M30 { margin:30px; }

.MR5  { margin-right:5px; }
.MR10 { margin-right:10px; }
.MR15 { margin-right:15px; }
.MR20 { margin-right:20px; }
.MR30 { margin-right:30px; }

.ML5  { margin-left:5px; }
.ML10 { margin-left:10px; }
.ML10 { margin-left:15px; }
.ML20 { margin-left:20px; }
.ML30 { margin-left:30px; }

.MB5  { margin-bottom:5px; }
.MB10 { margin-bottom:10px; }
.MB15 { margin-bottom:15px; }
.MB20 { margin-bottom:20px; }
.MB30 { margin-bottom:30px; }

.MT5  { margin-top:5px; }
.MT10 { margin-top:10px; }
.MT15 { margin-top:15px; }
.MT20 { margin-top:20px; }
.MT30 { margin-top:30px; }

.P5  { padding:5px }
.P10 { padding:10px; }
.P15 { padding:15px; }
.P20 { padding:20px; }
.P25 { padding:20px; }
.P30 { padding:30px; }

.PL5 { padding-left:5px; }
.PL10 { padding-left:10px; }
.PL15 { padding-left:15px; }
.PL20 { padding-left:20px; }
.PL30 { padding-left:30px; }

.PR5	{ padding-right:5px; }
.PR10	{ padding-right:10px; }
.PR15	{ padding-right:15px; }
.PR20	{ padding-right:20px; }
.PR30	{ padding-right:30px; }

.PB5	{ padding-bottom:5px; }
.PB10	{ padding-bottom:10px; }
.PB15	{ padding-bottom:15px; }
.PB20	{ padding-bottom:20px; }
.PB30	{ padding-bottom:30px; }

.PT5	{ padding-top:5px; }
.PT10	{ padding-top:10px; }
.PT15	{ padding-top:15px; }
.PT20	{ padding-top:20px; }
.PT30	{ padding-top:30px; }

.debug { background-color:#930}

/* CSS HEADINGS */
h1 { font:normal 26px/1.5em Gotham-Book, Arial, Helvetica, sans-serif; margin:0px; }
h2 { font:normal 24px/1.5em Gotham-Book, Arial, Helvetica, sans-serif; margin:0px; }
h3 { font:normal 18px/1.5em Gotham-Book, Arial, Helvetica, sans-serif; margin:0px; }
h4 { font:normal 16px/1.5em Gotham-Book, Arial, Helvetica, sans-serif; margin:0px; }
h5 { font:normal 15px/1.5em Gotham-Book, Arial, Helvetica, sans-serif; margin:0px; }
h6 { font:normal 14px/1.5em Gotham-Book, Arial, Helvetica, sans-serif; margin:0px; }

p { margin:0; padding:0}

.box		{  }
.box-content{  }
.box-title 	{  }
.box-text 	{  }
.TC { width:100%; background:none 0 0 repeat-x; }
.TL { width:100%; background:none 0 0 no-repeat; }
.TR { width:100%; background:none 100% 0 no-repeat; }
.BC	{ width:100%; background:none 0 100% repeat-x; }
.BL { width:100%; background:none 0 100% no-repeat; }
.BR { width:100%; background:none 100% 100% no-repeat; }
.ML	{ width:100%; background:none 0 0 repeat-y; }
.MR	{ width:100%; background:none 100% 0 repeat-y; }
.MM	{ width:100%; }
.MTC{ width:100%; background:none 0 0 repeat-x; }
.MBC{ width:100%; background:none 0 100% repeat-x; }

::selection 			{ background:#270215; color:#FFFFFF; }
::-moz-selection 		{ background:#270215; color:#FFFFFF; }
::-webkit-selection 	{ background:#270215; color:#FFFFFF;  }

/*##############################################################################################################################*/
/* CSS PAGE */
body  								{ background:#000000 url(images/mainbg.jpg) no-repeat 50% 0; color:#CCCCCC; text-align:left; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:1.5em; }

a, a:link, a:visited				{ color:#FF7F00; text-decoration:none; cursor:pointer; cursor:hand; }
a:hover								{ color:#FFFFFF; text-decoration:none; }


.header-container					{ width:980px; min-height:132px; padding:0px 0px; margin:0px auto; }
.navigation-container				{ width:840px; height:27px; line-height:27px; float:left; margin-right:20px; }
.language-links						{ width:120px; height:27px; line-height:27px; float:right; text-align: left; }
.language-links a					{ display:inline-block; margin-left:2px; }
.language-active {cursor: pointer; color: #fff;}
.language-inactive a                { padding-left: 6px; display:block; z-index: 666; background-color: #FF7F00; color: #FFFFFF !important;}
.language-inactive a:hover          { background-color:#4041FE; }
.language-inactive                  { display:block; z-index: 666; }
#lng-container 						{ border-radius: 10px !important; background-color: inherit !important; }
#lng-container .langlinks-items		{ border-radius: 5px !important; overflow: hidden; }

.header-logo						{ width:710px; float:left; margin-right:20px; margin-bottom:20px; }
.header-social						{ width:250px; float:right; text-align:right; margin-top:20px; }

.page-bg-top						{ height:22px; background:url(images/page-bg-top.png) repeat-y 50% 0; }
.page-bg							{ background:url(images/page-bg.png) repeat-y 50% 0; }
.page-container						{  }
.page-body							{  }

.home-page-top						{  }
.home-page-menu-top-left			{  }
.home-page-menu-top-center			{  }
.home-page-menu-top-right			{  }
.hometop-col-box					{ background:url(images/rainbow.png) no-repeat 0 0; padding:20px 0px 0px 0px; position:relative; z-index:10; }
.hometop-col-title					{ padding-bottom:30px; }
.hometop-col-title h3				{ text-transform:uppercase; color:#FFFFFF; }
.hometop-col-title h3 a				{ color:#FFFFFF; }
.hometop-col-title h3 a:hover		{ color:#FF7F00; }
.hometop-col-content				{ height:300px; background:url(images/col-right-shine.png) no-repeat 50% 100%; padding-bottom:75px; }
.hometop-col-more					{ width:110px; height:32px; background:url(images/read-more.jpg) no-repeat 0 0px; position:absolute; z-index:20; bottom:20px; left:0px; }
.hometop-col-more a					{ height:32px; line-height:32px; display:block; font-family:Gotham-Book, Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0px 5px; }
.hometop-col-newsitem 				{ min-height:27px; background:url(images/title-logo.png) no-repeat 0 3px; padding-left:30px; margin-bottom:20px; font-size:12px; }
.hometop-col-newsitem a				{ color:#CCCCCC; text-decoration:none; }
.hometop-col-newsitem a:hover		{ color:#FF7F00; text-decoration:none; }

a.orange							{ color:#FF7F00; font-weight:bold; }
a.orange:hover						{ color:#CCCCCC; }



.welcome-box						{ margin-bottom:20px; }
.welcome-box-title					{ padding:10px 0px; }
.welcome-box-title h1				{ text-transform:uppercase; color:#FFFFFF; }
.welcome-box-content				{ text-align:justify; }

.content-col-box					{ margin:0px 0px 20px 0px; }
.content-col-title					{ padding-bottom:10px; }
.content-col-title h3				{ text-transform:uppercase; color:#FFFFFF;  }
.content-col-content				{  }

.col-right-box						{ background:url(images/rainbow.png) no-repeat 0 0; margin-bottom:20px; }
.col-right-title					{ padding:20px 0px 10px 0px; }
.col-right-title h3					{ text-transform:uppercase; color:#FFFFFF; }
.col-right-title h3 a				{ color:#FFFFFF; }
.col-right-title h3 a:hover			{ color:#FF7F00; }
.col-right-content					{ background:url(images/col-right-shine.png) no-repeat 50% 100%; padding-bottom:20px; }

.hometop-col-content table,
.welcome-box-content table,
.col-right-content table,
.content-col-content table,
.footer-col-content table			{ width:95%; margin:auto auto; }

.page-content						{  }
.page-menu-right					{ padding-top:10px; }

.footer-container					{ color:#FFFFFF; background:url(images/page-bg-bottom.png) no-repeat 50% 0; padding:30px 0px; }
.footer								{ width:980px; margin:0px auto; }
.footer-col-box						{ margin:0px; padding:0px; }
.footer-col-title					{ padding-bottom:10px; }
.footer-col-title h4				{ color:#FF7F00; font-size:14px; line-height:1.2em; text-transform:uppercase; }
.footer-col-content					{  }

.footer-logo						{ width:380px; float:left; margin-right:20px; }
.footer-menu						{ width:280px; float:left; margin-right:10px; }
.footer-follow						{ width:280px; float:left; margin-left:10px; }
.follow-titleimg					{ height:14px; padding-bottom:20px; background:url(images/follow-title.png) no-repeat 0 0; }
.follow-images						{ text-align:center; }
.follow-images a					{ display:inline-block; }

.footer-sitelinks								{ width:380px; margin-right:20px; float:left; }
.footer-sitelinks ul.bottomlinks				{ list-style:none; }
.footer-sitelinks ul.bottomlinks li				{ display:inline-block; }
.footer-sitelinks ul.bottomlinks li a			{ display:block; margin-right:20px; font-size:13px; font-family:Gotham-Book, Arial, Helvetica, sans-serif; color:#CCCCCC; text-transform:uppercase; }
.footer-sitelinks ul.bottomlinks li a:hover,
.footer-sitelinks ul.bottomlinks li a.active:hover,
.footer-sitelinks ul.bottomlinks li a.active	{ color:#FF7F00; }

.footer-social						{ width:270px; float:right; }
.footersocial-title					{ color:#666666; font-size:12px; line-height:1.2em; }

/* NEWS */
.news-item							{ margin:0px 0px 20px 0px; padding:10px; }
.news-title							{ margin:0px 0px; text-transform:uppercase; padding-bottom:12px; padding-top:10px; }
.news-title h2						{ font-size:24px; color:#FF7F00; font-weight:bold; line-height:1.1em; }
.news-title h2 a					{ color:#FF7F00; text-decoration:none; }
.news-title h2 a:hover				{ color:#FFFFFF; }
.news-box-date						{ color:#FFFFFF; margin-bottom:10px; font-size:11px; }
.news-box-date a					{ color:#FF7F00; text-decoration:none; }
.news-box-date a:hover				{ color:#FFFFFF; text-decoration:none; }
.news-body							{ text-align:justify; }
.news-image							{ max-width:220px; float:left; margin-right:20px; margin-top:5px; padding:2px; border:0px none; background-color:#000000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.news-image	img						{ max-width:220px; text-align:center; display:block; }
.news-info-bottom					{ margin-top:5px; }
.news-icons a img					{ margin-right:5px; display:inline-block; vertical-align:middle; }

.news-list-item						{ margin-bottom:20px; padding-bottom:10px; border-bottom:1px #333333 solid; }
.news-list-item h3					{ font-size:15px; line-height:1.1em; margin:0px; padding-bottom:5px; }
.news-summary						{ padding:0px 10px; font-size:12px; }

a.news-extended-category-link,
a.news-extended-overview-link		{ line-height:3em; }

.news-category						{ font-weight:bold; margin-bottom:10px; }

.news-category-item 				{ padding-bottom:20px; }
.news-category-item-link			{ margin-bottom:10px; }

.newsarchive-item					{ font-size:11px; padding-bottom:5px; margin-bottom:5px; }

.comments-box						{ margin-bottom:10px; padding:10px; border:1px #333333 solid; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.comments-box-top					{ margin-bottom:5px; padding-bottom:5px; border-bottom:1px #8A8A5C dashed;  }

/*##############################################################################################################################*/
/* E107 REALTED */
.tbox 								{ background-color:#A001C0; color:#FFFFFF; border:1px solid #FFFF00; font-weight:normal; padding:5px 5px; margin:5px 5px; }
input.input-text, 
textarea.tbox 						{ width:90% !important; }
#submitnews_item					{ width:90%; }
.tbox.chatbox 						{ width:90%; margin:10px auto; }
.tbox.signature 					{ width:350px;}
.npdropdown 						{ width:auto; margin:0px 0px; padding:2px; height:auto; text-align:left; }
.tbox.comment.subject 				{ width:98%; background-color:transparent; border:0px none; }
.comment.tbox.comment 				{ width:98%; }
#contactForm textarea.tbox 			{ width:90%; }
input#helpb.helpbox 				{ margin-top:2px; margin-bottom:2px; background-color:transparent; border:0px none; font-size:10px; color:#000000; text-align:left; }
#commentform .helpbox				{ width:98%; border-collapse:collapse; padding:1px; }
.helpbox 							{ width:98%; background-color:transparent; border:0px none; border-collapse:collapse; padding:3px; }
.indent 							{ color:#FFFFFF; background-color:#A001C0; border:1px solid #FFFF00; padding:5px 15px; font-size:90%; margin:10px 10px 5px 15px; font-style:italic; }

.tbox:focus							{ background-color:#4041FE; color:#FFFFFF; border:1px #FFFF00 solid; }

.nextprev							{ color:#A001C0; border:0px none; background-color:transparent; margin:0px 0px 30px 0px; text-align:left; width:auto; font-size:14px; font-weight:normal; }
a.nextprev_link 					{ color:#A001C0; margin:0px; padding:2px 10px; text-decoration:none; background-color:#A001C0; border:1px #FFFF00 solid; }
a.nextprev_link:hover 				{ color:#FFFFFF; text-decoration:none; background-color:#4041FE; border:1px #FFFF00 solid; }
.nextprev_current 					{ color:#FFFFFF; margin:0px; padding:2px 10px; text-decoration:none; }

.smalltext 							{ font-size:12px; font-weight:normal; }
.smallblacktext 					{ font-size:12px; font-weight:bold; }
.defaulttext, 	
.caption, 
.bodytable, 
.mediumtext 						{ font-size:13px; font-weight:normal; }

.button								{ cursor:pointer; cursor:hand; background-color:#A001C0; color:#000000; border:1px #FFFF00 solid; padding:3px 10px; margin:5px; }
.button:hover						{ background-color:#A001C0; color:#FFFFFF; }

.fborder 							{ background-color:transparent; border:0px none; padding:3px; margin-top:3px; text-align:left; }
.nforumcaption,
.forumheader,
.fcaption							{ font-size:16px; border:1px #A001C0 solid; color:#FFFFFF; padding:5px 10px; text-align:left; vertical-align:middle; }
.fcaption a 						{ text-decoration:underline; }
.fcaption a:hover 					{ text-decoration:none; }
.forumheader2,						
.forumheader3,						
.forumheader4,
.forumheader5,
.forumheader6,
.finfobar							{ border:1px #A001C0 solid; padding:5px 10px; text-align:left; vertical-align:middle; }
.forumborder 						{ background-color:transparent;vertical-align:top;text-align:left; }

/* NEWS MENU */
.news-menu-item						{ padding-bottom:5px; margin-bottom:10px; border-bottom:1px #333333 solid; }
.news-menu-item-date				{ font-weight:bold; padding-bottom:5px; }
.news-menu-item-title				{ font-weight:bold; padding-bottom:5px; }
.news-menu-item-title a				{ text-decoration:underline; }
.news-menu-item-summary				{ font-size:12px; line-height:1.3em; }
.news-menu-newslink					{ text-align:right; font-size:14px; padding-top:10px; }
.news-menu-newslink a				{ text-decoration:none; }


ul.bbcode							{ list-style-position:outside; list-style-image:url(images/bullet.png); margin-left:20px; }
li.bbcode							{ font-style:italic; padding-bottom:5px; text-align:left !important; }
.cpage_body							{ text-align:justify; }
a.login_menu_link					{ padding-left:5px; }

/* FBOX */
.fbox-container										{ background:url(images/fbox-bg.png) no-repeat 50% 100px; }
.fbox-body											{  }
#fbox-scroller										{ width:978px; position:relative; z-index:10; margin:0px auto; }
.fbox-scroller										{  }

.fbox-jumper-navigation								{ width:918px; padding:10px 30px; text-align:center; position:absolute; bottom:0px; left:0px; z-index:99; background:url(images/pixel.png) repeat 0 0; }
.jumpers											{ text-align:right; line-height:20px; font-size:16px; }
.fbox-jumper-navigation a.jumper					{ color:#000000; padding:0px 5px; }
.fbox-jumper-navigation a.selected					{ color:#999999; }

#fbox-navigation									{  }
#fbox-navigation .thbeam-prev						{ position:absolute; top:35%; left:-21px; z-index:99; }
#fbox-navigation .thbeam-next						{ position:absolute; top:35%; right:-21px; z-index:99; }
#fbox-scroller .slider 								{ width:978px; margin:auto auto; overflow:hidden; }
#fbox-scroller .scroller							{ width:999em; }
.slider-container									{  }
#fbox-scroller .slide								{ width:978px; float:left; position:relative; }

.fbox-slide-item									{ margin:0px; }
.fbox-slide-info-default							{ width:978px;  }
.fbox-slide-title									{ padding:10px 20px 10px 20px; }
.fbox-slide-title h2								{ font-size:30px; line-height:1em; color:#FFFFFF; margin:0px; }
.fbox-slide-content									{ padding:0px 20px 10px 20px; color:#FFFFFF; text-align:justify; }

.fbox-slide-image									{ width:978px; overflow:hidden; text-align:center; }
.fbox-slide-image img								{ width:978px; display:block; text-align:center; }

.fbox-more											{ font-size:14px; text-align:right; line-height:30px; padding:10px 10px 0px 10px; }
.fbox-more a										{ color:#FFFFFF; text-decoration:none; }

.cpage_title										{ font-size:26px; color:#183A91; }
.nextprev_custom									{ clear:both; margin-top:20px; }


/**
 * Responsive CSS
 */
#header-responsive, nav .responsiveMenu {
	display: none;
}


@media ( max-width : 980px) {
	body, .wrapper, .header-right, .container_24 {
		width: auto !important;
		min-width: auto !important;
	}

	#top, .page-bg-top {
		display: none;
	}

	header {
		background-color: #242424;
	}

	header.hometop-col-title, header.news-title, header.content-col-title {
		background-color: inherit;
	}

	article, aside, footer, .footer {
		width: auto !important;
	}
	article, aside {
		float: none !important;
	}

	.slider-container {
		height: auto;
	}

	.footer-sitename {
		overflow: hidden;
		width: auto !important;
	}

	.footer-logo {
		width: inherit;
	}

	.footer-follow {
		float: right;
	}

	iframe.youtube {
		width: 100%;
	}


	#header-responsive {
		display: inline-block;
		width: 100%;
	}
	#header-responsive h1 {
		float: left;
		font-family: ZrnicRegular, Arial, Helvetica, sans-serif;
		color: #fff;
		font-size: 30px;
		padding-left: 8px;
	}

	#header-responsive img {
		margin: 8px 10px 0 0;
	}

	#button_mobile {
		float: right;
		display: block;
		background-color: #000;
		color: #DF904E;
		font-weight: bold;
		font-size: 250%;
		border-radius: 3px;
		text-decoration: none;
		padding: 10px;
		margin: 5px;
	}

	#button_mobile:hover {
		color: #fff;
		cursor: pointer;
	}

	/* menu */
	.nav-wrapper {
		width: auto;
		padding: 0;
		margin: 0;
		background-color: #666;
		clear: both;
	}
	.navigation {
		width: 100%;
		height: auto;
	}

	nav a:hover {
		background-color: #ccc!important;
	}

	nav,nav ul {
		visibility: inherit !important;
		opacity: inherit !important;
		display: block !important;
	}
	nav li a {
		text-align: left !important;
		white-space: nowrap !important;
		line-height: 30px !important;
	}

	nav li a.nav-main {
		padding: inherit;
		padding-left: 5px;
	}

	nav select {
		margin: 0px 20px !important;
		width: 90%;
	}
	nav ul ul {
		top: inherit !important;
	}
	nav ul li {
		height: inherit !important;
		top: inherit;
		width: 100%;
	}
	nav li ul li {
		float: none !important;
		background: inherit !important;
		width: 100% !important;
	}
	nav li ul li a {
		background-color: transparent !important;
		border: 0 !important;
		padding-left: 30px !important;
		text-transform: uppercase !important;
	}
	nav li ul {
		position: relative !important;
		box-shadow: none !important;
		width: auto !important;
	}
	nav .responsiveMenu {
		display: block;
	}
	nav .fs-linkSep {
		background-color: #777 !important;
		line-height: 25px !important;
		height: 1px !important;
		width: 100% !important;
	}

	#fbox-navigation .thbeam-prev {
		left: 0;
		top: 43%;
	}

	#fbox-navigation .thbeam-next {
		right: 0;
		top: 43%;
	}

	article {
		line-height: inherit;
		word-break: break-word;
		overflow: hidden;
		margin: 6px !important;
	}

	.news-item {
		padding: 0px;
	}

	/* .fbox-slide-image img, .fbox-slide-image, */
	 #fbox-scroller, #fbox-scroller-slider, .container_30 .home-slider, section, .fbox-jumper-navigation {
		 width: 100% !important;
	 }

	#fbox-scroller .fbox-jumper-navigation {
		padding: 10px 0px;
	}

	section {
		margin: 0 !important;
	}

	footer {
		padding: 30px 6px !important;
	}
}


@media ( max-width : 600px) {
	article {
		font-size: 17px !important;
		margin: 4px !important;
	}

	.jumpers {
		text-align: center;
	}

	.footer-follow, .footer-social {
		float: left;
	}
}

@media ( max-width : 510px) {
	.news-image, .news-image img {
		width: 100%;
		max-width: inherit;
	}
}