@import url(http://fonts.googleapis.com/css?family=Roboto:500,300,700,400);
body{margin:0px;padding:0px;font-size:13px;font-family: 'Roboto', sans-serif;background:#ffffff url(images/cool4.png) top center repeat-x; text-align:justify; line-height:18px;}
h1{ font-size:25px; color:#137f05; line-height:30px;text-decoration:none; font-weight:400; margin-top:0px;}
h1 span{ padding-left:0px;font-size:25px; color:#333; line-height:30px;text-decoration:none; font-weight:400;}
h2{ font-size:14px; font-weight:500; margin-bottom:0px;}
h3{ font-size:16px; font-weight:500; color:#18790b;}

h4{ font-size:21px; color:#137f05; line-height:30px;text-decoration:none; font-weight:400; margin-top:0px; margin-bottom:15px; border:#ccc 1px solid; padding-left:10px;}
h4 span{ padding-left:0px;font-size:21px; color:#333; line-height:30px;text-decoration:none; font-weight:400;}
a{text-decoration:none;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;}
#header{max-width:1170px;margin:auto;background:url(images/outer_admin.png) right no-repeat;}
#nav{max-width:1170px;margin:24px auto auto auto;height:40px;background:#560319; margin-top:0px;}
#nav ul{margin:0px auto;padding:0px;display:table;list-style:none;}
#nav ul li{float:left;background:url(images/nav-saparator.png) right no-repeat;padding-right:2px; font-weight:300;font-size:14px;}
#nav ul li:last-child{background:none;}
#nav ul li a{display:block;height:40px;line-height:40px;color:#fff;text-decoration:none;padding:0px 20px;}
#nav ul li a:hover{background:url(images/nav-bg-h.png);}
#nav ul ul{position:absolute;z-index:99;background:#e39609 url(images/nav-bg-h.png) repeat-x;min-width:200px;display:none;}
#nav ul ul li{float:none;background:none;padding-right:0px;}
#nav ul ul li a:hover{background:none;background-color:#560319;}
#banner-wrapper{max-width:1170px;margin:auto;}
#banner-wrapper #slider{width:75%;height:273px;float:left; background:#ccc;}
#banner-wrapper #slider img{width:878px;height:395px;}
#banner-wrapper #banner-news{width:25%;height:390px;float:left;}
#banner-wrapper #banner-news h2{background:#228B22; font-size:20px;color:#fff; line-height:48px; margin-top:0px; font-weight:400; padding-left:10px;}
#banner-wrapper #banner-news h2 span{display:block; position:absolute; padding-left:20px;}
#banner-wrapper #banner-news .news1{height:324px;background-color: #F0FFFF; margin-top:-17px; text-align:left;
  background: url(images/linear_bg_2.png);
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E0FFFF), to(#E0FFFF));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #E0FFFF, #E0FFFF);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #E0FFFF, #E0FFFF);

  /* IE 10 */
  background: -ms-linear-gradient(top, #E0FFFF, #E0FFFF);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #E0FFFF, #E0FFFF);}
#banner-wrapper #banner-news .news{overflow:hidden;text-align:left; padding:10px;margin-top:15px;height:260px;}

#banner-wrapper #banner-news .news ul{}
#banner-wrapper #banner-news .news ul li{padding:0px;font-size:12px;border-bottom:solid 1px #006A4E;padding-bottom:10px;margin-bottom:10px;display:table; margin-left:-35px; color:#7f7f17;}
#banner-wrapper #banner-news .news ul li strong{font-size:13px;position:relative; color:#4a4a0a;}
#banner-wrapper #banner-news .news ul li .news-text{display:table-cell;}
.clr{clear:both;}

.content{ width:1170px; margin:auto; margin-top:35px;}


#left-news{border:#ccc 1px solid; padding:5px 10px; color:#000; text-transform:capitalize; margin-bottom:25px;}
#left-news .left-news{ text-align:right; overflow:hidden;}


#about{ background:#fbfbfb url(images/about-bg.png) top repeat-x;}


#left-wrapper{float:left;width:275px;}
#left-wrapper .search input[type="text"], .search textarea{border:#F5F5F5 2px solid; margin-bottom:5px; padding:8px; width:94%; font-style:italic;}
#left-wrapper .search span{ float:right; background:url(images/search-bg.png) center no-repeat; width:72px; height:35px; margin-top:-41px; margin-left:204px; position:absolute; text-align:center;}
#left-wrapper .search span input[type="submit"]{width:20px;height:20px;background:url(images/search-icon.png) no-repeat;border:none;font-size:0px;position:relative;top:5px;left:8px;outline:none;cursor:pointer;}
#left-wrapper .search .icon{ text-align:center; margin:6px; margin-left:13px;}
#left-wrapper .left-menu{background:#228B22; padding-bottom:10px;min-height:566px;}
#left-wrapper .left-menu h3{    background: #FF6347;
    font-size: 19px;
    line-height: 38px;
    color: #fff;
    font-weight: 400;
    padding-left: 10px;
    margin-top: 0px;}
#left-wrapper .left-menu ul{margin:0px auto;padding:0px;display:table;list-style:none; width:100%;}
#left-wrapper .left-menu ul li{font-size:14px; line-height:35px; color:#fff; border-bottom:#36872c 1px solid; padding:0px; padding-left:0px; background:none;}
/*#left-wrapper .left-menu ul li .icon{background:url(images/menu-icon.jpg) left no-repeat; padding-left:20px;}*/
#left-wrapper .left-menu ul li a{ line-height:35px; text-decoration:none; padding:0 10px; color:#fff; display:block;background:url(images/menu-icon.png) left no-repeat; padding-left:30px;}
#left-wrapper .left-menu ul li a:hover{ text-decoration:none;color:#fff; background:#36872c url(images/menu-icon.png) right no-repeat;}
#left-wrapper .left-menu ul li a.active{ text-decoration:none;color:#fff; background:#36872c url(images/menu-icon.png) right no-repeat;}
#left-wrapper .left-menu ul li ul{position:absolute;list-style:none;margin:0px;padding:0px;padding-top:0px;display:none;z-index:999999999999; width:200px; margin-left:275px;background:#36872c; margin-top:-35px;}
#left-wrapper .left-menu ul li ul li a{display:block;padding-left:25px;color:#fff!important;border-bottom:solid 1px #256f1c; background:none;}
#left-wrapper .left-menu ul li ul li a:hover{background:#2E8B57;}
#left-wrapper .left-menu ul li:hover ul{display:block;}


#right-wrapper{ float:right; width:842px;}

.img{float:right; padding:20px; padding-left:30px;}

.img1{float:left; padding:3px; margin-right:10px; border:#ccc 1px solid;}


#box .box:nth-child(3n){margin-right:0px;}
.box{ width:28.5%;float:left;color:#CCFFFF; line-height:18px; text-decoration:none; border-right:#ccc 1px solid; margin-top:20px; font-size:14px; margin-right:30px; padding-right:30px;}
.box span{ display:block; color:#777; text-decoration:none;}
.box h5{ color:#474649; font-size:20px; margin-top:0px; margin-bottom:15px; font-weight:400;}
.box .photo{ float:right;width:225px; height:203px; background:url(images/photo-img.jpg) no-repeat;}
.box .photo .text { opacity:0.6; text-align:center; background:#000; color:#fff; font-size:20px; font-weight:400; padding:0px; line-height:30px; height:133px; padding-top:70px;}
.box .photo:hover .text{ opacity:0; filter: alpha(opacity=100);}
.box .photo strong.text{ text-align:center; position: absolute; color:#000; font-size:14px; font-weight:600; margin-top:-130px; margin-left:100px;}



#contact-form{width:100%;float:right;}
#contact-form label{display:block;margin:7px 0px;}
#contact-form input[type=text],
#contact-form input[type=password], 
#contact-form textarea, 
#contact-form select{width:97%;padding:6px;border:1px solid #ccc;}
#contact-form select{width:97%;}
#contact-form input[type=submit], 
#contact-form input[type=button]{border:1px solid #fff; outline:0px solid #000; background:#323232; padding:5px 15px; color:#fff; cursor:pointer; height:30px; margin-top:2px;}
#contact-form input[type=submit]:hover, 
#contact-form input[type=button]:hover{background:#18790b; color:#fff; border:1px solid #fff; outline:0px solid #000;}
/*#contact-form input[type="text"]{width:96%;padding:8px;}*/


#footer-wrapper{ width:100%; background:#040720; margin-top:30px;}
#footer-wrapper #footer{ width:1170px; margin:auto; padding-top:10px;}
#footer-wrapper #footer .fooer{ float:left; margin-right:80px;}
#footer-wrapper #footer .links h1{ font-size:20px; color:#FF007F; text-align:center; line-height:40px;}
#footer-wrapper #footer .links a{display: block;color:#FEFCFF;text-decoration:none; line-height:20px;}
#footer-wrapper #footer .links a:hover{color:#fff;text-decoration:none;}
#footer-wrapper .copy{ border-top:#FFFFFF 2px solid; color:#FEFCFF; font-size:15px; text-align:center; margin:auto; padding:5px; margin-top:30px;}
#left-imp-links a{display:block;background:url(images/menu-icon.png) 0px 7px no-repeat;padding:3px 0px 3px 30px;color:#fff;margin-bottom:8px;}
#left-imp-links a:hover{background-color:#338328;}
#left-imp-links a strong{display:block;font-weight:normal;}
.square-links{}
.square-links a{display:block;width:48%;margin-right:4%;height:100px;background:#9c1f1f;float:left;margin-bottom:8px;text-transform:uppercase;color:#fff;text-align:center;}
.square-links a:hover{moz-transform: scale(100);
   -webkit-transform: scale(1.2);
   -o-transform: scale(1.2);
   transform: scale(1.2);
   -ms-transform: scale(1.2);/
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
   M11=1.2, M12=-0, M21=0, M22=1.2);background:#222;}
.square-links a:nth-child(2n){margin-right:0%;}
.square-links a img{display:table;margin:auto;position:relative;margin-top:10px;margin-bottom:10px;}
.block-links a{display:block;margin-bottom:8px; padding-right:30px;}

#bom{display:flex;flex-flow: row wrap;}
#bom .bom-block{position:relative;width:39.5%;margin:10px 2%;text-align:center;border:solid 1px #ccc;padding:3%;vertical-align:middle;}