/* CSS Document */
body, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, form {
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;
}

.gallery-back a {
	color: #d96b05;
	font-size: 13px;
	text-decoration: none;
}

.gallery-more a {
	color: #d96b05;
	font-size: 13px;
	text-decoration: none;
}

img, div {
	behavior: url(../css/iepngfix.htc);
}

textarea {
	overflow: auto;
	background: #cdc8aa;
	border: 1px solid #5e4f23;
}

input {
	background: #cdc8aa;
	border: 1px solid #5e4f23;
}

html {
	height: 100%;
}

body {
	height: 100%;
	font-family: arial;
	text-align: center;
	background: #000000 url(../images/body-bg.jpg) no-repeat center top;
}

	#container {
		width: 1000px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}

		#left-wrapper {
			float: left;
		}
		
			#top {	
				width: 744px;
				height: 133px;
				background: url(../images/top.jpg) no-repeat;
			}
			
			#title-wrapper {
				width: 744px;
				height: 47px;
				background: url(../images/title-wrapper.gif) no-repeat;
			}
				
				h2.title {
					font-size: 18px;
					color: #000000;
					margin: 0px 0px 0px 96px;
					padding-top: 13px;
					font-weight: normal;
				}
				
			#content-wrapper {
				width: 744px;
				height: 400px;
				background: url(../images/content-wrapper.gif) no-repeat left top;
			}
				#content-box {
					margin-left: 64px;
					background: url(../images/content-bg.gif) repeat-y;
				}
					
					#content {						
						font-size: 13px;
						height: 400px;
						width: 614px;
						color: #A8976B;
						padding: 30px 33px 0px 33px;
						background: url(../images/content.jpg) no-repeat;
					}
					
					*> #content {
							min-height: 400px;
							height: auto;
						}
					
					#content-bottom {
						width: 680px;
						height: 33px;
						background: url(../images/content-bottom.gif) no-repeat;
					}
					
					#bottom {
						width: 680px;
						height: 10px;
					}
					
		#right-wrapper {
			width: 256px;
			float: right;
			position: relative;
			height: 640px;
			background: url(../images/right-bg.jpg) no-repeat;
		}
			*> #right-wrapper {
					min-height:  640px;
					height: auto;
				}
				
			h1.logo {
				padding: 33px 0px 0px 35px;
			}
			
				h1.logo a,
				h1.logo b {
					display: block;
					background: transparent url(../images/logo.jpg) no-repeat;
					width: 180px;
					height: 135px;
				}
				
					h1.logo a span,
					h1.logo b span {
						display: none;
					}	
			
			#lang {
				position: absolute;
				left: 212px;
				top: 48px;					
			}
			
			#lang ul {
				list-style: none;
				padding: 0px;
				margin: 0px;
			}
			
				#lang li {
					float: left;
				}
				
				#lang li span {
					/*+*/
				}
				
					#lang li a {
						display: block;
						color: #f9c347;
						font-size: 11px;
						font-family: arial;
						text-decoration: none;
						padding: 0px 7px 0px 10px;
						background: url(../images/lang-bullet.gif) no-repeat right 3px;
					}
					
						#lang li.first a {
							/*+*/
						}
						
						#lang li.last a {
							background: none;
						}
					
						#lang li a:hover {
							text-decoration: underline;
						}
						
						#lang li.selected a {
							text-decoration: none;
							color: #fffad7;
						}
						
						#lang li.selected a:hover {
							text-decoration: underline;
						}
						
			
			#lang-page {
				padding: 90px 0px 0px 225px;					
			}
			
			#lang-page ul {
				list-style: none;
				padding: 0px;
				margin: 0px;
			}
			
				#lang-page li {
					float: left;
				}
				
				#lang-page li span {
					/*+*/
				}
				
					#lang-page li a {
						display: block;
						color: #f9c347;
						font-size: 11px;
						font-family: arial;
						text-decoration: none;
						padding: 0px 7px 0px 10px;
						background: url(../images/lang-bullet.gif) no-repeat right 3px;
					}
					
						#lang-page li.first a {
							/*+*/
						}
						
						#lang-page li.last a {
							background: none;
						}
					
						#lang-page li a:hover {
							text-decoration: underline;
						}
						
						#lang-page li.selected a {
							text-decoration: none;
							color: #fffad7;
						}
						
						#lang-page li.selected a:hover {
							text-decoration: underline;
						}
			
			
			#nav-wrapper {
				padding: 31px 0px 0px 2px;
				font-size: 0px;
				text-align: center;
			}
								
					ul.nav {
						padding: 0px;
						font-size: 0px;
					    list-style: none;
					    margin: 0px;
					}
				
					    .nav li {					            		
					        padding-bottom: 5px;
					        margin: 0px;
					        font-size: 0px;
					    }
									
						.nav li.last {
							background: none;
						}
									
						.nav li.selected {
							/*--*/
						}
					            .nav a {
					            	display: block;
					            	font-size: 12px;
					            	color: #F9C347;
									padding: 0px;
									margin: 0px;
					            	font-weight: normal;
					            	text-decoration: none;
					            	outline: none;
					            }
							
					            .nav a:hover {
					            	color: #fff395;
					            	text-decoration: none;
					            }
				
					            .nav a.selected {
					            	color: #fff395;
					            	text-decoration: none;
					            }
				
					            .nav a.selected:hover {
					            	color: #fff395;
					            	text-decoration: underline;
					           	}
				
								.nav a.last {
								}

