@import url("reset.css");

html, body {min-height: 100%;}

body
	{
		font-size: 95%;
		font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
		color: #323232;
		position: relative;
		min-width: 980px;
	}

#main-page
	{
		background: #fff url(/lib/img/bg-bottom.gif) center bottom repeat-x;	
	}

#content-page
	{
		background: #fff url(/lib/img/minimap.jpg) right bottom no-repeat;
/*
		min-height: 100%;
*/

	}

#custom-page
	{
		background: #fff url(/lib/img/minimap.jpg) right bottom no-repeat;
	}

html, body
	{
/*
		position: absolute;
		width: 100%;
		height: 100%;
*/
	}

#video
	{
		width: 70%;
		height: 184px;
		position: absolute;
		top: 0;
		left: 15%;
		z-index: 1;
		
	}


.news a:visited, .news-navigate a:visited, #forum .first big a:visited
	{
		color: #a838a5;
	}
/* -------------------------------------------------------------------------- */

#header
	{
		position: relative;
		height: 236px;
		background: url(/lib/img/bg-top.gif) center top repeat-x;
	}

#logo
	{
		position: relative;
		margin: 0 auto;
		width: 322px;
		height: 119px;
		top: 32px;
		background: url(/lib/img/zarob.gif);
	}

#logo a
	{
		display: block;
		overflow: hidden;
		width: 322px;
		height: 0px;
		padding-top: 119px;
		text-decoration: none;
	}

/* -------------------------------------------------------------------------- */

#main-menu
	{
		position: absolute;
		overflow: hidden;
		top: 184px;
		left: 60px;
		right: 60px;
		height: 34px;
		background: url(/lib/img/menu-center.gif) center top repeat-x;
	}

#main-menu-left
	{
		position: absolute;
		top: 184px;
		left: 44px;
		width: 16px;
		height: 34px;
		background: url(/lib/img/menu-left.gif) left top no-repeat;
	}

#main-menu-right
	{
		position: absolute;
		top: 184px;
		right: 44px;
		width: 16px;
		height: 34px;
		background: url(../img/menu-right.gif) left top no-repeat;
	}

#main-menu div
	{
		position: relative;
		float: right;
		right: 50%;
	}

.menu
	{
		position: relative;
		overflow: hidden;
		right: -50%;
		margin-top: 1px;
		text-align: left;
		list-style: none;
		border-left: 1px solid #ced2d5;
		border-right: 1px solid #f6f6f8;
		_float: left;
	}
 
.menu li
	{
		float: left;
		overflow: hidden;
		height: 23px;
		padding: 8px 1em 0px;
		border-right: 1px solid #ced2d5;
		border-left: 1px solid #f6f6f8;
	}

.menu a
	{
		position: relative;
		font-size: 95%;
		text-decoration: none;
		font-weight: bold;
	}

.menu .active
	{
		
	}

.menu .active a, .menu .active a:hover
	{
		color: #bf204c;
	}

/* -------------------------------------------------------------------------- */

#map
	{
		position: absolute;
		overflow: hidden;
		top: 520px;
		right: 0;
		width: 75%;
		max-width: 900px;
		_width: expression(this.offsetParent.offsetWidth > 1200 ? "900px" : "75%");
		height: 700px;
		z-index: 0;
	}

#flash
	{
		width: 957px;
		height: 509px;
	}

#hand
	{
		position: absolute;
		overflow: hidden;
		top: 264px;
		right: 0;
		width: 38%;
		height: 427px;
		background: url(/lib/img/hand.png) left top no-repeat;	
		_background-image: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/img/hand.png', sizingMethod='crop');
	}

#link
	{
		display: block;
		overflow: hidden;
		height: 0px;
		padding-top: 520px;
		margin-bottom: 50px;
		text-decoration: none;
		background: url(/lib/img/1x1.gif);
		cursor: pointer;
	}

/* -------------------------------------------------------------------------- */

#container
	{
		position: relative;
		padding: 20px 60px 40px 60px;
		z-index: 1;
		_position: absolute;
	}

#content
	{
		width: 70%;
		position: relative;
	}

#sidebar
	{
		width: 26%;
		float: right;
		margin-bottom: 1.2em;
	}

