/***** Global Settings *****/

html, body {
	height: 100%;
}
body {
	font:80%/1.25 Arial, Helvetica, sans-serif;
	border:0;
	margin:0;
	padding:0;
	background-color: #c1ccd0;
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}

p, ul, ol {
	margin:0;
	padding:0 0 18px 0;
}
ul, ol {
	list-style-type:none;
	padding:0 0 18px 20px;
}

blockquote {
	margin:22px 40px;
	padding:0;
}
small {
	font-size:0.85em;
}
img {
	border:0;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
acronym, abbr {
	cursor: help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}
strong { color:#186c98; }
.doc{ background: url(images/entry_16.gif) no-repeat center left; padding: 2px 0 2px 18px;} 

/***** Links *****/

a, a:visited {
	text-decoration:none;
	color:#555;
	outline: none;
}
a:hover {
	text-decoration:underline;
	color:#000;
	outline: none;
}

/***** Forms *****/

form {
	margin:0;
	padding:0;
	display:inline;
}
input, select, textarea {
	font:1em arial, helvetica, sans-serif;
}
textarea {
	line-height:1.25;
}
label {
	cursor:pointer;
}

/***** Tables *****/

table {
	border:0;
	margin:0 0 18px 0;
	padding:0;
	width:598px;
}
table tr td {
	padding:2px;
}

/***** Wrapper *****/

.wrap {
	width:900px;
	margin: 0 auto;
	padding: 0;
	height: auto;
	min-height: 100%;
}

/***** Global Classes *****/

.clear { clear:both; }
.floatLeft { float:left; }
.floatRight { float:right; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }
.img-left { float:left; 
	margin:4px 10px 4px 0;
}
.img-right {
	float:right;
	margin:4px 0 4px 10px;
}
.nopadding {
	padding:0;
}
.noindent {
	margin-left:0;
	padding-left:0;
}
.nobullet {
	list-style:none;
	list-style-image:none;
}
.width100 { width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }
.border { border:1px solid #186c98; }
.right-dan { float:right;margin:0 30px 0px 12px; }
.strong{ font-weight: bold;}
.red { color:#ae0000; } 
.blue { color:#186c98; }
.green { color:#00ae00; }
/***** Header *****/

#header{
	display: block;
	float: left;
	clear: both;
	width: 100%;
	height: 159px;
	margin: 0;
	padding: 0;
	background: url(images/bgHeaderStrip.jpg) repeat-x top left;
}
#header .wrap{
	background: url(images/bgHeader.jpg) no-repeat top left;
}
#header .wrap #hLeft{
	display: block;
	float: left;
	clear: none;
	margin:34px 0 0 0;
	padding: 0;
}
#header .wrap #hLeft h1{
	font-size: 14px;
	color: #0e2835;
}
#header .wrap #hRight{
	display: block;
	float: right;
	clear: none;
	margin:36px 0 0 0;
	padding: 0;
}

#header .wrap #navi{
	display: block;
	float: left;
	clear: both;
	width: 870px;
	height: 34px;
	margin: 22px 0 0 0;
	padding: 0 0 0 30px;
	background: url(images/bgNavi.jpg) repeat-x top left;
}
#header .wrap #navi li{
	display: block;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	height: 35px; 
}
#header .wrap #navi li a {
	display:block;
	clear:none;
	float:left;
	margin:0;
	padding:9px 12px 10px 12px;
	font-size:14px;
	font-weight:normal;
	color: #fff;
	height:15px;

	background: url(images/splitter.jpg) no-repeat top right;
}
*:first-child+html #header .wrap #navi li a { padding-top: 7px; }
#header .wrap #navi li.first{ background: url(images/splitter.jpg) no-repeat top left;}
#header .wrap #navi li a:hover{ background:url(images/bgHeaderHover.jpg) no-repeat top right; text-decoration: none;}

#header .wrap #hRight dl#cdetails{
	display: block;
	float: none;
	clear: both;
	margin: 6px 0 0 0;
	width: 280px;
	height: 60px;
	color: #555;
	font-weight: bold;
}
#header .wrap #hRight dl#cdetails dt{
	display: block;
	float: left;
	clear: none;
	margin: 2px 0 0 0;
	padding: 0;
	width: 140px;	
}
#header .wrap #hRight dl#cdetails dd{
	display: block;
	float: left;
	clear: none;
	margin: 2px 0 2px 0;
	padding: 0;
	width: 140px;	
}

/***** Content *****/

