/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background:#fff; 
	font-family:"helveticaneue","helvetica neue",helvetica,arial,sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#242424;
}
html { min-width:1000px;}
html, body { height:100%;}



/* Global Structure ============================================================= */
.container {
	margin: 0 auto;
	/*position: relative;*/
	width: 820px;
	font-size:.8125em;
}

	/* Header */
	header{
		height:45px;
		/*overflow:hidden;*/
		background:#eee;
		border-bottom:#ddd solid 1px;
	}
	header p {margin-bottom:0;/*line-height:32px;*/}
.lang {
	margin-top:10px;
	font-size: 12px;
	background-color:#fff;
}
.lang #lang { width:820px; margin:0 auto; text-align:right;}
#lang a {
	color:#666;
	text-decoration: none;
	font-size:11px;
}
#lang img { margin:3px;}	
	/*Gallery*/
	#gallery {
	/*height:550px;*/	
	width:820px;
	overflow:hidden;
	background-color:#FFF;
	padding-top:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
	}
	#gallery_home {
		/*height:420px;*/
		overflow:hidden;
		background-color:#fff;
		margin-top:1%;
		}
		
	#gallery_01 img { /*border:#000 4px solid; padding:3px;*/ opacity:1}
	#gallery_01 img:hover { /*border:#f30 4px solid; padding:3px;*/opacity:0.8}
	
	.example1-1 img { margin:30px 0 10px 0;}
	#gallery_01 p { font-size:12px; font-weight:bold}
	/* Content */
	#content {
		/*float: left;*/
		/*width: 572px;*/
	}
	
	/* Sidebar */
	aside{
		float: left;
		/*width: 280px;*/
		margin-right:0px;
	}
	.home_news { width:250px; margin-right:40px}
			
	/* Footer */
	footer{
		padding:3px 0 3px 0;
		/*border-top:5px solid #eee;*/
		position: fixed;
		height:20px;
		bottom: 0;
		width:100%;
		background-color:#fff;
	}
footer a {
	text-decoration: none;
}



/* Left & Right alignment */

.fleft { /*float:left;*/}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 15px 0 50px 0 }


/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
figure { margin-bottom:18px;}

.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:15px;
}
	.img-box figure { 
		float:left; 
		margin:0 20px 0 0;
		padding:0;
	}

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:18px;}
.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;
}
.g_content { font-size:12px;}
.g_content a {}
.g_content p { margin-bottom:0;}
.g_content small { font-size:10px;}
/*----- txt, links, lines, titles -----*/
a {
	color:#F00; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	font-size:24px;
	line-height:21px;
	color:#333;
	font-weight:normal;
	/*background:url(../images/logo.jpg) no-repeat 0 0;
	padding:5px 0 8px 40px;*/
	position:absolute;
	/*left:39px;*/
	font-weight:bold;
	margin-top:5px;
	/*background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left center;*/
}
	h1 a {
		color:#333;
		text-decoration:none;
	}
h2 {
	font-size:30px;
	line-height:1.2em;
	font-weight:normal;
	color:#212222;
	margin-bottom:22px;
}
	h2 span {
		color:#8a8a8a;
	}
h3 {
	font-size:1em;
	margin-bottom:6px;
}
	h3 a { color:#242424; }
	h3 a:hover {
		text-shadow: 1px 1px 1px #888; 
	}




/*==================boxes====================*/
.main-box {
	/*border-top:1px solid #EEE;*/
	background:#fff;
	width:100%;
}


.contacts {
	padding-bottom:20px;
}
	.contacts li {
		width:100%;
		overflow:hidden;
	}
		.contacts li strong {
			float:left;
			width:109px;
		}


.list1 {
	margin-left:12px;
	padding-bottom:18px;
}
.list1 li {
	background:url(../images/arrow1.gif) no-repeat 0 6px;
	padding:0 0 0 12px;
}



/*===== header =====*/
header nav {
	float:right;
	margin-top:5px;
}
		header nav ul li {
			float:left;
		}
			header nav ul li a {
/*				font-size:16px;
				color:#333;
				height:30px;
				line-height:30px;
				text-decoration:none;
				width:101px;
				text-align:center;
				float:left;
				background-color:#EEE;*/
				
		}
		#sddm li a.current, #sddm li a:hover {
			
			color:#F00;
		}
		
		




