@import "reset.css";

body {	background:#dedede  ; font-family:Arial;	font-size:12px;	line-height:18px;	color:#fff;	margin:0; padding:0}

.bg_site{ position:absolute; width:100%; height:50%; background:#dedede; z-index:0; top:0; left:0}
.clear {clear:both;}
.left{ float:left}
.right{ float:right}
a{ outline:none; color:#fff}
a:hover{ text-decoration:none}

/*==== GLOBAL =====*/
.inner-wrap{font-family:Arial, Helvetica, sans-serif; line-height:18px}



div.mid{position: absolute; height:555px!important;   z-index:100; width:1000px; left:50%; margin-left:-500px}

div.bg{ width:100%!important; position: absolute; height:555px!important; overflow:hidden; background:#fff ;border-top:15px #ebebeb solid; z-index:0; margin-top:80px;}
div.bg div.line_ { height:16px!important; background: url(../images/bg_div_bg_big.gif) top repeat-x; position: absolute; top:539px; z-index:110; width:100% }
div.bg img.bg_big{ width:100%; position:absolute; top:0px; left:0; position:relative}


/*===== header =====*/
.header{height:100px;   margin:0px auto; width:1000px; position: relative;  z-index:101; top:55px}
.header .nav{ position:relative;}
.header .nav ul li{ height:60px; float:left; margin-left:12px}


.header .nav ul li a{ font-size:20px; color:#3e3e3e; text-decoration:none;	display:block; text-transform:none; text-align: center; width:143px; padding-top:11px; line-height:20px;  padding-bottom:10px; height:20px;}
.header .nav ul li.active a{ background: url(../images/bg_pin_menu.gif) center center no-repeat; color:#fff}
.header .nav ul li a:hover{ background:url(../images/bg_pin_menu.gif) center center no-repeat; color:#fff	}

/*====================== Read More ====================*/
.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; }


/*===================== Sub Pages =====================*/


a.bg{ display:block; width:32px; height:32px; background-repeat:no-repeat; background-position: bottom; margin-right:10px; float:right; margin-top:20px}
a.bg:hover{ background-position:top}
a.bg_1{ background-image:url(../images/bg_1.gif)}
a.bg_2{ background-image:url(../images/bg_2.gif)}
a.bg_3{ background-image:url(../images/bg_3.gif)}
a.bg_4{ background-image:url(../images/bg_4.gif)}


.grid_1{ width:275px;}
.grid_2{ width:545px;}

.grid_3{ width:48%; }





a.more{ color:#fff; text-transform: uppercase; display:block; text-align: center; width:92px; height:14px; background:url(../images/bg_more.png) bottom no-repeat;
line-height:14px; font-size:14px; font-family:Arial; font-weight:bold; padding-bottom:8px; padding-top:8px;}
a.more:hover{  cursor:pointer; 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}
h1 { color:#fff}
div.pages h1{ text-transform:none; padding-bottom:12px; font-size:50px;}




div.pages h2{ color:#fff; font-size:24px; margin:0; padding:0; margin-bottom:16px;}


ul.li_h li{ margin-bottom:8px}



.right_20{ margin-right:20px;}
img.photo{ margin-bottom:10px}
b{ color:#fff;!important; text-transform:uppercase; display:block; font-weight:bold}
div#page1{ color:#191820}


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}

#content{ height:555px;  color:#fff; font-size:12px;}
#content .conteiner{ position: relative; z-index:1;  width:1000px; top:55px; right:0}
#content .conteiner>.extra-wrap{ width:1000px;	overflow:hidden;	position:relative; }
#content .pages{ width:8500px;	overflow:hidden;	position:relative;}
#content .page{	width:1000px; height:525px; margin-right:40px;  position:relative; float:left; margin-left:0px; }



div.bg_content{ background:url(../images/bg_content.png) top no-repeat;   position:relative; z-index:2; height:510px; }
div.content{ position: absolute; z-index:1; height:390px;  padding:45px 0px 0px 60px;  width:885px}

#content a.prev{ position:absolute;	left:10px;	top:230px; z-index:100;}

#content a.next{position:absolute;	right:10px;	top:230px;	z-index:100;}

#content strong{ text-transform:uppercase; display:block; font-size:12px; color:#e9e9e9; font-weight:normal}


.copy{ color:#5d5c62; font-size:12px; font-family:Arial, Helvetica, sans-serif; position:relative; text-align:center}
a.privacy{	color:#60818b; text-decoration:underline; font-size:12px;}
a.privacy:hover{color:#60818b; text-decoration:none}


/*===================== Scroll =====================*/
.scroll-pane {	overflow:hidden; }
.jScrollPaneContainer {	position: relative;	overflow:hidden	;	z-index: 1;}

.scroll_1 img{ height:143px}
.scroll_2 img{ height:93px}

.jScrollPaneTrack {	position: absolute;	cursor: pointer;	right: 1px;	top: 0;	background: #fff; width:13px!important; opacity:.7}
.jScrollPaneDrag {	position: absolute;	background:#cdcdcd ;	cursor: pointer;	overflow: hidden;	right:1px;	width:11px!important; opacity:1!important;}
.jScrollPaneDrag:hover{ background:#4f7d8b}
.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: 17px; background:url(../images/top.jpg) left top no-repeat; width:15px!important;}

a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0;	right: 0px;	text-indent: -2000px; overflow: hidden; height: 17px; background:url(../images/foot.jpg) left bottom no-repeat; width:15px!important}

a.jScrollArrowUp:hover{   }
 a.jScrollArrowDown:hover{   }





/*================= Contacts =========================*/

.notification_error{ height: auto;width:210px;padding: 2px;background: #e7913e; text-align: left; color:#f00; margin-bottom:2px; border: 1px solid #dbe9ed; }
.notification_ok{ border: 0px ; height: auto; width: 210px; padding: 8px; background: #e7913e; text-align: center;  } 
.info_fieldset { border: 0px  }
.info_fieldset legend { border: 0px #dddddd solid;  color: black;   font: 13px Verdana;  padding: 2px 5px 2px 5px; }

.button {  cursor:pointer; color:#fff; text-transform: uppercase; display:block; text-align: center; width:92px; height:41px; background:url(../images/bg_more.png) bottom no-repeat; line-height:41px; font-size:14px; font-family:Arial; font-weight:bold; padding-top:11px; border:0;}
.button:hover{ text-decoration: underline}

/* Label */
label  { width: 70px;  margin: 0px; float: left; text-align: left; }

/* Input, Textarea */
input{ margin: 0px; padding: 0px;  float: left; border: 2px solid #dbe9ed;  color: #fff; background:#e7913e; font: 12px Arial, Helvetica, Arial, sans-serif; height:22px; margin-bottom:3px; width:200px }

textarea{margin: 0px; padding: 0px;  float: left; background:#e7913e; border: 2px solid #dbe9ed;  color: #d9d4d1;   font: 12px Arial, Helvetica, Arial, sans-serif; height:68px; margin-bottom:3px; width:200px }

.centr{ width:1000px; margin:0 auto; position:relative; height:750px}
.logo{ display:block; width:266px; height:59px;  margin-left:60px; position:relative; }


div.main_content{ width:1000px; height:223px; background:url(../images/bg_main_page.png) top no-repeat; margin-top:280px}
div.main_content h2{ color:#fff; font-size:60px; line-height:60px; padding-top:50px; padding-left:30px; float:left;}
a.for_content{ width:310px; height:80px; background:url(../images/for_content.jpg) top no-repeat; position:relative; display:block; float:right; top:72px; right:68px}

.next img, .prev img{ opacity:.7}
.next img:hover, .prev img:hover{ opacity:1}

.left_20{ margin-left:20px}