@charset "utf-8";
/* CSS Document */

body{ background:url(../images/bg.jpg) repeat; margin:0px; padding:0px; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666;}
#wrapper { width:998px; margin:auto; padding:0px;}
#header { width:998px; float:left; margin:0px 0 0 0px; padding:0px; background:url(../images/header.png) repeat-x;}
#header img { margin:0 20px; float:left;}
.menu{float:left; margin:16px 0 0 0px; padding:0px; width:800px;}
.menu ul{margin:10px 0px 0px 0px; padding:0px; width:800px; list-style:none;}
.menu ul li{margin:0px; padding:0px; display:inline;}
.menu ul li a{margin:0px; padding:0px 18px;  float:left; text-align:center; font-style:italic; background:url(../images/navline.jpg) left no-repeat;  font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333; line-height:45px; 
text-decoration:none;-webkit-transition-duration:0.8s; /*Webkit: Animation duration*/
-moz-transition-duration:0.8s; /*Mozilla duration version*/
-o-transition-duration: 0.8s;	}
.menu ul li a:hover, .menu ul li a.active {background:#f1eee5; border-bottom:#bfbbb0 6px solid; border-bottom-left-radius:5px; border-bottom-right-radius:5px; box-shadow:1px 2px 2px #333; line-height:70px;}
.slider { width:954px;  height:290px; float:left; margin:0px 0 20px 20px;}
.content { float:left; margin:0px; padding:0 0 20px 0px; width:100%; border-top:10px solid #beb8aa; background:#dad3c1;}.left-part { float:left; width:440px;}
.line { float:left; width:100%; background:none; border:1px dashed #666; margin:0px 0 10px 0px;}
.left { float:left; border:15px solid #ebe5d5; margin: 10px 20px; width:360px;  border-radius:10px;}
.left img { margin:0px; paddig:0px; }
.right { width:535px; margin:-20px 0 0 0px; float:left; padding:0px;border:1px solid #ebe5d5; background:#f0ece3; border-radius:10px; z-index:999; position:relative;}
.content h2 { font-size:22px; color:#0080bf; margin:10px 0 0 20px;}
table { margin:10px 0 0 20px;text-align:center; float:left;}
.content img { border:3px double #666; margin:10px 0 0 20px;} 
.content h3 { font-size:18px; color:#666; text-decoration:underline; margin:10px 0 0 20px;}
.content p { font-size:13px; color:#666; margin:10px 20px; text-align:justify;}
.content p a:hover { text-decoration:underline; color:#395d20;}
.content p a { float:right; margin:0px 0 10px 0; text-decoration:none; color:#0080bf;}
.strip { float:left; width:100%; margin:-80px 0 0 0; padding:0px; height:100px; border-bottom:1px solid #CCC;
border-top:1px solid #CCC;  background: red; /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  background: -webkit-linear-gradient(left,#0081bf,white,grey);
  /* For Opera 11.1 to 12.0 */
  background: -o-linear-gradient(left,#0081bf,#8cd7fb,#0081bf,#0081bf);
  /* For Fx 3.6 to 15 */
  background: -moz-linear-gradient(left,#0081bf,#8cd7fb,#0081bf,#0081bf);
  /* Standard syntax */
  background: linear-gradient(to right,#0081bf,#8cd7fb,#0081bf,#0081bf); }
  .strip img { margin:10px 10px 0px 30px; float:left;}
  .strip p a {float:left !important; color:#333; width:110px; margin:0px 0; padding:0px; line-height:10px; text-align:left !important;}
   .strip p { width:110px; line-height:20px; margin:33px 0; float:left;}
   #footer{ width:100%; margin:0px 0 0 0; float:left; padding:0px;   background:#333; }
#footer-contaner{ width:998px;   margin:auto; padding:0px;}
.footer-link{ float:left; margin:30px 0 0 0; padding:0px;}
.footer-link ul{ float:left; margin:0px; padding:0px;}
.footer-link li{ float:left; margin:0px; padding:0px 15px;}
.footer-link li a{ color:#666666; font-size:12px; text-decoration:none;}
.foot-main{float:left; width:100%; height:auto; color:#fff; text-align:center;line-height: 20px;font-family:Arial, Helvetica, sans-serif; font-size:12px;margin-top: 0px; }
.foot-main img { float:left; margin:10px 24px;}

.foot-main p { width:70%; color:#CCC; float:left; margin-left:0px; margin-top:10px;}

#contact {
	width:650px;
	float:left;
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}
#contact a {
	color:#666;
}

#contact h2 {
	height: auto;
	width:650px;
	float:left;
	margin:0px 0px 0px 0px;
	background: none;
	padding:0px 0px 0px 0px; border:none;
	text-align:left;
	color: #4f7336 !important; text-decoration:underline;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#contact font {
font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	width:500px;
	float:left;
	margin:10px 0px 0px 2px;
}#contact font a{
font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	width:auto; text-decoration:none;

	margin:0px 0px 0px 2px;
}
#contact font a:hover{ text-decoration:underline; color:#06F;}
#contact b {
	font-size:13px;
	color:#555;
	font-weight:bold;
	float:left;
	width:110px;
	margin:10px 0px 0px 0px;
}
#myImg {
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.6; border:3px double #06F;}