#main-page #content
	{
		width: 67%;
		float: right;
	}

#main-page #sidebar
	{
		width: 26%;

		float: none;
		background: none;
	}



#custom-page #content
	{
		width: 100%;
		float: inherit;
	}

#bottom
	{
		clear: both;
	}

/* -------------------------------------------------------------------------- */

#main-page .news dt
	{
		float: left;
		width: 33%;
		color: #707070;
		font-size: 75%;
	}

#main-page .news dd
	{
		float: left;
		width: 28%;
		margin: 2em 0px 0px -33%;
		font-size: 85%;
		line-height: 150%;
		_padding-left: 40px;
	}

/* -------------------------------------------------------------------------- */

#copyrights
	{
		clear: both;
		font-size: 75%;
		line-height: 140%;
		padding: 60px 0 60px 0;
		_padding-top: 30px;
	}

#copyrights small
	{
		float: left;
		width: 33%;
	}

#copyrights a
	{
		color: #323232;
		text-decoration: none;
	}

#copyrights a:hover
	{
		text-decoration: underline;
	}

/* -------------------------------------------------------------------------- */

.blue
	{
		color: #007297 !important;
		text-decoration: underline !important;
	}

a
	{
		color: #007297;
	}

a:hover
	{
		color: #bf204c !important;
		text-decoration: underline;
	}

h1 a
	{
		text-decoration: none;
	}

h1
	{
		font-size: 160%;
		line-height: 120%;
		color: #007297;
		margin-bottom: 1em;
		font-weight: normal;
	}


h2
	{
		font-size: 140%;
		line-height: 120%;
		color: #007297;
		margin-bottom: 1em;
		font-weight: normal;
	}

h3
	{
		font-size: 120%;
		line-height: 120%;
		color: #007297;
		margin-bottom: 1em;
		font-weight: normal;
	}

#main-page h1
	{
		font-size: 120%;		
	}

#content p, #content address
	{
		font-size: 100%;
		line-height: 140%;
		margin-bottom: 1.2em;
	}

#content li
	{
		font-size: 100%;
		line-height: 140%;
		margin-left: 3em;
	}

#content ul
	{
		margin-bottom: 1.2em;
	}

#sidebar h1
	{
		font-size: 100%;
		margin-bottom: 1em;
		color: #4f8b4f;
	}

#sidebar p
	{
		font-size: 80%;
		line-height: 150%;
		margin-bottom: 1.2em;
	}


#sidebar small
	{
		display: block;
		font-size: 75%;
		line-height: 130%;
		margin-bottom: 1.2em;
		
	}


.hot .dotted
	{

font-size: 75%;
		font-weight: normal;
		border-bottom: 1px dashed #007297;
		text-decoration: none;
		color: #007297;
		cursor: hand;
		cursor: pointer;
		
	}

.hot
	{
		display: block;
		margin-bottom: 2em;
	}


.hot small
	{
		font-weight: bold;
		margin-bottom: .2em !important;
margin-top: 1em;
	}

.hot big
	{
		font-size: 120%;
		color: #bf204c;
		margin-bottom: .1em !important;		
		display: block;


	}	

#main-page .hot big
	{
				font-size: 120% !important;
	}




#sidebar textarea
	{
		font-size: 80%;
		font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
		line-height: 140%;
		color: #323232;
		border: 1px solid #c5c9cc;
		background: #fdfeff;
		margin-bottom: 1em;
	}

#sidebar input
	{
		margin-bottom: 1.2em;
	}

/* -------------------------------------------------------------------------- */

.submenu
	{
		list-style: none;
		padding-bottom: 2em;
	}

.submenu li
	{
		padding: .4em 0 .4em 0em;
	}

.submenu .active a
	{
		color: #bf204c;
	}

/* -------------------------------------------------------------------------- */

.news
	{
		overflow: hidden;
	}

.news dt
	{
		color: #707070;
		font-size: 75%;
	}

.news dd
	{
		margin: .5em 0 2em 0;
		font-size: 100%;
		line-height: 150%;
	}

.news-date
	{
		color: #707070;
		font-size: 75%;
		margin-bottom: 1em;
	}

/* -------------------------------------------------------------------------- */
















