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

html{width:100%;}
body{width:100%; height:100%; font-family: arial, sans-serif; font-size:14px; margin:0; padding:0; background: url('../imgs/bg.png');}
a{outline: none;}

.clearfix:after {content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

#wrapper{width:890px; height:auto; margin:0 auto 20px auto;}
	#content{float:left; width:100%; height:auto; margin: 20px 0 0 0; border-radius:8px; position: relative;}
		.content-top{float:left; position:relative; width:100%; height:auto}
			.content-top-left{float:left; position:relative; margin: 20px 0 0 20px;}
				.logo{float:left;}

			.content-top-right{float:right; position:relative;}
				.flags{float:right; width:150px; margin:16px 20px 0 0; text-align:right;}
				.social{float:right; margin:20px 10px 0 0; text-align:right;}
					.social a{margin: 0 4px 0 0;}
				.telftopo{float:right; height: auto; margin: 4px 30px 0 0; text-align: right;}
					.telftopo h1{font-size: 18px;}
				.news{position: absolute; top: 80px; right: 6px; width: 206px; height: 20px;}
					.news-input{float: left; width: 150px; height: 18px; margin: 0 4px 0 0;}
					.news-submit{float: left; padding: 1px 6px; margin: 0;}

		.content-mid{float:left; width:100%; height:auto; padding-bottom: 20px;}
			.menu{float: left; width: 846px; height:auto; margin:20px 0 0 20px; padding-left: 4px; border-radius: 4px 4px 0 0;}
				.menu a{float:left; margin:0; padding: 12px 9px 10px 9px; font-size:12px; font-weight:bold; text-decoration:none; outline:none;}
			#fadeshow1{z-index:0; float:left; margin:0px 0 0 20px;}
			.slider-bar{float: left; width: 850px; height: 10px; margin: 0 0 0 20px; border-radius: 0 0 4px 4px;}

			.form-div{float: right;width:226px; height:295px; margin: 20px 20px 0 0;}
				.form-bg{float:right; padding: 13px 13px 12px 13px; width: 200px; border-radius:5px; position: relative;}
				.form-div h1{float:left; font-size:20px; margin:0 0 6px 0;}
				.search-select{float:left; width:200px; height:24px; margin:0 0 3px 0;}
				.search-input{float:left; width:200px; height:18px; margin:0 0 3px 0;}
				.search-input2{float:left; width:76px; height:18px; margin:0 0 3px 0;}
				.search-span{float:left; margin:4px 0 0 2px; font-size:13px;}
				.search-submit{float:right; padding:0px 10px; margin: 0 36px 0 0;}
				.search-submit-2{float:left; padding:0px 10px; margin: 0 0 0 0;}

			.content-main{float: left; width: 606px; height: auto; margin: 20px 0 0px 20px;}
				.content-main h1{font-size: 20px; margin: 0;}
				.content-main h3{font-size: 14px; margin: 0;}
					.content-main-foto{max-height:119px; max-width:159px; float: left; margin: 13px 0 0 13px;}
					.content-main .p1{float:left; width: 85%; margin:4px 0 0 13px; font-weight:bold; font-size:12px;}
					.content-main .p2{float:left; width: 85%; margin:2px 0 0 13px; font-size:12px;}
					.content-main .pref{position: absolute; bottom: 22px; left: 13px; width: 85%; font-size:11px;}
					.content-main .p3{position: absolute; bottom: -4px; left: 13px; width: 85%; font-weight:bold; font-size:12px;}

				.content-main-full{float:left; margin:6px 0 0 0; width:590px; height:auto; border-radius: 5px;}
					.content-main-full p{float:left; margin:13px; font-size:14px; line-height:24px;}

					.contactos-left{float: left; padding-left: 20px; width: 600px; height: auto;}
						.contactos-left p{margin: 0 0 20px 0; width: 100%; float: left; padding: 0 0 0 10px; font-size: 12px; line-height: 14px;}
						.contactos-left h3{margin: 20px 0 20px 0; width: 100%; float: left;}
						.icon-location{float: left; margin: 2px 10px 0 6px; width: 16px; height: 16px; background: url(../imgs/icons/location.png) no-repeat;}
						.icon-phone{float: left; margin: -2px 10px 0 6px; width: 16px; height: 40px; background: url(../imgs/icons/phone.png) no-repeat;}
						.icon-mail{float: left; margin: 0px 10px 0 6px; width: 16px; height: 16px; background: url(../imgs/icons/mail-back.png) no-repeat;}
					.contactos-right{float: left; width: 574px; height: auto; margin: 10px 13px 13px 13px;}

					.item2{float:left; width: 186px; height:263px; margin: 6px 16px 10px 0; border-radius:5px; position: relative;}
						.item2-img{float:left; margin:16px 0 0 50px; max-height:85px; max-width:85px;}
						.item2 h1{float:left; width:85%; margin:10px 8px 0 13px; font-size:16px;}
						.item2 .p1{float:left; width:85%; margin:2px 8px 0 13px; font-size:12px;}
						.item2 .p2{float:left; width:85%; margin:4px 8px 0 13px; line-height:15px; font-size:11px;}
						.item2 .p3{position:absolute; left:13px; bottom:-4px; width:85%; font-size:12px;}

					.item3{float:left; width: 186px; height:263px; margin: 6px 16px 10px 0; border-radius:5px; position: relative;}
						.item3-img{float:left; margin:10px 0 0 10px; padding:1px; max-height:119px; max-width:159px;}
						.item3 h1{float:left; width:85%; margin:4px 8px 0 13px; font-size:14px;}
						.item3 .p1{float:left; width:85%; margin:2px 8px 0 13px; font-size:12px;}
						.item3 .p2{float:left; width:85%; margin:4px 8px 0 13px; line-height:15px; font-size:11px;}
						.item3 .p3{position:absolute; left:13px; bottom:-4px; width:85%; font-size:12px;}
						.item3 .ref{float:left; width:85%; margin:10px 8px 0 13px; font-size:12px;}
					

					.energ-a1, .energ-a2, .energ-b1, .energ-b2, .energ-c, .energ-d, .energ-e, .energ-f{position: absolute; bottom: 10px; right: 10px; width: 31px; height: 27px;}
					.energ2-a1, .energ2-a2, .energ2-b1, .energ2-b2, .energ2-c, .energ2-d, .energ2-e, .energ2-f{position: relative; top: -14px; left: 0px; width: 31px; height: 27px;}
					.energ-a1, .energ2-a1{background: url(http://www.hcpro.pt/images/class_a1.png);}
					.energ-a2, .energ2-a2{background: url(http://www.hcpro.pt/images/class_a2.png);}
					.energ-b1, .energ2-b1{background: url(http://www.hcpro.pt/images/class_b.png);}
					.energ-b2, .energ2-b2{background: url(http://www.hcpro.pt/images/class_b-.png);}
					.energ-c, .energ2-c{background: url(http://www.hcpro.pt/images/class_c.png);}
					.energ-d, .energ2-d{background: url(http://www.hcpro.pt/images/class_d.png);}
					.energ-e, .energ2-e{background: url(http://www.hcpro.pt/images/class_e.png);}
					.energ-f, .energ2-f{background: url(http://www.hcpro.pt/images/class_f.png);}
						
					.textofoto{position: absolute; top: 50px; left: 2%; text-align: center; width: 96%; z-index: 99999;}
					.textofoto span{font-size: 34px; font-weight: bold; text-shadow:0 0 2px #000;}

					.textofoto2{position: absolute; top: 4px; left: 120px; text-align: center; width: 96%; z-index: 99999;}
					.textofoto2 span{font-size: 34px; font-weight: bold;}

					.detalhe-left{float: left; width: 600px; height: auto; margin: 6px 0 0 0; border-radius: 5px;}
					.detalhe1{float: left; width: 520px; height: auto; padding: 20px 0 0 20px;}
						.detalhe1 .col{float: left; margin:0; width: 170px; position: relative;}
						.detalhe1 .col2{float: left; margin:0; width: 566px; position: relative;}
						.detalhe1 p, .detalhe2 p, .detalhe3 p, .detalhe4 p{float: left; margin:0 0 14px 0; width: 99%; font-size: 14px; text-align: justify; line-height: 18px; font-weight: bold;}
						.detalhe4 p{width: 32%; font-size: 14px;}
						.detalhe4 span{font-size: 12px;}
						.detalhe1 span, .detalhe2 span, .detalhe4 span{float: left; margin:0; font-size: 13px; font-weight: normal;}
					.detalhe2{float: left; position: relative; width: 574px; height: auto; padding: 13px 13px 20px 13px;}
						.foto{float:left; height: 67px; width: 86px; padding: 1px; border:1px solid #666666; margin: 0 4px 4px 0;}
						.foto:hover{border:1px solid #dddddd;}
					.detalhe4{float: left; width: 520px; height: auto; padding: 20px 0 0 20px;}

					.contactar{float: right;width:226px; height:295px; margin: 20px 20px 0 0;}
						.contactar h1{float:left; font-size:20px; margin:0 0 6px 0;}
						.contactar-bg{float:right; padding: 13px 13px 12px 13px; width: 200px; border-radius:5px; position: relative;}
						.contactar-input{float: left; width: 194px; height: 18px; margin: 0 0 3px 0;}
						.contactar-textarea{float: left; width: 199px; height: 100px; margin: 0 0 3px 0; font-size: 12px; font-family: arial;}
						.contactar-submit{float:left; padding:1px 10px; margin: 6px 14px 0 0;}

					.info{float: left; width: 848px; height: 42px; margin: 20px 0 0 20px; border-radius: 5px; background: #38AA43; border:1px solid #0E6B16; cursor: pointer;}
						.info p{color: #ffffff; float: left; font-size: 14px; font-weight: bold; margin: 13px 0 0 14px;}
						.info span{color: #ffffff; float: right; font-size: 12px; font-weight: bold; margin: 13px 14px 0 0;}

					.pages{float: left; width: 610px; margin: 18px 0 0 0; text-align: center;}
						.pages a{margin: 18px 20px 0 0; font-weight: bold; font-size: 13px; text-decoration: none;}


		.content-bot{float:left; width:850px; height:46px; margin:10px 0 20px 20px; border-radius: 5px;}
			.content-bot-left{float:left; width:400px; height:46px;}
				.content-bot-left h4{float:left; margin:16px 0 0 20px; font-size:11px;}
				
			.content-bot-right{float:right; width:440px; height:46px; margin-right:10px; text-align:right;}
				.content-bot-right a{float:right; margin:12px 10px 0 10px;}
				.content-bot-right h4{float:right; margin:17px 0 0 0; font-size:12px;}
	
		#footerwrapper{width:100%; height:40px; margin:0 auto 0 auto; background: #333;}
		#footer{width:890px; height:28px; margin:0 auto 0 auto;}
			.footer-left{float:left; width:400px; height:40px;}
				.footer-left h4{float:left; margin:14px 0 0 10px; font-size:12px; color:#ffffff;}
				.footer-left a{font-size:12px; color:#ffffff;}
				
			.footer-right{float:right; width:440px; height:40px; margin-right:10px; text-align:right;}
				.footer-right a{float:right; margin:6px 4px 0 10px;}
				.footer-right h4{float:right; margin:15px 0 0 6px; font-size:12px; color:#ffffff;}