@charset "utf-8";

	html, body, div, span, p, h1, h2, h3, h4, h5, h6, ul, ol, li, img, form {
		margin:0px;padding:0px;border:0px none;outline:0px;
		list-style-type: none;
		text-shadow: 0 0 0 #000 !important; /* safari bold compensation */
	}

	html, body { width:100%; height:100%; }
	html, body, form, input, select, fieldset {font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif; color: #ffffff; }
	div.clear { clear:both; font-size:0px;line-height:0px;height:0px !important;overflow:hidden; visibility: hidden; }

	a, a:link, a:visited, a:active, a:focus { text-decoration: none;  }
	a:hover { text-decoration: underline; }

	:focus { outline: 0; }
	a img, a:hover img {border: 0px none;}

	.left {float:left;}
	.right {float:right;}

	.textcenter {text-align:center;}
	a.boldlink {font-weight:bold;font-size: 12px;}


input, textarea {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	line-height: 12px;
}


html, body {background: black url(/img/zynki-bg.jpg) left top repeat;}

div#wrap {
	width: 100%;
	height: 100%;
	text-align:center;
	background-color:#000000;
}

div#site {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:left;
	background-color: transparent;
}

	div#header {
		width:100%;
		height: auto;
		text-align:center;
		background: url(/img/zynki-header.png) left top repeat-x;
	}

		div#head-brand {
			width:950px;
			height:85px;
			text-align:left;
			margin:0 auto;
			background: url(/img/zynki.png) left top no-repeat;
		}

		div#head-menu {
			width:950px;
			height: 37px;
			font-family:"Tahoma", Arial, sans-serif;
			text-transform: capitalize !important;
			margin:0 auto;
		} 

		div#head_end {
			width: 100%;
			height: 23px;
			background: transparent none;
			}