.r-star-shape
	{
		width:100%;
		position: relative;
		overflow: hidden;
		padding: 10px 0;
	}
 
.r-star-shape .content
	{
		background: #edf2f4;
		padding: 10px 20px;
	}
 
.r-star-shape .cn
	{
		position: absolute;
		width: 20px;
		height: 20px;
		left: -10px;
		top: -10px;
		background:url(/lib/img/r-star.png);
		_background-image: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/img/r-star.png', sizingMethod='crop');
	}
 
.r-star-shape .cn.tr, .r-star-shape .cn.br
	{
		margin-left: 100%;
	}
 
.r-star-shape .cn.bl, .r-star-shape .cn.br
	{
		top: auto;
	}

.r-star-shape .cn.tl, .r-star-shape .cn.bl
	{
		width: 100%;
	}




.news-navigate
	{
		position: relative;
		font-size: 85%;
		line-height: 130%;
	}

.news-navigate .left
	{
		position: relative;
		float: left;
		width: 45%;

	}

.news-navigate .left big
	{
		position: absolute;
		left: -1.3em;
		top: .85em;
		font-size: 140%;
	}


.news-navigate .right
	{
		position: relative;
		float: right;
		width: 45%;	

	}

.news-navigate .right big
	{
		position: absolute;	
		right: -1.3em;
		top: .85em;
		font-size: 140%;
	}

.news-navigate small
	{
		color: #707070;
		font-size: 90%;
	}

.news-navigate big a
	{

		text-decoration: none;
	}
















		.e-slideshow {overflow: hidden;}

		.e-box2col, .e-box3col, .e-box4col {overflow: hidden; min-height: 12px;}
		.e-first, .e-second, .e-third, .e-fourth {float: left; margin-right: 3%;}

		.e-box2col .e-first	{width: 48.5%;}
		.e-box2col .e-second {width: 48.5%; margin-right: 0; margin-left: -4px; float: right;}

		.e-box3col .e-first	{width: 31.33%;}
		.e-box3col .e-second {width: 31.34%; margin-left: -3px;}
		.e-box3col .e-third {width: 31.33%; margin-right: 0; margin-left: -3px; float: right;}

		.e-box4col .e-first	{width: 22.75%;}
		.e-box4col .e-second {width: 22.75%; margin-left: -3px;}
		.e-box4col .e-third {width: 22.75%; margin-left: -2px;}
		.e-box4col .e-fourth {width: 22.75%; margin-right: 0; margin-left: -3px; float: right;}

		.e-clear {clear: both; overflow: hidden; height: 0px;}





blockquote
	{
	margin-left: 2em;
			line-height: 140%;
	}















/*
#content table {border-collapse: collapse; width: 100%;}
#content td, #content th {text-align: left; border: 1px solid #c5c9cc; padding: .3em}
#content th {background: #edf2f4; font-weight: bold; text-align: left; vertical-align: middle;}

#content th p {margin: 0}


#content #forum table {border-collapse: inherit; width: 100%;}
#content #forum td, #content #forum th {border: none; padding: 0}
#content #forum th {background: none; font-weight: inherit; vertical-align: inherit}
*/




/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#forum ul, #forum .list
	{

		margin: 0 auto 1.2em auto;
		font-size: 85%;
		list-style: none;
	}


#forum dl, #forum li, #forum .fieldset, #contest dl, #contest li, #contest .fieldset {overflow: hidden}

#forum a, #contest a
	{
		font-weight: bold;
		text-decoration: none;
	}

#forum a:hover, #contest a:hover
	{
		text-decoration: underline;
	}



#forum
	{
		margin-bottom: 3em;
	}










/* FORUM LIST */

#forum .list
	{
		padding: .7em .7em .5em .7em;
	}


#forum .list .first
	{
		width: 65% !important;
		font-size: 85% !important;
		line-height: 130% !important;
	}


#forum .list .third
	{
		width: 20% !important;
		font-size: 85% !important;
		line-height: 130% !important;
	}


#forum .list .second
	{
		width: 15% !important;
		text-align: center !important;
		font-size: 90% !important;

	}

#forum .list td, #forum .list th
	{
		padding: 7px 0 !important;
		vertical-align: middle !important;
		border-top: 1px solid #fff !important;

	}

