@charset "utf-8";
/* CSS Document */
body{margin:0px; width:100%}
#navc{display:none; position:fixed; top:0px; background-image:url(images/bg.png)}
#head1{width:100%; position:fixed; top:0px; background-image:url(images/bg.png);  background-size:cover}
#head2{ position:fixed; top:0px; background-image:url(images/bg.png);  background-size:cover; display:none}
#feta{background:#960; color:white; height:50px; width:100%; text-align:center; font-weight:bold; font-family:Tahoma, Geneva, sans-serif;line-height:50px; display:none}
#fets{background-image:url(images/bg.png); background-size:cover; color:white;height:50px; width:200px; text-align:center; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; line-height:50px;}
#fet{background:#960; color:white; height:50px; width:200px; text-align:center; font-weight:bold; font-family:Tahoma, Geneva, sans-serif;line-height:50px; display:block}
#fets,#fet{float:left; margin:auto}
#fetas{background-image:url(images/bg.png); background-size:cover; color:white;height:50px; width:100%; text-align:center; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; line-height:50px;display:none}
#fetas:hover{opacity:0.8}
#feta:hover{opacity:0.8}
#nav ul{list-style-type:none; margin:0px; padding:0px}

#nav ul li:hover{background-color:#960; border-radius:9px;  }
#nav ul li{display:inline-block;background:#CCC;margin-left:10px;border-radius:9px;}

#nav ul li a:link{ color: #036; border-radius:9px; text-decoration:none; padding:5px; display:block;font-family:Tahoma, Geneva, sans-serif; font-size:14px;font-weight:bold}
#nav ul li a,visited{ color:#036; border-radius:9px;text-decoration:none;padding:5px; display:block; font-family:Tahoma, Geneva, sans-serif;font-size:14px; font-weight:bold}

