/* CSS Document */

body{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	}

.contener{
	width: 100%;
	display: block;
	}

.contener .header{
	width: 100%;
	display: block;
	height: 124px;
	}

.contener .header .sites p{ 
	float: right;
	padding-right: 43%;
	margin-bottom: 2px;
    margin-top: 5px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	min-width: 400px;
	text-align: right;
	
	}

#cboxContent iframe.cboxIframe img{ width:100% !important; }


.contener .header .sites p a{ 
	text-decoration: none;
	color: #000;
	font-weight: bold;
	}

.contener .header .sites p a:hover{ 
	font-weight: bold;
	}

.contener .header .logo{
	width: 50%;
	display: inline-block;
	float:left;
	}

.contener .header .logo img{
	border: none;
	}

.contener .header .sites{
	width: 25%;
	display: inline-block;
	float:right;
	}

.contener .menu{
	display: block;
	position: relative;
	}

.contener .home{
	padding-left: 5%;
	padding-right: 5%;
	}

.contener .menu ul{
	padding-left: 0px;
	margin-bottom: 0px;
	background: #2165a9;
	padding-left: 3%;
	}

.contener .menu ul a li{
	display: inline-block;
	height: 20px;
	width: 12%;
	text-align: center;
	padding: 20px 0%;
	font-size: 17px;
	vertical-align: top;
	}

@media screen and (max-width:1725px) {
	.contener .menu ul a li{
	font-size: 15px;
	}
	}

@media screen and (max-width:1600px) {
	.contener .menu ul a li{
	font-size: 14px;
	}
	}

@media screen and (max-width:1480px) {
	.contener .menu ul a li{
	font-size: 13px;
	}
	}

@media screen and (max-width:1375px) {
	.contener .menu ul a li{
	font-size: 12px;
	}
	}

@media screen and (max-width:1298px) {
	.contener .menu ul a li{
	font-size: 11px;
	}
	}

@media screen and (max-width:1045px) {
	.contener .menu ul a li{
	font-size: 11px;
	}
	.contener .menu ul{
	padding-left: 0px;	
	}
	}


.contener .menu ul a{
	padding: 20px 0%;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	}

.panel-footer ul.pull-right{
	display: none;
	}


.contener .menu ul a li:hover, .contener .menu ul a li.active{
	background: #12d4f9;
	}

.home .contener .middle{
	/*width: 1000px;*/
	margin-left: auto;
	margin-right:auto;
	display: block;
	padding-left: 3%;
	padding-right: 3%;
	}
	
.contener .middle .left{
	display: inline-block;
	float: left;
	width: 50%;
	clear: both;
	}
	
.contener .home .middle .left{
	min-height: 300px;
}

