@charset "utf-8";
@import "reset.css";

body { background-color: #E6E6E6; margin: 0; font-family: helvetica,arial,sans-serif; font-size: 12px; color: #6e6e6e; }
a, a:active, a:visited { color: #666; border-bottom: none; text-decoration: none; }
a:hover { color: #3EB7E7; text-decoration: none; }

p a:link, p a:active, p a:visited { border-bottom: 1px dotted; }

div#logo a, a:hover, a:active, a:visited { text-decoration: none; border: none;}
.noLink { border: none; text-decoration: none; }


div#top_bar { width: 100%; height: 15px; background-color: #3EB7E7; border-bottom: 1px solid #666; }
div#top_bar_content { width: 865px; margin: auto; }
div#top_bar_content p { color: #CCC; padding-top: 1px; text-align: center; font-weight: bold; color: #FFF; }

div#top_corner_banner { position: absolute; right: 0; top: 0; display: block; height: 125px; width: 125px; background: transparent; text-decoration: none; }
div#top_corner_promotion { position: absolute; left: 0; top: 0; display: block; height: 125px; width: 125px; }


div#global_container, div#main-content { width: 100%; height: auto; background-color: #FFF; }
div#global_container { background: url(../images/water-bkg.jpg) top center repeat-x #FFF; border-top: 1px solid #FFF; }
div#global_content, div#content { width: 865px; margin: auto; background-color: transparent; }

div#logo { float: left; width: 210px; margin-top: 5px; }
div#menu { float: right; width: auto; margin-top: 102px; margin-right: 10px; border-bottom: 1px dotted #CCC; color: #0e4a74; }
div#menu ul { text-align: right; margin-top: 15px; padding-bottom: 10px; }  
div#menu li { display: inline; font-size: 1em; }
div#menu li a { margin: 0 0.5em 0 0.5em; color: #1fb0dd; text-decoration: none; border-bottom: none; }
div#menu li a:link, #menu li a:visited { color: #1fb0dd; }
div#menu li a:hover { color: #0e4a74; }

div#menuCategories { clear: both; width: 865px; text-align: left; padding-top: 20px; }
div#categories { width: 865px; margin-bottom: 20px; background-color: #FFF;  }
div#categories li { border-top: 7px solid #3EB7E7; list-style: none; float: left; margin: 0 11px 60px 0; width: 205px; height: 408px; position: relative; }
div#categories li.pools { background: #fff url(../images/ctg-piscinas.png) no-repeat 0 0; }
div#categories li.watertreatment { background: #fff url(../images/ctg-tratamentoaguas.png) no-repeat 0 0; }
div#categories li.climate { background: #fff url(../images/ctg-climatizacao.png) no-repeat 0 0; }
div#categories li.solarenergy { background: #fff url(../images/ctg-energiasolar.png) no-repeat 0 0; margin-right: 0; }
div#categories li a { display: block; position: relative; overflow: hidden; width: 205px; height: 408px; color: #000; }
div#categories li img { position: absolute; top: 0; left: 0; width: 205px; height: 408px; border: 0; }

div#constructionContent { margin-top: 50px; }
div#constructionContent table {	width:100%; margin:1em auto; border-collapse:collapse; }
div#constructionContent tr { height: 200px; }
div#constructionContent td.photo { width: 25%; text-align: center;}
div#constructionContent td.caption { width: 25%; text-align: left; padding-left: 10px; font-size: 1.3em; font-weight: bold; }

div#constructionBigPhotos { width: 100%; background-color: #D0F0FB;}
div#constructionBigPhotos img { text-align:left; margin-top: 20px; margin-left: 25px; border: 1px solid #000; width: 380px;}
div#constructionDescription { float: right; margin: 20px 25px 20px 0px; background-color:#FFF; width: 380px; height: 285px; border: 1px solid #666; }
div#constructionDescription p { margin-top: 5px; margin-left: 5px; font-size: 1.1em; color: #2a2a2a; font-family: Arial,sans-serif; line-height: 1.9em; }

div#constructionSmallPhotos { width: 100%; margin-top: 15px; text-align: center;}
div#constructionSmallPhotos img { float: left; padding: 2px; border: 1px solid #000; margin: 3px 3px 10px 3px; width: 132px; border-color: #888;}

div#construction { width: 200px; margin: auto; text-align: center; float: left; }
div#slogan { width: 860px; margin: auto; text-align: center; }
br.clearDivs { clear: both; display: block; height: 1px; margin: -1px 0 0 0; }

ul.casestudies { float: left; width: 150px; height: 450px; list-style-type: none; margin-top: 65px; }
ul.casestudies li { margin: 0; padding: 0; display: block; }
ul.casestudies li a { float: left; display: block; border: none; width: 150px; height: 100px; margin-top: 10px; }
ul.casestudies li a span { display: none; }
ul.casestudies li.palmela a { background: #FFF url(../images/casestudies/palmela/palmela-down.jpg) no-repeat 0 0; }
ul.casestudies li.palmela a:hover, 
ul.casestudies li.palmela a.active { background: #FFF url(../images/casestudies/palmela/palmela-up.jpg) no-repeat 0 0; }
ul.casestudies li.leiria a { background: #FFF url(../images/casestudies/leiria/leiria-down.jpg) no-repeat 0 0; }
ul.casestudies li.leiria a:hover, 
ul.casestudies li.leiria a.active { background: #FFF url(../images/casestudies/leiria/leiria-up.jpg) no-repeat 0 0; }
ul.casestudies li.caparica a { background: #FFF url(../images/casestudies/caparica/caparica-down.jpg) no-repeat 0 0; }
ul.casestudies li.caparica a:hover, 
ul.casestudies li.caparica a.active { background: #FFF url(../images/casestudies/caparica/caparica-up.jpg) no-repeat 0 0; }
ul.casestudies li.setubal a { background: #FFF url(../images/casestudies/setubal/setubal-down.jpg) no-repeat 0 0; }
ul.casestudies li.setubal a:hover, 
ul.casestudies li.setubal a.active { background: #FFF url(../images/casestudies/setubal/setubal-up.jpg) no-repeat 0 0; }


div#casestudies_imgs { float: left; margin-top: 65px; margin-left: 20px; width: 680px; height: 500px; display: block; background-color: #FFF; }
div#casestudies_imgs button.prev { float: left; margin: 205px 2px 0 0px; padding: 0; display: block; width: 37px; height: 37px; cursor: pointer; }
div#casestudies_imgs button.next {	float: right; margin: 205px 0px 0 0px; padding: 0; display: block; width: 37px; height: 37px; cursor: pointer; }
div.imagearea {	float: left; display: block; width: 600px; height: 450px; overflow: hidden; }

div#mapa { width: auto; margin-top: 75px; color: #000; }
div#mapa ul { text-align: left; margin-top: 15px; padding-bottom: 10px; }  
div#mapa li { display: block; font-size: 1.4em; margin-top: 10px; }
div#mapa li a { text-decoration: none; border-bottom: none; }
div#mapa li a:link, #mapa li a:visited { color: #333;  }
div#mapa li a:hover { color: #1fb0dd; }


ul.marginLeft { float: left; width: 75px; }


.left{ float: left; width: 48%; margin-top: 50px; }
.right{ float: right; width: 48%; margin-top: 50px; }

.topic { font-weight: bold; font-size: 1.6em; color: #2a2a2a; font-family: Arial,sans-serif; margin-bottom: 10px; }
.text { font-weight: normal; font-size: 1.1em; color: #2a2a2a; font-family: Arial,sans-serif; line-height: 1.9em; }


div#goTop { width: 860px; margin: auto; margin-top: 60px; text-align: center; }

div#footer { width: 100%; border-top: 1px solid #3EB7E7;}
div#footer_content{ width: 865px; margin: auto; margin-top: 10px; font-size: 0.9em; color: #333; }

/* 
------------------------------------------------------------------------------
	GALLERY
------------------------------------------------------------------------------
*/
.galleria { list-style: none; width:200px; }
.galleria li { display: block; width: 80px; height: 80px; overflow: hidden; float: left; margin: 0 12px 15px 0}
.galleria li a { display: none; }
.galleria li div { position: absolute; display: none; top: 0; left: 180px; }
.galleria li div img { cursor: pointer; }
.galleria li.active div img, .galleria li.active div { display: block; }
.galleria li img.thumb { cursor: pointer; top: auto; left: auto; display: block; width: auto; height: auto; }
.galleria li .caption { display: block; }
* html .galleria li div span { width: 400px; }

.demo { position: relative; margin-top: 2em; width: 790px; margin: auto; }
.gallery_demo { width: 710px; margin: 0 auto; }
.gallery_demo li { width: 80px; height: 60px; border: 1px solid #CCC; margin: 0 2px; background: #FFF; padding: 1px; }
.gallery_demo li div { }

#main_image { float: left; margin: 0 auto 10px auto; height: 525px; width: 700px; background: #FFF; padding: 5px; }
#main_image img { margin-bottom: 10px; }

.previousIMG { float: left; margin: 205px 2px 0 0px; display: block; width: 37px; height: 37px; cursor: pointer; background-color: #3eb7e7; text-align: center; padding-top: 12px; }
.nextIMG { float: right; margin: 205px 0px 0 0px; display: block; width: 37px; height: 37px; cursor: pointer; background-color: #3eb7e7; text-align: center; padding-top: 12px; } 
.previousIMG a, .previousIMG a:hover, .previousIMG a:active, .previousIMG a:visited,
.nextIMG a, .nextIMG a:hover, .nextIMG a:active, .nextIMG a:visited{ 
color: #FFF; text-decoration: none; border-bottom: none; font-size: 1.3em; font-weight: bold; }


/* 
------------------------------------------------------------------------------
	SLIDER
------------------------------------------------------------------------------
*/
.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }
.slider-wrap { margin: 60px 0 0 0; position: relative; width: 100%; }
.csw { width: 100%; height: 1700px; background: #fff; overflow: scroll; }
.csw .loading { margin: 200px 0 300px 0; text-align: center; }

.stripViewer { position: relative; overflow: hidden; margin: auto; width: 860px; height: 1700px; clear: both; background: #fff; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 100%; list-style-type: none; }
.stripViewer .panelContainer .panel { float:left; height: 100%; position: relative; width: 860px; }
.stripViewer .panelContainer .panel .wrapper { padding: 10px; }

.stripNav { }
.stripNav ul { list-style: none; }
.stripNav ul li { float: left; margin-right: 2px; }
.stripNav a { font-size: 1em; letter-spacing: 0.1em; font-weight: bold; text-align: center; line-height: 32px; background: #c6e3ff; color: #fff; text-decoration: none; display: block; padding: 0 15px; width: 300px; }
		
.stripNav li.tab a { background: #CCC; }
.stripNav li a:hover { background: #3EB7E7; }
.stripNav li a.current { background: #3EB7E7; color: #fff; }
.stripNavL, .stripNavR, .stripNavL a, .stripNavR a, .stripNavL, .stripNavR { display: none; }


/* 
------------------------------------------------------------------------------
	ACCORDION
------------------------------------------------------------------------------
*/
.toggler { cursor: pointer; font-weight: bold; margin: 0; padding: 3px; color: #3A4956; font-size: 1.2em; line-height: 1.4em; }
.toggler:hover { background: #B1DCF6; }
.element { margin: 8px; padding: 0 10px; color: #2a2a2a; line-height: 2.1em; }



/* 
------------------------------------------------------------------------------
	FORM ELEMENTS
------------------------------------------------------------------------------
*/
form { margin: 20px 40px 20px 20px; padding-left: 20px; background: #FFF url(../layout/mail-bkg.jpg) top right no-repeat; border: 1px solid #CCC; }
label { display: block;	margin-top: 15px; margin-bottom: 10px; font-size: 1.2em; font-weight: bold; color: #333; }
input { background-color: #E8F1F9; border: 1px solid #AAA; width: 350px; height: 1.4em; padding-top: 10px; font-size: 1.4em; font-family: Geneva, Arial, Helvetica, sans-serif; }
textarea { background-color: #E8F1F9; border: 1px solid #AAA; width: 500px; height: 150px; padding-top: 10px; font-size: 1.7em; font-family: Geneva, Arial, Helvetica, sans-serif; }
input:focus, textarea:focus { border: 1px solid #4274B9; background-color: #F5F5F3; }
button { margin-top: 25px; cursor: pointer; color: #FFF; font-size: 1.3em; font-weight: bold; padding: 6px; background: #3EB7E7; border: none; margin-bottom: 15px; }

/* 
------------------------------------------------------------------------------
	ALERT MESSAGES 
------------------------------------------------------------------------------
*/
#alert-msg { text-align: center; width: 75%; margin:auto; }
.alert { background: #fff6bf url(../layout/alert-messages.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; line-height: 18px; font-size: 1.1em; }

/* 
------------------------------------------------------------------------------
	PAGINATION
------------------------------------------------------------------------------	
*/
#pagination { padding: 0 2px; text-align: center;}
#pagination ul{ margin: 0px; padding: 0; padding-bottom: 5px; padding-top: 5px; text-align: center; font-size: 10px; background-color: #FFF; }
#pagination li{	list-style-type: none; display: inline; padding-bottom: 1px; }
#pagination a, #pagination a:visited{ padding: 0 5px; border: 1px solid #523A0B; text-decoration: none; color: #333333; }
#pagination a:hover, #pagination a:active{ border: 1px solid #523A0B; color: #333333; background-color: #F7F4EE; }
#pagination li.currentpage{ font-weight: bold; padding: 0 5px; border: 1px solid #523A0B; background-color: #eee; color: #333;}
#pagination li.disablepage{	padding: 0 5px; border: 1px solid #929292; color: #929292;}
#pagination li.nextpage{ font-weight: bold;}

/*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
* html #pagination li.currentpage, * html #pagination li.disablepage{ margin-right: 5px; padding-right: 0;}