/* global */
* { padding: 0; margin: 0; }

body { background: url(/layout/images/bodybg.jpg) top center no-repeat; font: 10px Arial, "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; }

img { border: none; vertical-align: middle; }

input, textarea { font-family: Arial, "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 1.1em; vertical-align: middle; }
select option { padding: 0 4px; }

fieldset { border: none; }
/* end of blobal */


/* headers */
h1, h2, h3, h4 { }
/* end of headers */


/* text */
p { font-size: 1.2em; }
a { }
p.acenter { text-align: center; }
/* end of text */


/* form classes */
.error {color :#ff0000; font-weight: bold}

#experimente { color: #333333; text-align: left; font-weight: bold;  text-decoration: none;}
	#experimente a { color: #333333; text-decoration: none; font-weight: bold }
	#experimente span { padding: 0px 4px; }
    #experimente.aguacafe { float: right; position: relative; top: -27px; right: 45px; }

.textbox { }
.checkbox { }
input.text, textarea { border: 1px solid #d6d6d6; color: #999999; padding: 1px 2px; float: left }
textarea { overflow: auto; }
/* end of forms */

/* global classes */
.clearboth { clear: both; }
/* end global classes */

/*colored text*/
.blue { color: #3274ba; }


/* Projecto PMS Aguas */
#container { margin: 0px auto; width: 927px;  }

/* PMS Common */
.center, .right { float: left; }

#pmscoffee { float: left; font-size: 1.1em; font-weight: bold; width: 152px; height: 100px; padding-top: 42px; padding-left: 22px; background: url(/layout/images/pms_coffee.jpg) top left no-repeat; line-height: 1.5em }
	#pmscoffee a { color: #333333; text-decoration: none; }
	#pmscoffee a:hover { text-decoration: underline; }

/* end of common */	

/* header */
#header { float: left; background: url(/layout/images/headerbg.jpg) top left no-repeat; width: 714px; height: 83px; padding-top: 39px; padding-left: 213px; position: relative }
	.siteLogo { position: absolute; left: 25px; top: 20px; }
	
	.menu img { float: left; }
	
	/* header right links */
	#header .links { position: absolute; top: 34px; right: 9px; width: 80px }
		#header .links img { float: right; margin-bottom: 7px; }
		
	.breadcrumbs { position: absolute; bottom: 0px; left: 244px; color: #a3a2a2; }
		.breadcrumbs a { color: #a3a2a2; text-decoration: none }
			.breadcrumbs a:hover { text-decoration: underline; }
		.breadcrumbs span { padding: 0px 4px; }
		
/* end of header */
		
/* main */
#main { float: left; width: 925px; padding: 0px 1px; background: url(/layout/images/mainbg.gif) bottom left no-repeat; padding-bottom: 26px }
	#main .left { float: left; width: 198px; padding-top: 359px; background: url(/layout/images/leftbg.jpg) top left no-repeat; padding-left: 24px; }
	#main .left .botoes { padding-left: 29px; padding-top: 33px }
		#main .left .botoes img { margin-top: 10px; }
	
	#main .center { margin-left: 19px; }
	.center h1 { float: left; clear: both; margin-top: 32px; margin-bottom: 25px }
		h1 span { display: none; }
		
	.center h2 { color: #3274ba; font-size: 1.6em; padding-bottom: 8px }
	#main .center h3 { color: #3274ba; font-size: 1.2em; }
	
	/* homapage */
	.homepage .center { width: 474px; margin-right: 17px }
		.homepage .center .vantagens { float: left; margin-top: 10px; background: url(/layout/images/homepage/vantagens.jpg) top left no-repeat; padding-left: 346px }
			.vantagens img { margin-bottom: 2px; }
			
		.homepage .experimenteJaMain { background: url(/layout/images/homepage/text_experimente_ja.gif) top left no-repeat; margin-top: 2px; padding-top: 22px; color: #666666; width: 180px }
		.homepage input.text { width: 166px; margin-bottom: 2px }
			.homepage form { padding-top: 5px; float: left }
			.homepage .enviar { float: right; margin-top: 11px; margin-right: 8px }
			
		.homepage #pmscoffee { margin-top: 26px; }
        
        .homepage .encomendar { color: #666666;  }
        
        
        	/* end of homepage */
	
	
	/*agua e cafe */
	.aguaCafe .center { width: 663px; color: #545454; position: relative;  }
		.aguaCafe .center .maquinas { background: url(/layout/images/aguacafe/maquinasBg.jpg) top left no-repeat; float: left; width: 508px; }
			.aguaCafe .center .maquinas p { font-size: 1.3em ; }
             .aguaCafe  .botaoExp { float: right; margin-top: 28px }
			.aguaCafe .center .maquinas .top { margin-bottom: 310px; }
		
		.aguaCafe .center .rightThumb { position: absolute; right: 0px; top: 90px; }
		
		.aguaCafe #pmscoffee { position: absolute; right: 0px; bottom: 30px; }
		
		
	/* contacte-nos */
	.contacteNos .center { width: 473px; padding-bottom: 50px  }
		.contacteNos .sede { float: left; width: 473px }
		.sede h3 { padding-top: 20px; padding-bottom: 15px }
		.sede .morada p { padding-bottom: 6px; color: #575656; line-height: 1.5em; }
		.sede p.preencha { padding: 30px 0px; }
		
		.sede fieldset { float: left; width: 400px }
			.sede label { width: 112px; text-align: right; padding-right: 6px; float: left; color: #575656; font-size: 1.1em; padding-top: 2px }
			.sede input.text, .sede textarea { width: 256px; margin-bottom: 5px } 
			.sede textarea { height: 120px; }
			.sede input.enviar { float: left; margin-left: 220px; margin-top: 8px }
			
	.contacteNos .right { width: 188px; padding-top: 90px }
	
	
	/* experimente ja */
	.experimenteJa .center { width: 506px; }
		.experimenteJa .center div { width: 506px; float: left; color: #666666 }
			.experimenteJa fieldset { float: left; width: 400px; padding-top: 30px }
				.experimenteJa label { width: 112px; text-align: right; padding-right: 6px; float: left; color: #575656; font-size: 1.1em; padding-top: 2px }
				.experimenteJa input.text { width: 256px; margin-bottom: 9px } 
				.experimenteJa input.enviar { float: left; margin-left: 220px; margin-top: 8px }
		
	.experimenteJa .right { width: 167px; text-align: center; padding-top: 45px }
	
	
	/* faqs */
	.faqs .center { width: 666px; padding-bottom: 30px }
		.faqs a.botaoExp { float: right; margin-top: 28px }
		.faqs .center div h2 { font-size: 1.4em; padding-bottom: 0px }
		.faqs .center div { width: 100%; float: left; }
		.faqs .center p { padding: 8px 30px 8px 0px; padding-right: 30px; color: #575656 }
		
		
	/* mapa do site */
	.mapaDoSite .center { width: 350px; font-size: 1.2em; padding-bottom: 30px }
		.mapaDoSite .center a { color: #3274ba; }
			.mapaDoSite .center a:hover { color: #57b7df; }
		.mapaDoSite .center div { padding-left: 60px; width: 250px; float: left }
			.mapaDoSite .center ul, .mapaDoSite .center ul li { list-style: none; }
			.mapaDoSite .center ul li { margin-top: 10px; }
			.mapaDoSite .levelOne { padding-left: 36px; }
			
	/* modelos waterlogic */
	.modelos .center { width: 666px; }
		.modelos h2 { font-size: 1.4em; clear: both; padding: 0px }
		
		.modelos .center div { float: left; width: 630px; padding-left: 36px; position: relative; color: #545454; font-size: 1.3em; margin-top: 35px }
			.modelos .center div.wl2000 { background: url(/layout/images/modelos/wl2000.jpg) top right no-repeat; }
			.modelos .center div.wl3000 { background: url(/layout/images/modelos/wl3000.jpg) top right no-repeat; padding-bottom: 22px }
			.modelos .center div label {  font-weight: bold; font-size: 1.1em; }
			.modelos .center ul li { list-style-position: inside; list-style-type: disc; color: #3274ba; margin-top: 11px }
			.modelos .center div p { font-size: 1em; margin-top: 11px }
			.modelos .center a.botaoExp { position: absolute; top: 0px; left: 335px; }
			
		.modelos .center p.qualidade { float: left; padding: 35px 0px 25px 42px; }
		
	
	/* um purificador */
	.purificador .center { width: 524px }
		.purificador .center h1 { margin-bottom: 0px; }
		.purificador .center div { float: left; width: 524px; color: #545454 }
			.purificador .center h2 { margin-top: 25px; }
			.purificador .center div p { font-size: 1.2em; }
			.purificador .center ul li { list-style-position: inside; list-style-type: disc; margin-bottom: 6px; font-weight: bold; font-size: 1.2em; padding-left: 34px }
			
			.purificador .center div div.maisGreen { background: url(/layout/images/purificador/maisGreen.jpg) top right no-repeat; width: 480px; }
				.maisGreen img { margin-right: 16px; margin-top: 21px }
				
			.purificador .center .evolucao { width: 500px; background: url(/layout/images/purificador/evolucao.jpg) top right no-repeat; padding-bottom: 210px }
	
	.purificador .right { width: 140px; text-align: center; padding-top: 40px; }
		.purificador .right img { margin-bottom: 36px }
		
		
	/* servicos */
	.servicos .center { width: 524px; padding-bottom: 20px }
		.servicos .center h1 { margin-bottom: 0px; }
		.servicos .center div { float: left; width: 500px; color: #545454 }
			.servicos .center div p { font-size: 1.2em; }
			.servicos .center h2 { margin-top: 25px; }
	
	.servicos .right { width: 140px; text-align: center; padding-top: 83px; }
		.servicos .right img { margin-bottom: 36px }
		
	/* sistema */
	.sistema .center { width: 660px; background: url(/layout/images/sistema/centerBg.jpg) top right no-repeat; color: #545454; padding-bottom: 20px }
		.sistema .center h1 { margin-bottom: 0px; }
       .sistema  .botaoExp { float: right; margin-top: 28px }
		.sistema .center p { font-size: 1.2em; width: 530px }
		.sistema .center h2 { margin-top: 25px; }
		.sistema .center div { float: left; width: 660px; }
		.sistema .center ul li { list-style-position: inside; list-style-type: disc; margin-bottom: 6px; font-size: 1.3em; padding-left: 34px }
		.sistema .uv { background: url(/layout/images/sistema/UV.jpg) top right no-repeat; }
		
		.sistema .biocote { position: relative; padding-bottom: 20px }
		.sistema .biocote .saibaMais { position: absolute; top: 55px; right: 0px; width: 113px; text-align: center }
		.sistema .biocote .saibaMais a { color: #0a69a1; text-decoration: none; font-size: 1.1em; }
		.sistema .biocote .saibaMais a:hover { color: #57b7df; }
		.sistema .biocote .saibaMais img { margin-bottom: 5px; }
		.sistema .biocote li { color: #3274ba; font-size: 0.9em; margin: 0px; margin-top: 6px }
		
		
	/* pms solutions */
	.solutions .center { width: 684px; }
		.solutions .center a.botaoExp { float: right; margin-top: 20px; _margin-top: 35px }
		.solutions .center p { float: left; width: 511px; color: #575656; padding-right: 173px }
			.solutions .center span.blue { color: #3274ba; font-weight: bold }
			.solutions .center p.fabrica { background: url(/layout/images/pmsSolutions/fabrica.jpg) top right no-repeat; }
			
			.solutions .center p.waterlogic { background: url(/layout/images/pmsSolutions/waterlogic.jpg) top right no-repeat; margin-top: 50px }
				.waterlogic .blue { font-size: 1.2em; }
				
				
	/* sugira a um amigo */
	.sugira .center { width: 500px; }
		.sugira .center fieldset { float: left; width: 380px; padding-left: 115px; }
		.sugira label { float: left; width: 108px; padding-right: 5px; color: #6f6f6f; font-size: 1.1em; text-align: right }
		.sugira input.text, .sugira textarea { width: 256px; margin-bottom: 9px } 
			.sugira textarea { height: 120px; }
			.sugira input.enviar { float: left; margin-left: 220px; margin-top: 8px }
            
     /* simulador */
	.simulador .center { width: 506px; }
		.simulador .center div { width: 506px; float: left; color: #666666 }
			.simulador fieldset { float: left; width: 400px; padding-top: 30px }
				.simulador label { width: 112px; text-align: right; padding-right: 6px; float: left; color: #575656; font-size: 1.1em; padding-top: 2px }
				.simulador input.text { width: 256px; margin-bottom: 9px } 
				.simulador input.enviar { float: left; margin-left: 220px; margin-top: 8px }
		
	.simulador .right { width: 167px; text-align: center; padding-top: 45px }
	
		
/*end of main */
 #dhtmltooltip { background-color:#FFFFFF; border:4px solid #E3F1F9; padding:2px; position:absolute; text-align:left; visibility:hidden; width:200px; z-index:100; }



/* footer */
#footer { width: 100%; text-align: center; color: #83cee3; margin-top: 2px; float: left; padding-bottom: 15px }
	#footer a { color: #999999; font-size: 0.8em; text-decoration: none }
    #footer #signature { float: right; position: relative; top: -12px; right: 2px }
	#footer span { padding: 0px 4px; }