/* CSS Document */
body{padding:0; margin:0; font:11px/20px; font-weight:normal; FONT-FAMILY: Helvetica; background: url(images/back.gif) 0 0 repeat;}
div, p, h1, h2, h3, h4, h5, h6, h7 ul, img{padding:0px; margin:0px;}

ul{list-style-type:none;}

/* TOP PANEL */

#body{
	width:100%; margin:0 auto; padding:0 0 0px 0; height:100%; }
#mainPan{width:100%; position:relative; margin:0 auto;}
#inpan { width:995px ; position:relative; margin:0 auto;  height:500px;}
#topPan{ width:995px; position:relative; height:130px; background:url(images/top-back.gif) 0 0 repeat-x; }
#topPanlogo{ width:215px; height:100px; position:relative; float:left; margin-top:20px; margin-left:20px;}
#topnav{ width:400px; height:50px; float:right; position:relative; }

#navPan{ width:995px; float:left; position:relative; height:65px; background:url(images/nav-back.gif) 0 0 repeat-x;}

#menu
	{
		width:995px;
		height:65px;
		float: left;
		margin:0px;
		padding:0px;
		position:relative;
	}
#menu ul
	{
		width:975px;
		height:65px;
		float: left;
		margin:0px;
		padding:0 0 0 20px;
		display:block;
		position:relative;
	}
#menu ul li
	{
		height:65px;
		float: left;
		margin:0px;
		padding:0px;
		display:block;		
	}
#menu ul li.menusap
	{
		width:2px;
		height:40px;
		float: left;
		margin:0px;
		padding:0px;
		background-image:url(images/menusap.jpg);
		background-repeat:no-repeat;
	}
#menu ul li a.menu
	{
		height:40px;
		float: left;
		margin:0px;
		padding:20px 25px 0 33px;
		font-family: 'Anaheim', sans-serif;
		font-size:16px;
		font-weight:bold;
		color:#626262;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
	}
#menu ul li a.menu:hover
	{
		height:45px;
		float: left;
		margin:0px;
		padding:20px 25px 0 33px;
		font-family: 'Anaheim', sans-serif;
		font-size:16px;
		font-weight:bold;
		color:#626262;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
		background-image:url(images/menuover.gif);
		background-repeat:repeat-x;
		
	}
.hover
	{
		height:45px;
		float: left;
		margin:0px;
		padding:20px 25px 0 25px;
		font-family: 'Anaheim', sans-serif;
		font-size:16px;
		font-weight:bold;
		color:#626262;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
		background-image:url(images/menuover.gif);
		background-repeat:repeat-x;
		
	}

#headerPan  { width:995px; position:relative; float:left; height:350px; margin-top:10px;}

.banner {
position: relative;
float:left;
width: 100%;
overflow: auto;
font-size: 18px;
color: rgba(255,255,255,.6);
text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
background: #5b4d3d;
}
.banner ul {
list-style: none;
width: 300%;
margin:0px; padding:0px;
}
.banner p {
list-style: none;
font-size:25px; padding-left:50px;
font-family: 'Anaheim', sans-serif;
letter-spacing:-1px;
font-weight:bold;
color:#FFCC00;
}
.banner ul li {
display: block;
float: left;
width: 33%;
height: 350px;
-o-background-size: 100% 100%;
-ms-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;

}

.banner .inner {
padding: 160px 0 110px;
}

.banner h1, .banner h2 {
font-size: 30px;
font-family: 'Anaheim', sans-serif;
line-height: 52px;
padding-top:200px;
padding-left:50px;

color: #fff;
}

.banner .btn {
display: inline-block;
margin: 25px 0 0;
padding: 9px 22px 7px;
clear: both;
color: #fff;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
border: 2px solid rgba(255,255,255,.4);
border-radius: 5px;
}
.banner .btn:hover {
background: rgba(255,255,255,.05);
}
.banner .btn:active {
-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
}

.banner .btn, .banner .dot {
-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}

.banner .dots {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
}
.banner .dots li {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px;

text-indent: -999em;

border: 2px solid #fff;
border-radius: 6px;

cursor: pointer;
opacity: .4;

-webkit-transition: background .5s, opacity .5s;
-moz-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}
.banner .dots li.active {
background: #fff;
opacity: 1;
}

.banner .arrows {
position: absolute;
bottom: 20px;
right: 20px;
color: #fff;
}
.banner .arrow {
display: inline;
padding-left: 10px;
cursor: pointer;
}


#topnav ul{ width:400px; height: 50px; float:left;}
#topnav li{ display:block; float:left; font-family: helvetica; font-weight:normal; color:#FFF; font-size:13px; height:50px;}
#topnav ul li a{ display:block; font-family: helvetica; font-size:14px; font-weight:normal; color:#FFF;  text-decoration:none; padding-right:10px; padding-left:10px; height:50px; padding-top:25px}
#topnav ul li a:hover{text-decoration:none; background:url(images/top-hover.gif) 0 0 repeat-x;}
#topnav ul li a.padl{padding:0 0 0 14px;}