/*===== gallery =====*/
.roundabout-holder  { 
	width:850px;
	height:496px;
	margin:0 auto;
}
.roundabout-moveable-item {
   width: 646px;
   height: 416px;
   cursor: pointer;
	 border:3px solid #ccc;
	 border:3px solid rgba(0, 0, 0, 0.08);
   border-radius:4px;
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
	 
}
	.roundabout-moveable-item img{
		width:100%;
	}
.roundabout-in-focus {
	border:3px solid rgba(0, 0, 0, 0.2);
}
		#images a img {
			border: 2px solid #888;	
			padding: 3px;
			vertical-align: top;
			opacity:1;
		}
	#images a img:hover {opacity:0.8;border: 2px solid #000;}

/*===== content =====*/

	#content img, aside img {
		border:3px solid #ebebeb;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}
	#content img:hover {
		border-color:#bbb;
	}
	

/*--- news list styles ---*/
	.news li {
		overflow:hidden;
		position:relative;
		padding:0 0 26px 84px;
		height:80px;
	}
	.news li:last-child {
		padding-bottom:0;
	}
	
		.news li figure {
			width:59px;
			height:59px;
			background:url(../images/date-bg1.gif) no-repeat 0 0;
			position:absolute;
			left:0;
			top:0;
			text-align:center;
			border:3px solid #ebebeb;
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
		}
			.news li figure strong {
				display:block;
				font-size:30px;
				line-height:1.2em;
				margin-bottom:-7px;
				padding-top:4px;
			}
		
		.news li:nth-of-type(4n+2) figure {
			background:url(../images/date-bg2.gif) no-repeat 0 0;
		}
		.news li:nth-of-type(4n+3) figure {
			background:url(../images/date-bg3.gif) no-repeat 0 0;
		}
		.news li:nth-of-type(4n+4) figure {
			background:url(../images/date-bg4.gif) no-repeat 0 0;
		}




.team-list li,.team-list2 li {
	width:100%;
	overflow:hidden;
	padding-bottom:20px;
	text-align:justify;
}
.team-list li:last-child {
	padding-bottom:0;
}
	.team-list li figure {
		float:left;
		margin:0 20px 0 0;
		padding:0;
	}


/*--- loopedSlider styles ---*/
/*
 * Required 
*/
#loopedSlider .wrap { width:295px; height:295px; overflow:hidden; position:relative;}
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides div { position:absolute; top:0; width:295px; display:none; }
/*
 * Optional
*/
#loopedSlider { width:295px; position:relative; clear:both; }
#loopedSlider .nav-controls {
	width:100%;
	overflow:hidden;
	padding-top:10px;
}
#loopedSlider li {
	display:inline;
}
#loopedSlider li a.previous {
	float:left;
}
#loopedSlider li a.next {
	float:right;
}




/*===== footer =====*/
footer {
	color:#000;
/*	width:100%;
	position:absolute;
	height:30px;
	-moz-box-shadow:-5px -5px 7px #CCC;
	-webkit-box-shadow:-5px -5px 7px #ccc;
	box-shadow:-5px -5px 7px #ccc;*/
}
	footer .fleft {
		text-align:center;
	}
	footer .fright {
		padding-right:40px;
	}
