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

*{
	margin:0; padding:0;
}
html, body{
	width:100%; height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#909295; 
}
html{
	overflow-y:scroll;
	font-size:11px;
}
a{
	outline:none; text-decoration:none; color:#e89200;
}
.clear{
	clear:both;
}
.top-left{
	position:absolute; top:0; left:0;
}
.top-right{
	position:absolute; top:0; right:0;
}
.bottom-left{
	position:absolute; bottom:0; left:0;
}
.bottom-right{
	position:absolute; bottom:0; right:0;
}
.smallfont{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
}
.bigfont{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
}
.darkorange{
	color: #e89200;
}
.orange{
	color: #fcb12f;
}
.underline{
	text-decoration:underline;
}
.grey{
	color: #909295;
}
.darkgrey{
	color: #686f78;
}
div#main{
	width:992px; margin:0 auto;
	background:url(../images/theme/main-repeat.jpg) repeat-y;
}
span.txt ul, span.txt ol{
	padding-left:30px;
}
div.welcome-text {
	height:146px; overflow:hidden;
}
/*=====================================HEAD=======================================*/
div.head{
	background: url(../images/theme/head.jpg) no-repeat;
	height:93px; float:left; width:988px; padding:0 4px 0 0;
	position:relative;
}
div.head a.logo{
	display:block; width:453px; height:93px; 
	position:absolute; top:0; left:0;
}
div.shortcuts{
	float:right; 
	height:27px; width: 280px;
	font-size:11px;
}
div.shortcuts a{
	color: #fff; display:block; float:left;
	padding:0 15px 0 0; line-height:27px;
}
div.shortcuts a#home-shortcut{
	background: url(../images/theme/home.jpg) left no-repeat;
	padding-left: 12px;
}
div.shortcuts a#print-shortcut{
	background: url(../images/theme/print.jpg) left no-repeat;
	padding-left: 15px;
}
div.shortcuts a#language{
	padding:0 0 0 10px;
}
div.altmenu{
	float:right; background: url(../images/theme/altmenu-bg.jpg) repeat-x; width:289px;
	height:23px; margin-top:39px; position:relative;
	font-size:12px; line-height:23px;
}
div.altmenu a{	
	padding:0 8px;  display:block;
	float:left; color:#111417;
}
div.altmenu a:hover, div.altmenu a.altcurrent{
	background: url(../images/theme/altmenu-hover.jpg) repeat-x;	
}
div.altmenu a.contacts{
	padding-right:9px;
}
*html div.altmenu a.contacts{
	padding-right:0px;
}
div.altmenu a.separator-altmenu{
	background: url(../images/theme/almenu-separator.jpg) top no-repeat;
	display:block; float:left; height:23px; width:1px;
	padding:0;
}
.altmenu-top-left{
	position:absolute; top:3px; left:0;
}
.altmenu-top-right{
	position:absolute; top:3px; right:0;
}
/*=====================================END HEAD=======================================*/



/*=====================================HEADER=======================================*/
div.header-left{
	height:185px; background:transparent url(../images/left-menu-bg.png) left top no-repeat;
	float:left; width:39px;
}
div.header{
	background: #fff; float:left; width:953px; height:180px;
	padding:5px 0px 0 0;
}
div.header-main{
	background: #fff; float:right; width:953px;
	padding:5px 0px 0 10px; 
}
div#flash{
	width:925px; height: 127px; padding:0 0 0 6px;
}

/*=====================================END HEADER=======================================*/



/*=====================================MENU=======================================*/

			div.menu{
				background: url(../images/menu-repeat.jpg) repeat-x;
				float:left; width:946px;
				height:43px; position:relative;
			}
			.menu-bottom-left {
				position:absolute; top:24px; left:0;
			}
			.menu-bottom-right {
				position:absolute; top:24px; right:0;
			}
			div.menu a{
				display:block; float:left; color:#686f78;
				padding:0 10px; line-height:29px;
				font-size:12px;	
			}
			div.menu a.projects {
				padding-right:14px;
			}
			*html div.menu a.projects {
				padding-right:0px;
			}
			div.menu a.separator{
				display:block;
				background: url(../images/menu-separator.jpg) left top no-repeat;
				padding:0; height:29px; width:1px;
				float:left;
			}
			div.menu a:hover, div.menu a.current{
				background: url(../images/theme/menu-hover.jpg) repeat-x; 
			}
			div.menu a.separator:hover{
				background: url(../images/menu-separator.jpg) left top no-repeat;
			}

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


