

/*:----------------------------:  Body  :----------------------------:*/

*{
	 border:0;
	 margin:0;
	 padding:0;
}
body{
	color:#000000;
	font-size:12px;
	font-family:Arial;
	background:#FFFFFF url(../images/main-bg.png) repeat;
	background:url(../images/bg.jpg) repeat;
}
.clear{
	clear:both;
}
a{
	text-decoration:none;
}

/*:----------------------------:  Body  :----------------------------:*/


/*:----------------------------:  Html5  :----------------------------:*/

header{
	color:#FFFFFF;
	background:#0f1c2c;
	background:none;
	margin-top:30px;
	display:block;
}
nav{
	width:990px;
	margin:0 auto;
	display:block;
	background:#f1592a;
	background:#3486CD url(../images/menu_bg.jpg) repeat-x;
	padding:0 23px;
}
aside{
	display:block;
}
article{
	display:block;
}
section{
	display:block;
	border-top:#AFACAC dashed 1px;
}

.container{
	background:#fff;
	background:none;
	width:1036px;
	margin:0 auto;
	}

footer{
	color:#FFFFFF;
	display:block;
	background:#313131;
	background:none;
	margin-bottom:30px;
}
.foot{
	width:995px;
	margin:0 auto;
	padding:10px 20px;
	background:#313131;
	}

/*:----------------------------:  Html5  :----------------------------:*/


/*:----------------------------:  Nav  :----------------------------:*/

nav ul{
	margin:0;
	padding:0;
}
nav ul li{
	float:left;
	list-style:none;
	border-left:#ff7c54 solid 1px;
}
nav ul li a{
	color:#FFFFFF;
	display:block;
	font-size:17px;
	text-decoration:none;
}
nav ul li a:hover{
	color:#FFFFFF;
	background:#0f1c2c;
}
nav ul li a.active{
	color:#FFFFFF;
	background:#0f1c2c;
}


/*:----------------------------:  Nav  :----------------------------:*/

/*:----------------------------:  Body Css  :----------------------------:*/

.main_div{
	width:995px;
	margin:0 auto;
	padding:10px 20px;
	background:#fff;
}
.main_div1{
	width:995px;
	margin:0 auto;
}
.header{
	background:#0f1c2c;
	padding:10px 20px;
	}
