@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'itcofficinasans_lt_bookRg';
    src: url('font/itc-officina-sans-lt-book-webfont.eot');
    src: url('font/itc-officina-sans-lt-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/itc-officina-sans-lt-book-webfont.woff') format('woff'),
         url('font/itc-officina-sans-lt-book-webfont.ttf') format('truetype'),
         url('font/itc-officina-sans-lt-book-webfont.svg#itcofficinasans_lt_bookRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

HTML5 Tags Styles starts here 
*/
html {
	overflow-x: hidden !important;
}
header, hgroup, nav, article, section, footer, aside, address {
	display: block
}
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	color:#535354;
	line-height:18px;
	background:url(../images/bg.png) repeat;
}
*, *:after, *:before { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}

/* 
-------------- Headlines 
*/
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	font-family:'itcofficinasans_lt_bookRg';
	margin:0;
	line-height:normal;
}
h1{
	font-size:3em;
}
h2{
	font-size:2.2em;
}
h3{
	font-size:1.8em;
	margin-bottom:6px;
}
h4{
	font-size:1.4em;
}
h5{
	font-size:1.15em;
}
h6{
}
/* 
Navigation 
*/
a, nav li span{
	text-decoration:none;
	color:#333;
	transition: all .7s ease;
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-o-transition: all .7s ease;
	-ms-transition: all .7s ease;
}
a:hover, a:active{
	color:#008dce;
}
a img{
	border:0;
}
/*
-------------- Common CSS
*/
.clear{
	clear:both;
}
ul, li{
	margin:0;
	padding:0;
}
.noList{
	list-style:none;
}
p{
	margin:10px 0;
	line-height:20px;
}
img {
	width: auto/9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.colorBlue{
	color:#008dce;
}
.fLeft{
	float:left;
}
.fRight{
	float:right;
}
.noList{
	list-style:none;
}
.bulletList, .noList{
	margin-top:10px;
}
.sprite, .bulletList li{
	background-image:url(../images/sprite.png);
	background-repeat:no-repeat;
}
.bulletList li{
	background-position:0 -587px;
	padding-left:23px;
	line-height:18px;
}

#wrapper{
	max-width:1000px;
	margin:0 auto;
	background:#fff;
	box-shadow:0 0 15px #3A3A3A;	 
}
.pageWidth{
	padding-left:6.41%;
	padding-right:6.41%;
}
.pageSpac{
	padding-top:60px;
	padding-bottom:60px;
}
.pageTSpac{
	margin-top:60px;
}
.pageTSpac2{
	margin-top:30px;
}
.center{
	text-align:center
}
input, textarea{
	margin:0;
	font-family:arial, Verdana, Geneva, sans-serif;
}
/* header */
header{
	background:#eaeae9;
	overflow:hidden;
	padding-top:30px;
	padding-bottom:30px;
	font-size:16px;
	color:#747474;
	font-family:'itcofficinasans_lt_bookRg';
}
#tContact li{
	padding-left:42px;
	
}
#tContact li a{
	color:#747474;
}
#tContact li a:hover{
	color:#008dce
}
.mno{
	background-position:0 -500px;
	margin-bottom:12px;
	
}
.email{
	background-position:0 -543px;
	line-height:30px;
}

nav, nav li ul, nav li:hover li a{
	background:#008dce;
}
nav li{
	float:left;
	list-style:none;
	border-left:1px solid #32a3d7;
	position:relative;
}
nav li:first-child{
	border-left:0;
}
nav li a, nav li span{
	font-size:18px;
	padding:0 28px;
	font-family:'itcofficinasans_lt_bookRg';
	color:#fff;
	line-height:48px;
	display:block;
	cursor:pointer;
}
nav li a:hover, nav li.active a, nav li a:active, nav li:hover a,  nav li span:hover, nav li:hover, nav li:hover li a:hover, nav li:hover li.active a{
	background:#3b3b3b;
	color:#fff;
}

nav a#pull {
	display: none;
}
nav li ul{
	display:none;
}
nav li:hover ul{
	display:block;
	position:absolute;
	left:0;
	z-index:999;
}
nav li:hover ul li{
	float:none;
	border:none;
}

/* home css */
#banner{
	border-bottom:2px solid #008dce;
}

#application, .envUse, #fLinks {
	overflow:hidden;
}
.homeblock li{
	float:left;
	width:30%;
	position:relative;
	
}
#application li{
	margin-bottom:17px;
	position:relative;
}
#application li a{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	transition:all 0.30s ease-in-out;
	-webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}
#application li:hover{
	color:#008dce;
}
#application ul{
	margin-top:10px;
}
#application li section{
	padding-left:72px;
	font-size:20px;
	height:60px;
	font-family:'itcofficinasans_lt_bookRg';
	display: table; 
	
}
#application li section span{
	 display: table-cell; 
  vertical-align: middle; 
  text-align: left; 
  line-height:normal
}
#application li.industrial section{
	background-position:0 0;
}
.economic {
margin: 0 5%;
}
#application li.domestic section{
	background-position:0 -80px;
}
#application li.agricultura sectionl{
	background-position:0 -158px;
}

