@import "reset.css";
body {	background:#000 url(../images/bg_site.jpg) repeat 40px center ;   font-family:Arial;	font-size:12px;	line-height:15px;	color:#ece5d9;	margin:0; padding:0; text-align:left}
div.menu{background: url(../images/menu.jpg) left repeat-x; height:249px;  z-index:10; }
div.bg_center{ background:url(../images/bg_center.jpg) top no-repeat; min-height:890px; z-index:1000000000}
p.tittle{ font-size:16px; color:#fff; line-height:17px; margin:-30px 0 0 20px; }

.clear {clear:both;}
.left{ float:left}
.right{ float:right}


a{ outline:none!important; color:#fff}
a:hover{ text-decoration:none}

h1{ font-size:20px; line-height:20px; color:#fff; padding-bottom:15px}
h2{ font-family: 'ScriptinaRegular'; font-size:80px; line-height:120px; font-weight:normal; color:#fff;  overflow:hidden }
h2 span{ font-size:50px; padding-left:55px; margin-top:-194px; display:block }
h2{}
h3{}
h4{}
h5{font-family: 'ScriptinaRegular'; font-size:35px; line-height:60px; color:#fff; float:right; font-weight:normal}

div.center{ width:956px; margin:0 auto; z-index:0; position:relative;}
.color{ color:#787878}
/*===================== Sub Pages =====================*/
.grid_1{ width:305px;}
.grid_2{ width:262px;}
.grid_3{ width:600px;}
.grid_4{ width:250px;}
.grid_5{ width:285px;}
.grid_6{ width:495px;}
.grid_7{ width:355px;}
.grid_8{ width:430px}
.grid_9{ width:600px}
.grid_10{ width:330px;}
.grid_11{ width:530px;}

.height_10{ height:10px}

.left_13{ margin-left:13px}
.left_85{ margin-left:85px}
.top_10{ margin-top:10px}
.left_10{ margin-left:10px}
.right_20{ margin-right:20px}
.underline{ text-decoration:underline}
.upp{ text-transform:uppercase}

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

}

	/* ============================= JS START ===================================== */
.inner{ background:url(../images/bg_slide.png) no-repeat; width:573px; height:320px;padding: 22px 0 0 17px; float:left; margin-left:-20px}
.carousel-box {	position: relative;	padding:0px ; margin:20px }
.carousel-box .carousel {
		height: 304px;
		overflow: hidden;
		width:201px}

.carousel-box a.next  {
		width: 70px;
		height: 80px;
		overflow: hidden;
		border: none!important;
		position: absolute;
		top: 110px;
		left: -11px;
		z-index: 200;
		cursor: pointer; outline:0 ;  margin:0; padding:11px;
		background:transparent
		}
	
		
.carousel-box a.prev{
		width: 70px;
		height: 80px;
		overflow: hidden;
		border: none;
		position: absolute;
		top: 110px;
		right: -55px;
		z-index: 200;
		cursor: pointer; outline:none;  margin:0; padding:11px}
		
img.next {
filter:alpha(opacity=70);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
img.prev {
filter:alpha(opacity=70);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.carousel-box button.next:active, .carousel-box button.prev:active, .carousel-box button.next:link, .carousel-box button.prev:link{ margin:0;padding:11px; outline:none!important; border:0!important}
.carousel-box .carousel ul{ width:201px;  height:304px; margin:0; padding:0}		
.carousel-box .carousel ul li{ float:left; width:556px; height:297px; display:block;  position:relative }
/* ============================== JS END ====================================== */
/* ============================== top begin ====================================== */
div.top{ height:100px}
div.top a.logo{ display:block; float:left; width:382px; height:90px; margin:10px 0 0 0}
div.top a.mail{ background:url(../images/mail.png) top no-repeat; width:68px; height:0px; float:right; margin:35px 82px 0 0; padding-top:35px; text-align:center; color:#fff; font-size:11px; display:block; text-decoration:none }
div.top a.mail:hover{ text-decoration:underline}
/* ============================== top end ====================================== */
/* ============================== nav====================================== */
div.nav a{ display:block; float:left; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;text-shadow: 1px 1px #000; padding:0 20px; line-height:65px }
div.nav a:hover ,a.act{ background:url(../images/hover_menu.png) left 10px repeat-x; color:#ffcc00}
div.nav img{ float:left; margin-top:10px}
/* ============================== nav end====================================== */
/* ============================== banner ====================================== */
.banner{ background-color:#fff; width:288px; height:203px; padding:9px 9px 0 }
.banner p{ color:#3c3c3c; display:block; width:260px; margin:10px 0 0 10px}
.img_ban1{ background:url(../images/img1.jpg) left top; width:288px; height:38px;padding-top:63px}
.img_ban2{ background:url(../images/img2.jpg) left top; width:288px; height:38px;padding-top:63px}
.img_ban3{ background:url(../images/img3.jpg) left top; width:288px; height:38px;padding-top:63px}
.description{ background:url(../images/line_banner.png) bottom left repeat-x; height:31px; font-size:20px; color:#fff; padding:7px 0 0 13px; line-height:25px }
a.read{ font-size:11px; font-weight:bold; color:#fff; text-decoration:none; text-transform:uppercase; line-height:37px; display:block; background:url(../images/read.png) no-repeat; width:87px; height:35px; text-align:center; }
a.read:hover{ color:#ffe52d}
/* ============================== banner end====================================== */
/* ============================== content ====================================== */
.content{ width:890px; padding:30px 25px 0}
.content strong{ color:#ffe21d; display:block; margin-bottom:10px}
.photo{ border:solid 4px #fff}
/* ============================== content end ====================================== */
/* ============================== bot_content ====================================== */
.bot_cont{ width:600px; padding:0px 0 0 25px}
.bot_cont strong{ color:#ffe21d; display:block;margin-bottom:10px}
.photo{ border:solid 4px #fff}
ul.list li a{ background:url(../images/list.png) left no-repeat; padding-left:15px; text-decoration:none; line-height:27px}
ul.list li a:hover{ text-decoration:underline}
/* ============================== bot_content end ====================================== */
/* ============================== footer ====================================== */
.border{ height:48px; background:url(../images/border.png) left repeat-x}
.footer{  min-height:200px; background:url(../images/footer.png) left top repeat; padding-top:48px}
div.data{ background:url(../images/data.png); width:35px; height:22px; text-align:center; color:#000; font-size:14px; text-transform:uppercase; font-weight:bold; padding-top:15px; float:left; margin-right:10px}
a.more{ color:#ff8627; font-weight:bold; margin-top:20px; display:block}
div.contacts{ font-size:16px; line-height:20px; width:262px}
div.contacts p{ font-size:12px; line-height:20px; color:#88776d; margin-top:15px}
div.pins{ margin-top:10px}
/* ============================== footer end ====================================== */
/*================= Contacts =========================*/
.notification_error{ height: auto;width: 96%;padding: 2px;background: #260801; text-align: left; color:#f00; margin-bottom:3px; border: 1px solid #9f7650; }
.notification_ok{ border: 0px ; height: auto; width: 96%; padding: 8px; background: #260801; text-align: center;  } 
.info_fieldset { border: 0px  }
.info_fieldset legend { border: 0px #9f7650 solid;  color:#f00;   font: 13px Verdana;  padding: 2px 5px 2px 5px; }

.pin{ width:88px; margin-left:100px; background:url(../images/read.png) left no-repeat; display: block;  height:35px;  color:#fff; text-decoration:none; text-align:center; line-height:27px; font-size:14px; margin-top:10px;cursor:pointer; border:none!important}


/* Label */
label  { width: 100px;  margin: 0px; float: left; text-align: left; color:#ece5d9}

/* Input, Textarea */
input{ margin: 0px; padding: 0px;  float: left; border: 1px solid #9f7650;  color: #ece5d9; background:#260801; font: 12px Arial, Helvetica, Arial, sans-serif; height:25px; margin-bottom:3px; width:410px }

textarea{margin: 0px; padding: 0px;  float: left; background:#260801; border: 1px solid #9f7650;  color: #ece5d9;   font: 12px Arial, Helvetica, Arial, sans-serif; height:68px; margin-bottom:3px; width:410px }