.contener .middle .left h2, .contener .middle .right h2{
	color: #878888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	}

.contener .middle .left .box{
	display: inline-block;
	clear: both;
	margin-right: 10px;
	width: 47%;
	margin-top: 20px;
	vertical-align: top;
	}
	
.contener .middle .left .box p{
	color: #b2a8a8;
	text-align: justify;
	padding: 0px 5px;
	font-size: 14px;
	}
	
.contener .middle .left .box .text{
	padding-bottom: 20px;
	 /*height: 154px;*/
	display: block;
	position: relative;
	}

.contener .middle .left .box a{
       /*	background:url(../images/morebutton1.png) no-repeat;*/
	padding: 7px 50px 10px;
	text-decoration: none;
	color: #3783af;
	}

.contener .middle .left .box img{
	padding: 7px;
	border: 1px solid #f2f2f2;
	}

.contener .middle .right{
	display: inline-block;
	width: 50%;
	clear: both;
	margin-bottom: 2%;
	}

.contener .middle .right img{

	}

/* -------------------------------- Footer --------------------------------- */

.contener .footer{
	border-top: 10px solid #2165a9;
	clear: both;
	}

.contener .footer .footer-inner .left{ 
	display: inline-block;
	float: left;
	clear: both;
	}

.contener .footer .footer-inner{
	/*width: 1000px;*/
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-left: 3%;
	padding-right: 3%;	
	}

.contener .footer .footer-inner .right{
	float: right;
	}

.contener .footer .footer-inner .right img{
	width: 36px;
	padding-top: 10px;
	padding-right: 5px;
	border: none;
	}

.contener .footer .footer-inner .left{
	padding-top: 5px;
	}

.contener .footer .footer-inner .left p{
	margin-bottom: 5px;
	font-size: 15px;
	}

/*----------------------------------- Enquery ---------------------------------------*/

.contener .enq{
	margin-left: auto;
	margin-right: auto;
	display: block;
	/*width: 1000px;*/
	padding-left: 5%;
	padding-right: 5%;
	}

.contener .enq h2{
	text-transform: uppercase;
	color: #000;
	/*font-weight: normal;*/
	margin: 5px 0px;
	font-size:18px;
	}

.contener .enq .middle{
	margin-left: auto;
	margin-right: auto;
	display: block;
	/*width: 1000px;*/
	}

.contener .enq .middle .textbox input{
	width: 90%;
	padding: 2%;
	background: #aedff5;
	border: none;
	margin-bottom: 8px;
	color: #000;
	font-size: 14px;
	}

.contener .enq .middle ::-webkit-input-placeholder {
   color: #000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 15px;
}

.contener .enq .middle .button input{
	color: #000;
	background: #aedff5;
	border: none;
	padding: 2% 3%;
	margin-top: 10px;
	cursor: pointer;
	}

.contener .enq .middle .textarea textarea{
	width: 90%;
	padding: 2%;
	background: #aedff5;
	font-size: 14px;
	border: none;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	}

.contener .enq .middle .form{
	padding: 1% 0px 1%;
	}

.contener .enq .middle .form .right{
	text-align: right;
	}

/*----------------------------------- Contact ---------------------------------------*/

.contener .contact{
	margin-left: auto;
	margin-right: auto;
	display: block;
	/*width: 1000px;*/
	padding-left: 5%;
	padding-right: 5%;
	}

.contener .contact h2{
	text-transform: uppercase;
	color: #6b6767;
	/*font-weight: normal;*/
	margin: 5px 0px;
	font-size: 18px;
	}

.contener .contact .middle{
	margin-left: auto;
	margin-right: auto;
	display: block;
	/*width: 1000px;*/
	/*margin-left: 3%;
	margin-right: 3%;*/
	}

.contener .contact .middle .left{
	float: left;
	display: inline-block;
	clear:both;
	width: 42%;
	vertical-align: top;	
	}

.contener .contact .middle .middle{
	display: inline-block;
	clear:both;
	width: 40%;
	vertical-align: top;
	margin-left: 0px !important;
	margin-right: 0px !important;
	}

.contener .contact .middle .right{
	display: inline-block;
	clear:both;
	width: 14%;
	vertical-align: top;
	}

.contener .contact .middle h3{
	text-transform: uppercase;
	color: #6b6767;
	font-size: 15px;
	}

.contener .contact .middle p{
	color: #6b6767;
	font-size: 15px;
	}

.contener .contact .middle p a{
	color: #2741b0;
	text-decoration: none;
	}

/*============================= About ===============================*/

/*============================= Latest News ===============================*/

.letnews{
	margin-left:auto;
	margin-right: auto;
	display: block;
	/*width: 1000px;*/
	padding-left: 5%;
	margin-right: 5%;
	}

.letnews h2{
	text-transform: uppercase;
	color: #6b6767;
	font-size: 18px;
	}

.letnews .left{
	width: 75%;
	clear: right;
	display: inline-block;
	}

.letnews .right{
	width: 20%;
	clear: both;
	display: inline-block;
	vertical-align: top;
	}

.letnews .right ul{
	margin-top: 0px;
	list-style: none;
	}

.letnews .right ul li{
	background: url(../images/latestnews/point.png) no-repeat left center;
	padding-left: 35px;
	margin-bottom: 12px;
	}

.letnews .right ul li a{
	text-decoration: none;
	color: #6b6767;
	}

.letnews .left .level{
	display: block;
	height: 100%;
	}

.letnews .left .level img{
	width: 35%;
	float: left;
	display: inline-block;
	clear: both;
	position: relative;
	}

.letnews .left .level .text p.head{
	margin-top: 0px;
	color: #00b6d4;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 15px;
	}

.letnews .left .level .text p{
	padding-left: 30px;
	color: #94889e;
	font-size: 16px;
	line-height: 22px;
	}

.letnews .left .level .text{
	width: 60%;
	clear: both;
	display: inline-block;
	min-height: 270px; 
	padding-bottom: 2%;
	}

/*----------------------------------- Customer Product -------------------------------------*/

.cusproduct{
	margin-left:auto;
	margin-right: auto;
	display: block;
	/*width: 1000px;*/
	padding-left: 5%;
	margin-right: 5%;
	}

.cusproduct h2{
	text-transform: uppercase;
	color: #6b6767;
	font-size: 18px;
	}

#demo5{
	padding-left: 0px !important;
	}