#envUse{
	border-bottom:1px solid #e9e9e9; 
	border-top:1px solid #e9e9e9;
	padding-top:30px;
	padding-bottom:30px;
	
}
#envUse li .title{
	font-size:24px;
	line-height: 25px;
	font-family:'itcofficinasans_lt_bookRg';
}
#envUse li .content{
	margin-top:20px;
	padding:0 30px 0 0;
	font-size:11px;
}
#envUse li .content span{
	width:77px;
	height:72px;
	display:block;
	float:left;
}
.ecological .content span{
	background-position:0 -236px; 
}

.economic .content span{
	background-position:0 -324px; 
}
.efficient .content span{
	background-position:0 -412px; 
}
#advantage{
	margin-top:30px;
	margin-bottom:60px;
}
#advantage ul{
	width:65%;
}
#advantage li{
	margin-top:24px;
}

#warrenty{
	margin-top:20px;
}
.hwarrenty{
	width:24%;
}
.imgShadow img{
	border:1px solid #e0e0e0;
	box-shadow:0 0 8px #f2f2f2;
}
/* inner page*/
#content{
	margin-top:60px;
}
.pageTitle{
	margin-bottom:20px;
}
.half{
	width:47.5%;
}
article p{
	line-height:24px;
}
#productListing{
	background:#f6f6f6;
	border-top:1px solid #e9e9e9;
	margin-top:30px;	
}
#productListing li{
	border:3px solid #008dce;
	float:left;
	
}
.listSpac{
	margin:0 2%;
}
#productListing li .proName{
	background:#363636;
	text-align:center;
	font-size:18px;
	font-family:'itcofficinasans_lt_bookRg';
	color:#f6f6f6;
	padding:13px;
	-webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}
#productListing li:hover .proName, #productListing li:active .proName{
	background:#008dce;
}
#productListing li .proName small{
	font-size:15px;
	display:block;
}
#productListing  table th{
	background:#008dce;
	color:#fff;
	font-size:20px;
	font-family:'itcofficinasans_lt_bookRg';
}
#productListing  table, #productListing  table td, #productListing  table th{
	border:1px solid #97a5ac;
	border-collapse:collapse;
}
#proDetail{
	width:55%;
}
#productListing  table td.sub{
	background:#e0e0e0;
	font-size:14px;
	color:#000;
}
#productListing  table small{
	font-size:10px;

}
#imgSec{
	width:35%;
}
#imgSec .limg{
	border:3px solid #008dce;
}
#contactForm li{
	margin-top:30px;
}
#contactForm label{
	display:block;
}

input[type=text], textarea{
	border:1px solid #8c8c8c;
	background:#F8F8F8;
	outline:none;
	/*box-shadow:2px 2px 2px #dfdfdf;*/
	width:100%;
	padding:7px 10px;
	-webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}
textarea{
	resize:none;
}
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(0, 141, 206, 1);
  border:1px solid #008dce;
}
input[type=submit]{
	background:#008dce;
	color:#fff;
	padding:7px 20px;
	border:1px solid #006FA2;
	font-family:'itcofficinasans_lt_bookRg';
	font-size:18px;
	-webkit-transition: all 0.30s ease-in-out;
  	-moz-transition: all 0.30s ease-in-out;
  	-ms-transition: all 0.30s ease-in-out;
  	-o-transition: all 0.30s ease-in-out;
}
input[type=submit]:hover{
	background:#3b3b3b;
	border:1px solid #000;
}
.req{
	color:#F00;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
#address{
	margin-left:15%;
}
#address li{
	border-top:1px solid #e8e8e8;
	padding-top:30px;
	margin-top:30px;
	line-height:24px;
	font-size:13px;
}
#address li:first-child, #contactForm li:first-child{
	padding-top:0;
	margin-top:0;
	border:0;
}
.subTitle{
	font-size:16px;
	display:block;
	margin-bottom:7px;
	font-family:'itcofficinasans_lt_bookRg';
}

/* faqs */
.faqs h3 {
	 font-size:1.3em;
  margin: 0;
background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1);
}

.faqs h3 a {
  background: url("../images/sprite2.png") 15px 13px no-repeat;
  display: block;
  padding: 10px;
  padding-left: 32px;
  margin: 0;
  color: #333;
  text-decoration: none;
  font-weight: normal;
  transition:none;
 
}
.faqs h3:hover { background:#fff;}
.faqs h3:hover a { background-position: 15px -86px;}
.faqs h3.open  { background:#008dce; }
.faqs h3.open a { background-position: 13px -186px; color:#fff;  }
.faqs h3 + div { padding: 10px;box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3); font-size:13px;
  line-height:22px; }

.faqs h2 + div{
  background: #fff;
  overflow: hidden;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-bottom: 20px;
}
#difference{
	width:80%;
}
#difference li{
	overflow:hidden;
	padding:5px;
	border:1px solid #e2e2e2; 
	margin-bottom:2px;
}
#difference table td, #difference table th{
	border:1px solid #e2e2e2;
	text-align:left;
}
#difference table th{
	background:#f2f2f2;
}




/* footer*/
footer{
	background:#363636;
	padding-top:20px;
	padding-bottom:20px;
	color:#949494;
	font-size:11px;
}
footer a{
	color:#949494
}
footer a:hover, #fLinks li.active a{
	color:#fff
}

#fLinks li{
	float:left;
	padding:0 5px;
	border-left:1px solid #949494;
	line-height:normal;
}
#fLinks li:first-child{
	padding:0 5px 0 0;
	border:0;
}