@import "reset.css";
body { font-family: "Times New Roman";text-align:left; padding:0; margin:0; background:#28211c url(../images/bg_header.jpg) top no-repeat; }


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


h1{font-family: 'GabrielleRegular'; font-weight:normal; color:#28211c; font-size:48px; margin-bottom:20px; line-height:50px}
h2{ font-family:"Times New Roman", Times, serif; font-size:24px; line-height:40px; color:#141210; font-weight:normal; text-transform:uppercase }
h3{ font-family:"Times New Roman", Times, serif; font-size:24px;  color:#141210; font-weight:normal;uppercase }


img.woman{ position:absolute; top:72px; left:440px; z-index:100}


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

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

.grid_1{ width:535px;}
.grid_2{ width:520px;}
.grid_3{ width:243px;}
.grid_4{ width:290px;}
.grid_5{ width:585px;}
.grid_6{ width:263px}


.top_20{ margin-top:20px}
.right_30{ margin-right:30px}
.left_30{ margin-left:30px}
.left_55{ margin-left:55px}
.top_50{ margin-top:50px}
.top_33{ margin-top:33px}
.bot_20{ margin-bottom:20px}

.centr{ width:993px; margin:0 auto; z-index:0; position:relative}

.height_20{ height:20px}

@font-face {
    font-family: 'GabrielleRegular';
    src: url('gabrielle-webfont.eot');
    src: url('gabrielle-webfont.eot?#iefix') format('embedded-opentype'),
         url('gabrielle-webfont.woff') format('woff'),
         url('gabrielle-webfont.ttf') format('truetype'),
         url('gabrielle-webfont.svg#GabrielleRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*   --------------------------------header---------------------------------------------*/ 

/*   --------------------------------top---------------------------------------------*/ 
div.top{ height:75px;  padding:15px 10px 0 10px}
.logo{ display:block; text-decoration:none!important }
.logo h1{ color:#e6d6aa;  font-family: 'GabrielleRegular'; font-size:36px; line-height:38px; font-weight:normal}
.logo h1 span{ color:#fec54b; font-size:48px; font-weight:normal}
.logo p{ color:#837569; font-family:"Times New Roman"; font-size:14px; margin-top:-20px}

/* ----------------------------------menu-------------------------------------------*/ 

div.menu{ margin-top:10px}
div.menu a{ display:block; font-size:20px; color:#83786d; float:left; text-decoration:none; width:110px; height:33px; text-align:center; padding-top:2px; }
div.menu a span{ display:block; font-size:20px; color:#83786d; float:left; text-decoration:none; width:104px; height:33px; text-align:center; color:#f0ba481!important;padding-top:4px }

div.menu a span:hover{ color:#e7d7c7}
div.menu a.act{ background:url(../images/bg_act_left.gif) left top no-repeat; color:#f0ba48!important; margin-top:2px; padding-top:2px  }
div.menu a.act span{ background:url(../images/bg_act_right.gif) right top no-repeat;  color:#f0ba481!important; margin-top:-2px; color:#f0ba48; margin-left:2px; padding-top:4px}

/* -------------------------------------content----------------------------------------*/ 
.content{ background: url(../images/bg_content.jpg) top left repeat-x;   }
.bg_cont{ background:url(../images/bg_content_center.png) top; color:#141210; font-size:14px; line-height:24px; font-family:"Times New Roman", Times, serif }
.shadow_cont{ background:url(../images/shadow_cont.jpg) top no-repeat; height:8px}

.bg_grid{ background-color:#958369;-moz-border-radius:23px; -webkit-border-radius:23px; border-radius:23px; padding:15px 30px 25px; border-color:#938167 }
.bg_grid p{ text-transform:uppercase; color:#f4ead3; font-size:14px; line-height:24px; font-family: "Times New Roman", Times, serif}
.read{ background:url(../images/bg_read.gif) left no-repeat; display:block; width:106px; height:29px; text-align:center; font-size:12px; color:#fff; text-decoration:none!important; text-transform:uppercase; line-height:28px}
.read:hover{ text-decoration:underline!important}


.read_more{ background:url(../images/bg_read_more.png) left no-repeat; padding-left:15px; text-transform:uppercase; text-decoration:none!important; font-size:12px; margin-top:10px}
.read_more:hover{ text-decoration:underline!important}

ul.list{ margin-top:-10px} 
ul.list li a{ background:url(../images/bg_list.png) left no-repeat; padding-left:35px; display:block; font-family:"Times New Roman", Times, serif; font-size:20px; line-height:38px; text-decoration:none; color:#693d1b}
ul.list li a:hover{ text-decoration:underline}


a.baner{ display:block; width:288px; height:188px; background:url(../images/baner_cont.jpg) no-repeat}

.bot_cont{ background: url(../images/bottom_cont.jpg) bottom no-repeat; height:3px}

a.mail{ color:#693d1b; font-size:20px}

.bg{ background:url(../images/bg.jpg)}

/* -----------------------------------footer------------------------------------------*/ 

div.footer{ background:url(../images/bg_footer.jpg) bottom no-repeat; height:174px}
.bot_menu{padding-top:20px; margin-left:10px}
div.footer p{ color:#676258; font-size:12px; margin:30px 10px}

big{ font-family: 'GabrielleRegular'; color:#b0a280; font-size:22px; padding-top:40px; display:block; margin-right:20px}
big span{ color:#aa8f67}
.pins{ margin:25px 20px}



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

.notification_error{ height: auto;width: 96%;padding: 2px;background: #fff; text-align: left; color:#f00; margin-bottom:2px; border: 1px solid #c9c9c9;
 margin-bottom:10px}
 .notification_ok{  border: 1px solid #c9c9c9; height: auto; width: 96%; padding: 8px; background:#fff; text-align: center;  } 
.info_fieldset { border: 0px  }
 .info_fieldset legend { border: 1px #c9c9c9 solid;  color: black;   font: 13px  Arial;  padding: 2px 5px 2px 5px; }

.pin { cursor:pointer;  margin-top:13px;   border: 0;  font-size:16px ; line-height:18px; color:#fff; float:left; margin-left:70px; background: url(../images/bg_read.gif) top no-repeat; width:106px; height:29px; text-align:center;font-family: 'ArchangelskRegular'; text-transform:uppercase; }

/* Label */
label  { width:90px;  margin: 0px; float: left; text-align: left;  text-transform:uppercase; color:#f4ead3; font-size:14px; line-height:24px; font-family: "Times New Roman", Times, serif}

/* Input, Textarea */
 input{ margin: 0px; padding: 0px;   border: 2px solid #e3ded6;  color: #161616; background:#b9aa8b; font: 12px Arial, Helvetica, Arial, sans-serif; height:25px; margin-bottom:5px; width:440px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

 textarea{margin: 0px; padding: 0px;  float: left; background:#b9aa8b; border: 2px solid #e3ded6;  color: #161616;   font: 12px Arial, Helvetica, Arial, sans-serif; height:100px; margin-bottom:6px; width:440px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

/* ============================= Dialog ====================== */

.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; }

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

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


#anima a{display: block;text-decoration: none; float:right; height:25px; width:25px; margin-right:15px}

/* ----- script begin ----- */

#faded {
	width:1001px;
	height:406px;
	overflow: hidden;
	position: relative;
	right: 00px;
	top: 0px;background:url(../images/bg_head.jpg) no-repeat; padding:9px 0 0 9px	}

#faded li.bg_img_1{ background:url(../images/slide_1.jpg) left no-repeat; width:970px; height:338px}
#faded li.bg_img_2{ background:url(../images/slide_2.jpg) left no-repeat; width:970px; height:338px}
#faded li.bg_img_3{ background:url(../images/slide_3.jpg) left no-repeat; width:970px; height:338px}


div.head{ letter-spacing:-0.03em; color:#b99b45;  font-size:16px; width:233px; float:right;  line-height:24px;  height:188px; margin-right:-25px; padding: 150px 0 0 110px }
.height_10{ height:7px}
.link_head{ background:url(../images/bg_link_head.png) left 8px no-repeat;  display:block; padding-left:20px; color:#cebe96!important; font-family:"Times New Roman", Times, serif; font-size:24px; top:325px; right:50px; position:absolute;}


ul.pagination {
	width:180px;
	overflow: hidden;
	position: absolute!important;
	top: 375px;
	right: 375px;
	
}

	ul.pagination li { width:21px ; height:21px; float:left; margin-right:10px}
		ul.pagination li a {
		background:url(../images/disk.png) top no-repeat;
			display: block;
			width: 21px;
			height: 21px;
			text-decoration: none;
			 text-indent:-999px;
		}
		
		ul.pagination li a:hover {
background:url(../images/disk_act.png) top no-repeat;
		}
		
		ul.pagination li.current a {
background:url(../images/disk_act.png) top no-repeat;
		}