@charset "utf-8";
/* CSS Document */

*{
	margin:0; padding:0;
}
html, body{
	height:100%; width:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #dfdfdf;
	color: #57606c; /*color: #313c4a;*/ 
}
html {
	overflow-y:scroll; font-size:11px;
}

.clear{
	clear:both;
}
a{
	outline:none; text-decoration:none; color: #faa616;
}
.grey{
	color: #637d9e;
}
.yellow{
	color: #faa616;
}
.link{
	color: #4278be; font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/arrow.jpg) right center no-repeat; 
	padding: 0 10px 0 0 ; 
}
.yellowlink{
	color: #ed9a17;
}
.blue{
	color: #445f80;
}
.bluecolor{
	color: #4278be;
}
.smallfont{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
}
div#main{
	width:966px; margin:0 auto;
	background:#fff;
}
div.head{
	padding:15px 0 0 0;
	background:#dfdfdf url(../images/bg-head.jpg) right bottom no-repeat;
	float:left; width:966px; height:104px; position:relative;
}
div.head img{
	float:left;
}
div.altmenu{
	position:absolute; top:0; right:0;
	background:url(../images/bg-altmenu.jpg) repeat-x;
	width:211px; height:18px; padding:9px 0 0 29px;
}
div.altmenu a img{
	border:none;
}
div.altmenu a {
	margin: 0 17px 0 0;
	display:block; float:left;
	color:#fff; font:normal 9px Verdana, Arial, Helvetica, sans-serif;
}
/***************************************************MENU***********************************/

	div.menu{
		float:left; width:285px; 
		background:#243a55; padding: 20px 0 0 0;
		height:249px; font-size:11px;
	}
	div.menu ul{
		width:285px; float:left;
	}
	div.menu ul li{
		list-style-type:none; height:22px;
		padding:0 0 4px 0; 
	}
	div.menu ul li a{
		display:block; line-height:22px; text-transform:uppercase; width:270px;
		color:#bad8ff; background:#445f80 url(../images/bg-menu.jpg) right no-repeat;
		padding:0 0 0 15px; overflow:hidden; white-space:nowrap;
	}
	div.menu ul li a:hover, div.menu ul li a.current{	
		background:#637d9e url(../images/bg-menu-hover.jpg) right no-repeat;
		color:#fefeff;	
	}

/***************************************************END MENU***********************************/


/***************************************************BEGIN***********************************/
div.content{
	float:left; width:681px; border-bottom:15px solid #d0d8e2;
	padding: 0 0 30px 0;
}
div.flash img{
	float:left;
}
div.right{
	width: 51px; height:269px; background:#637d9e; float:right;
}
div.welcome{
	float:left; padding:22px 16px;
}
div.welcome h1{
	color: #346eb9; font:normal 14px Verdana, Arial, Helvetica, sans-serif;
}
div.news h2{
	color: #0151b9; font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase; line-height:25px; background:#dbdbdb; height:25px; 
	padding: 0 0 0 16px; float:left; width:950px;
}
div.box{
	width:297px; float:left; margin:22px 0 0 0 ;
	padding:12px 0 5px 16px; color:#57606c;
	background: url(../images/separator-big.jpg) right center no-repeat;	
	text-align:left;
}
div.box img{
	border:3px solid #637d9e;
	float:left; margin:0 12px 0 0;
}
span.txt{
	display:block; width:150px;
	float:left; height:130px; overflow:hidden;
}
span.txt-max{
	width:290px;
	height:130px; overflow:hidden;
}

div.footer{
	height:25px; float:left; background:#243a55;
	width:934px; padding:0 16px;
}
div.footer a{
	color: #9bbbe2; font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	border:0; line-height:25px;
	display:block; float:left; padding:0 5px;
	text-transform: lowercase;
}
div.footer a.created{
	float:right; text-transform: none;
}	

/***************************************************END BEGIN***********************************/

/***************************************************MAIN***********************************/

div.result{
	width:576px; float:left; padding: 0 27px; text-align:justify;
}
div.path{
	color: #a4aebb; font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
div.path a{
	color: #a4aebb; font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
}
div.path h1{
	color: #346eb9; font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	padding: 14px 0;
}
div.content ul li{
	margin-left:25px;
}
div.big-image{
	float:left; padding:15px 0 0 0;
	width:319px;
}
div.big-image img, div.news-inside img{
	border:3px solid #637d9e;
}
div.small-images{
	width: 190px; float:right; padding: 15px 50px 0 0px;	
	margin-top:10px;
}
div.small-images a{
	float:left; padding: 0px 15px 15px 0 ;
	outline:none;
}
div.small-images a img{
	border:2px solid #637d9e;
}
div.small-images a:hover img, div.small-images a.imgcurrent img{
	border:2px solid #faa616!important; outline:none;
}
div.thumbs{
	height:230px; overflow:hidden;
	padding-top:15px;
}
div.news-inside{
	width:575px; 
	float:left; padding: 0 0 16px 0; 
	background: url(../images/news-border.jpg) bottom center no-repeat;
	margin-bottom: 16px;
}
div.news-inside img{
	float:right;
}
span.txt-news{
	width:410px; display:block; float:left;	
}
div.contacts{
	color: #57606c; line-height:17px; margin-bottom: 16px;
	float:left; padding: 0 0 16px 0; width:575px;
	background: url(../images/news-border.jpg) bottom center no-repeat;
}
ul.sitemap li{
	list-style-type:none;
	color: #637d9e; line-height:16px;
} 
ul.sitemap li a{
	list-style-type:none;
	color: #637d9e;
	text-decoration:underline;
}
ul.sitemap li ul li a{
	color: #4278be; 
	text-decoration:none;
}

/***************************************************END MAIN***********************************/

/*=============================== PAGING =========================================*/

div.navbar{
	margin: 10px 0 0 0;
	float:left;
}
div.navbar a, div.navbar{
	color: #a4aebb;
	font:normal 10px Verdana;
}
.pagingtext{
	color: #5d8bc7;
	font:normal 11px Verdana;
}

div.gallery{
	float:left; width:653px;	
	padding: 0 0 30px 313px;
	height:280px;
}
div.big-image{	
	position:relative;
}
div.big-image img{ float:left; }
div.image-info{
	position:absolute; right:3px; bottom:3px;
	width:500px; 
	padding: 5px; 
	background:url(../images/details.png) repeat;	
}
span.text-detail{
	padding:10px; display:block;  
	overflow:hidden;
	text-align:justify;
}
div#close, div#info{ display:none; }
div.close-info{
	position:absolute; left: 5px; top:5px;
	cursor:pointer;
	font: bold 12px Verdana;
}
div.open-info{
	position:absolute; right: 3px; bottom:3px;
	cursor:pointer; width:45px; height:15px;
	color: #fff; background: #faa616;
	text-align:center;
}
div.small-images a.arrows{
	display:block; width:10px!important; 
	float:right; padding:0;
	height:10px!important; background:blue;
	
}
div.small-images a.arrows img{ float:right; border:0!important; width:10px; height:10px;}

/*=============================FONT RESIZE==============================================*/

#changeFont {
	position:absolute;
	top:9px;
	right:0px;
}
#changeFont a{
	margin:0 10px 0 0;
}
.increaseFont, .decreaseFont, .resetFont {
	float:left;
}

/*=============================END FONT RESIZE==============================================*/

.darkcolor{ color: #313c4a; }