@charset "UTF-8";
/* CSS Document */

body{
	background:url(../images/bg_body.png);
	background-attachment:fixed;
	z-index:0;
}

#header{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	height:85px;
	background:#FFF;
}
	#logo_header{
		margin-top:1px;
		float:left;
		width:164px;
		height:70px;
		margin-left:10px;
	}
	
	#phone_top{
	margin-left:33px;
	margin-top:43px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:18px;
	color:#FFF;
	text-align:center;
	padding-top:4px;
	float:left;
	width:153px;
	height:27px;
	background:url(../images/bg_number_top.png);
	background-repeat:no-repeat;
	}
	
	#phone_top a{
			font-family:"Arial Black", Gadget, sans-serif;
				font-size:18px;
	color:#FFF;
	text-decoration:none;


	}
	
	#navcontainer{
		width:620px;
		float:right;
		margin-right:10px;
	}
	
	
	
				#navlist
				{
				margin-top: 47px;
				padding: 0px 0px 20px 20px;
				border-bottom: 1px solid #5fc1d9;
				}
				
				#navlist ul, #navlist li
				{
				margin: 0;
				padding: 0;
				display: inline;
				list-style-type: none;
				}
				
				#navlist a:link, #navlist a:visited
				{
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				font-weight:bold;
				float: left;
				line-height: 14px;
				margin: 0px 10px 4px 40px;
				text-decoration: none;
				color: #5fc1d9;
				}
				
				#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
				{
				border-bottom: 3px solid #5fc1d9;
				padding-bottom: 3px;
				background: transparent;
				color: #5fc1d9;
				}
				
				#navlist a:hover {
				color: #5fc1d9;
				}
				
				    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }

				
#slider_container{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	height:442px;
	padding-bottom:10px;
	
}


/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:1024px;
		height:442px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:46px;
		height:91px;
		position:absolute;
		left:-57px;
		top:160px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:1034px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:46px;
		height:91px;
		background:url(../images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.png) no-repeat 0 0;
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

#content_wrapper{
	position:relative;
	width:1024px;
	min-height:158px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	margin-top:10px;
}


#shortcuts{
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	min-height:370px;
}

#shortcuts a{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	line-height: 30px;
	font-size:12pt;
	color:#5fc1d9;
	padding-left: 10px;
}

#shortcuts a:hover{
	color:#808080;
}


#gallery_box{
	float:left;
	display:block;
	width:320px;
	height:370px;
	border:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	
	-moz-box-shadow: 0px 2px 3px #999;
	-webkit-box-shadow: 0px 2px 3px #999;
	box-shadow: 0px 2px 3px #999;
	
	background: url(../images/pool-company-designs.jpg) #FFF;
	background-repeat:no-repeat;

}

/*#gallery_box:hover{
	background:url(../images/gallery_box_hover.jpg);
	background-repeat:no-repeat;
}*/

#gallery_box p{
		font-family:Arial, Helvetica, sans-serif;
		width:300px;
		font-size:12pt;
		color:#808080;
		padding-left:10px;
		padding-right:10px;
		line-height:16px;
		text-decoration:none;
}

#gallery_box a{
		text-decoration:none;
}

#gallery_box h1{
		font-family:Arial, Helvetica, sans-serif;
		width:300px;
		font-size:12pt;
		color:#5fc1d9;
		padding-left:10px;
		padding-right:10px;
		padding-top:235px;
		line-height: normal;
		text-decoration:none;
		text-align:left;
}

#services_box{
	float:left;
	display:block;
	width:320px;
	margin-left:32px;
	height:370px;
	border:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	
	-moz-box-shadow: 0px 2px 3px #999;
	-webkit-box-shadow: 0px 2px 3px #999;
	box-shadow: 0px 2px 3px #999;
	
	background:url(../images/pool-contrsuction-design.jpg) #FFF;
	background-repeat:no-repeat;

}

/*#services_box:hover{
	background:url(../images/services_box_hover.jpg);
	background-repeat:no-repeat;
}*/

#services_box p{
		font-family:Arial, Helvetica, sans-serif;
		width:300px;
		font-size:12pt;
		color:#808080;
		padding-left:10px;
		padding-right:10px;
		line-height:16px;
		text-decoration:none;
}

#services_box a{
		text-decoration:none;
}

#services_box h1{
		font-family:Arial, Helvetica, sans-serif;
		width:300px;
		font-size:12pt;
		color:#5fc1d9;
		padding-left:10px;
		padding-right:10px;
		padding-top:235px;
		line-height:normal;
		text-decoration:none;
		text-align:left;
}


#products_box{
	float:right;
	display:block;
	width:320px;
	height:370px;
	border:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	
	-moz-box-shadow: 0px 2px 3px #999;
	-webkit-box-shadow: 0px 2px 3px #999;
	box-shadow: 0px 2px 3px #999;
	
	background:url(../images/pool-cleaning-products.jpg) #FFF;
	background-repeat:no-repeat;

}

