@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0; outline:0;}
body{padding:0; margin:0; outline:0; font-family: 'Lato', sans-serif;}
.main{width:100%; float:left;}
.bound{width:1000px; margin:0 auto;}

td{padding-left:5px; padding-top:5px; padding-bottom:5px; font-size:12px; color:#666666;}
th{padding-left:5px; padding-top:5px; padding-bottom:5px; font-size:12px; color:#666666;}
strong{color:#666666;}
span{color:#666666;}
h3{color:#666666;}
b{color:#666666;}

.head_main{width:100%; float:left;}
.logo_head{float:left; width:200px;}
.logo_left{width:400px; float:right;}
.logo_left p{color:#64b7c9; font-size:15px; text-align:right; margin-bottom:55px;}


.nav{width:100%; float:left; background:#ababab;}
.nav ul{list-style:none;}
.nav ul li{float:left; position:relative;}
.nav ul li a{float:left; font-size:14px; color:#FFFFFF; text-decoration:none; line-height:40px; padding-left:10px; padding-right:10px;}
.nav ul li a:hover{text-decoration:underline;}

.nav ul li ul{display:none; position:absolute; top:40px; left:0; width:320px;}
.nav ul li:hover ul{float:left; display:block; background:url(../images/menubg.png); z-index:99999999999;} 
.nav ul li ul li{float:left; border-bottom:1px solid #FFFFFF; width:100%; z-index:9;}

.banner{width:100%; float:left;}

.indistrial_main{float:left; width:100%;}
.indistrial_left{float:left; width:700px;}
.indistrial_left h2{margin-top:10px; line-height:40px; margin-top:20px; background:#ABABAB; color:#FFFFFF; padding-left:10px; font-size:20px;}
.indistrial_left h2 a{text-decoration:none; color:#FFFFFF; font-size:20px;}
.indistrial_left p{font-size:13px; color:#999999; text-align:justify; margin-top:10px; line-height:20px; margin-bottom:10px;}
.indistrial_left span{color:#156FB4; font-size:14px; font-weight:bold;} 

.indistrial_right{float:right; width:280px; margin-top:25px;}

.icon_main{width:170px; float:right;}
.icon_main ul{list-style:none;}
.icon_main ul li{float:left;}
.icon_main ul li a{float:left; padding-left:5px; padding-right:5px; text-decoration:none; font-size:15px; color:#666666;}
.icon_main ul li a:hover{color:#000000; color:#0000FF; text-decoration:underline;}

.out_cnt{width:100%; float:left;}

.contant_main{width:100%; float:left; background:#656565; padding-bottom:10px;}
.contant_left{width:600px; float:left;}
.contant_left h2{float:left; color:#FFFFFF; font-size:20px; width:100%; margin-bottom:10px; padding-top:10px; padding-left:10px;}
.contant_left p{ width:100%; color:#FFFFFF; font-size:14px; padding-left:10px; text-align:justify;}

.contant_right{width:300px; float:left; margin-left:80px;}

.our_products_main{width:100%; float:left; margin-top:10px;}
.our_products_main h2{float:left; color:#756e6f; font-size:20px; width:100%; text-align:center; margin-bottom:20px;}
.our_products_main ul{list-style:none;}
.our_products_main ul li{padding-left:27px; padding-right:27px; display:inline-block;}

.application_ares_main{width:100%; float:left; margin-top:20px;} 
.application_left{width:700px; float:left;}
.application_left h2{color:#756e6f; font-size:20px; width:100%; text-align:center; margin-bottom:10px;}
.application_left ul{list-style:none;}
.application_left ul li{ float:left; margin-left:12px; width:215px; margin-bottom:6px;}
.application_left ul li span{ float:left; color:#756e6f; font-size:15px; padding-top:4px; padding-bottom:4px; width:215px; text-align:center;}



ul#social li#fb {
    height:195px;
    width:215px;
    background-image:url(../images/aplication_img_grascia2l.jpg);
	position:relative;
}

ul#social li#fb:hover{
    background-image:url(../images/aplication_img2.jpg);
}


ul#social li#tw{
    height:195px;
    width:215px;
    background-image:url(../images/aplication_img_grascia3.jpg);
	position:relative;
}

ul#social li#tw:hover{
background-image:url(../images/aplication_img1.jpg);
   
}
ul#social li#img1{
    height:195px;
    width:215px;
    background-image:url(../images/aplication_img_grascia4.jpg);
	position:relative;
}

ul#social li#img1:hover{
background-image:url(../images/aplication_img3.jpg);
   
}

ul#social li#img2{
    height:195px;
    width:215px;
    background-image:url(../images/aplication_img_grascia5.jpg);
	position:relative;
}

ul#social li#img2:hover{
background-image:url(../images/aplication_img4.jpg);
   
}

ul#social li#img3{
    height:195px;
    width:215px;
    background-image:url(../images/aplication_img_grascia6.jpg);
	position:relative;
}

ul#social li#img3:hover{
background-image:url(../images/aplication_img5.jpg);
   
}

ul#social li#img4{
    height:195px;
    width:215px;
    background-image:url(../images/aplication_img_grascia7.jpg);
	position:relative;
}

ul#social li#img4:hover{
background-image:url(../images/aplication_img6.jpg);
   
}

ul#social li#img5{
    height:195px;
    width:215px;
    background-image:url(../images/aplication_img_grascia8.jpg);
	position:relative;
}

ul#social li#img5:hover{
background-image:url(../images/aplication_img7.jpg);
   
}
ul#social li#img6{
    height:195px;
    width:215px;
    background-image:url(../images/aplication_img_grascia9.jpg);
	position:relative;
}

ul#social li#img6:hover{
background-image:url(../images/aplication_img8.jpg);
   
}

ul#social li#img7{
    height:195px;
    width:215px;
    background-image:url(../images/aplication_img_grascia10.jpg);
	position:relative;
}

ul#social li#img7:hover{
background-image:url(../images/aplication_img9.jpg);
   
}




.fb{margin: 0px;
background: rgba(23, 170, 214, 0.5) none repeat scroll 0% 0%;
position: absolute;
bottom: 0px;
width: 100%;
opacity: 1;}

.fb h3{
font-weight: 300;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
color: #FFF;
margin-top: 10px; text-align:center;}
.fb:hover{ background:#231d18; opacity:0.5;}

 


.application_left1{width:200px; height:600px; float:left; margin-left:80px;}
.application_left1 h2{color:#756e6f; font-size:20px; width:100%; text-align:center; margin-bottom:10px;}
.application_left1 ul{list-style:none;}
.application_left1 ul li{  margin-bottom:35px; width:140px;}
.application_left1 ul li span{ display:inline-block; float:left; color:#756e6f; font-size:15px; padding-top:3px; padding-bottom:3px; text-align:left; padding-left:20px;}

.contact_main{float:left; width:100%; background:#909090; border-bottom:1px solid #FFFFFF; padding-bottom:10px;}
.contact_main h2{float:left; color:#FFFFFF; font-size:20px; width:100%; text-align:center; margin-top:10px;}
.contact_left{width:400px; float:left; color:#FFFFFF; font-size:14px; padding-left:10px;}

.social_media{width:200px; float:right; margin-right:50px;}
.social_media ul{list-style:none;}
.social_media ul li{float:left; width:35px; height:35px;}
.social_media ul li a{float:left; width:35px; height:35px; background:url(../images/social_media.jpg) no-repeat 0 0;}
.social_media ul li.tw a{background-position:-35px;}
.social_media ul li.fb a{background-position:-70px;}
.social_media ul li.p a{background-position:-105px;}
.social_media ul li.in a{background-position:-140px;}

.map_main{width:100%; float:left; background:#909090;}
.map_main h2{float:left; color:#FFFFFF; font-size:20px; width:100%; text-align:center; margin-top:10px;}

.form_main{width:500px; float:right; margin-left:10px;}
.form_main ul{list-style:none;}
.form_main ul li{float:left; color:#FFFFFF; font-size:15px; padding-top:5px; margin-right:10px;}
.form{width:300px; height:30px; padding-left:5px; background:#FFFFFF; color:#666666; font-size:15px; border:1px solid #999999;}
.form1{width:300px; height:100px; background:#FFFFFF; color:#666666; font-size:15px; border:1px solid #999999;}
.form_btn{background:#d7d8da; width:300px; height:50px; border-radius:2px; font-size:15px; color:#00254e; border:none; cursor:pointer;}

.form_main1{width:500px; float:left; margin-left:10px;}
.form_main1 ul{list-style:none;}
.form_main1 ul li{float:left; width:100%; color:#FFFFFF; font-size:15px; padding-top:5px;}
.form2{width:400px; height:30px; padding-left:5px; background:#FFFFFF; color:#666666; font-size:15px; border:1px solid #999999;}
.form3{width:400px; height:100px; background:#FFFFFF; color:#666666; font-size:15px; border:1px solid #999999;}
.form_btn1{background:#d7d8da; width:400px; height:50px; border-radius:2px; font-size:15px; color:#00254e; border:none; cursor:pointer;}



.map{float:left; margin-top:25px;}

.footer_main{width:100%; float:left; background:#656565; margin-top:20px;}
.footer_left{float:left; color:#FFFFFF; font-size:12px; padding:8px;}
.footer_right{float:right; color:#FFFFFF; font-size:12px; padding:8px;}

/**********************************end of home page css************************************/

.about_tp_main{float:left; width:100%;}
.about_main{width:100%; float:left; margin-top:10px;}
.about_main h2{line-height:40px; margin-top:20px; background:#ABABAB; color:#FFFFFF; padding-left:10px; font-size:20px;}
.about_main p{color:#666666; font-size:15px; padding-left:10px; margin-top:10px;}
.about_main span{margin-top:20px; color:#156FB4; padding-left:10px; font-size:20px;}
.query_img{float:right; margin-top:25px;}

.our_product{width:100%; float:left;}
.our_product h2{color:#756e6f; font-size:20px; width:100%; text-align:left; padding-left:10px; margin-bottom:10px;}
.our_product ul{list-style:none;}
.our_product ul li{float:left; width:100%; padding-top:10px;}
.our_product ul li a{float:left; text-decoration:none; font-size:14px; color:#156FB4;}
.our_product ul li a:hover{text-decoration:underline;}

.hose-instulation{width:100%; float:left; margin-top:30px;}
.hose-instulation_left{width:350px; float:left;}
.hose-instulation_right{float:left; width:350px;}

.addres{ margin-top:10px; padding-left:50px; float:left; text-align:left;}
.addres span{color:#156FB4; font-size:17px;}
.addres p{color:#666666; font-size:16px; padding-left:10px; line-height:25px; margin-top:20px;}
.addres a{color:#666666; font-size:16px; padding-left:10px; text-decoration:none;}
.addres a:hover{text-decoration:underline;}

.teflon_main{float:left; width:100%;}
.teflon_main h2{line-height:40px; margin-top:20px; background:#ABABAB; color:#FFFFFF; padding-left:10px; font-size:20px;}
.teflon_left{float:left; width:500px;}
.teflon_left p{color:#666666; font-size:15px; padding-left:10px; margin-top:10px; font-size:13px;} 
.teflon_left span{margin-top:20px; color:#156FB4; padding-left:10px; font-size:20px; font-size:18px;}
.teflon_right{float:right; margin-top:20px;}
.table{float:left; width:100%; margin-top:20px;}

#container-sevices{font-family:verdana; text-align:left; font-size:11px; color:#676767; text-decoration:none; line-height:22px; width:274px; background:url(../images/service-bg.jpg) right repeat-y;}
#container-sevices a{color:#676767; text-decoration:none;}
#container-sevices a:hover{color:#0062a7; text-decoration:underline;}
#container-sevices ul{margin:0px; padding:5px 0px 0px 15px; list-style:none;}
#container-sevices ul li{margin:0px; padding:0px 0px 1px 12px; list-style:none; background:url(../images/bullets.jpg) left top repeat-y;}