#forum .list th
	{
		border-top: none !important;
		font-weight: bold !important;
		font-size: 90% !important;

	}

#forum .list table
	{
		width: 100%;
		border-collapse: collapse;
	}

#forum .center
	{
		text-align: center;
	}













/* FORUM POSTS */

#forum .posts li
	{
		margin: .5em 0;
	}

/* FORUM POST */

#forum .post
	{
	 	float: left;
	 	width: 75%;
	}

#forum .post dt
	{
		font-size: 85%;
		margin: .7em .7em 0 1em;
	}

#forum .post dd
	{
		margin: .7em .7em .5em 1em;
	}

#forum .post dd p
	{
		margin: 0 3em 0 0;
	}

#forum .post .link
	{
		position: absolute;
		margin-top: -1em;
		padding-top: 1em;
		margin-left: .7em;
	}

/* FORUM AUTHOR */

#forum .author
	{
	 	float: left;
	 	width: 25%;
	}

#forum .author dl
	{
		margin: .7em 0;
		padding: 0 .7em;
		border-left: 1px solid #fff;
	}

#forum .author dt a
	{
		font-size: 90%;
		line-height: 130%;
	}

#forum .author dd
	{
		font-size: 85%;
		line-height: 130%;
		color: #5c6266;
	}

#forum .author b
	{
		font-weight: normal;
		color: #323232;
	}

/* FORUM FIELDSET */

#forum .fieldset dt, #contest .fieldset dt
	{
		overflow: hidden;
		font-weight: bold;
		padding: .7em 0 0 0;
		margin: 0 .7em;
		text-align: center;
/*
		border-bottom: 1px solid #fff;
*/
	}

#forum .fieldset dd, #contest .fieldset dd
	{
		overflow: hidden;
		margin: .7em;
		text-align: center;
	}

#forum .fieldset .file, #contest .fieldset .file
	{
		font-size: 85%;
		font-family: Arial, sans-serif;
    float: left;
	}

#forum .fieldset small, #contest .fieldset small
	{
		display: block;
		font-size: 75%;
		line-height: 130%;
		margin-top: .2em;
		clear: both;
		float: left;
	}


#forum .fieldset .input, #contest .fieldset .input
	{
		font-size: 85%;
		font-family: Arial, sans-serif;
		border: 1px solid #c4ccd1;
		width: 100%;
		padding: .2em;
		margin: 0;
    float: left;
		box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
		resize: none;
	}

#forum .fieldset label, #contest .fieldset label
	{
		display: block;
		text-align: left;
		font-weight: bold;
		font-size: 80%;
		margin-bottom: .4em;
	}





































/* FORUM BORDERS */

#forum .fieldset, #forum .posts li, #forum .list, #forum .profile, #contest .fieldset
	{
		-moz-border-radius: 7px;
		-khtml-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
	}


/* FORUM COLORS */

#forum .fieldset, #forum .posts li, #forum .list, #forum .profile, #contest .fieldset
	{
		background-color: #e5eff9;
	}

#forum .light
	{
		background-color: #edf4ff !important;
	}

#forum .admin, #forum .moderator
	{
		color: #bf204c;
	}







#forum .now-users
	{
		font-size: 75%;
		padding-top: 1em;
	}

#forum .now-users a
	{
		font-weight: normal !important;
		text-decoration: underline !important;
	}

#forum .rss-post
	{
		font-size: 75%;
		padding-top: 2em;
		text-align: right;
	}

#forum .rss-post a
	{
		font-weight: normal !important;
		text-decoration: underline !important;
	}


#forum .registration, #contest .registration
	{
		width: 50%;
		margin: 0 auto;
	}

#forum .mail
	{
		width: 60%;
		margin: 0 auto;
	}


#forum .login, #contest .login
	{
		width: 30%;
		margin: 0 auto;
	}

.forum-login
	{
		position: absolute;
		right: 0px;
		top: -14px;
		font-size: 80% !important;
	}


#forum big
	{
		font-size: 120%;
		line-height: 130%;
	}


#forum small
	{
				color: #707070;
	}



#forum .adm
	{
		float: right;
		margin-right: 20px;
	}

