html, body {
	height: 101%;
	background-color: Black;
}

p { 
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

html,  div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {font-family:Arial;	font-size:12px;	line-height:15px;	color:#ece5d9;	margin:0; padding:0; text-align:left}
div.menu{height:249px;  z-index:10; }
div.bg_center{ min-height:890px; z-index:1000000000}
p.tittle{ font-size:16px; color:#fff; line-height:17px; padding-top: 20px; text-align:justify;}

img.right {margin: 5px 0 5px 12px;}
img.left {margin: 5px 12px 5px 0;}

.clear {clear:both;}
.left{ float:left}
.right{ float:right}
.right2{ padding-right: 25px;}
.center {
	text-align: center;
}

p.block {
	text-align: justify;
}

p.block2 {
	text-align: justify;
	margin-left: 67px;
}

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

h1{ font-family: Arial, cursive; font-size:20px; line-height:20px; color:#fff; padding-bottom:15px}
h2{ font-family: Arial, cursive; font-size:20px; font-weight:bold; color:#fff; line-height: 30px; }
h3{ font-family: Arial, cursive; font-size:14px; font-weight:bold; color:#fff; line-height: 20px; padding-top:10px}
h4{ font-family: Arial, cursive; font-size:14px; font-weight:normal; color:#fff; line-height: 20px; padding-top:10px}
h5{font-family: Arial, cursive; font-size:35px; line-height:60px; color:#fff; float:right; font-weight:normal}
h6{ font-family: Arial, cursive; font-size:18px; font-weight:normal; color:#fff; line-height: 18px}

.lii {
	line-height: 20px;
}

div.center{ width:956px; margin:0 auto; z-index:0; position:relative;}
.color{ color:#787878}


.grid_1{ width:305px; padding-bottom: 30px; padding-top: 20px;}
.grid_2{ width:282px; margin-left: 20px;}
.grid_3{ width:906px; padding-bottom: 20px; padding-top: 20px; padding-left: 25px;}

.height_10{ height:10px}

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



	/* ============================= 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} */
.inner{ 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;
		}
	
		
.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 {

}
img.prev {

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

/* ============================== nav====================================== */
div.nav a{ display:block; float:left; font-size:27px;  font-family: Arial, cursive; text-decoration:none;text-shadow: 1px 1px #000; padding:0 17px; line-height:75px; text-align: center; }
div.nav a:hover ,a.act{ background:url(../images/hover_menu.png) left 10px repeat-x; color:#FF2631; }
div.nav a.nact{ color:#fff; }
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 ====================================== */


.pwlook {
display: block;
width: 468px;
line-height: 140%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left; font-size: 11px; color: #FF2631;
	border: #3e4148; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


.content{  min-height:200px; background:url(../images/footer.png) left top repeat; padding-top:18px; padding-bottom: 40px; width: 960px; margin: 0 auto;}
.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:28px; width: 960px; margin: 0 auto}

div.data{
 background:url(../images/data.png);
 width:55px;
 height:22px;
 text-align:center;
 color:#000;
 font-size:13px;
 text-transform:uppercase;
 font-weight:bold;
 padding-top:15px;
 float:left;
 margin-right:10px
 }

a.more{ color:#FF2631; margin-top:20px; display:block}
div.contacts{ font-size:16px; line-height:20px; width:262px}
div.contacts p{ font-size:12px; padding-right:25px; text-align:right;}
div.pins{ margin-top:10px}
/* ============================== footer end ====================================== */

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



/* ============================== top begin ====================================== */
.top{ height:140px; padding-top: 20px;}
.top h1{font-size: 40px; margin: 0px; padding: 0px;  font-family: Arial, cursive; text-shadow: 1px 1px #000;}
.top h2{font-size: 24px;  margin: 0px; padding: 0px; line-height: 40px;  font-family: Arial, cursive; text-shadow: 1px 1px #000;}
.top a:hover{ text-decoration: none}
.top a {text-decoration: none;}
/* ============================== top end ====================================== */

.st60 {
	padding-left: 30px;
	padding-right: 30px;
}

.st30 {
	padding-left: 15px;
	padding-right: 15px;
}

.st24 {
	padding-left: 12px;
	padding-right: 12px;
}

.st20 {
	padding-left: 10px;
	padding-right: 10px;
}

.st10 {
	padding-left: 5px;
	padding-right: 5px;
}

.bs {
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 12px 0 rgba(0, 0, 0, 0.19);
}