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

/* ************************* Begin of reste style  ********************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {/*,table, caption, tbody, tfoot, thead, tr, th, td*/
	margin: 0;
	padding: 0;
	border: 0;
	/*outline: 0;*/
	/*font-weight: inherit;*/
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    /*outline: 0;*/
}
body {
    line-height: 1;
    color: black;
    /*background: white;*/
}
ol, ul {
    /*list-style: none;*/
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    /*border-spacing: 0;*/
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    /*content: "";*/
}
blockquote, q {
    /*quotes: "" "";*/
}
/* ************************* End of reset style  ***************************** */
body{
	background-color: #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#575858;
	line-height:16px;
	}
p{
	margin-top:8px;
	margin-bottom:8px;
	}
h1{
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:20px;
	}
h2{
	font-size:18px;
	font-weight:bold;
	color:#0f5f97;
	}
h4{
	font-weight:bold;
	font-size:13px;
	}
.regular_heading{
	color:#666868;
	}
.blue{
	color:#0f5f97;
	}
a{
	color:#fb9603;
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}

#wrapper{
	width:900px;
	margin:0 auto;
	
	}
/* header */
#header{
	float:left;
	width:100%;
	background:#FFF
	
	}
	
#header_top{
	float:left;
	width:100%;
	background-image:url(../images/background_header.gif);
	height:92px;
	position:relative;
	}
a#logo{
	display:block;
	text-indent:-9000px;
	background-repeat:no-repeat;
	background-image:url(../images/logo.gif);
	width:291px;
	height:84px;
	float:left;
	position:relative;
	left:33px;
	}
p#call_today{
	float:right;
	color:#FFF;
	line-height:20px;
	position:relative;
	top:10px;
	text-align:right;
	right:50px;
	}
p#call_today span{
	color:#f8aa1c;
	font-size:22px;
	line-height:24px;
	}


p#main_title_hot_water{
	color:#385caa;
	font-size:26px;
	background-image:url(../images/background_main_title.gif);
	background-repeat:repeat-x;
	height:28px;
	float:left;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	padding-top:18px;
	margin:0px;
	}
p#main_title_hot_water span{
	font-weight:bold;
	}
	
p#main_title_solar{
	color:#385caa;
	font-size:26px;
	background-image:url(../images/background_main_title.gif);
	background-repeat:repeat-x;
	height:28px;
	float:left;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	padding-top:18px;
	margin:0px;
	}
p#main_title_solar span{
	font-weight:bold;
	}	


p#main_title_voltaic{
	color:#385caa;
	/*font-size:22px;*/
	font-size:20px;
	background-image:url(../images/background_main_title.gif);
	background-repeat:repeat-x;
	height:42px;
	float:left;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	/*padding-top:18px;*/
	padding-top:4px;
	margin:0px;
	/*se agrega esto para titulo*/
	line-height: 19px;
	}
p#main_title_voltaic span{
	font-weight:bold;
	}

/*p#main_title{
	color:#385caa;
	font-size:26px;
	background-image:url(../images/background_main_title.gif);
	background-repeat:repeat-x;
	height:28px;
	float:left;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	padding-top:18px;
	margin:0px;
	}
p#main_title span{
	font-weight:bold;
	}*/
/*#banner{
	float:left;
	width:100%;
	background-image:url(../images/main_banner.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:416px;
	position:relative;
	}
#banner ul{
	position:absolute;
	text-indent:-9000px;
	}*/
	
#banner_hotwater{
	float:left;
	width:100%;
	background-image:url(../images/main_banner_hot_water.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:416px;
	position:relative;
	}
#banner_hotwater ul{
	position:absolute;
	text-indent:-9000px;
	}
	

#banner_solar{
	float:left;
	width:100%;
	background-image:url(../images/main_banner_solar.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:416px;
	position:relative;
	}
#banner_solar ul{
	position:absolute;
	text-indent:-9000px;
	}


#banner_voltaic{
	float:left;
	width:100%;
	background-image:url(../images/main_banner_voltaic.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:416px;
	position:relative;
	}
#banner_voltaic ul{
	position:absolute;
	text-indent:-9000px;
	}

	
	
#contact{
	float:left;
	position:relative;
	background-image:url(../images/background_contact.png);
	background-repeat:no-repeat;
	width:235px;
	height:311px;
	padding:13px;
	padding-left:30px;
	padding-right:15px;
	left:60px;
	top:18px;
	color:#0f5f97;
	}
#contact h2{
	text-align:center;
	}
#contact p#contact_paragraph{
	text-align:center;
	}
#contact form p{
	margin:0px;
	}
#contact .input{
	width:90%;
	}
#btn_submit{
	display:block;
	text-indent:-9000px;
	float:left;
	background-image:url(../images/btn_go.gif);
	background-repeat:no-repeat;
	width:61px;
	height:24px;
	}
p#contat_text{
	color:#0f5f97;
	font-weight:bold;
	position:absolute;
	width:245px;
	left:0px;
	bottom:-50px;
	}


#header_left{
	float:right;
	width:59%;
	position:relative;
	top:285px;
	}
p#button_call_today{
	margin-left:30px;
	display:block;
	background-image:url(../images/banner_button_call.gif);
	width:450px;
	height:68px;
	font-weight:bold;
	color:#ffffff;
	font-size:21px;
	padding-left:9px;
	padding-top:15px;
	line-height:24px;
	text-indent: 1em;
	}
p#header_text{
	width:490px;
	color:#0f5f97;
	}
#sub_main_title{
	margin:0px;
	float:left;
	width:92%;
	background-image:url(../images/background_sub_main_title2.gif);
	background-repeat:repeat-x;
	height:60px;
	padding-top:11px;
	font-size:23px;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	padding-left:8%;
	position:relative;
	}
#sub_main_title span.regular{
	font-size:14px;
	}
#small_banner{
	background-image:url(../images/banner_accredited.gif);
	background-repeat:no-repeat;
	width:118px;
	height:48px;
	position:relative;
	float:right;
	top:-25px;
	right:45px;
	}

p#quotation{
	font-style:italic;
	font-size:14px;
	float:left;
	width:85%;
	padding-left:9%;
	padding-right:6%;
	margin:0px;
	position:relative;
	background-image:url(../images/background_quotation.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:25px;
	}
p#quotation span{
	display:block;
	float:right;
	width:100%;
	text-align:right;
	color:#0f5f97;
	}

/* content */
#content{
	float:left;
	width:86%;
	padding-left:7%;
	padding-right:7%;
	line-height:18px;background:#FFF
	}
#pic_1_solar_water{
	float:right;
	padding:3px;
	border:#9c9c9c solid 1px;
	margin-left:15px
	}
#pic_1_solar_pool{
	float:left;
	padding:3px;
	margin-right:20px;
	margin-bottom:4px;
	border:#9c9c9c solid 1px;
	}
#pic_1_solar_electric{
	float:right;
	padding:3px;
	border:#9c9c9c solid 1px;
	}	

	
#content ul{
	list-style:none;
	}
#content li{
	background-image:url(../images/round_dot.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:20px;
	margin-bottom:5px;
	}
#content strong{
	font-weight:bold;
	}
.higlight{
	font-size:18px;
	color:#fb9603;
	font-weight:bold;
	}


/* footer */
#footer{
	float:left;
	width:86%;
	padding-left:7%;
	padding-right:7%;
	font-size:11px;
	padding-top:20px;
	padding-bottom:20px;
	background:#FFF
	}