@charset "utf-8";



/* 	FTSU

	Company:	Nutnet
	Site:		www.nutnet.ru
	
	Author:		Vladislav Sterlin
	E-mail:		vladislav.sterlin@nutnet.ru
	
	-------------------------------------------------------- */



/*	TABLE of CONTENT

	1.  Global
	2.	Layout
	3.	Outer
	4.	Header
	5.	Home
	6.	Crumbs
	7.	Main
	8.	Sidebar
	9.	Footer

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

/* 	1.  GLOBAL
	-------------------------------------------------------- */
	
	html {
		height: 100%;
		}
	body {
		background: #F2F1EC;
		font: 12px Georgia, serif;
		height: 100%;
		}



/* 	2.  LAYOUT
	-------------------------------------------------------- */
	
	.float-left {
		float: left;
		}
	.float-right {
		float: right;
		}	
	.clear-fix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}		
	.hidden {
		display: none;
		}



/* 	3.  OUTER
	-------------------------------------------------------- */	
	
	#outer {
		background: url(../img/page-bg-down.jpg) no-repeat 50% 100%;	
		min-height: 100%;
		position: relative;
		width: 100%;
		}
	#wrap {
		margin: 0 auto;
		position: relative;
		padding: 0 0 310px;	
		width: 960px;
		z-index: 1;
		}
	#home #wrap {
		min-height: 890px;
		}
		.dancers {
			position: absolute;
			bottom: 95px;
			left: -60px;
			z-index: 2;
			}



/* 	4.  HEADER
	-------------------------------------------------------- */	
	
	#header {
		background: url(../img/page-bg-up.jpg) no-repeat 0 0;
		min-height: 230px;
		margin: 0 0 0 -240px;
		padding: 0 0 0 240px;
		width: 960px;
		z-index: 3;
		}
		
		/* --- logo --- */		
		.logo {
			float: left;
			margin: 40px 0 23px 0;
			}
			.logo a {
				background: url(../img/logo.jpg) no-repeat;
				display: block;
				height: 152px;
				text-indent: -9999px;
				width: 151px;
				}
			
		/* --- services --- */
		ul.services {
			float: left;
			margin: 50px 0 0 119px;
			width: 685px;
			}
			ul.services li {
				float: left;				
				font-style: italic;
				padding: 11px 0;
				}
				ul.services li h3 {
					font-size: 14px;
					font-weight: normal;
					margin: 0 0 5px;
					}
					ul.services li h3 a {	
						color: #DA251C !important;
						}		
				ul.services li p {
					font-size: 11px;
					line-height: 14px;
					}
			
			ul.services li.search-club {
				background: url(../img/icon-clubs.jpg) no-repeat 0 50%;
				width: 220px;
				}
				ul.services li.search-club h3,
				ul.services li.search-club p {
					padding: 0 20px 0 55px;
					}	
			ul.services li.search-partner {
				background: url(../img/icon-partners.jpg) no-repeat 0 50%;
				width: 245px;
				}
				ul.services li.search-partner h3,
				ul.services li.search-partner p {
					padding: 0 25px 0 60px;
					}
			ul.services li.advert {
				background: url(../img/icon-notices.jpg) no-repeat 0 50%;
				width: 220px;
				}
				ul.services li.advert h3,
				ul.services li.advert p {
					padding: 0 10px 0 40px;
					}
		
		/* --- nav --- */
		ul.nav {
			float: left;
			margin: 40px 0 0 172px;
			width: 637px;
			}
			ul.nav li {
				float: left;
				}
				ul.nav li span {
					float: left;
					padding: 0 25px 0 17px;
					margin: 0 -10px 0 -15px;
					}
					ul.nav li span a {
						font: italic 18px Georgia;
						line-height: 61px;
						vertical-align: middle;
						}
					ul.nav li span.active a {
						color: #FFF !important;
						text-decoration: none;
						}
			li.item-news span.active {
				background: url(../img/item-news-bg.jpg) no-repeat 0 50%;
				}
			li.item-events span.active {
				background: url(../img/item-events-bg.jpg) no-repeat 0 50%;
				}
			li.item-clubs span.active {
				background: url(../img/item-clubs-bg.jpg) no-repeat 0 50%;
				}
			li.item-documents span.active {
				background: url(../img/item-documents-bg.jpg) no-repeat 0 50%;
				}
			li.item-federation span.active {
				background: url(../img/item-federation-bg.jpg) no-repeat 0 50%;
				}
			li.item-contacts span.active {
				background: url(../img/item-contacts-bg.jpg) no-repeat 0 50%;
				}