/*=====================================LEFT=======================================*/


div.left{
	float:left;
	width:294px;
	position:relative;
}
div.left img,div.links-repeat img{
	float:left;
}
div.white-box{
	float:right; margin:0 5px 0 0; background:#fff; padding:0 5px; width:249px;
}
*html div.white-box {
	margin: 0 2px 0 0;
}
div.links-repeat{
	background:url(../images/theme/link-repeat.jpg); float:left;
	width:250px;  position:relative;
	padding:0 0 15px 0;
}

div.links-repeat h1{
	color: #fff; text-transform:uppercase;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:20px; padding:0 0 0 11px;
}
div.links-transparent-repeat{
	background:url(../images/theme/links-transparent-repeat.png) right repeat-y; 
	float:left; width:244px; position:relative;
}
div#contcat{
	height:145px; width:244px; overflow:hidden; float:left;
}
div.links-transparent-repeat a{
	display:block; float:left; width:210px; 	
	padding:0 0 0 11px; line-height:20px;
	color:#fff;
}
div.links-transparent-repeat a.arrow-up{
	float:right; padding: 0 5px 0 0;
	width:14px; height:4px; border-bottom:0;
}
div.links-transparent-repeat a.arrow-down{
	float:right; padding: 0 5px 0 0;
	width:14px; height:4px; border-bottom:0;
}

/*=====================================END LEFT=======================================*/



/*=====================================BEGIN=======================================*/


div.content-begin{
	background:#fff url(../images/content-repeat.jpg) top repeat-x; 
	width:698px; float:left; position:relative;
}
div.book{
	width:698px; float:left; 
	background:url(../images/book1.jpg) bottom right no-repeat;
}
div.text{
	float:left; width:660px;  	
	padding:32px 8px 0 8px;
}
div.bg-pic{
	float:left; width:287px; background:#e7e7e7; 
	height:202px; position:relative;
	padding:3px; margin-right:19px;
}
div.text h2{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;
}
div.left-news{
	width:323px; border-right:1px solid #e6e6e6;
	float:left; margin-right:40px;
}
div.box-news{
	width:290px; float:left;
	padding:20px 0 0 0; 
}
div.box-news a:hover {
	text-decoration: underline;
}

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



/*=====================================FOOTER=======================================*/

div.footer{
	height:38px; float:left; width:967px;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	text-align:center; color:#e6e3e3;
	padding:10px 0 0 25px;
}
div.footer a{
	color: #e6e3e3; font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
}
/*=====================================END FOOTER=======================================*/



/*=====================================MAIN=======================================*/