/* ------------------------------------------------------------------------- */
/** head layout **/
	div#brand {position:relative; }

	div#brand a#brandlink {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 410px;
		height: 70px;
		display: block;
		}

		div#brand h1#sitetitle {
			font-size: 30px;
			display: none;
			}
	div#brand h2#brandtitle {
                display: none;
	}	


	div#head-menu ul {
		display:block;
		width:950px;
		height:31px;
		text-align:left !important;
		overflow:hidden;
	}

	div#head-menu ul li { display:inline; }
	div#head-menu ul li a {	white-space: nowrap; }
			
		a.topmenu-url:hover span.link_text { text-decoration:none; }

	a.topmenu-url,
	a.topmenu-url-active {
		display: block;
		float: left;
		margin-left:0px !important; 
		margin-right:0px !important; 
		height:31px;
		overflow:hidden;
	}

		a.topmenu-url:hover, 
		a.topmenu-url-active:hover{
			text-decoration: none !important;
			border: 0px none !important;
		}

	a.topmenu-url span.link_text,
	a.topmenu-url-active span.link_text {
		display: block;
		float: left;
		line-height: 27px;
		padding-bottom:4px;
		vertical-align: middle;
		font-size: 12px;
		font-weight: bold;
		text-decoration:none;
		padding-left: 11px;
		cursor: pointer;
		}

		a.topmenu-url span.link_right,
		a.topmenu-url-active span.link_right {
			display: block;
			float:left;
			padding-left: 16px;
			line-height:31px;
			height:31px;
			}

			a.topmenu-url span.link_text,
			a.topmenu-url-active span.link_text {color: #cc99cc;}

			a.topmenu-url span.link_text strong,
			a.topmenu-url-active span.link_text strong {font-weight:normal;}

				a.topmenu-url:link span.link_text,
				a.topmenu-url:visited span.link_text,
				a.topmenu-url:hover span.link_text,
				a.topmenu-url:active span.link_text {
					background: url(/img/bg-headmenu2.png) left top no-repeat;
					color: #cc99cc;
					}

		a.topmenu-url:hover span.link_text { color: #ffffff;}

					a.topmenu-url span.link_right {
						background: url(/img/bg-headmenu2.png) right top no-repeat;
						}

				a.topmenu-url-active:link span.link_text,
				a.topmenu-url-active:visited span.link_text,
				a.topmenu-url-active:hover span.link_text,
				a.topmenu-url-active:active span.link_text {
					background: url(/img/bg-headmenu2.png) left -31px no-repeat;
					color: #ffffff;
					}
					a.topmenu-url-active span.link_right {
						background: url(/img/bg-headmenu2.png) right -31px no-repeat;
						}

	li#topmenu-register a,
	li#topmenu-login a {float:right; margin-right: 0px !important;}
	li#topmenu-logout a {float:right; margin-right:0px !important;}



		div#head-submenu {
			width:950px;
			height:22px;
			line-height: 19px;
			font-size: 12px;
			text-align:center;
			margin:-4px auto 0px auto;
		}

			div#head-submenu a {font-weight:bold;color:#cc99cc; padding: 0px 20px 0px 20px;line-height: 19px; float:left;}
			div#head-submenu a:hover, 
			div#head-submenu a.active {color:#ffffff;}
			div#head-submenu a span {font-weight:normal;}

			div#head-sub-filter {width: 260px; float:left; padding-left:20px;}
			div#head-sub-filter select {color:#000000;}
				div#head-sub-filter #filter1 { width: 110px; }
				div#head-sub-filter #filter2 { width: 140px; }


div#head-infos {
	position:absolute;
	top:-1px;
	left:50%;
	margin-left:-50px;
	width:670px;
	height:26px;
	line-height:24px;
	text-align:left;
	}

	div#head-infos p {
		text-align:left;
		font-size:11px;
		color:#cc99cc;
		display:inline;
	}
		div#head-infos p span {color:#f1a7a7; padding: 0px 2px; }
		div#head-infos p strong {font-weight:normal; color:#ffffff; }
		
		a#head-advanced {
		float:right;
		color:#cc99cc;
	}
	a#head-advanced:hover {color:#ffffff;}




	div#hull {
		width:100%;
		height:auto;
		text-align:center;
		background: #fddefa url(/img/zynki-main-bg.png) left top repeat-x;
	}

		div#content {
			width:950px;
			height: auto;
			text-align:left;
			margin:0 auto;
			padding: 0px;
			overflow:hidden;
			font-size:14px;
		}
	div#footer {
		width: 100%;
		height: auto;
		text-align:center;
		clear:both;
		color: #cc99cc;
	}
.pLetter {
	font-size: 16px;
	color: #C6F;
	text-decoration: none;
}
a.links {
	font-size: 18px;
	color: #F9F;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}
.pLetter:HOVER {
	color: #F0F;
	text-decoration: underline;
}
a.links:hover {
	color: #FFF;
	text-decoration: underline;
}
	
#wrapper #site #header #hull #content #side {
	width: 280px;
	float: left;
	display: inline-block;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #969;
	text-align: left;
}
#wrapper #site #header #hull #content #main {
	margin-left: 300px;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
}
#wrapper #site #header #hull #content #main .si {
	border: 1px solid #C0F;
}
#wrapper #site #header #hull #content #main .si:hover {
	border: 1px solid #000;
}
#wrapper #site #header #hull #content #main .sid {
	float: left;
	padding-bottom: 10px;
	width: 197px;
	white-space: nowrap;
	overflow: hidden;
	text-align:center;
	color: #666;
	cursor: pointer;
}
#wrapper #site #header #hull #content #main .pages {
	text-align:center;
	color:#000;
	margin:10px;
}
#wrapper #site #header #hull #content #main .pages a{
	color:#C0F;
	font-weight:bold;
}
#mid {
	text-align: left;
	color: #000;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 570px;
}
#mid a{
	color: #000;
	font-size:16px;
	font-weight: bold;
}