@import "reset.css";
body { font-family:Georgia;font-size:12px;line-height:16px;color:#2e291f;text-align:left; background-color:#f6f1e8; padding:0; margin:0}


a       { color:#2e291f; text-decoration:underline; cursor:pointer; outline:none; }
a:link  { color:#2e291f; text-decoration:underline;}
a:hover { color:#2e291f; text-decoration:none;}
a:active{ color:#2e291f	; text-decoration:underline;}


.clear  {clear:both;}
.left{ float:left}
.right{ float:right}
.red { color:#FF0000;}

.left_column{ float:left;}
.right_column{ float:right;}

.grid_1{ width:265px;}
.grid_2{ width:675px;}
.grid_3{ width:306px}
.grid_4{ width:192px}
.grid_5{ width:475px}
.grid_6{ width:325px}
.grid_7{ width:610px}


.right_20{ margin-right:20px}
/*   -----------------------------------------------------------------------------*/ 
div.top{ height:460px; background:url(../images/bg_top.jpg) top repeat-x;}
div.banner{ height:170px; background:url(../images/bg_3.jpg) top repeat-x}
div.content_top{ min-height:100px; background:url(../images/bg_1.jpg) top repeat}
div.content_foot{ min-height:100px; background:url(../images/bg_2.jpg) top repeat}
div.line_w{ height:11px; background:url(../images/shadow.jpg) top no-repeat}
div.footer{ height:112px; background:url(../images/bg_footer_fon.jpg) top repeat-x; border-bottom:1px #fff solid}

.centr{ width:960px; margin:0 auto}


div.footer div.centr{ background:url(../images/bg_footer.jpg) top no-repeat; padding-top:25px; height:80px; font-size:12px; font-family:Arial; color:#675743; line-height:19px}

div.banner div.centr{ background:url(../images/bg_baner.jpg) 50% 8px  no-repeat; height:170px;}
	.banner .centr .left h1{ color:#2e291f; font-size:30px; font-family:Georgia; line-height:30px; font-style:italic; padding-top:85px; font-weight:normal;}
	.banner .centr .left small{color:#2e291f; font-size:12px; font-family:Georgia;font-style:italic; font-weight:bold; line-height:28px}
	
	

a.logo{ padding-top:100px; display:block; width:475px} 



.content_top .centr{ padding-top:10px; padding-bottom:20px}

.content_foot .centr{padding-top:25px; padding-bottom:20px}



/* -----------------------------------------------------------------------------*/ 


.bg_table{ border:1px #dbd2bf  solid; background:url(../images/bg_2.jpg) top repeat; }

img.top_left{ margin-left:-1px; margin-top:-1px}
img.right_top{  margin-right:-1px; margin-top:-1px}
img.left_foot{ margin-left:-1px; margin-bottom:-1px}
img.right_foot{  margin-right:-1px; margin-bottom:-1px}

.text, .block, .content_foot{ padding:12px; font-size:12px; font-style:italic; line-height:18px}
.text h1, .content_foot h1{ font-size:18px; font-family:Georgia; font-style:italic; font-weight:bold; margin:0; padding:0; margin-left:20px; color:#645a46}
 h2{ font-size:18px; font-family:Georgia; font-style:italic; font-weight:bold; margin:0; padding:0; margin-left:20px; margin-top:25px; color:#645a46}


.text a, .block a{ font-style:italic; font-weight:bold}
.line{ height:5px; border-bottom:1px #959087 solid; padding-bottom:4px; margin-top:3px; margin-bottom:12px; }

.block{ padding:0 20px}
.list a{ line-height:22px}


a.read{ display:block; width:100px; height:35px; line-height:26px; text-decoration:none; background:url(../images/bg_read_more.png) top no-repeat; text-align:center; color:#fff; font-size:13px; margin-top:8px; font-weight:bold}
a.read:hover{ color:#000}

img.photo{ border:3px #fff solid}
img.top_photo{ margin-bottom:10px;}


div.bg_photo{ padding-bottom:10px; background:url(../images/bg_photo.png) right bottom no-repeat}

a.more{ color:#b56502;} 
/* -----------------------------------------------------------------------------*/ 
#read_more h4, #read_more{ color:#645a46}
#read_more h4{ margin:0px 0px 10px 0px ; font-size:24px; line-height:30px; padding:0}

/* -----------------------------------------------------------------------------*/ 

#contact_form td{ color:#300000; padding-bottom:2px; vertical-align:top}
.sub{ display:block; width:100px; height:34px;  text-decoration:none; background:url(../images/bg_read_more.png) top no-repeat; text-align:center; color:#fff; font-size:14px; margin-top:8px; font-weight:bold; border:0; padding-bottom:6px; cursor:pointer}
	.sub:hover{ color:#000}

	
.input_contact{background-color:#ece4d0;
	width:400px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#300000;
	border:1px solid #c6c2b9;
	margin-bottom:2px}
	
.textarea_contact{background-color:#ece4d0;
	width:400px;
	height:160px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#300000;
	border:1px solid #c6c2b9;margin-bottom:4px}
	
.select{background-color:#fff;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #d2dce6;}

	
/* -----------------------------ANIMA-----------------------------------------------*/ 

#anima{width: 200px; padding-top:100px; float:right}

#anima ul{	list-style: none;}

#anima ul li{height: 50px;}

#anima ul li a{text-indent: 22px;	display: block;	text-decoration: none;	color: #fff; font-family:Georgia; font-size:18px; font-style:italic}

#anima ul li a:hover{}

.bg_1{ background:url(../images/bg_2.png) top left no-repeat; height:50px; line-height:35px}
.bg_2{ background:url(../images/bg_1.png) top left no-repeat; height:50px; line-height:35px}


/* ---------------------------MENU-------------------------------------------------*/ 

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

.nav { font-family: Arial, Helvetica, sans-serif; z-index: 100; position: relative; float:left}
.nav li { float: left; margin: 0; padding: 0; }
.nav li a{ color:#fff; font-size:20px; font-family:Georgia; display:block; height:69px; text-align:center; line-height:50px;  display:block; 
background:url(../images/bg_menu_left.png) bottom left no-repeat; padding-left:30px; margin-right:5px; line-height:69px}
	.nav li a span{ display:block; background:url(../images/bg_menu_right.png) bottom right no-repeat; height:69px; padding-right:31px}
.nav li a:hover, .nav li a.act { color: #fff; text-decoration:none;background:url(../images/bg_menu_left.png) top left no-repeat;} 
.nav li a:hover span, .nav li a.act span{background:url(../images/bg_menu_right.png) top right no-repeat;}
.nav li a, 
.nav li a:link{display: block; text-decoration: none;}


.nav ul { background:url(../images/first.png) top no-repeat;  list-style: none; margin: 0; width: 240px!important; position: absolute; top: -999em; padding-top:16px
 /*webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright   : 5px;
    -moz-border-radius-bottomright  : 5px;
 
  -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft   : 5px;
    -moz-border-radius-bottomleft  : 5px;
	*/
	
	
}

.nav li.sfHover ul { top:69px; }
.nav li:hover ul { top:69px}
.nav ul li {  float: none; height:30px; border-bottom:1px #fff dotted; width: 240px; background:url(../images/bg_png_ul.png) top repeat}
.nav ul a { border-bottom: 0; width: 200px; white-space: nowrap; font-size:14px; font-family:Arial; color:#fff; height:30px; line-height:30px; text-align:left; padding-left:28px; text-transform:none; background:url(../images/arrow.gif) 5% 13px no-repeat}
.nav ul a:hover { color: #ffa73a; background:url(../images/arrow_hover.gif) 5% 13px no-repeat} 
.nav ul li.last{ background:url(../images/last.png) bottom no-repeat; border:0; height:30px}
.cood{ background:url(../images/bg_png_ul_top.png) top left no-repeat;}

/* --------------------------CARUSEl-------------------------------------------------*/ 
#waterwheelCarousel {
width:960px;
    height:280px;
	overflow:hidden
}
#waterwheelCarousel img {
    display:none;
    cursor:pointer;
	border:5px #fff solid
}