/* 	5. 	HOME
	-------------------------------------------------------- */	
	
	/* --- events block --- */
	#events-block {
		padding: 50px 0 0 440px;
		position: relative;
		z-index: 3;
		}
		
		#events-block h1,
		#news-block h1 {
			font: italic 24px Georgia;
			line-height: 0;
			}
			#events-block h1 a,
			#news-block h1 a {
				font: 12px Georgia;
				}				
			#events-block h1 img,
			#news-block h1 img {
				display: inline;
				margin: 0 18px 0 28px;
				}
		
		.event-list {
			margin: 7px 0 0 -70px;
			overflow: hidden;
			width: 590px;
			}		
			.event-list ul {
				float: left;
				margin: 0 0 0 70px;
				width: 225px;
				}
				.event-list ul li.event {
					float: left;
					font-size: 12px;
					margin: 18px 0 0 0;
					width: 225px;
					}
					.event-list ul li.event p.event-date {
						float: left;
						text-align: center;
						width: 34px;
						}
						.event-list ul li.event p.event-date span.day {														
							display: block;
							font-size: 24px;
							margin: -7px 0 0;
							}
						.event-list ul li.event p.event-date span.month {
							display: block;
							margin: -5px 0 0;	
							}														
					.event-list ul li.event div.event-summary {
						float: right;
						width: 185px;
						}
						.event-list ul li.event div.event-summary p.event-title {
							font-size: 14px;
							}												
						.event-list ul li.event div.event-summary p.event-info {
							font-style: italic;
							}

	/* --- news block --- */
	#news-block {
		margin: 69px 0 0 550px;
		position: relative;
		z-index: 3;
		}			
		#news-block h1 a {
			color: #DA251C !important;
			}			
		#news-block dl.news-list dt.news-date {
			font: italic 12px Georgia;
			margin: 22px 0 0;
			}
		#news-block dl.news-list dd.news-title {
			font: 14px Georgia;
			margin-top: -2px;
			}
			#news-block dl.news-list dd.news-title a {
				color: #DA251C !important;
				}



/* 	6.  CRUMBS
	-------------------------------------------------------- */
	
	#crumbs {
		width: 960px;		
		position: absolute;
		top: 225px; left: 0px;
		}
		#crumbs p {
			font-size: 11px;
			font-style: italic;
			margin: 0 0 0 100px;
			}
			#crumbs p span {
				margin: 0 5px;
				}