#sub-nav-wrapper {
	border-bottom: 1px solid #4B4A1A;
	margin-bottom: 20px;
}

h3.title {
	border-bottom: 1px solid #4B4A1A;
	margin-bottom: 20px;
	padding: 0px 0px 5px 0px;
}

ul.sub-nav {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

	.sub-nav li {
		float: left;
		width: 33%;
	}

		.sub-nav a {
			display: block;
			font-size: 12px;
			color: #F9C347;
			text-decoration: none;
			padding: 0px 16px 5px 0px;
		}
		
		.sub-nav a:hover {
			color: #fff395;
			text-decoration: underline;
		}
		
		.sub-nav a.selected {
			color: #fff395;
			text-decoration: none;
		}
		
		.sub-nav a.selected:hover {
			color: #fff395;
			text-decoration: underline;
		}


				#contact-box {
					width: 176px;
					position: absolute;
					bottom: 0px;
				}	
					
					#contacts {
						width: 176px;
						height: 46px;
						margin: 0px 0px 0px 37px;
					}
					
					#copyright {
						font-size: 10px;
						font-family: arial;
						color: #574030;
						width: 176px;
						text-align: center;
						margin: 32px 0px 0px 39px;
					}
						
					#created {
						font-size: 10px;
						font-family: arial;
						color: #574030;
						width: 176px;
						text-align: center;
						margin: 0px 0px 0px 35px;
					}
						
						#created span {
							float: left;
							margin: 9px 0px 0px 39px;
						}
						
						#created a {
							float: left;
							width: 66px;
							height: 21px;
							display: block;
							margin-top: 5px;
							background: url(../images/sys/artogama.gif) no-repeat;
						}
						
						#created a span {
							display: none;
						}

/*---------------------------main page-----------------------------------*/

body.main {
	height: 100%;
	font-family: arial;
	text-align: center;
	background: #000000 url(../images/main-body.jpg) no-repeat center center;
}

#wrapper {
	position: relative;
	width: 990px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}	

#tmp-spacer {
	width: 990px;
	height: 590px;
}

#container-main {
		width: 990px;
		height: 590px;
		text-align: left;
		left: 0px;
		top: 50%;
		margin-top: -295px;
		position: absolute;
}

#box {
	position: relative;
	width: 990px;
	height: 590px;
}

#main-top {
	width: 990px;
	height: 217px;
	position: absolute;
	top: -216px;
	background: url(../images/main-top.jpg) no-repeat;
}

	#main-1 {
		width: 990px;
		height: 30px;
		background: url(../images/main-1.jpg) no-repeat center bottom;
	}
	
	#main-2 {
		width: 990px;
		height: 135px;
		background: url(../images/main-2.jpg) no-repeat;
	}
	
	#main-3 {
		width: 990px;
		height: 310px;
		background: url(../images/main-3.jpg) no-repeat;
	}
	
	#main-4 {
		width: 990px;
		height: 115px;
		background: url(../images/main-4.jpg) no-repeat;
	}
	
		h1.logo-main {
			padding: 0px 36px 0px 0px;
			float: right;
		}
			
			h1.logo-main a,
			h1.logo-main b {
				display: block;
				background: transparent url(../images/logo-main.gif) no-repeat;
				width: 180px;
				height: 135px;
			}
				
				h1.logo-main a span,
				h1.logo-main b span {
					display: none;
				}
		
		#main-nav {
			float: right;
			width: 250px;
			padding: 41px 1px 0px 0px;
			text-align: center;
		}
		
		#con-wrapper {
			width: 443px;
			float: left;
		}
			
			#main-contacts {
				width: 210px;
				height: 54px;
				margin: 19px 0px 0px 0px;
				float: right;
			}
		
						#created-main {
							float: left;
							width: 507px;
							margin: 51px 0px 0px 38px;
				        }
		        
		        			#created-wrapper {
		        				float: left;
		        				padding: 5px 0px 0px 0px;
		        				font-size: 10px;
		        				color: #584131;
		        			}
		        
		        			#created-main .logo {
		        				float: left;
		        				padding: 0px 0px 0px 0px;
		        			}
		        
		        				#created-main .logo a {
		        					display: block;
		        					background: transparent url(../images/sys/artogama.gif) no-repeat;
		        					width: 66px;
		        					height: 21px;
		        				}
		        
		        					#created-main .logo a span {
		        						display: none;
		        					}
		        					
		                        #copyright-wrapper {
		            				font-size: 10px;
		            				color: #584131;
		                        	float: left;
		                        	padding: 5px 0px 0px 0px;
		                        }			
/* Content images */



.img-container {
	/*+*/
}

	.img-container table tr.image td {
		padding: 5px;
		background: #501e0f;
		text-align: center;
	}

	.img-container table tr.title {
		/*+*/
	}

		.img-container table tr.title td {
			text-align: center;
		}

/*--------------------------gallery-------------------------------*/

.fl {
	float: left;
}

.fr {
	float: right;
}

.w33 {
	width: 33%;
}

.w100 {
	width: 100%;
}
				
/* Clear Fix */

.clearfix:after {
	content: ".";
	display: block;
	font-size: 0px;
	line-height: 0px;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}

* html .clearfix {
	height: 1px;
}