footer .fleft a ,footer .fright a{ color:#FFF;}

/*----- forms -----*/
#contacts-form { 
	clear:right;
	width:100%;
	overflow:hidden;
}
	#contacts-form fieldset { 
		border:none;
		float:left;
	}
		#contacts-form .field { 
			clear:both;
		}
			#contacts-form label { 
				float:left;
				width:110px;
				line-height:18px;
				padding-bottom:6px;
				font-weight:bold;
			}
			#contacts-form input {
				width:205px;
				padding:1px 0 1px 3px;
				background:none;
				border:1px solid #999;
				color:#616161;
				float:left
			}
			#contacts-form input:invalid {
				border-color:red;
			}
			#contacts-form textarea { 
				width:450px;
				height:215px;
				padding:1px 0 1px 3px;
				background:none;
				border:1px solid #999;
				color:#616161;
				margin-bottom:12px;
				overflow:auto;
				float:left;
			}
			#contacts-form div:last-child {
				padding-left:110px;
			}

/*==========================================*/

.team-list { width:100%; }
.wrapper td {}
.wrapper td p { width:260px; margin:0 auto;}
.wrapper table img { margin:3px;  opacity:1;}
.wrapper table img:hover { opacity:0.8}
.wrapper table #gallery_list img {border:2px solid #999}
.wrapper table #gallery_list img.on {border:5px solid #333}
/*===== smenu =====*/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px arial}

#sddm li a
{	display: block;
	margin: 0 0 0 0;
	padding: 0.75em 0 0.75em 18px;;
	/*width: 80px;*/
	color: #666;
	text-align:right;
	text-decoration: none;
	font-family:Tahoma,Geneva,sans-serif;}

#sddm li a:hover
{ color:#F00;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	/*border:2px solid #F00;*/
	background:#eee;
/*	border-radius:7px 0px 7px 0px;
	-moz-border-radius:7px 0px 7px 0px;
	-webkit-border-radius:7px 0px 7px 0px;*/
	z-index:1;
	margin-left:15px;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 6px 10px 6px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		color: #666;
		font-weight:bold;

		}

	#sddm div a:hover
	{color: #fff; background-color:#F00}
	

/* ================ article ==================== */
.article {}

.inside time {
	font-family: "helveticaneue", "helvetica neue", helvetica, arial, sans-serif;
	color:#777;
	font-weight:normal;
	font-size:12px;
	font-style: italic;
}

.article a {
	color: #000;
	text-decoration: none;
}

.article a:hover {
	color: #000;
	text-decoration: underline;
}
.article p { font-family: "helveticaneue","helvetica neue",helvetica,arial,sans-serif;font-size:12px;}

.article span {
	font-family:"helveticaneue", "helvetica neue", helvetica, arial, sans-serif;
	font-size:12px;
	padding-left:20px;
	color:#666;
	font-style: italic;
}

.inside h4 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	padding-bottom:5px;
}


/*=============== subnav ====================*/
.subnav { text-align:right; border-bottom:#F00 solid 1px; font-weight:bold}
.subnav a {
	text-decoration: none;
}
.subnav a:hover { color:#fff; background:#F00}

/* ================= time ============================ */
.select{
	position:relative;
	width:75px;
	font-size:12px;
	font-weight:bold;
	border:1px solid #fff;
	color:#666;
	margin-top: 15px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.select:hover{ background:#fff;}
.select span{
    cursor:pointer;
	padding-right:15px;
}
.select a { color:#666;}
.select #new {
	color:#f30;
	text-decoration: underline;

}

.select li.onchick {	background-image: url(../images/jjt.png);
	background-repeat: no-repeat;
	background-position: right center;}
#sub_list{
    position:absolute;
    padding:0 2px 2px 0;
    top:26px;
    left:0;
    width:85px;
    background:#F4F4F4;
}
#sub_list ul{
    display:block;
    padding:5px;
    border:1px solid #EEEEEE;
    background:#FFF
}
#sub_list ul li{
    border-bottom:1px solid #EEEEEE;
}
#sub_list ul li a{
	display:block;
	padding:3px 0 2px 3px;
	text-decoration:none;
	color: #666;
}
#sub_list ul li a:hover{
    background:#F00;
	color:#fff;
}
.hidden{
    display:none
}