/* 	7.  MAIN
	-------------------------------------------------------- */
	
	#main {
		float: right;
		margin: 39px 0 0;
		position: relative;
		width: 860px;
		}
		
		#main h1,
		#main h2,
		#main h3 {
			font-family: Georgia, serif;
			font-weight: normal;
			font-style: italic;
			}
		
		#main h1 {
			font-size: 24px;
			}
			#main h1 img {
				display: inline;
				margin-left: 28px;
				}

		#main h2 {
			color: #DA251C;
			font-size: 18px;
			font-style: italic;
			margin: 55px 0 0;
			}

		dl.address {
			font-family: Arial, sans-serif;
			font-size: 12px !important;
			margin: 10px 0 0; 
			}
			dl.address dt {
				float: left;
				margin: 0;
				font-weight: normal;
				width: 80px;
				}
			dl.address dd {
				font-weight: bold;
				}
				
		.first {
			margin: 10px 0 0 !important;
			}

		/* --- content --- */
		.content {
			width: 580px;			
			}
			.add-text {
				width: 375px;
				}
			
		/* -- news-cat -- */
		ul.news-cat {
			margin: 9px 0 0 -15px;
			overflow: hidden;
			}
			ul.news-cat li {			
				float: left;
				margin: 0 -8px 0 0;
				padding: 5px 11px 16px 15px;
				}
			ul.news-cat li.active {
				background: url(../img/news-years-bg.jpg) no-repeat;
				}
				ul.news-cat li a {
					color: #DA251C !important;
					font: 14px Georgia;
					}
				ul.news-cat li.active a {
					color: #FFF !important;
					font: 16px Georgia;
					text-decoration: none;
					}
			
		/* -- news-entry -- */		
		ol.news-entry {
			margin: -15px 0 0 0;
			}
			ol.news-entry p.news-date {
				float: left;
				font: italic 12px Georgia;
				line-height: normal;
				margin: 0 0 0 -100px;
				padding-top: 5px;
				text-align: right;
				width: 80px;
				}

		/* -- news date -- */			
		.content .news-date {
			font-style: italic;
			line-height: normal;
			margin: 0;
			position: absolute;
			top: -16px; left: 0;
			}
				
		/* -- news info -- */
		.news-info {
			font-style: italic;
			line-height: 20px;
			margin: 30px 0 0;
			}
				
		/* -- filter -- */		
		div.filter {
			margin: 29px 0 0;
			z-index: 2;
			}
			div.filter dl {
				float: left;
				margin: 0 35px 0 0;
				position: relative;
				}
				div.filter dl dt {
					background: url(../img/filter-bg-ar.png) no-repeat 100% 50%;
					border: solid #1C8F99;
					border-width: 1px 0 1px 0;
					position: relative;
					}
				div.filter dl dt:before,
				div.filter dl dd:before {
					background: url(../img/filter-cr-l1-tr.png) no-repeat 100% 0;
					content: url(../img/filter-cr-l1-tl.png);
					display: block;
					height: 10px;
					line-height: 0;
					margin: -1px -10px 0;
					}
				div.filter dl dt:after,
				div.filter dl dd:after {
					background: url(../img/filter-cr-l1-br.png) no-repeat 100% 0;
					content: url(../img/filter-cr-l1-bl.png);
					display: block;
					height: 10px;
					line-height: 0;
					margin: 0 -10px -1px;
					}
					div.filter dl dt a {						
						border: solid #1C8F99;
						border-width: 0 1px 0 1px;
						display: block;				
						font-size: 14px;
						font-style: italic;		
						margin: 0 -10px;
						padding: 0 23px 1px 10px;						
						}						
				div.filter dl dd {
					display: none;					
					}
				div.filter dl:hover dd,
				div.filter dl.over dd {
					background: #FFF;
					border: solid #1C8F99;
					border-width: 1px 0 1px 0;
					display: block;
					position: absolute;
					top: 0; left: 0;
					z-index: 4;				
					}
				div.filter dl dd:before {
					background: url(../img/filter-cr-l2-tr.png) no-repeat 100% 0;
					content: url(../img/filter-cr-l2-tl.png);
					}
				div.filter dl dd:after {
					background: url(../img/filter-cr-l2-br.png) no-repeat 100% 0;
					content: url(../img/filter-cr-l2-bl.png);
					}
					div.filter dl dd ul {
						background: #FFF;
						border: solid #1C8F99;
						border-width: 0 1px 0 1px;
						margin: 0 -10px;
						padding: 0 23px 0 10px;
						}
						div.filter dl dd ul li a {	
							color: #1C8F99;				
							display: block;		
							margin: 0 -23px 0 -10px;						
							padding: 2px 23px 2px 10px;	
							white-space: nowrap;
							}
						div.filter dl dd ul li a.active {
							color: #DA251C;
							font-size: 14px;
							font-style: italic;
							padding: 0 23px 2px 10px;
							text-decoration: none;
							}
						div.filter dl dd ul li a:hover {
							background: #DA251C;
							color: #FFF;
							}
					
		/* -- actions -- */
		ul.actions {
			margin: 7px 0 0;
			}
			ul.actions li {
				float: left;
				height: 39px;
				line-height: 39px !important;
				margin: 0 27px 0 0;
				padding: 0 0 0 38px;
				}
			ul.actions li.icon-letter {
				background: url(../img/icon-letter.jpg) no-repeat 0 50%;
				}			
			ul.actions li.icon-word {
				background: url(../img/icon-word.jpg) no-repeat 0 50%;
				}
				ul.actions li a {
					font-size: 12px;
					font-style: italic;					
					}
					
		p.resume-add,
		p.advert-add {
			height: 36px;
			line-height: 36px !important;
			margin: 0 !important;
			padding: 0 0 0 38px;
			
			position: absolute;
			top: 0px; left: 411px;
			}
		p.resume-add {
			background: url(../img/icon-resume-add.jpg) no-repeat 0 50%;
			}		
		p.advert-add {
			background: url(../img/icon-advert-add.jpg) no-repeat 0 50%;
			}

		/* -- club info -- */
		div.club-info {
			margin: 13px 0 0;
			}
			div.club-info p {
				background: #FFF url(../img/club-logo-frame.png) no-repeat;
				float: left;
				height: 120px;
				margin: 3px 10px 0 0 !important;
				padding: 2px;
				width: 120px;
				}	
			div.club-info table {
				float: left;
				}
				div.club-info table th,
				div.club-info table td {
					padding: 3px 10px 3px 0;
					}
				div.club-info table th {
					font-weight: normal;
					font-style: italic; 
					}
				div.club-info table td {
					font-weight: bold;
					}

		/* -- club misc -- */
		div.club-misc {	
			margin: 0px 0 0;
			}
			div.club-misc div {
				float: left;
				width: 350px;
				}
				div.club-misc div ul {
					list-style: disc;
					list-style-position: inside;
					line-height: 20px;
					margin: 8px 0 0;
					}
		
		/* -- presidium -- */
		div.presidium {
			width: 860px;
			}		
			div.member {
				float: left;
				margin: 25px 0 0;
				width: 430px;
				}
				div.member h2 {
					font-size: 20px !important;
					line-height: 20px !important;
					margin: 0 !important;
					}				
					div.member h2 img {
						float: left;
						margin: 0 10px 0 0;
						}				
					div.member h2 span {
						display: block;
						padding: 20px 0 0;
						}
				div.member h3 {
					color: #000;
					font-size: 12px;
					font-style: normal !important;
					font-weight: normal;
					margin: 2px 0 0 120px;
					}
				div.member ul {
					font-size: 14px;
					list-style: disc;
					list-style-position: outside;
					margin: 8px 0 0 135px;
					}