/*#products_box:hover{
	background:url(../images/products_box_hover.jpg);
	background-repeat:no-repeat;
}*/

#products_box p{
		font-family:Arial, Helvetica, sans-serif;
		width:300px;
		font-size:12pt;
		color:#808080;
		padding-left:10px;
		padding-right:10px;
		line-height:16px;
		text-decoration:none;
}

#products_box a{
		text-decoration:none;
}

#products_box h1{
		font-family:Arial, Helvetica, sans-serif;
		width:300px;
		font-size:12pt;
		color:#5fc1d9;
		padding-left:10px;
		padding-right:10px;
		padding-top:235px;
		line-height:13px;
		text-decoration:none;
		text-align:left;
}


#testi_contact_home_container{
	width:1024px;
	margin-top:25px;
	min-height:455px;
}

#testimonials_home{
	float:left;
	width:500px;
	min-height:519px;
	background:#FFF;
	background:url(../images/bg_test_contact.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#fff;

}

.shadow, .corner{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	
	-moz-box-shadow: 0px 2px 3px #bebebe;
	-webkit-box-shadow: 0px 2px 3px #bebebe;
	box-shadow: 0px 2px 3px #bebebe;
}


#testimonials_home a{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size:12pt;
	color:#5fc1d9;
	text-align:right;
}

#testimonials_home a:hover{
	color:#808080;
}



	#testimonials_home p{
		font-family:Arial, Helvetica, sans-serif;
		width:469px;
		font-size:12pt;
		color:#808080;
		padding-left:15px;
		padding-right:15px;
		padding-top:10px;
		line-height:20px;

}


		.bol_testi{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:12px;
		color:#5fc1d9;
		text-decoration:none;

}


		#testimonials_home h2{
		padding-bottom:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14pt;
		color:#5fc1d9;
		padding-left:15px;
		padding-right:15px;
		padding-top:20px;

}

#getintouch_home{
	background:url(../images/bg_test_contact.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#fff;
	width:500px;
	min-height:519px;
	float:right;
	padding-top:0px;
}


#formulario{
	padding-top:20px;
	padding-left:25px;
	width:450px;
	height:435px;
}

	#getintouch_home h2{
		padding-bottom:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14pt;
		color:#5fc1d9;
		padding-left:15px;
		padding-right:15px;
		padding-top:20px;
	}



#footer{
	width:1024px;
	height:80px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
}

#footer_homepage{
	width:1024px;
	height:130px;
	margin-top: 100px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 20px;
	background:#FFF;
}

	#line{
		margin-top:10px;
		margin-bottom:10px;
		width:1024px;
		height:1px;
		background:#CCCCCC;
		
	}
	
	#container_footer{
		width:1024px;
	}
	
	#footer_nav{
		width:500px;
		margin-top:0px;
		margin-left:10px;
		
	
	}
	
	#sehabla{
		float: right;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bolder;
		font-size:12px;
		text-decoration: none;
		color: #808080;
		margin-top:-15px;
		width:130px;
		height:20px;
		text-align:right;
		background: url(../images/bubble_talk.png);
		background-repeat:no-repeat;
		padding-top:2px;
		margin-right:10px;
	}
	
		#links_footer_nav li{
			display:inline-block;
			padding-left:10px;
			padding-right:10px;
			border-right:thin #999 solid;

		}
		
		#links_footer_nav li:first-child{
			padding-left:0px;
		}
		
		#links_footer_nav li:last-child{
			border-right:none;
		}

			#links_footer_nav li a{
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			text-decoration: none;
			color: #808080;

		}
		

		
		#links_footer_nav a:hover{
			text-decoration:none;
			color:#5fc1d9;
		}
		
		#bottom_info{
			width:70%;
			float:left;
			margin-left:10px;
		}
		
		#insured{
			margin-top:7px;
			width:400px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			text-decoration: none;
			color: #666;
		}
		
			#copyright{
			width:360px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			text-decoration: none;
			color: #666;
		}
		
			#credit_cards{
			margin-top:7px;
			width:360px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			text-decoration: none;
			color: #666;
			
		}

         #servicing{
			margin-top:7px;
			width:100%;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			text-decoration: none;
			color: #666;
			
		}
		
#logo_footer{
	margin-top:2px;
	float:right;
	width:164px;
	height:45px;
	margin-right:10px;
}

#findus{
	margin-top:40px;
	float:right;
	width:20px;
	height:20px;
}


#inner_container{
	width:1024px;
	min-height:572px;
	margin-left:auto;
	margin-right:auto;
}

#inner_container_overview{
	width:1024px;
	min-height:554px;
	margin-left:auto;
	margin-right:auto;
}

#inner_container_services{
	width:1024px;
	min-height:923px;
	margin-left:auto;
	margin-right:auto;
}

#inner_container_services_repairs{
	width:1024px;
	min-height:946px;
	margin-left:auto;
	margin-right:auto;
}