#logo{
	float:left;
}
#right{
	width:400px;
	float:right;
	margin:10px 0;
}
.call{
	
	color:#FFFFFF;
	font-size:30px;
	text-align:right;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
.call_sp{
	color:#f76230;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:right;
	line-height:22px;
}

.sma{font-size:14px;}

.wel{
	font-size:25px;
	text-align:center;
	padding:10px;
	font-family: 'Lato', sans-serif;
	border-bottom:#AFACAC dashed 1px;
}
.wel span{
	color:#f25c27;
}
.text{
	font-size:13px;
	text-align:center;
	line-height:35px;
	font-family: 'Lato', sans-serif;
	padding-bottom:10px;
}
.submit{
	padding:10px;
	text-align:center;
	margin:0 auto;
	width:100px;
	color:#FFFFFF;
	font-size:15px;
	text-transform:uppercase;
	text-decoration:none;
	background:#f25c27;
}
.submit:hover{
	color:#FFFFFF;
	background:#0f1c2c;
}
.imgg{
	background:#FFFFFF;
	background:none;
}
.twotow{
	padding:20px 30px 30px 30px;
	background-image:url(../images/wel.jpg);
	background-attachment:fixed;
	background-size:cover;
}
.f1{
	color:#000000;
	font-size:40px;
	margin:0 auto; 
	width: 100%;
}
.flo{
	background:#FFFFFF;
	float:left;
	margin:10px 10px 10px 10px;
	border:#000000 dashed 1px;
}
.footer{
	color:#FFFFFF;
	margin:0 auto;
	text-align:center;
	}
.li{
	padding:5px 10px 5px 10px;
	font-size:15px;
	color:#FFFFFF;
	text-decoration:none;
	border-right:dotted 1px #bfd365;
	line-height:50px;
}


.li:hover{
	color:#f68c1e;
}

.aside{width:250px;
float:left;
margin:10px 0;
height:auto;}

.aside h2{text-align:center;
font-size:20px;
color:#EF5008;
line-height:1.8;
background:#0F1C2C;
font-weight:bold;}

.aside ul {margin:0;
background:#EAEFF4;
padding:0 3px;
background:url(../images/cat_bg2.jpg) repeat;
}

.aside ul div{font-size:14px;
text-align:left;
padding:3px 5px;
line-height:1.6;
font-weight:600;
color:#000000;}

.aside ul li {list-style:none;
padding-left:4px;
margin: 0;}

.aside ul li a{padding:2px 35px;
text-decoration:none;
background:url(../images/arrows.png) no-repeat scroll 10px 0px;
line-height:2;
color:#0F1C2C;
color:#fff;
font-size:12px;}

.aside ul li a:hover{padding:2px 35px;
text-decoration:none;
color:#000;
background:url(../images/arrows.png) no-repeat scroll 10px 0px;
filter:grayscale(00%);
margin-left:10px;}

.section{float:right;
margin:10px 0;
padding:0px;
width:720px;}

.section2{float:right;
margin:10px 0;
line-height:20px;
padding:0px;
width:720px;}

.product{width:200px;
height:auto;filter:grayscale(0%);
border:#EDEDED solid 1px;
margin:0 20px 15px 15px;
float:left;}

.product:hover{filter:grayscale(0%);
border:#0F1C2C solid 1px;}

.product img{width:100%;
max-width:200px;}

.name{font-size:14px;
font-weight:700;
text-align:center;
background:#0F1C2C;
background:url(../images/product_bg.gif) repeat-x;
color:#FFF;
 color: #bc6c0b;
line-height:20px;
text-shadow: 0 1px 1px #000;
text-shadow:none;
padding:5px 10px;}

.name a{text-decoration:none;
font-size:16px;
color:#F85F04;}

.name strong{font-weight:normal;}

.form{width:94%;
height:auto;
margin:10px;
padding:10px;
font-size:15px;}

.form_name{padding:5px;
width:90%;
margin:5px;
float:left;}

.form_name span{float:left;
padding:5px 10px;
width:25%;
font-size:16px;}

.form_name input[type=text], textarea{width:50%;
border:#E1E1E1 solid 1px;
background:#FDFDFD;
padding:6px;}

.form_name input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}


.form_name button{border : solid 1px #fff700;
	border-radius : 6px;
	moz-border-radius : 6px;
	font-size : 20px;
	color : #ffffff;
	padding : 1px 17px;
	background : #ffd500;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd500), color-stop(100%,#ff8c00));
	background : -moz-linear-gradient(top, #ffd500 0%, #ff8c00 100%);
	background : -webkit-linear-gradient(top, #ffd500 0%, #ff8c00 100%);
	background : -o-linear-gradient(top, #ffd500 0%, #ff8c00 100%);
	background : -ms-linear-gradient(top, #ffd500 0%, #ff8c00 100%);
	background : linear-gradient(top, #ffd500 0%, #ff8c00 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd500', endColorstr='#ff8c00',GradientType=0 );}

.book{font-size:24px;
padding:10px;
color:#FF7600;
text-shadow:1px 1px 0px #000000;
font-weight:bold;}

.book span{
color:#E61703;
}

button{border : solid 1px #fff700;
	border-radius : 6px;
	moz-border-radius : 6px;
	font-size : 20px;
	color : #ffffff;
	padding : 1px 17px;
	background : #ffd500;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd500), color-stop(100%,#ff8c00));
	background : -moz-linear-gradient(top, #ffd500 0%, #ff8c00 100%);
	background : -webkit-linear-gradient(top, #ffd500 0%, #ff8c00 100%);
	background : -o-linear-gradient(top, #ffd500 0%, #ff8c00 100%);
	background : -ms-linear-gradient(top, #ffd500 0%, #ff8c00 100%);
	background : linear-gradient(top, #ffd500 0%, #ff8c00 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd500', endColorstr='#ff8c00',GradientType=0 );}	
	
.form img{width:100%;}
/*:----------------------------:  Body Css  :----------------------------:*/

.you{padding-left:60px;}