/* 	8.  SIDEBAR
	-------------------------------------------------------- */
	
	div#sidebar {
		float: left;
		margin: 0 0 0 -10px;		
		width: 100px;
		}
		div#sidebar ul.subnav {
			margin: 76px 0 0;	
			}		
			div#sidebar ul.subnav li {
				font-style: italic;
				padding: 6px 0 0;
				}
				div#sidebar ul.subnav li a.active {
					color: #000;
					text-decoration: none;
					}



/* 	9.  FOOTER
	-------------------------------------------------------- */	

	div#footer {
		font-size: 14px;
		height: 210px;
		margin: -210px auto 0;
		position: relative;
		width: 960px;
		z-index: 3;
		}
					
		/* --- database --- */
		.database {
			font-style: italic;
			min-height: 54px;
			margin-bottom: 70px;
			padding: 2px 0 0 42px;
			width: 300px;
			}				
		#home .database {
			background: url(../img/icon-passport-home.jpg) no-repeat;
			margin-left: 508px;
			}			
		#inner .database {
			background: url(../img/icon-passport-inner.jpg) no-repeat;
			margin-left: 280px;
			}
			.database h3 {
				font-size: 14px;				
				font-weight: normal;
				margin: 0 0 4px;
				}	
				.database h3 a {
					color: #DA251C !important;
					}			
			.database p {
				font-size: 11px;
				line-height: 14px;
				}
			
		/* -- mark -- */
		.mark {
			float: right;
			width: 184px;
			}
			
		/* -- copyright -- */
		.copyright {
			float: right;
			width: 454px;
			}
			.copyright ul {
				margin: 0 0 15px;
				}					
				.copyright ul li {
					float: left;
					width: 227px;
					}

		/* -- counter -- */
		.counter {
			position: absolute;
			top: 0; left: -9999px;
			}