#inner_container_heaters{
	width:1024px;
	min-height:830px;
	margin-left:auto;
	margin-right:auto;
}


#inner_container_pumps{
	width:1024px;
	min-height:992px;
	margin-left:auto;
	margin-right:auto;
}

	#bg_pumps{
	position:fixed;
	display:block;
	width:300px;
	height:187px;
	background-repeat:no-repeat;
	background-image: url(../images/bg_pumps.jpg);
	margin-left: 450px;
	}


#inner_container_filters{
	width:1024px;
	min-height:648px;
	margin-left:auto;
	margin-right:auto;
}

	#bg_filters{
	position:fixed;
	display:block;
	width:300px;
	height:187px;
	background-repeat:no-repeat;
	background-image: url(../images/bg_filter.jpg);
	margin-left: 450px;
	}


#inner_container_cartridges{
	width:1024px;
	min-height:682px;
	margin-left:auto;
	margin-right:auto;
}

	#bg_cart{
	position:fixed;
	display:block;
	width:300px;
	height:187px;
	background-repeat:no-repeat;
	background-image: url(../images/bg_cartridges.jpg);
	margin-left: 450px;
	}



#inner_chlo{
	width:1024px;
	height:415px;
	margin-left:auto;
	margin-right:auto;
}


	#bg_chlo{
	position:fixed;
	display:block;
	width:300px;
	height:187px;
	background-repeat:no-repeat;
	background-image: url(../images/bg_chlo.jpg);
	margin-left: 450px;
	}


#inner_container_contact{
	width:1024px;
	min-height:802px;
	margin-left:auto;
	margin-right:auto;
}


#inner_container_testi{
	width:1024px;
	min-height:752px;
	margin-left:auto;
	margin-right:auto;
}



	#left_nav{
		display:block;
		background:#FFF;
		margin-top:3px;
		float:left;
		width:200px;
		margin-left:10px;
		min-height:73px;
		
	}
	
		#links_left_nav{
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			text-decoration: none;
			color: #FFF;
			font-weight:bold;

		}
		
			#links_left_nav li{
				width:80%;
				margin-left:auto;
				margin-right:auto;
				padding-left:15px;
				padding-top:10px;
				padding-bottom:10px;
				border-bottom:#CCC dotted 1px;
			}
					
			#links_left_nav li:last-child{
				border-bottom:none;
			}
			
			#links_left_nav a{
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				text-decoration: none;
				color: #999;
			}
			
			.nolink{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration: none;
			color: #5fc1d9;
			

		}


			#links_left_nav a:hover{
				color:#5fc1d9;
			}
			
#main_content_wrapper{
	float:right;
	min-height:200px;
	margin-right:20px;
	
}

#main_content_wrapper_services{
	float:right;
	width:850px;
	min-height:200px;
	
}


.titulos{
	position:relative;
	width:1024px;
	margin-left:auto;
	margin-right:auto;

}

h1{
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30pt;
	font-weight:bold;
	color:#5fc1d9;
	padding-bottom:10px;
	padding-top:10px;
	letter-spacing:-1px;
	text-align:right;

}

#main_content{
	width:750px;

}

	#banner{
		width:750px;
		height:230px;
		display:block;
	}

.drop_shadow{
	-moz-box-shadow: 0px 2px 3px #999;
	-webkit-box-shadow: 0px 2px 3px #999;
	box-shadow: 0px 2px 3px #999;

}

#border_para{
		margin-top:15px;
}

	#main_content p{
		background:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12pt;
		color:#808080;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:15px;
		padding-top:15px;
		line-height:17px;
	}
		
		
	#listado{
		width:440px;
		min-height:395px;

		margin:0;
		background: #FFF;
	}
	
	#bg_heater{
	position:fixed;
	display:block;
	width:300px;
	height:187px;
	background-repeat:no-repeat;
	background-image: url(../images/bg_heaters.jpg);
	margin-left: 450px;
	}
	
	#listado li{
		width:90%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:8pt;
		color:#808080;
		margin-left:20px;
		padding-bottom:10px;
		padding-top:10px;
		border-bottom:dotted thin #CCC;
		padding-left:10px;
	}
	
	#listado li:first-child{
		padding-top:15px;
	}
	
	#listado li:last-child{
		border:none;
	}
	
	
#banner_contact{
	width:747px;
	height:312px;
}
	
#banner_contact ul li {
  display:inline-block;
  padding-left:5px;
  background:#FFF;
}

#banner_contact ul li:first-child {
  padding-left:0;
}

#getintouch_con{
	background:url(../images/bg_test_contact.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#fff;
	width:500px;
	min-height:519px;
	padding-top:0px;
}

	#formulario_con{
	padding-top:20px;
	padding-left:25px;
	width:450px;
	height:435px;
	}

	#getintouch_con h2{
		padding-bottom:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14pt;
		color:#5fc1d9;
		padding-left:15px;
		padding-right:15px;
		padding-top:20px;
		}