@import "reset.css";

body {	background:#e4e4e4 ; font-family:Arial;	font-size:12px;	line-height:16px;	color:#000;	margin:0; padding:0}

.clear {clear:both;}
.left{ float:left}
.right{ float:right}
a{ outline:none; color:#0f6180}
a:hover{ text-decoration:none}

/*==== GLOBAL =====*/
.inner-wrap{ color:#3a3a3a;  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 =====*/

.header .nav{ position:relative}
.header .nav ul li{	float:left;}


.header .nav ul li a{ font-size:26px; color:#242323; text-decoration:none;	padding:20px 28px 0 28px;	display:inline-block;}
.header .nav ul li.active a{ background: url(../images/bg_act.gif) top no-repeat; color:#242323}
.header .nav ul li a:hover{ background: url(../images/bg_act.gif) top no-repeat; color:#242323}
.header .banner{ position:absolute;	left:0px;	top:0px;}


#content{ height:507px; background:url(../images/line.gif) bottom repeat-x; margin-bottom:10px; color:#3a3a3a; font-size:12px}
#content .conteiner{ width:960px;margin-left:38px}
#content .conteiner>.extra-wrap{ width:925px;	overflow:hidden;	position:relative;}
#content .pages{ width:7720px;	overflow:hidden;	position:relative;}
#content .page{	width:923px; height:505px; margin-right:40px; position:relative; float:left; }

#content a.prev{ position:absolute;	left:-10px;	top:350px;	background:url(../images/left.jpg) top no-repeat;	width:59px;	height:83px;}
#content a.prev:hover{	background-position:bottom;}

#content a.next{position:absolute;	right:-10px;	top:350px;	background:url(../images/right.jpg) top no-repeat;	width:59px;	height:83px;}
#content a.next:hover{	background-position: bottom;}

#content strong{ text-transform:uppercase; display:block; margin-bottom:6px; font-size:12px; color:#000}
/*------------------------------------ footer ------------------------------------------------ */

.footer{ font-size:11px}
.footer a.privacy{	color:#3a3a3a; text-decoration:underline}
.footer a.privacy:hover{color:#3a3a3a; 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-right:10px; float:right; margin-top:20px}
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:430px;padding-right:20px}
.grid_2{ width:320px;padding-right:20px; }
.grid_3{ width:270px;padding-right:20px; }
.grid_4{ width:285px;padding-right:30px; }
.grid_5{ width:600px;padding-right:10px; }


.more{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#0f6180; text-transform:uppercase; cursor:pointer; padding-left:30px; background:url(../images/bg_more.jpg) left no-repeat; line-height:30px; height:30px; display:block; width:100px; margin-top:10px}
.more:hover{ text-decoration:underline}

.links{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#0f6180; cursor:pointer; padding-left:30px; background:url(../images/bg_more.jpg) left no-repeat; line-height:30px; height:30px; 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; }
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; margin-top:25px}

div#page2{ background:url(../images/photo_2.jpg) top left no-repeat}
div#page3{ background:url(../images/photo_6.jpg) -3px bottom no-repeat}
div#page4{ background:url(../images/photo_7.jpg) left bottom no-repeat}
div#page5{ background:url(../images/photo_8.jpg) left bottom no-repeat}
div#page6{ background:url(../images/photo_9.jpg) left bottom no-repeat}


.right_20{ margin-right:20px;}
.photo{ border:1px #b6b6b6 solid; padding:2px ; background-color:#fff}
b{ color:#ec581e;!important; text-transform:uppercase; display:block}



.scroll-pane {	overflow:hidden; }
.scroll-pane  img{ height:91px}
.scroll-pane a img{ height:79px}
.jScrollPaneContainer {	position: relative;	overflow:hidden	;	z-index: 1;}


.jScrollPaneTrack {	position: absolute;	cursor: pointer;	right: 0;	top: 0;	background: #fff; width:19px!important}
.jScrollPaneDrag {	position: absolute;	background:#97938b ;	cursor: pointer;	overflow: hidden;	right:0px;	width:19px!important;}
.jScrollPaneDrag:hover{ background:#ec581e}
.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: 19px; background:url(../images/top.gif) top no-repeat; width:19px!important}

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


.par a img{ margin-right:5px; margin-bottom:10px; margin-top:10px}


/*==========================================*/

.notification_error{ height: auto;width: 90%;padding: 4px;background: #ededed; text-align: left; color:#f00; margin-bottom:5px}
.notification_ok{ border: 0px #567397 solid; height: auto; width: 90%; padding: 8px; background: #f5f9fd; text-align: center;  } 
.info_fieldset { border: 0px #dddddd solid; }
.info_fieldset legend { border: 0px #dddddd solid;  color: black;   font: 13px Verdana;  padding: 2px 5px 2px 5px; -moz-border-radius: 3px; }

.button { border: 0px solid #999999;  background: white; color: #333333; cursor:pointer; height:30px; background:url(../images/bg_more.jpg) left 50% no-repeat; width:100px; color:#0f6180; font-size:12px; text-transform:uppercase; text-decoration:underline; }
.button:hover{ text-decoration:none}

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

/* Input, Textarea */
input{ margin: 0px; padding: 0px;  float: left; border: 1px solid #3c3c3c;  color: #000; background:#ededed; font: 12px Arial, Helvetica, Arial, sans-serif; height:20px; margin-bottom:3px; width:200px }

textarea{margin: 0px; padding: 0px;  float: left;background:#ededed; border: 1px solid #3c3c3c;  color: #000;   font: 12px Arial, Helvetica, Arial, sans-serif; height:100px; margin-bottom:3px; width:200px }
.if{ display:block}