#forum .adm form
	{
		display: inline;
	}

#forum .red
	{
		color: #bf204c;
	}



/*
#forum .nowrap
	{
		white-space: nowrap;
	}
*/














#forum .profile
	{
		padding: .7em .7em .5em .7em;
	}


#forum .profile .first
	{
		width: 20%;
		font-size: 80%;
		line-height: 130%;
		vertical-align: top;
		text-align: right;
		padding-right: 1em;
		font-weight: bold;
	}

#forum .profile .second
	{
		width: 80%;
		font-size: 80%;
		line-height: 130%;
		vertical-align: top;
		padding-right: 2em;
	}

#forum .profile td, #forum .profile th
	{
		padding: 7px 0;
		vertical-align: middle;
/*
		border-top: 1px solid #fff;
*/
	}

#forum .profile th
	{
		border-top: none;
		font-weight: bold;
		font-size: 100%;
	}

#forum .profile table
	{
		width: 100%;
		border-collapse: collapse;
	}

#forum .profile p
	{
		font-size: 90%;
	}

#forum .profile small
	{
		font-size: 90%;

	}

.flink
	{
		font-weight: normal !important;
		text-decoration: underline !important;
	}

.input
	{
		border: 1px solid #c4ccd1;
		width: 100%;
		padding: .2em;
		margin: 0;
    float: left;
		box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
		resize: none;
	}


.icqskype *
	{
		float: left;
		font-size: 95%;
	}

.icqskype
	{
		overflow: hidden;
	}


.groups *
	{
		float: left;
		font-size: 90%;
	}

.groups
	{
		overflow: hidden;
	}




#top-pda
	{
		position: absolute;
		left: 60px;
		top: 30px;
		font-size: 75%;
		z-index: 100;
	}





#contest .add-photo, #contest .add-video
	{
		width: 60%;
		margin: 0 auto;
	}

#contest .contest-list dt {float: left; margin-bottom: 4em; width: 150px; height: 120px; overflow: hidden; position: relative;}

#contest .contest-list
	{
		margin-bottom: 1.2em;
	}

#contest .contest-list dd
	{
		float: left;
		width: 150px;
		margin: 122px 0 4px -150px; 
		font-size: 75%;
		line-height: 110%;
		overflow: hidden;
		height: 4em;
	}

#contest .contest-list dd a
	{
		color: #323232;
		padding-right: 20px;
	}

#contest .contest-list dd small
	{
		display: block;
		padding-top: .1em;
	}

#contest .contest-list dt a
	{
		display: block;
		bottom: 0;
		left: 0;
		position: absolute;
	}

.contest-date
	{
		display: block;
		font-size: 75%;
		margin-top: -1.5em;
	}

.contest-work
	{
		margin: 1.2em 0;
	}

.contest-user
	{
		font-size: 80% !important;
		font-weight: bold;
	}

.contest
	{
		width: 70%;
	}

#forum h2, #contest h2
	{
		color: #404040;
	}

#forum h3, #contest h3
	{
		color: #404040;
	}

.contest-login
	{
		font-size: 80% !important;
	}

.contest-login a
	{
		text-decoration: underline !important;
		font-weight: normal !important;
	}

.contest-voices
	{
		position: relative;
		text-align: center;
		font-size: 70%;
		margin-bottom: 2em;
	}

.contest-voices div
	{
		font-size: 300%;
		color: #bf204c;
	}

.contest-menu
	{
		line-height: 140%;
		margin-bottom: .5em;
	}

.contest-voices .right-arr
	{
		position: absolute;
		right: 15px;
		top: -3px;
		font-size: 300%;
		text-decoration: none;
	}

.contest-voices .left-arr
	{
		position: absolute;
		left: 15px;
		top: -3px;
		font-size: 300%;
		text-decoration: none;
	}

.contest-adm
	{
		float: right;
	}

.contest-adm a
	{
		font-weight: normal !important;
		text-decoration: underline !important;
	}


.nobr {white-space: nowrap}

#top-login
	{
		position: absolute;
		right: 60px;
		top: 30px;
		font-size: 75%;
		z-index: 100;
	}


.cnt-red
	{
		color: #bf204c !important;
	}