#content{
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 20px 0;
	height: auto;
	width: 100%;
	background: url(images/bgContent.jpg) repeat-x top left #e4e6e7;
	border-top: solid 3px #fff;
}
#content .wrap #main{
	display: block;
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	height: auto;
	width: 555px;

}
#content .wrap ul#sidebar{
	display: block;
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
	height: auto;
	width: 314px;

}
#content .wrap ul#sidebar a { color:#ae0000; }
#content .wrap ul#sidebar p{ margin:0;padding:0 0 6px 0; }
#content .wrap ul#sidebar p.more_info { color:#ae0000; font-size:.9em;
margin:4px 0 0 0;padding:0; }
/***** Main *****/

#content .wrap #main .block{
	display: block;
	float: none;
	clear: both;
	margin: 0 0 7px 0;
	padding: 6px;
	height: auto;
	width: 541px;
	background-color: #e5e6e8;
	border: solid 1px #cbd2d6;
}
#content .wrap #main .block .inner{
	display: block;
	margin: 0;
	padding: 13px 17px;
	background-color: #f6f6f8;
}
#content .wrap #main .block .inner h2{
	display: block;
	margin: 0;
	padding: 0 0 12px 0;
	font-size: 17px;
	font-weight: normal;
	color: #c63b24;
	background-color: #f6f6f8;
}
#content .wrap #main .block .inner p{ line-height: 1.4em;}
#content .wrap #main .block .inner p#titleBrands{
	font-weight: normal;
	font-size: 16px;
	color: #1678d5;
	margin: 0;
	padding: 0 0 4px 0;
}
#content .wrap #main .block .inner ul { padding:2px 0 2px 16px;}
#content .wrap #main .block .inner ul li{ list-style: none;	background:url(images/0085_blueAndPointy.png) 0 5px no-repeat;padding:2px 0 2px 16px;}

#content .wrap #main .block .inner .nopad  { padding:0;font-weight:bold;color:#186c98; }

#content .wrap #main .block .inner p#titleBrands em{ font-style: normal; color: #c63b24;}
#content .wrap #main .block .inner ul#brands{
	display: block;
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	height: 60px;
	width: auto;
}
#content .wrap #main .block .inner ul#brands li{
	display: block;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	list-style: none;
}
#content .wrap #main .block .inner ul#brands li.one{ margin:15px 41px 0 0;}
#content .wrap #main .block .inner ul#brands li.two{ margin:6px 41px 0 0;}
#content .wrap #main .block .inner ul#brands li.three{ margin:15px 42px 0 0;}
#content .wrap #main .block .inner ul#brands li.four{ margin:0 0 0 0;}

#content .wrap #main .block  .poolheating { height:100px;background:url(images/poolheatinggirl.jpg) center left no-repeat; }


#mapa {
 width:520px;
 height:700px;
 margin:0 0 0 -7px;
 border:1px solid #ccc;
}

#data {
 border-collapse:collapse; 
 width:500px;
}
#data  tr{
 border-bottom:1px dashed #ccc;
}
#data tr p { margin:0; padding:6px 0; }

#content .wrap #main .block .inner #link_list  li {
 margin-bottom:18px;
}

#content .wrap #main .block .inner #link_list  p {
 margin:0;
 padding:0;
}
#content .wrap #main .block .inner h2.group { 
 font-size:26px;
 color:#186C98;
 font-weight:bold;
 }
#content .wrap #main .block .inner p.lacosta { 
 font-size:16px;
 font-weight:bold;
 font-style:italic;
 }
/***** Sidebar *****/

#content .wrap #sidebar li{
	display: block;
	float: none;
	clear: both;
	margin: 0 0 9px 0;
	padding: 14px 147px 14px 16px ;
	height: 113px;
	width: 154px;
}
#content .wrap #sidebar li.airco{ background: url(images/airconditioning.jpg) no-repeat top right;}
#content .wrap #sidebar li.pool{ background: url(images/poolheating.jpg) no-repeat top right;}
#content .wrap #sidebar li.industrial{ background: url(images/industrialheating.jpg) no-repeat top right;}
#content .wrap #sidebar li.area{ background: url(images/thearea.jpg) no-repeat top right;}
#content .wrap #sidebar li.solar-panels{ background: url(images/solar-panels.jpg) no-repeat top right;}
#content .wrap #sidebar li.villaprep{ background: url(images/villaprep.jpg) no-repeat top right;}

#content .wrap #sidebar li h3{
	display: block;
	float: none;
	clear: both;
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 13px;
	color: #c63b24;
	font-weight: bold;
}
#content .wrap #sidebar li  p{ line-height: 1.4em;}

