@import "reset.css";
body {	background:#98bb6f  ; font-family:Arial;	font-size:12px;	line-height:16px;	color:#000;	margin:0; padding:0}
.bg_site{ position:absolute; width:100%; height:100%; background:url(../images/bg_site.jpg) center  45% no-repeat; z-index:0; top:0; left:0}
.clear {clear:both;}
.left{ float:left}
.right{ float:right}
a{ outline:none; color:#da8588}
a:hover{ text-decoration:none}
.inner-wrap{font-family:Arial, Helvetica, sans-serif; line-height:18px}
.header{	height:50px;		margin:0; padding:0;  padding-top:15px; padding-bottom:20px}
.footer {	height:50px;}
.header .nav{ position:relative; height:42px; width:930px; background:url(../images/bg_menu.png) top no-repeat; padding-left:36px; padding-right:24px; padding-top:8px}
.header .nav ul li{	float:left;}
.header .nav ul li a{ font-size:25px; color:#fff; text-decoration:none;	display:inline-block; text-transform:uppercase; width:160px; height:40px; padding-top:5px; text-align:center}
.header .nav ul li.active a{ background: url(../images/bg_pin.jpg) top no-repeat; }
.header .nav ul li a:hover{ background: url(../images/bg_pin.jpg) top no-repeat;}
#content{ height:560px;  color:#3a3a3a; font-size:12px}
#content .conteiner{ position:relative; z-index:1}
#content .conteiner>.extra-wrap{ width:923px;	overflow:hidden;	position:relative; margin-left:40px}
#content .pages{ width:7950px;	overflow:hidden;	position:relative;}
#content .page{	width:923px; height:505px; margin-right:0px; margin-right:40px; position:relative; float:left;}
div.bg_content{ background:url(../images/bg_content.png) top repeat;  height:445px; margin-top:40px; position:relative; z-index:2}
div.content{ position: absolute; z-index:1; height:380px; width:850px; padding:35px 0px 0px 35px; overflow:hidden}
#content a.prev{ position:absolute;	left:10px;	top:652px;	background:url(../images/left.png) top no-repeat;	width:22px;	height:30px; z-index:100}
#content a.prev:hover{	background-position:bottom;}
#content a.next{position:absolute;	right:18px;	top:652px;	background:url(../images/right.png) top no-repeat;	width:22px;	height:30px; z-index:100}
#content a.next:hover{	background-position: bottom;}
#content strong{ text-transform:uppercase; display:block; font-size:12px; color:#000}
.footer{ font-size:11px; text-align:right; color:#d8f4b7;}
.footer a.privacy{	color:#fff; text-decoration:underline}
.footer a.privacy:hover{color:#fff; text-decoration:none}
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; font-size:12px; font-family:Arial }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
div.mid{ width:1000px; position: absolute; }
a.bg{ display:block; width:16px; height:16px; background-repeat:no-repeat; background-position:bottom; margin-left:10px; float:left; }
a.bg:hover{ background-position:top}
a.bg_1{ background-image:url(../images/img_1.jpg)}a.bg_2{ background-image:url(../images/img_2.jpg)}a.bg_3{ background-image:url(../images/img_3.jpg)}a.bg_4{ background-image:url(../images/img_4.jpg)}img.line_2{ margin:20px 5px 0}.grid_1{ width:500px;}.grid_2{ width:315px;}.grid_3{ width:270px; }.grid_4{ width:200px;}.grid_5{ width:280px; margin-left:40px}.grid_6{ width:240px; }.grid_7{ width:230px; }.more{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#da8588; text-transform:uppercase; cursor:pointer; padding-left:30px; background:url(../images/bg_more.png) left no-repeat; line-height:30px; height:30px; display:block; width:100px; }
.more:hover{ text-decoration:underline}
.links{ font-size:12px; font-family:Arial, Helvetica, sans-serif; cursor:pointer; padding-left:25px; background:url(../images/bg_links.png) left no-repeat; line-height:20px; display:block; }
.links:hover{ text-decoration:none}
div.pages h1{ color:#383838; font-size:55px; line-height:50px;margin:0; padding:0; margin-bottom:18px}
div.pages h1 span{ display:block; } .flover{ margin:7px 5px 0px 5px;}
div.pages h1 span.special_2{ line-height:60px}
div.pages h1 span.special_3{ font-size:36px; color:#ec581e; margin-left:20px}
div.pages h2{ color:#444; font-size:30px; margin:0; padding:0; margin-bottom:16px;}
ul.li_h li{ margin-bottom:8px}
.right_20{ margin-right:20px;}
img.photo{ border:1px #b6b6b6 solid; padding:2px ; background-color:#fff}
b{ color:#da8588;!important; text-transform:uppercase; display:block}
a.top_links{ display:block; color:#fff; text-decoration:none; height:13px; background:url(../images/bg_top_links.png) left bottom no-repeat; padding-left:20px; float:right}
a.top_links:hover{ text-decoration: underline; background-position:top left}
.scroll-pane {	overflow:hidden; }
.jScrollPaneContainer {	position: relative;	overflow:hidden	;	z-index: 1;}
.scroll-pane img{ height:91px}
.jScrollPaneTrack {	position: absolute;	cursor: pointer;	right: 0;	top: 0;	background: #e7e7e7; width:14px!important}
.jScrollPaneDrag {	position: absolute;	background:#acacac ;	cursor: pointer;	overflow: hidden;	right:0px;	width:14px!important; margin-top:1px;
 -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.jScrollPaneDrag:hover{ background:#a4c380}
.jScrollPaneDragTop { position: absolute;	top: 0;	left: 0; overflow: hidden; height:0px;}
.jScrollPaneDragBottom { overflow: hidden; height:0px; }
a.jScrollArrowUp {	display: block;	position: absolute;	z-index: 1;	top: 0;	right: 0px;	text-indent: -2000px; overflow: hidden;	height: 14px; background:url(../images/top.gif) left -15px no-repeat; width:14px!important;}
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0;	right: 0px;	text-indent: -2000px; overflow: hidden; height: 14px; background:url(../images/foot.gif) left -15px no-repeat; width:14px!important}
a.jScrollArrowUp:hover, a.jScrollArrowDown:hover{ background-position:top}
#faded {	width:1000px;	height:558px;	overflow: hidden;	position: absolute; z-index:0; background:url(../images/bg_slide.png) center 10px no-repeat}
#faded ul.show{ margin-left:5px; margin-top:10px}
ul.pagination {	width:128px;	height:22px;	overflow: hidden;	position: absolute !important;	top:530px; right:44%;	z-index:1000; background-color:#edf6e3; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding-top:4px}
	ul.pagination li { width:18px ; height:18px; float:left; margin-right:2px; margin-left:5px}		ul.pagination li a {		background: url(../images/disk.gif) top no-repeat;			display: block;			width: 18px;			height: 18px;			text-decoration: none;			 text-indent:-999px;		}				ul.pagination li a:hover {background: url(../images/disk_act.gif) top no-repeat;		}				ul.pagination li.current a {background:url(../images/disk_act.gif) top no-repeat;		}.bg_oil{ position:absolute; z-index:1; width:345px; height:190px; background: url(../images/bg_oil.png) top no-repeat; right:-16px; top:460px}