/* CSS
Author: Andrei Dobre

*/

/* Global Defaults
=====================================================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{
	border:0;
	margin: 0;
}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none; margin:0;padding:0}
caption,th {text-align:left;}
div { text-align: left; vertical-align: top; }
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
strong { font-weight: bold; }
cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }

/* Site
=====================================================================*/

html{
	height:100%;
	margin: 0px;
	padding: 0px;
}


body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c4b5a2;
	height: 100%;
	background-color: #512719;
	line-height: 16px;
	background-image: url(images/bg.gif);
	text-align: justify;
}


a{
	text-decoration: none;
	font-weight: bold;
	color: #CC9D45;
}

a:hover{
	color: #FFFFFF;
}

#page{
	width:900px;
	margin: auto;
	color: #c4b5a2;
	background: #512719 url(images/bg-body.gif) repeat-x;

}

#topmenu{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: auto;
	height: 61px;
	background-image: url(images/topmenu.jpg);
	width: 850px;
	overflow: hidden;	
}

#topmenu a{
	color:#fff;
	line-height:50px;
	margin: 0px 0px 0px 0px;
	display: inline;
	float: left;
	font-size: 12px;
}

#topmenu a:hover{
color:#5f3527;
}

.spacer{
	display: block;
	float: left;
	margin: 5px 18px 0px 18px;
}

#header{
	width:900px;
	margin:auto;
	height:175px;
	overflow:hidden;
	background: url(images/header.jpg) 20px 0px  no-repeat;
}

#contact_h{
text-align:right;
margin:-30px 40px 0px 0px;
display:inline;
float:right;

}

#main{
	width:820px;
	margin:10px auto;
	text-align: justify;
	border-bottom:2px solid #d0a24b;
}


#footer{
	width:820px;
	margin: auto;
	text-align: center;
	line-height: 16px;
	font-size: 12px;
	color:#fff;
	font-weight:normal;
	font-style:italic;
}

#footer a{
	color:#fff;
	font-weight:normal;
	font-style:italic;
	margin: 0px 20px 0px 20px;
	font-size: 12px;
	line-height: 20px;
}


h1{
	color:#d0a24b;
	font-size:12px;
	line-height: 38px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight:bold;
}

h2{
	color:#FFFFFF;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight:bold;
	margin: 76px 0px 0px 70px;

}

.input{
	border:0px none #abc394;
	height: 25px;
	width:149px;
	margin-top: 2px;
	
}


.gold{
	color: #d0a24b;
}

.text-box{
width:360px;
display:inline;
float:left;
}

.text-box p{
font-style:italic;
}

#left{
width:360px;
diplay:inline;
float:left;
}

#right{
width:360px;
diplay:inline;
float:right;
}

.pic{
diplay:inline;
float:left;
border:2px solid #c8c8c8;
margin:0px 9px 0px 0px;
}

.input{
height:21px;
margin:2px 0px 2px 0px;
display:inline;
float:left;
background-color:#e5d3b0;
}

.textarea{
background-color:#e5d3b0;
border:none;
}

#content{
display:inline;
float:left;
width:585px;
border-top:1px solid #d0a24b;
margin-top:10px;
}

#content h1{
font-size:20px;
font-weight:bold;
margin:10px 0px 10px 0px;
color:#d0a24b;
font-style:italic;
}

#content h3{
font-size:16px;
font-weight:bold;
color:#d0a24b;
margin-bottom:15px;
}

#content p{
color:#fff;
font-style:italic;
font-size:12px;
text-align:justify;
}

#content img{
float:left;
display:inline;
border:1px solid #d0a24b;
}

#content .small_line{
border-bottom:1px solid #d0a24b;
width:20px;
font-size:1px;
line-height:1px;
height:1px;
display:inline;
float:left;
margin-bottom:8px;
}


#form_contact{
display:inline;
float:left;	
width:215px;
color:#231f20;
margin:-9px 0px 0px 20px;
background-color: #512719;
}



#form_contact h1{
font-size:16px;
font-weight:bold;
color:#d0a24b;
}



#form_contact p{
font-style:italic;
color:#d0a24b;
text-align:justify;
}



#form{
	width:215px;
	color:#d0a24b;
	background-color: #512719;
	overflow:hidden;
}



#form .input{
	width:215px;
	height:20px;
	line-height:20px;
	margin:5px 0px 10px 0px;
	background-color:#e5d3b0;
}



#form .textarea{
	width:215px;
	resize: none;
	height:100px;
	line-height:24px;
	border:none;
	margin:5px 0px 10px 0px;
	overflow: hidden;
	background-color:#e5d3b0;
}



#form .button{
	width:215px;
	height:20px;
	line-height:20px;
	margin:0px 0px 10px 0px;
	background-color:#422014;
	border:none;
	color:#d0a24b;
	font-size:12px;
	font-weight:bold;
	padding:0px 0px 5px 0px;
}

#galerie{
	width:920px;
	margin:1px auto;
	background-color: #fff;
}

#galerie_padder{
	width:890px;
	margin:auto;
}


div.box {
      

	width:120px;
	height:78px;
	float: left;
	display: inline;
	margin: 0 22px 10px 0px;
	
}
div.box .obrazok {
	margin:0px auto;
	border:2px solid #c8c8c8;
	overflow:hidden;
	width:120px;
	height:78px;
	background-color:#fff;

}
div.box .obrazok:hover  {
	border:2px solid #aaa;

}

#big_photo{
	width:620px;
	display:inline;
	float:left;
	overflow:hidden;
	margin-top:10px;
}

.thumbs{
	display:inline;
	float:left;
	width:437px;
	margin-top:10px;
}

.thumbnail{
width:81px;
height:81px;
display:inline;
float:left;	
margin:0px 4px 4px 0px;
}

#thumbnails{
	display:inline;
	float:left;
}

#prevnext{
color:#d0a24b;
	display:inline;
	float:left;
	line-height:30px;
}

#prevnext a{
color:#d0a24b;
}

#prevnext a:hover{
color: #fff;
}