.cusproduct .pages{
	/*float: right;
	display: block;
	clear: both;*/
	width: 100% !important;
	margin-bottom: 20%;
	}

.cusproduct .pages ul.jPag-pages{
	width: 98% !important;
	padding-left: 0px !important;
	text-align: right;
	}

.cusproduct .pages ul.jPag-pages li{
	display: inline-block;
	clear: both;
	padding: 0px 1% 10px 0% !important;
	}

.cusproduct .pages ul.jPag-pages li span, .cusproduct .pages ul.jPag-pages li a{
	padding: 5px !important;
	cursor: pointer;
	}

.cusproduct .pages ul.jPag-pages li a{
	background-color: #00bbd7 !important;
	}


/*----------------------------------- Our Product -------------------------------------*/

.products{
	margin-left:auto;
	margin-right: auto;
	display: block;
	/*width: 1000px;*/
	padding-left: 3%;
	padding-right: 3%;
	min-height: 600px;
	}

.products h2{
	text-transform: uppercase;
	color: #6b6767;
	font-size: 18px;
	}

.products .left{
	width: 20%;
	float: left;
	clear: both;
	padding-right: 2%;
	height: 100%;
	}

.products .left .menu{
	display: block;
	position: relative;
	}

.contener .products .left .leftmenu ul a:hover, .contener .products .left .leftmenu ul a.active{
	background: #a9a8a7;
	color: #fff;
	font-style:italic;
	}

.contener .products .left .leftmenu ul a{
	display: block;
	padding-left: 25px;
	text-decoration: none;
	color: #a9a8a7;
	}

.contener .products .left .leftmenu ul a li{
	line-height: 25px;
	padding-bottom: 10px;
	font-size: 14px;
	margin-bottom: 20px;
	}


.contener .products .left .search{
	/*padding-left: 20%;*/
	padding-top: 3%;
	}

.contener .products .left .search input.searchbtn{
	background: url(../images/search.png) no-repeat;
	cursor: pointer;
	border: none;
	padding-bottom: 10px;
	margin-left: -25px;
	padding: 4px 12px;
	margin-top: 1px;
	position: absolute;
	display: inline-block;
	}

.contener .products .left .search form{
	background: #04c1e5;
	width: 55%;
	padding: 4% 8% 4% 4%;
	margin-right: 2%;
	height: 27px;
	margin-left: auto;
	margin-right: auto;
	}

.contener .products .left .search input.searchbox{
	padding: 2%;
	margin-top: 0px;
	width: 100%;
	display: inline-block;
	clear: both;
	float: left;
	}

.products .right{
	width: 78%;
	display: inline-block;
	}

.products .right .level .imgbox{
	display: inline-block;
	clear: both;
	width: 22%;
	vertical-align: top;
	margin-right: 2%;
	min-height: 350px;
	}

.products .right .level{
	padding-bottom: 3%;
	}

.products .right .level .last{
	margin-right: 0px;
	}

.products .right .level .imgbox img{
	width: 100%;
	height: auto;
	position: relative;
	max-height: 161px;
	max-width: 307px;
	}

.products .right .level .imgbox .text{
	color: #909090;
	font-size: 15px;
	line-height: 18px;
	text-align:left;
	height:60px;
	}

.products .right .level .imgbox .gallery-img{
	display: block;
	position: relative;
	}

.products .right .level .gallery-img a.more{
	background: url(../images/product/more.png) no-repeat;
	position: relative;
	padding: 4px 54px 5px 22px;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	}

.products .right .level .gallery-img a.more img{
	display: none;
	margin-bottom: 20px;
	}

.contener .header .sites .img{
	/*text-align: right;*/
	padding-right:42%;
	/*padding-top: 0.5%;*/
	/*max-width: 360px;*/
	max-width: 416px;
	float: right;
	width: 109%;
}