#nav ul li a:hover{color:white}
#serch{background:white; width:170px; border-radius:8px}
#byt{background-image:url(images/search.svg); background-position:center; background-size:40px; border:0px; opacity:0.4;cursor:pointer;}
#gg{width:150px; opacity:0.4; border:0px; height:30px}
#cont{margin-top:60px; width:1082px;  box-shadow:0px 0px 40px 2px black;}
#fst{float:left; cursor:pointer;}
#fst:hover{opacity:0.8}
#sec,#secs,#secsd{float:left; margin-top:50px}
#sec{width:400px; text-align:center; font-size:14px; color: #666;  font-family:arial;line-height:25px;}
#secs{width:500px}
#secsd{width:100%; display:none}
h3{color:#960; text-align:center; font-size:18px}
a:link{color: #036; text-decoration:none;  font-family:Tahoma, Geneva, sans-serif}
a:visited{color:#036; text-decoration:none;  font-family:Tahoma, Geneva, sans-serif}
a:hover{color:red; text-decoration:underline;  font-family:Tahoma, Geneva, sans-serif}
#mm{width:340px; float:left; margin-left:5px; text-align:center; font-family:arial; color:#666;line-height:25px;}

#mm:hover{opacity:0.6}
#gam{margin:10px}
#gam:hover{cursor:not-allowed; opacity:0.8}
#footer{color:#cccccc; ; font-weight:lighter; font-size:12px}

#footer a:link{color:#cccccc;  }
#footer a,visited{color:#cccccc}
h2{color:#666}
#lq{color:#666; font-size:16px; font-family:arial;text-align:justify;line-height:25px}
#pumps{float:left; width:200px;margin-left:10px; font-family:arial; color:#666}
#pmp{width:100%; height:100%}
#bt{color:white; background:#960; border-radius:9px; opacity:0.8; height:30px;}
#bt:hover{opacity:1}
#a1{width:700px}
#ud{width:100%}
#a1,#enq{float:left; margin-left:30px}
#sdf{background:#960; border-radius:9px; height:40px; opacity:0.8; color:white; width:300px; cursor:pointer}
#sdfa{background-image:url(images/bg.png); color:white; border-radius:9px; height:40px; opacity:0.8;width:300px; cursor:pointer}
#sdf:hover{opacity:1}
#sdfa:hover{opacity:1}
#key{color:#666; font-family:arial}
#tb{color:#666; font-family:arial; font-size:16px; text-align:justify}
#data{color:#666; border:2px solid grey}
#pg{border:1px solid none; background:white}
#pr{color:#666; font-family:arial; width:700px; text-align:justify}
#pr,#pr2{float:left; margin-left:20px; margin-bottom:10px}
#iva{width:200px; float:left; margin-left:10px}
#all{width:100%; height:100%}
#md{background-image:url(images/bg.png); border:0px; border-radius:9px; height:30px; color:white; margin-bottom:7px; cursor:pointer; opacity:0.8}
#md:hover{opacity:1}
#prf,#pry{width:500px; color:#666; font-family: arial; float:left}
#ts{width:100%; height:30px; border-radius:9px; opacity:0.8}
#tg{width:100%;  border-radius:9px;opacity:0.8}
#ts:focus{opacity:1; box-shadow:0px 0px 5px 1px lightgreen}
#tg:focus{opacity:1; box-shadow:0px 0px 5px 1px lightgreen}
#con{display:none; position:fixed; top:0px; left:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.8); overflow:auto}
#con>div{background:white; border-radius:9px; width:590px; margin:auto}
#close{border-radius:50%; font-weight:bold; font-size:24px; width:30px; border:0px; float:right; margin-top:-10px; margin-right:-10px}
#close:hover{color:red; box-shadow:0px 0px 20px 2px lightgreen; cursor:pointer}
#pr3,#pr4{width:500px; float:left; margin-left:20px;color:#666; font-family:arial}
#gd{color:#666; font-family:arial; text-align:justify}
@media only screen and (max-width:320px){
#head1{display:none}
#head2{display:block}	
#bv	{display:none}
#feta,#fetas{display:block}
#fst{display:none}	
	#sec,secsd{width:100%}
	#secs{display:none}
	#map{width:100%}
	#cont{width:100%}
	#mm{width:100%;margin-left:0px; margin-bottom:20px}
	#ms{width:100%; height:206px}
	#mm2{width:100%}
	#secsd{display:block; width:100%}
	#nav ul li{display:block;background:#CCC;margin-left:0px; margin-bottom:5px}
	#pumps{width:100%;margin-left:0px}
	#pmp{width:100%; height:100%}
	#a1,#enq{float:left; margin-left:00px; width:100%}
	#sdf,#sdfa{width:100%}
	#data{100%; overflow:auto}
	#sld{width:100%}
	#fet,#fets{display:none}
	#pr,#pr2{width:100%; margin-left:0px}
	#iva{width:100%; margin-left:0px}
	#all{width:100%}
	#prf,#pry{width:100%}
	#cy{width:100%;  border-left-width:0px}
	#con>div{width:100%}
	#close{border-radius:50%; font-weight:bold; font-size:24px; width:30px; border:0px; float:right; margin-top:0px; margin-right:0px}
	#pr3,#pr4{width:100%; margin-left:0px}
}
@media only screen and (max-width:480px){
#head1{display:none}
#head2{display:block}	
	#bv	{display:none}
	#feta,#fetas{display:block}
#fst{display:none}	
	#sec{width:100%}
	#map{width:100%}
	#cont{width:100%}
	#mm{width:100%;margin-left:0px;}
	#ms{width:100%; height:206px}
	#gv{width:100%}
	#secs{display:none}
	#secsd{display:block}
	#mm2{width:100%}
	#nav ul li{display:block;background:#CCC;margin-left:0px;margin-bottom:5px}
	#pumps{width:100%;margin-left:0px}
	#pmp{width:100%; height:100%}
	#a1,#enq{float:left; margin-left:00px; width:100%}
	#sdf,#sdfa{width:100%}
	#my{width:275px;overflow:auto; height:300px}
	#data{width:100%}
	#sld{width:100%}
	#fet,#fets{display:none}
	#pr,#pr2{width:100%; margin-left:0px}
	#iva{width:100%; margin-left:0px}
	#all{width:100%}
	#prf,#pry{width:100%}
	#cy{width:100%; border-left-width:0px}
	#con>div{width:100%}
	#close{border-radius:50%; font-weight:bold; font-size:24px; width:30px; border:0px; float:right; margin-top:0px; margin-right:0px}
	#pr3,#pr4{width:100%; margin-left:0px}
}
@media only screen and (max-width:500px){
#head1{display:none}
#head2{display:block}	
#bv	{display:none}	
#feta,#fetas{display:block}
#fst{display:none}		
	#sec,secs{width:100%}
	#map{width:100%}
	#cont{width:100%}
	#mm{width:100%;margin-left:0px;}
	#secs{display:none}
	#secsd{display:block}
#ms{width:100%; height:206px}
#nav ul li{display:block;background:#CCC;margin-left:0px; margin-bottom:5px}
#pumps{width:100%;margin-left:0px}
	#pmp{width:100%; height:100%}
	#a1,#enq{float:left; margin-left:0px; width:100%}
	#sdf,#sdfa{width:100%}
	
	#data{width:100%}
	#sld{width:100%}
	#fet,#fets{display:none}
	#pr,#pr2{width:100%; margin-left:0px}
	#iva{width:100%; margin-left:0px}
	#all{width:100%}
	#prf,#pry{width:100%}
	#cy{width:100%; border-left-width:0px}
	#con>div{width:100%}
	#close{border-radius:50%; font-weight:bold; font-size:24px; width:30px; border:0px; float:right; margin-top:0px; margin-right:0px}
	#pr3,#pr4{width:100%; margin-left:0px}
}
@media only screen and (max-width:640px){
#head1{display:none}
#head2{display:block}	
#bv	{display:none}	
	#feta,#fetas{display:block}
#fst{display:none}	
	#sec,secs{width:100%}
	#map{width:100%}
	#cont{width:100%}
	#mm{width:100%;margin-left:0px;}
	#secs{display:none}
	#secsd{display:block}
#ms{width:100%; height:206px}
#nav ul li{display:block;background:#CCC;margin-left:0px;margin-bottom:5px}
#pumps{width:100%; margin-left:0px}
	#pmp{width:100%; height:100%}
	#a1,#enq{float:left; margin-left:00px; width:100%}
	#sdf,#sdfa{width:100%}
	
	#data{width:100%}
	#sld{width:100%}
	#fet,#fets{display:none}
	#pr,#pr2{width:100%; margin-left:0px}
	#iva{width:100%; margin-left:0px}
	#all{width:100%}
	#prf,#pry{width:100%}
	#cy{width:100%; border-left-width:0px}
	#con>div{width:100%}
	#close{border-radius:50%; font-weight:bold; font-size:24px; width:30px; border:0px; float:right; margin-top:0px; margin-right:0px}
	#pr3,#pr4{width:100%; margin-left:0px}
}

@media only screen and (max-width:720px){
#head1{display:none}
#head2{display:block}	
#bv	{display:none}	
	#feta,#fetas{display:block}
#fst{display:none}	
	#sec,secs{width:100%}
	#map{width:100%}
	#cont{width:100%}
	#mm{width:100%;margin-left:0px;}
	#secs{display:none}
	#secsd{display:block}
#ms{width:100%; height:206px}
#nav ul li{display:block;background:#CCC;margin-left:0px; margin-bottom:5px}
#pumps{width:100%;margin-left:0px}
	#pmp{width:100%; height:100%}
	#a1,#enq{float:left; margin-left:0px; width:100%}
	#sdf,#sdfa{width:100%}
	
	#data{width:100%}
	#sld{width:100%}
	#fet,#fets{display:none}
	#pr,#pr2{width:100%; margin-left:0px}
	#iva{width:100%;margin-left:0px}
	#all{width:100%}
	#prf,#pry{width:100%}
	#cy{width:100%; border-left-width:0px}
	#con>div{width:100%}
	#close{border-radius:50%; font-weight:bold; font-size:24px; width:30px; border:0px; float:right; margin-top:0px; margin-right:0px}
	#pr3,#pr4{width:100%; margin-left:0px}
}
@media only screen and (max-width:960px){
#head1{display:none}
#head2{display:block}	
#bv	{display:none}	
#feta,#fetas{display:block}
#fst{display:none}		
	#sec,secs{width:100%}
	#map{width:100%}
	#cont{width:100%}
	#mm{width:100%;margin-left:0px;}
	#ms{width:100%; height:206px}
	#nav ul li{display:block;background:#CCC;margin-left:0px;margin-bottom:5px}
	#pumps{width:100%;margin-left:0px}
	#pmp{width:100%; height:100%}
	#nav{margin-top:70px; text-align:center}
	#a1,#enq{float:left; margin-left:0px; width:100%}
	#sdf,#sdfa{width:100%}
	
	#data{width:100%}
	#sld{width:100%}
	#fet,#fets{display:none}
	#pr,#pr2{width:100%; margin-left:0px}
	#iva{width:100%; margin-left:0px}
	#all{width:100%}
	#prf,#pry{width:100%}
	#cy{width:100%; border-left-width:0px}
	#con>div{width:100%}
	#close{border-radius:50%; font-weight:bold; font-size:24px; width:30px; border:0px; float:right; margin-top:0px; margin-right:0px}
	#pr3,#pr4{width:100%; margin-left:0px}
}