#content .wrap dl#cdetails{
	display: block;
	float: none;
	clear: both;
	margin: 0 0 20px 0;
	width: 280px;
	height: 60px;
}
#content .wrap dl#cdetails dt{
	display: block;
	float: left;
	clear: none;
	margin: 2px 0 2px 0;
	padding: 0;
	width: 140px;	
}
#content .wrap dl#cdetails dd{
	display: block;
	float: left;
	clear: none;
	margin: 2px 0 2px 0;
	padding: 0;
	width: 140px;	
}


#work_images {
 margin:0 0 0 -26px;
}
/***** Contacto *****/

form#contact_form{
	display: block;
	clear: none;
	float: none;
	width:;
	height: auto;
	margin: 0;
	padding: 0;
	background-color:#efefef;
}
form#contact_form fieldset{
	border: none;
	margin: 0;
	padding: 20px;
}
form#contact_form label {
	display:block;
	float:left;
	clear: left;
	text-align:left;
	width:130px;
	height: auto;
	min-height: 26px;
	color:#7F8587;
	font-weight:bold;
	font-size: 0.9em;
	margin: 0 10px 2px 0;	
}
form#contact_form input,
form#contact_form textarea,
form#contact_form select {
	margin:0 0 6px 0;
	display:block;
	float:left;
	clear: none;
	background-color:#F2F6F9;
	border:1px solid #a5abad;	
}
form#contact_form input:hover,
form#contact_form select:hover,
form#contact_form textarea:hover{ border: solid 1px #3489da;}

form#contact_form .selected { border: solid 1px #3489da;}

form#contact_form input{ width: 235px; height: 16px;}
form#contact_form select{ width: 235px; height: 22px;}
form#contact_form input.submit{ 
	width: 235px; height: 26px;
	background-color:#F2F6F9;
	border:1px solid #a5abad;
	color:#004772;
	font-family:Arial,sans-serif;
	font-weight:700;
	padding:3px 20px;
	cursor: pointer;
}
form#contact_form textarea{
	width: 235px;
	height: 95px;
	margin: 0 0 9px 0;
}

/****** Footer ******/

#footer{
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 135px;
	background-color: #c3cdd1;
}
#footer .wrap{ background: url(images/bgFooter.jpg) no-repeat right 5px;}
#footer .wrap #threeCols{
	display: block;
	float: left;
	clear: none;
	margin: 18px 0;
	padding: 0;
	width: 555px;
	/*height: 70px;*/
	background-color: #adb9bd;
}
#footer .wrap #threeCols ul{
	display: block;
	float: left;
	clear: none;
	width: 184px;
	margin: 0;
	padding: 8px 0 8px 0;
	border-right: dotted 1px #fff;
}
#footer .wrap #threeCols ul li{
	display: block;
	float: left;
	clear: both;
	margin: 1px 0;
	padding: 0 0 0 40px;
	width: 144px;
}
#footer .wrap #threeCols ul li a:link{ color: #41484a; text-decoration: none;}
#footer .wrap #threeCols ul li a:visited{ color: #41484a; text-decoration: none;}
#footer .wrap #threeCols ul li a:hover{ color: #41484a; text-decoration: underline;}
#footer .wrap #threeCols ul li a:active{ color: #41484a; text-decoration: none;}
#footer .wrap #threeCols ul.three{ border: none;}

#footer .wrap ul.footer{
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 8px 30px 0 30px;
	width: 840px;
	height: 21px;
	background-color: #176c98;
	color: #fff;
	font-size: 11px;
}
#footer .wrap ul.footer li{
	display: block;
	float: left;
	margin: 0 6px 0 0;
	padding: 0 6px 0 0;
	border-right: solid 1px #6399b5;
}
#footer .wrap ul.footer li.last { border: none;}

.siteby{ border: none;float:right;width:55px;height:15px;clear:both;}
.siteby a { display:block; }
.siteby a:link { background:url(images/brunel.gif) 0 0 no-repeat; }
.siteby a:visited { background:url(images/brunel.gif) 0 0 no-repeat; }
.siteby a:hover { background:url(images/brunel.gif) 0 -15px no-repeat; }

/**** ADMIN ****/

#login label, 
#login input{
	display: block;
	float: left;
}
#login label{ 
	width: 110px;
	text-align:right;
	clear: left;
}
#login input, 
#login textarea{ 
	margin: 0 0 6px 10px;
	width: 260px;
	border: solid 1px #a7a6aa;
}

#footer .wrap ul.footer li a:link{ color: #73cdfa; text-decoration: none;}
#footer .wrap ul.footer li a:visited{ color: #73cdfa; text-decoration: none;}
#footer .wrap ul.footer li a:hover{ color: #092f42; text-decoration: none;}
#footer .wrap ul.footer li a:active{ color: #73cdfa; text-decoration: none;}