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

body{ margin:0px; padding:0px;}


/*GROW*/
.grow img {
  height: 126px;
  width: 210px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 225px;
  height: 140px;
}


/*GROW*/
.proo img {
  width: 205px;
  height: 218px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.proo img:hover {
  width: 210px;
  height: 235px;
}






.gallery img {
  width: 80px;
  height: 100px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.gallery img:hover {
  width: 100px;
  height: 120px;
}


.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}


.maillink{ font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FFF;}
.maillink a{ text-decoration:none; color:#FFF;}
.maillink a:hover{ text-decoration:underline;}


.search_feld{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; border:none; width:274px; outline:none;}


.home_menu{ margin:0px auto; padding:5px 0px 0px 0px; width:950px;}
.home_menu ul{ margin:0px; padding:0px;}
.home_menu li{ margin:0px; padding:0px; }
.home_menu ul li a{text-decoration:none;  color:#333; display:block; padding: 15px 10px; }
.home_menu ul li a:hover{ color:#FFF; display:block; opacity: 0.8;  }




.home_menu ul {
  text-align: left;
  display: inline; z-index:9999;
  margin: 0;
  padding:0;
  list-style: none;
 
}
.home_menu ul li {

  display: inline-block; font-family: 'Roboto', sans-serif; font-size:16px;
  margin-right: -4px;
  position: relative;
  padding:0px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.home_menu ul li:hover {
  background: #2f84d0; border-top-left-radius:5px; border-top-right-radius:5px;
  color: #fff !important; 
}


.home_menu ul li ul {
  padding:0px;   padding-bottom:10px !important;
  position: absolute;
  top: 48px;
  left: 0; 
  width: 300px; 
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0.8; 
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s; border-radius:0px 0px 5px 5px !important;
}
.home_menu ul li ul li { 
  background: #2f84d0; opacity: 0.8; 
  display: block; 
  color: #fff;

}
.home_menu ul li ul li a{ color:#FFF !important; }
.home_menu ul li ul li a:hover { background: #0D5B45; color:#FFF !important;  }
.home_menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}



.bannner_image{ margin:0px auto; padding:0px; width:100%; border-bottom:#e7ecee solid 1px; border-top:#5694cb solid 1px;}
.cate_thumb{ margin:0px 3px; padding:0px; float:left; width:230px; background:#FFF; border:#dddfe2 solid 1px; padding:5px; height:275px; border-radius:5px;}
.cate_thumb:hover{ float:left; width:230px; background:#71EAF4; border:#72b8f6 solid 1px; padding:5px; height:275px; border-radius:5px; color:#FFF !important;}
.cate_thumb img{ margin:0px; padding:0px; border:none; border-radius:5px; width:230px; border:#FFF solid 1px;}
.cate_thumb img:hover{ margin:0px; padding:0px; border:none; border-radius:5px; width:230px; border:#dddfe2 solid 1px; color:#FFF !important; }
.cate_thumb h2{ margin:0px; padding:0px; width:230px; font-family:'Roboto', sans-serif; font-size:25px; line-height:30px; font-weight:normal; color:#216dbf; text-align:left; text-transform:uppercase;}
.cate_thumb p{ margin:0px; padding:0px; width:230px; font-family:'Roboto', sans-serif; font-size:12px; line-height:20px; 
 color:#212121; text-align: justify;}
 .cate_thumb strong{ margin:0px; padding:0px 0px 10px 0px; width:230px; font-family:'Roboto', sans-serif; font-size:16px; line-height:20px; color:#212121; text-align:left !important;}
 .arrow{ margin:0px; padding:0px; float:right;}
.arrow img{ margin:0px; padding:0px; float:right; width:26px !important; border:none !important;}
.arrow img:hover{ margin:0px; padding:0px; float:right; width:26px !important;  border:none !important;}
.f_h{ font-family:'Roboto', sans-serif; font-size:18px; color:#303030; padding-left:5px;}



.p_thumb{ float:left; width:210px; background:#fff; border:#2f84d0 solid 1px; padding:5px; height:337px; border-radius:5px; color:#FFF !important; margin:0px 6px 0px 7px;}
.p_thumb:hover{ float:left; width:210px; background:#fff; border:#71EAF4 solid 1px; padding:5px; height:337px; border-radius:5px; color:#FFF !important;}
.produc_image{ margin:0px; padding:0px; float:left; width:220px;}
.p_name{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#2b2c2c;}
.p_name_art{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#3695eb; line-height:20px;}
.news_detail{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#656565; line-height:17px;}


.footer_container{ margin:0px; float:left; padding:0px; width:100%; background:#2f84d0;}
.footer_area{ margin:0px auto; padding:0px; width:1000px;}
.footer_menu{ margin:0px 0px; padding:0px; float:left; width:1000px; height:180px;}
.footer_menu ul{ margin:0px; padding:0px; }
.footer_menu li{ margin:0px; padding:0px 0px 10px 0px; list-style:none; float:left; width:250px;}
.footer_menu h2{ margin:10px 0px; padding:0px; list-style:none; float:left; width:200px; font-family:'Roboto', sans-serif; font-size:16px; color:#ffffff;}


.footer_menu a{ margin:0px 0px; padding:0px;  float:left; width:200px; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#ffffff; background:url(images/footer-bullets.jpg) no-repeat left; text-indent:15px; line-height:22px; text-decoration:none;}
.footer_menu a:hover{ text-decoration:underline;}
.footer_menu p{ margin:0px 0px; padding:0px;  float:left; width:200px; font-family:'Roboto', sans-serif;  font-size:12px; color:#fff; text-indent:5px; line-height:17px; text-decoration:none;}

.copyright_container{ margin:0px; float:left; padding:0px; width:100%; background:#3695eb; height:50px;}
.copyright_area{ margin:0px auto; padding:0px; width:1000px;}
.copyright_area p{ margin:0px; padding:0px; width:1000px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFF; text-align:center; line-height:50px;}

.about_detail{ margin:0px; padding:10px; font-family:'Roboto', sans-serif; font-size:12px; color:#303030; text-align:justify; line-height:20px;}
.about_detail a{ color:#303030; text-decoration:none;}
.about_detail a:hover{ color:#000; text-decoration:underline;}

.largename{ margin:0px; padding:0px; font-family:'Roboto', sans-serif; font-size:12px; color:#303030; }
.largename a{ color:#303030; text-decoration:none;}
.largename a:hover{ color:#000; text-decoration:underline;}



.l_gallery{ float:left; width:100px; background:#fff; border:#e3e5e8 solid 1px; padding:0px; height:140px; border-radius:5px; color:#FFF !important; margin:0px 5px 5px 5px;}
.l_gallery:hover{ float:left; width:100px; background:#fff; border:#2f84d0 solid 1px; padding:0px; height:140px; border-radius:5px; color:#FFF !important;}

.gallery_image{ margin:0px; padding:0px; float:left; width:100px;}
.p_gallery{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2b2c2c;}

.pname{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#383838;
	font-weight:bold;
	text-decoration:none;
}

.contact{
	background-image:url(images/contactbtn_bg.png);
	background-repeat:no-repeat;
	background-position:right top;
}
.contact:hover{
	background-image:url(images/contactbtn_hover.png);
	background-repeat:no-repeat;
	background-position:right top;
}


.callback{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#454545;
	font-weight:bold;
	text-decoration:none;
}

.mainmenu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; text-align:left; line-height:30px; font-weight:bold; 
	color: #3695eb; border-bottom:#3695eb solid 1px; padding-left:13px;

}
.mainmenu a{
	color:#3695eb; display:block; text-decoration:none;
}
.mainmenu a:hover{
	color:#F00;

}

.submenu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none; background:#FFF; 
	color:#000;
	font-weight:normal;
}
.submenu a:link,.submenu a:visited,.submenu a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#000;
	font-weight:normal;
}
.submenu a:hover{
	color:#000;
	font-weight:bold;
}



.pages{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none; background:#FFF; 
	color:#000;
	font-weight:normal;
}
.pages a:link,.submenu a:visited,.submenu a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#000;
	font-weight:normal;
}
.pages a:hover{
	color:#000;
	font-weight:bold;
}