#contentPan{ width:100%; position:relative; margin-top:30px; float:left;}
#contentinner{ width:995px; position:relative;  margin: 0 auto; background:url(images/content-back.gif) 0 0 repeat-x; height:50px;}

#contentinner h1{ position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:30px; font-weight:bold; color:#4c565b; line-height:1.4em; margin-top:20px; width:100%}
#contentinner p{ text-align:justify; float:left; position:relative; font-family: arial; font-size:14px; font-weight:normal; color:#3a3a3a; padding-right:15px; margin-top:25px; line-height:1.6em;}

#products5{ width:995px; height:200px; position:relative; float:left; margin-top:50px; margin-bottom:10px; border-bottom: solid thin #D6D6D6; padding-bottom:20px;}

#products{ width:995px; height:200px; position:relative; float:left; margin-top:50px; border-bottom:thin dotted #ADADAD; padding-bottom:30px; }
#products1{ width:150px; height:200px; position:relative; float:left; margin-right:60px;}
#products2{ width:150px; height:200px; position:relative; float:left;}
.products3{ width:150px; height:150px; position:relative; float:left;}
.products4{ width:150px; height:50px; position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:15px; font-weight:bold; color:#4c565b; text-align:center; padding-top:15px;}

.head2{ position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:30px; font-weight:bold; color:#4c565b; line-height:1.4em; margin:0px; width:200px; height:180px; padding-right:30px; border-right:thin dotted #CDCDCD;}
.head3{ position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:30px; font-weight:bold; color:#4c565b; line-height:1.4em; margin:0px; width:200px; height:180px; padding-left:30px; border-right:thin dotted #CDCDCD; margin-left:20px;}

.head4{ position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:30px; font-weight:bold; color:#4c565b; line-height:1.4em; margin:0px; width:200px; height:180px; padding-left:30px; margin-left:20px;}

#contentinner ul{width:100%; position:relative; float:left; margin-top:25px;}
#contentinner li{ background:url(images/icon2.gif) 0 4px no-repeat; font-family: arial; font-size:14px; font-weight:normal; COLOR: #3D3C2C; padding:0 0 10px 20px;  line-height:1.6em;  text-align:justify;}
#contentinner li a{width:235px; color:#181818; text-decoration:none; line-height:18px;}
#contentinner ul li a:hover{width:235px;  text-decoration:none; line-height:18px;}
#contentinner ul ul{position:relative; }
#contentinner ul ul li{position:relative; margin-top:0px; }

#contentinner .more{ width:100%; position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:18px; font-weight:normal; color:#4c565b; padding-bottom:15px}

#contentinner .more a{ width:60px; height:10px; position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:16px; font-weight:bold; color:#FFF; padding-bottom:15px; margin-top:30px; background-color:#026a37; text-decoration:none; padding-left:10px; padding-top:5px;}

#contentinner-left{ width:650px; position:relative; float:left; margin:0px; padding:0px;}
#contentinner-left h1{ position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:30px; font-weight:bold; color:#4c565b; line-height:1.4em; margin-top:20px; width:100%}
#contentinner-left p{ width:650px; text-align:justify; float:left; position:relative; font-family: arial; font-size:14px; font-weight:normal; color:#3a3a3a; padding-right:15px; margin-top:25px; line-height:1.6em;}


#contentinner-left ul{width:100%; position:relative; float:left; margin-top:25px;}
#contentinner-left li{ background:url(images/icon2.gif) 0 4px no-repeat; font-family: arial; font-size:14px; font-weight:normal; COLOR: #3D3C2C; padding:0 0 10px 20px;  line-height:1.6em;  text-align:justify;}
#contentinner-left li a{color:#181818; text-decoration:none; line-height:18px;}
#contentinner-left ul li a:hover{width:235px;  text-decoration:none; line-height:18px;}
#contentinner-left ul ul{position:relative; }
#contentinner-left ul ul li{position:relative; margin-top:0px; }

#pack1{ width:900px; position:relative; float:left; margin-top:30px;}
.pack2{ width:250px; position:relative; float:left;}
.pack3{ width:250px; position:relative; float:left; padding-left:50px; padding-right:50px; border-left:thin dotted #CDCDCD;  border-right:thin dotted #CDCDCD;}
.pack-images{ width:190px; height:80px; position:relative; float:left}
.pack-content{ width:190px; position:relative; float:left;}
.pack4{ width:190px; position:relative; float:left; margin-left:50px;}

#infra{ width:995px; position:relative; float:left; margin-top:30px;  border-bottom:thin dotted #ADADAD; padding-bottom:20px}
#infra h1{ position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:25px; font-weight:bold; color:#4c565b; line-height:1.4em; margin:0px; width:100%}
.infra-content p{ width:600px; text-align:justify; float:left; position:relative; font-family: arial; font-size:14px; font-weight:normal; color:#3a3a3a; padding-right:15px; margin-top:25px; line-height:1.6em;}
.infra-content{ width:600px; position:relative; float:left}
.infra-img{ width:300px; position:relative; float:left; margin-left:80px;}

#infra-print{ width:995px; position:relative; float:left; margin-top:10px;}
.print1{ width:215px; position:relative; float:left; padding-right:20px;   border-right:thin dotted #CDCDCD; height:550px;}
.print3{ width:215px; position:relative; float:left; padding-right:20px; padding-left:20px;   border-right:thin dotted #CDCDCD; height:550px;}
.print2{ width:215px; position:relative; float:left; padding-left:20px; height:550px;}
.print-image{ width:215px; height:190px; position:relative; float:left; margin-top:20px;}
.print-content{ width:215px; position:relative; float:left}
.print-content p{ width:215px; position:relative; float:left}
.head1{ position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:18px; font-weight:bold; color:#4c565b; line-height:1.4em; margin:0px; width:100%; height:60px;}

.print4{ width:215px; position:relative; float:left; padding-right:20px;   border-right:thin dotted #CDCDCD; height:470px}
.print5{ width:215px; position:relative; float:left; padding-right:20px; padding-left:20px;   border-right:thin dotted #CDCDCD; height:470px}
.print6{ width:215px; position:relative; float:left; padding-left:20px; height:470px}



/* LIST #5 */
#list5 { color:#eee; position:relative; float:left; margin:0px;}
#list5 ol { font-size:18px;  list-style:none; }
#list5 ol li {background:url(images/icon2.gif) 0 4px no-repeat; font-family: arial; font-size:14px; font-weight:normal; COLOR: #3D3C2C; padding:0 0 10px 20px;  line-height:1.6em;  position:relative;}
#list5 ol li ol {padding:5px 0 5px 18px; font-size:15px; list-style:none; }
#list5 ol li ol li { color:#3D3C2C; margin-left:10px; background:url(images/arrow2.gif) 0 4px no-repeat; font-weight:normal;}




#contentinner-right{ width:300px; position:relative; float:left; padding-top:50px; margin-left:30px;}





#left{ width:300px; height:450px; position:relative; float:left; margin:0px;}
#left h1{ position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:30px; font-weight:bold; color:#4c565b; line-height:1.4em;}

#left1 {position:relative; float:left; LINE-HEIGHT: 18px; font-family: Arial; COLOR: #181818; FONT-SIZE: 14px; width:300px; margin-top:20px; }
#left1  h6{height:31px; display:block; position: relative; font-family: 'Anaheim', sans-serif; COLOR: #3fb2dc; font-size:20px; margin-top:0px; margin-bottom:10px;}
#left1 p{ text-align:justify; float:left; position:relative; font-family: arial; font-size:14px; font-weight:normal; color:#3a3a3a; padding-right:15px; margin-top:0px; line-height:1.6em;}
.left1full {position:relative; float:left; LINE-HEIGHT: 18px; font-family: Arial; COLOR: #181818; FONT-SIZE: 14px; width:300px; padding-bottom:8px; height:20px; margin-top:10px; }
.left1icon {position:relative; float:left; LINE-HEIGHT: 18px; font-family: Arial; COLOR: #181818; FONT-SIZE: 14px; width:30px; height:10px; font-weight:bold; }
.left1content {position:relative; float:left; LINE-HEIGHT: 18px; font-family: Arial; COLOR: #181818; FONT-SIZE: 14px;  padding-left:25px; height:10px; }
.left1content a{font-family: Arial; COLOR: #181818; FONT-SIZE: 14px;}




#contentinner .right { width:600px; height:100%; position:relative; float:left; margin-left:90px;}

.right h1{ position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:30px; font-weight:bold; color:#4c565b; line-height:1.4em; margin-top:20px;}



.divClear {clear:both;}
#footerPan { width:100% ; position:relative; margin-top:30px;;  height:382px; background:url(images/bottom-back.gif) 0 0 repeat-x;}
#footerPan1 { width:100% ; position:relative; margin-top:30px;  height:150px; background:url(images/bottom-back1.gif) 0 0 repeat-x;}


#foot-top{ width:995px; position:relative; margin:0 auto; height:277px; background:url(images/foot-back.gif) 0 0 repeat-x;}
#foot-top1{ width:300px; position:relative; float:left; margin-right:30px;}
#foot-top1 h2{ position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:30px; font-weight:bold; color:#4c565b; line-height:1.4em; margin-top:20px; margin-left:10px;}
#foot-top1 ul{width:300px; margin:26px 0 0; position:relative; float:left}
#foot-top1 ul li{width:200px; height:27px; border-bottom:1px dashed #868686; font:14px/25px Arial, Helvetica, sans-serif; color:#3a3a3a;}
#foot-top1 ul li a{display:block; height:27px;  background:url(images/arrow1.gif) 0 50% no-repeat #414141; color:#fff;  text-decoration:none; padding:0 0 0 13px;} 
#foot-top1 ul li a:hover{background:url(images/arrow2.gif) 0 50% no-repeat; text-decoration:none;}
#foot-top1 ul li.contact{border:none; background:none}
#foot-top1 .more{ width:100%; position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:18px; font-weight:normal; color:#4c565b; padding-bottom:15px}

#foot-top1 .more a{ width:60px; height:10px; position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:16px; font-weight:bold; color:#FFF; padding-bottom:15px; margin-top:10px; margin-left:35px; background-color:#026a37; text-decoration:none; padding-left:10px; padding-top:5px;}

#foot-top2{ width:320px; position:relative; float:left; margin-right:30px; background:url(images/foot-back1.gif) 0 0 repeat-x;}
#foot-top2 h2{ position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:30px; font-weight:bold; color:#4c565b; line-height:1.4em; margin-top:20px; margin-left:10px;}
#foot-top2 p{ text-align:justify; float:left; position:relative; font-family: arial; font-size:14px; font-weight:normal; color:#3a3a3a; padding-right:15px; margin-top:25px; line-height:1.6em;}

#foot-top2 .more{ width:100%; position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:18px; font-weight:normal; color:#4c565b; padding-bottom:15px}

#foot-top2 .more a{ width:60px; height:10px; position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:16px; font-weight:bold; color:#FFF; padding-bottom:15px; margin-top:30px; background-color:#026a37; text-decoration:none; padding-left:10px; padding-top:5px;}

#foot-top3{ width:300px; position:relative; float:left}
#foot-top3 h2{ position:relative; float:left; font-family: 'Anaheim', sans-serif; font-size:30px; font-weight:bold; color:#4c565b; line-height:1.4em; margin-top:20px; margin-left:10px;}
.quick-contact{ width:300px; position:relative; float:left; height:180px; margin-top:20px; margin-left:20px;}
.quick-contact1{ width:280px; position:relative; float:left; height:30px;}
.quick-contact2{ width:30px; position:relative; float:left; height:30px; margin-right:40px;}
.quick-contact3{ width:210px; position:relative; float:left; height:30px;  font-family: arial; font-size:14px; font-weight:bold; color:#3a3a3a; }

#foot{ width:995px; position:relative; margin:0 auto; height:100px;}


#foot1{ width:600px; position:relative; float:left; margin-top:20px; height:30px; margin-left:0px; padding-left:0px;}
#foot2{ width:150px; position:relative; float:right; margin-top:30px; height:30px;}



#foot1 ul{width:600px; display:block; position:relative; float:left; margin-left:0px; padding-left:0px; list-style:none; }
#foot1 li{float:left; font:14px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; position:relative}
#foot1 ul li a{padding:0 10px; color:#FFFFFA; text-decoration:none;}
#foot1 ul li a:hover{text-decoration:underline;}


#social{ width:150px; position:relative; float:right; height:30px;}
#social1 { width:30px; position:relative; float:right; height:30px;}
#social2 { width:30px; position:relative; float:right; height:30px; margin-left:20px; margin-right:20px;}







.bold{ font-size:12pt;  color:#5c7b00;font-family: 'Fjalla One', sans-serif;}
.color-1{ color:#0095b3;}
.colorc{ color:#026a37;}
.colord{ color:#026a37; font-family: 'Anaheim', sans-serif; font-size:18px; text-decoration:none; font-weight:bold;}
.colore{ color:#3a3a3a; font-family: 'Anaheim', sans-serif; font-size:18px; text-decoration:none; font-weight:normal; }
.colorg{ color:#3a3a3a; font-family: arial; font-size:15px; text-decoration:none; font-weight:normal;}
.img{ float:left; padding-right:30px; margin-bottom:30px;}
.img3{ float:right; padding-left:30px; margin-bottom:20px;}
.img4{ float:right; padding-left:30px; margin-bottom:20px;}
.color-2{ color:#3a3a3a; font-family: arial; font-size:14px; text-decoration:none; font-weight:normal;}

.img1{ float:left; padding-right:20px;}
.colorf{ color:#026a37; font-family: 'Anaheim', sans-serif; font-size:19px; text-decoration:none; font-weight:normal; font-weight:bold;}
.margin1{ margin-top:40px;}
.c1{color:#FFF}
.d1{ position:relative; float:left; margin-right:15px; padding-top:5px;}