div.content-main{
	background:#fff url(../images/content-repeat.jpg) top repeat-x; 
	width:951px; float:left; position:relative;
	padding:0;
}
div.path{
	height:27px; float:left;  
	padding: 0 0 0 11px;
}
div.path a{
	color: #abaeb3; font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
}
div.text-main{
	float:left; width:925px;  	
	padding:5px 0px 50px 0px;
	background: url(../images/book.jpg) bottom right no-repeat;
}
div.inside-menu{
	width:252px; float:left;
	background: url(../images/theme/inside-menu-bg.jpg) repeat-x;
	padding:11px 0 0 0;
	position:relative; min-height:542px; _height:542px;
}
div.inside-menu ul li{
	list-style-type:none;	
	width:100%;
	margin: 0 0 3px 0;
}
div.inside-menu ul li a{
	display:block;
	color: #fff; padding: 5px 10px 5px 20px;
	width:212px; font-size:12px; 
}
div.inside-menu ul li a:hover, div.inside-menu  ul li.sub-left a{
	background: url(../images/inside-menu-arrow.png) right center no-repeat!important;
}
*html div.text-main span.max{
	width:630px!important;
}
*html div.box{
	width:630px!important; 
}
div.text-main span.txt{
	display:block; width:430px; padding: 10px 0 0 20px;
	float:left; text-align:justify; 
}
div.text-main span.max{
	width:645px;
}
div.text-main span.txt h2{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
h1.title{
	color: #2f68b7; font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
div.pictures{
	float:right; width:200px;
	padding: 40px 0 0 0;
}
div.background{
	float:left; width:194px; background:#e7e7e7; 
	height:137px; position:relative;
	padding:2px; margin-bottom:15px;
}


div.box{
	width:650px; float:left; 
	background: url(../images/border-begin-welcome.jpg) bottom center no-repeat;
	padding: 15px 0;
}
span.txt-list{
	display:block; width:500px; 
	float:left; text-align:justify;
	padding-right:15px;
}
*html span.txt-list{
	width:480px;
}
div.background-small{
	float:left; width:131px; background:#e7e7e7; 
	height:93px; position:relative;
	padding:2px; 
}
div.background-small img{ float:left; margin:0px;}

/* ====== GALLERY Projects======= */

div.gallery{
	float:left; width:645px;
	overflow:hidden;
}
*html div.gallery{
	width:630px!important;
}
div.big-image{
	width:420px; height:297px;
	float:left; position:relative;	
	background:#e7e7e7; padding:3px;
}
div.big-image img{ float:left; }
div.text-detail{
	display:block; 
	overflow:hidden; width:404px;
	text-align:justify; float:left;
	background: url(../images/details-bg.jpg) top  left no-repeat;
	padding: 14px 11px; margin-top:5px;
}
div.small-images{
	float:right; width: 105px; height: 300px;
	padding: 0 60px 0 0;
}
a.arrows{
	display:block; width:12px; 
	float:left;
	height:7px;	
}
a.arrows img{ float:left;}
a.up{ 
	padding: 0 41px 5px 45px;
	
}
a.down{
	padding: 5px 41px 0px 45px;
	
}
div.thumbs{
	float:left; height:260px; width:105px;
	overflow:hidden;
}
div.thumbs a{
	margin:6px 0px; float:left;
	border: 2px solid #e7e7e7;
	display:block; width:101px; height:71px;
}
div.thumbs a img{
	border:none; float:left;
}

/* ====== end GALLERY ======= */

/* ====== CONTACTS ======= */

div.contacts-form{
	width:500px; float:left;
}
div.contacts-form label{
	width:80px; float:left; line-height:20px;
}
div.contacts-form div{
	width:378px; height:20px;
	background: url(../images/input-contacts-background.jpg) top left no-repeat;
	float:left;  padding:2px 5px; margin-bottom:8px;
}
div.contacts-form div input{
	border:0px; width:378px; height:15px;  font:normal 11px Verdana; 
	float:left;
}
div.contacts-form div.coder {
	background:url(../images/textarea-contacts-background.jpg) no-repeat;
	height:133px; padding:3px 8px;
}
div.contacts-form div.coder textarea{
	height:129px; width:378px; 
	border:0; font:normal 11px Verdana;
}
div.contacts-form div.code-contacts{
	background: url(../images/input-seccode-background.jpg) no-repeat; 
	float:left; padding: 2px 15px; height:19px; width:50px; margin-right:10px;
}
div.contacts-form div.code-picture{
	width:100px; float:left; height:30px; background:none;
}
div.contacts-form div.code-contacts input{
	width:40px; height:14px; border:0px; float:left;
}
div.contacts-form input.send{
	background: url('../images/button.jpg') no-repeat;
	width:58px; height:15px; text-align:center;  
	color:#fff; border:0px; font: normal 10px Verdana; line-height:15px;
	padding:0 0 3px 0;  float:right; margin-right:35px;
}
div.contacts-form label.error{
	width:300px; float:left;
	padding: 3px 0 0 7px;
	color: #ed1c24; font:normal 10px Verdana;
}

/* ======END CONTACTS ======= */


/*==============NAVBAR=============*/

.navbar{
	width:100%; margin-top:10px;	
}
.navbar a{
	color: #abaeb3; font-size:10px;
}
.pagingtext{
	color:#477eca;
	font-size:10px; 
}
.paginglink{
	color:#abaeb3!important;
	font-size:10px; 
}