@import url("../fonts/PTSans/stylesheet.css");
@import url("../fonts/Frutiger/stylesheet.css");

/* CSS Document */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}



	
	body{background:#fff; font:normal 16px/20px 'frutiger_ce_55_romanregular', Arial, Helvetica, sans-serif; color:#939598}

	/* LOGO
	--------------------------------*/	
		
		.logo{padding:15px 0;}
		.smenu{margin-top:45px}
		
	
	ul.pesquisas{
		padding-top:10px;
		list-style:none;
	}
	
	ul.pesquisas li{
		padding:5px;
		margin-right:10px;
		/*background:#253139;*/
		float:left;
	}
	
	ul.pesquisas li p{
		color:#000;
		padding:5px 2px;
	}
	
	/* MAIN CONTENT 
	--------------------------------*/
	
	.container {
		position:relative;
	}
	
	.main-content .inner-content{
		padding:50px 0 20px;
		/*background:#97d5ca;*/
	}
	
	.main-content{
		/*background:#97d5ca;*/
		min-height:550px;
		/*padding:40px 0;		*/
		background: #97d5ca; /* Old browsers */
		
	}
	
		.main-content .met-titulo{

		}
		
		.main-content p, .main-content ul{
			color:#1e2b28;
			font:normal 15px/22px "PT Sans", Arial, Helvetica, sans-serif;
		}
		
		.font-18px{
			/*font:normal 18px/25px "PT Sans", Arial, Helvetica, sans-serif !important;*/
		}
		
		.main-content h2{
			color:#000;
			font: normal 46px/44px "frutiger_ce_55_romanregular", Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			margin:0;
			letter-spacing:-1px;
		}
		
		.main-content h4{
			color:#000;
			font: normal 20px/18px "frutiger_ce_55_romanregular", Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			margin:0;
			padding:0 0 20px;
		}
		
		.main-content h5{
			color:#2e2e2e;
			font: normal 16px/18px "frutiger_ce_45_lightbold", Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			margin:0;
			padding:0 0 15px;
		}
		
		.sub-title h3{
			font: normal 16px/21px "frutiger_ce_55_romanregular", Arial, Helvetica, sans-serif;
			color:#000;
			margin:45px 0 25px;
		}
		
		.main-content .t-interativo{
			margin-top:100px;
			line-height:20px;
		}
		
		.main-content .t-interativo a{
			color:#079b99;
			text-transform:uppercase;
			font: normal 15px "frutiger_ce_55_romanregular", Arial, Helvetica, sans-serif;
			line-height:0 !important;
			text-decoration:none;
		}
		
		.main-content .t-interativo a:hover{
			color:#fff;
			text-decoration:none
		}
		
		.main-content .met-t2{
			position:absolute;
			bottom:60px;
			right:135px;
		}
		
		.main-content ul.certificacoes{
			position:absolute;
			list-style:none;
			margin:0;
			padding:0;
			top:82px;
			right:30px;
			text-align:center
		}
		
		.main-content ul.certificacoes li{
			margin-bottom:12px			
		}
		
		.met-box-3 ul{margin:0;padding-left:13px}
		.met-box-3 ul li{line-height:19px;font-size:14px}	
		
		.main-content .p{
			font: normal 11px "frutiger_ce_55_romanregular", Arial, Helvetica, sans-serif !important;
			line-height:-10px !important;
			color:#000;
		}
		
		.main-content .p a{
			font: normal 14px "frutiger_ce_45_lightbold", Arial, Helvetica, sans-serif !important;
			color:#000;
			text-decoration:none
		}
		
		
		
			.met-titulo-8 .email{
				display:block;
				margin:35px 0 20px;
			}
			
			.met-titulo-8 .email a{
				font: normal 14px/16px "PT Sans", Arial, Helvetica, sans-serif;
				color:#000;
				text-decoration:none;
			}
			
			.met-titulo-8 .telefone{
				font: normal 14px/15px "PT Sans", Arial, Helvetica, sans-serif;
				display:block;
				color:#000;
				margin:20px 0 20px;
			}
			
			.met-titulo-8 .endereco{
				font: normal 13px/20px "PT Sans", Arial, Helvetica, sans-serif;
				display:block;
				color:#000;
				margin:20px 0 20px;
			}
	
			.met-titulo-8 .link{
				font: normal 13px/18px "frutiger_ce_55_romanregular", Arial, Helvetica, sans-serif;
				display:block;
				color:#009b99;
				margin:40px 0 0;
			}
			
			.met-titulo-8 .link a{
				text-decoration:none;
				color:#009b99;
			}
			
			.met-titulo-8 .link a:hover, .met-titulo-8 .email a:hover{
				color:#fff;
			}
			
			
			.oq-oferece{
				position:relative;
				display:block;
			}
				.oq-oferece-inn{
					position:absolute;
					top:100px;
					right:0;
				}
				
				.oq-oferece-inn .item-1{
					/*margin-top:150px*/
					text-align:right
				}
				.oq-oferece-inn .item-2{
					margin-top:30px;
					text-align:right
				}
				.oq-oferece-inn .item-3{
					margin-top:30px;
					text-align:right									
				}
				.oq-oferece-inn .item-4{
					margin-top:30px;
					text-align:right									
				}
	
	/* BREADCRUMB
	--------------------------------*/
	
	.breadcrumb {
	  padding: 8px 0 8px;
	  margin-bottom: 0;
	  list-style: none;
	  background-color: #97d5ca;
	  border-radius: 4px;
	}
	
	.breadcrumb > li {
	  display: inline-block;
	}
	
	.breadcrumb > li + li:before {
	  padding: 0 5px;
	  font: normal 10px/11px "frutiger_ce_55_romanregular", Arial, Tahoma, Helvetica, sans-serif;
	  color: #fff;
	  content: "/\00a0";
	}
	
	.breadcrumb > li a {
	  color: #fff;
	  font: normal 10px/11px "frutiger_ce_55_romanregular", Arial, Tahoma, Helvetica, sans-serif;
	  text-transform:uppercase
	}
	
	.breadcrumb > li a:hover {
		color:#009b99;
		text-decoration:none;
	}
	
	.breadcrumb > .active {
	  color: #009b99;
	  font: normal 10px/11px "frutiger_ce_55_romanregular", Arial, Tahoma, Helvetica, sans-serif;
	  text-transform:uppercase
	}
	
	
	
	/* CLIMA 
	--------------------------------*/
	.img-clima{
		background:url('../../pt/eficiencia/4B_clima_1.jpg') no-repeat center center #97d5ca;
	}
	.img-clima-sub{
		margin-top:25px;
	}
	
	.img-ventilacao{
		background: url('../../pt/eficiencia/4C_ventilacao_1.jpg') no-repeat center center #97d5ca;
	}
	
	/* FOOTER 
	--------------------------------*/
	
		
		/* Set the fixed height of the footer here */
		#footer {
		  height: 60px;
		  width:100%;
		  min-width:970px;
		  background-color: #fff;
		  position:fixed;
		  bottom:0
		}
		
		ul.navIco{
							padding:0;
							margin:10px 0 0;
						  }
		
		ul.navIco li{
								float:left;
								list-style:none;
								padding:0;
								margin:0 0 0 8px;
							}
		
		
		.navIco .blogger a,
		.navIco .facebook a,
		.navIco .in a,
		.navIco .vimeo a{
									display:block;
									width:13px;
									height:13px;
									text-indent:-9999px;
								}
		
		.navIco .blogger a{background:url('../img/ico-blogger.png') no-repeat;}
		.navIco .facebook a{background:url('../img/ico-facebook.png') no-repeat;}
		.navIco .in a{background:url('../img/ico-in.png') no-repeat;}
		.navIco .vimeo a{background:url('../img/ico_vimeo.png') no-repeat;}
		
		.navIco .blogger a:hover,
		.navIco .facebook a:hover,
		.navIco .in a:hover,
		.navIco .vimeo a:hover{background-position: -13px 0;}
		

	/*-------------------------------
		Slider
	 ------------------------------*/
	
	.met_slider_wrap {
		position : relative;
		overflow: hidden;
	}
	
	.met_slider_overlay {
		position   : absolute;
		width      : 100%;
		left       : 0;
		top        : 0;
		z-index    : 5;
		background: url("../img/ajax.gif") #FFFFFF center center no-repeat;
	}
	
	.met_slider_wrap .caroufredsel_wrapper {
		z-index : 1;
		
	}
	
	.met_slider {
		overflow : hidden;
		max-height:550px;
	}
	
	.met_slider_item {
		position : relative;
		float    : left;
	}
	
	.met_slider_item_preview {
		width : 750px;
		float : left;
	}
	
	.met_slider_item_preview a,
	.met_slider_item_preview img {
		display : block;
	}	
				

	
	h2.met_title_stack {
		color       : #FFFFFF;
		font-size   : 24px;
		margin      : 0;
		line-height : 27px;
	}
	
	h3.met_title_stack {
		color       : #FFFFFF;
		font-size   : 24px;
		margin      : 0;
		line-height : 27px;
	}
	
	.met_slider_nav_prev,
	.met_slider_nav_next {
		width       : 40px;
		height      : 57px;
		position    : absolute;
		top		    : 10px;
		right       : 10px;
		display     : block;
		line-height : 32px;
		text-align  : center;
		padding		: 10px 5px;
		z-index     : 2;
	}
	
	.met_slider_nav_prev {
		right : 55px;
	}
	
	.met_slider_nav_next:hover,
	.met_slider_nav_prev:hover {
		text-decoration : none;
	}
		
		
		/*-------------------------------
			General
		------------------------------*/
		
		.met_color_1 {
			color:#079b99;
		}
		
		.met_color_transition {
			-webkit-transition 	: color ease-out 0.25s;
			-moz-transition    	: color ease-out 0.25s;
			-ms-transition     	: color ease-out 0.25s;
			-o-transition      	: color ease-out 0.25s;
		}
		
		.met_color_transition:hover {
			color           	: #18ADB5;
			text-decoration 	: none;
		}
		
		
		.met_color_transition2 {
			-webkit-transition 	: color ease-out 0.25s;
			-moz-transition    	: color ease-out 0.25s;
			-ms-transition     	: color ease-out 0.25s;
			-o-transition      	: color ease-out 0.25s;
		}
		
		
		
		
		.met_bgcolor_transition,
		.met_bgcolor_transition2 {
			-webkit-transition 	: background-color ease-out 0.25s;
			-moz-transition    	: background-color ease-out 0.25s;
			-ms-transition     	: background-color ease-out 0.25s;
			-o-transition      	: background-color ease-out 0.25s;
		}
		
		.met_bgcolor_transition:hover {background-color : #18ADB5;}
		.met_bgcolor_transition2:hover {background-color : #46484E;}
		
		a:focus { outline		: none; }
		:focus 	{ outline 		: none; }
		:active { outline 		: none; }
		
		:-o-any-link:focus {outline : none;}
		
		::-moz-focus-inner {border 	: 0;}
		::-o-focus-inner {border 	: 0;}
		
		.met_bgcolor_transition:hover a,
		.met_bgcolor_transition2:hover a {text-decoration : none;}
		
		.color-green{
			background: #97d5ca;
		}
		
	 #dl-menu{
		 display:none;
	 }
	 
	 #navmenu{
		 display:block;
	 }
	 
	 ul#supersized li{
		/*padding-top:105px;*/
	}

@media only screen and (max-width: 400px){
	.logo{
		padding:0;
		text-align:center
	}	
	.main-content .met-t2{
		top:100px;
		right:0;
	}
}
		
@media only screen and (max-width: 600px){
	.main-content h2{
		font: normal 36px/36px "frutiger_ce_55_romanregular", Arial, Helvetica, sans-serif;
	}
	
	.logo{
		padding:10px 0 0;
		text-align:center
	}
	
	.smenu{margin-top:0}
	.main-content .met-t2{
		top:150px;
		right:20px;
	}
	
	
}
@media only screen and (max-width: 700px){
	.oq-oferece{ display:none;}
		.main-content .met-t2{
			top:150px;
			right:50px;
		}
}
@media only screen and (max-width: 800px){
	.logo{
		padding:10px 0 0;
		text-align:center;
	}
	
	#dl-menu{
		 display:block;
		 z-index:99999		
	 }
	 .sf-menu{
		 display:none;
	 }
	 
	   .main-content .met-t2{
			bottom:60px;
			right:50px;
		}
}