@import url('reset.css');
	/*@import url('960.css');*/
	@import url('fonts.css');
	
	
	body { background: #fff; }
	p, h2, h3, h4, textarea, input { font-family: 'rawengulkdemibold'; }
	
	
	/* Header - Menu */
	
	.button { font-size: 17px; }

	#header { position: fixed; width: 100%; z-index: 9999; }
	#header .menu { position: absolute; right: 265px; top: 65px; width: 1140px; }
	#header .menu ul li { float: left; }
	#header .menu ul li.last { }
	#header .menu ul li a { color: #9fab26; font-family: 'rawengulkdemibold'; padding: 0 7px; }
	#header .menu ul li a.black { color: #000; }
	#header .menu ul li a.current { color: #d79518; background: url(../img/bolhas.png) repeat-y; padding-top: 65px; margin-top: -65px; }
	
	#header .menu ul li a:hover { color: #d79518; }
	
	#header .menu ul li ul.sub { background-color: #D79518; display: none; margin: 7px 0 0; opacity: 0; padding: 15px 15px 5px 15px; position: absolute; }
	#header .menu ul li ul.sub1 { margin-left: 5px; }
	#header .menu ul li ul.sub2 {  }
	#header .menu ul li ul.sub li { float: none; margin: 0 0 10px 0; }
	#header .menu ul li ul.sub li a { background:url(../img/menu_flechinha.png) no-repeat left; padding-left: 12px; color: #ffe0a6; }
	#header .menu ul li ul.sub li a:hover { color: #fff; }
	
	#header .menu ul li a.gases:hover, 
	#header .menu ul li a.gases.current,
	#header .menu ul li a.gases.subHover { background-color: #D79518; color: #FFF; opacity:1; }
	#header .menu ul li a.gases { background-color: #9FAB26; color: #FFFFFF; padding: 5px 10px; opacity: 0.6; }
    #header .menu ul li a.gases.inicio { padding: 5px 10px 5px 15px; margin-left: 5px; }
    #header .menu ul li a.gases.fim { padding: 5px 15px 5px 10px; margin-right:5px; }

	#gasesgrupo { background-color: #D9DDA8; color: #808C12; font-family: 'rawengulkdemibold'; font-size: 14px; opacity: 0.4; padding: 5px 15px; position: absolute; right: 432px; top: 35px; width: 376px; }
	

	#header .menu .menualign { position: absolute; right: 0; }	
	
	section { width: 100%; height: 1080px; position: relative; }
	section .content { width: 960px; height: 50%; margin: 0 auto; top: 123px; padding-left: 3px; position: relative; z-index: 12; }
	section content .title .bols { background-size: contain; }
	
	#logo { position: fixed; right: 35px; top: 0; }
	
	.bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	
	#principal { background: url("../img/bg_principal.jpg") no-repeat fixed 50% 0 transparent; }
	#ideal { background: url("../img/bg_ideal.jpg") no-repeat fixed 50% 0 transparent; }
	#gasesindustriais { background: url("../img/bg_gasesindustriais.jpg") no-repeat fixed 50% 0 transparent; }
	#gasesmedicinais { background: url("../img/bg_gasesmedicinais.jpg") no-repeat fixed 50% 0 transparent; }
	#gasesespeciais { background: url("../img/bg_gasesespeciais.jpg") no-repeat fixed 50% 0 transparent; }
	#gasesparabaloes { background: url("../img/bg_gasesbaloes.jpg") no-repeat fixed 50% 0 transparent; }
	#ecologia { background: url("../img/bg_ideal.jpg") no-repeat fixed 50% 0 transparent; }
	#contato { background: url("../img/bg_contato.jpg") no-repeat fixed 50% 0 transparent; }
	
	#footer { position: fixed; bottom: 50px; right:40px; z-index: 13; font-size: 14px; }
	#social { position: fixed; bottom: 50px; left:40px; z-index: 13; height: 20px; width: 350px; }
	
	
	.white { width: 100%; height: 288px; position: fixed; bottom: 0px; background: url(../img/gradiente_branco.png) repeat-x; z-index: 10; }
	.white2 { width: 100%; height: 288px; position: fixed; top: 0px; background: url(../img/gradiente_branco2.png) repeat-x; z-index: 13; }
	
	#footer p { color: #a8a8a8; margin-right: 112px; z-index:12 }
	#footer p span { color: #777777; }
	.arvore { width: 155px; height: 155px; right: 36px; bottom:38px; position: fixed; background: url(../img/arvore_rodape_03.png) no-repeat; z-index: 13; }
	.libre { position:fixed; bottom:5px; left:5px; z-index: 9999; }
	.libre a { display:block; opacity:0.4; }
	.libre a:hover { opacity:0.8; }
	
	#principal .content { padding:0; }
	#principal .banner { width: 100%; height: 65%; position: relative; background-color:#9FAB26; }
	#principal .banner a { display:block; width:100%; height:100%; background: url(../img/principal_chamada_03.jpg) no-repeat; background-size: cover; opacity:1; }
	#principal .banner a:hover { opacity:0.7; }
	#principal .banner .slogan { position: absolute; bottom: 50px; left: 50px; }
	#principal .banner .slogan h3 { font-size: 75px; color: #fff; line-height: 80px; margin-bottom: 10px; }
	#principal .banner .slogan p { font-size: 18px; color: #fff; line-height: 23px; }	
	#principal .chamadas { float: left; width: 100%; height: 30%; margin-top: 1%; }
	#principal .chamadas ul { height: 100%; }
	#principal .chamadas ul li { display: block; width: 24.25%; height: 100%; float: left; margin: 0 1% 0 0; }
	#principal .chamadas ul li a { transition: all 1s ease 0s; padding-bottom: 21px; display: block; background:url(../img/principal_bgchamadas_04.png) no-repeat center bottom; width: 100%; height: 100%; }
	#principal .chamadas ul li a:hover { cursor: pointer; background:url(../img/principal_bgchamadas_03.png) no-repeat center bottom; }
	#principal .chamadas ul li.last { margin-right: 0; }
	#principal .chamadas ul li .text { float: left; margin-left: 38%; margin-top: -40px; position: absolute; top: 50%; width: 60%; text-align: left; }
	#principal .chamadas ul li .text h4 { font-size: 28px; color: #838485; font-weight: normal; margin-bottom: 5px; }
	#principal .chamadas ul li:hover .text h4 { color: #9fab26; }
	#principal .chamadas ul li .text p { color: #838485; font-size: 14px; line-height: 21px; }
	#principal .chamadas ul li .imagem { position: relative; overflow:hidden; float: left; height: 100%; width: 34%; }
	#principal .chamadas ul li .imagem img { bottom: 0; position: absolute; right:0; }
	#principal .chamadas ul li .imagem.gesp img { bottom: -20px; }
	#principal .chamadas ul li .center { width: 100%; height: 100%; position: relative; margin: 0 auto; }
	
	#ideal .content { margin-top:40px; }
	
	
	.pedido { background: url(../img/pedido_flecha.png) no-repeat left center; padding-left: 25px; margin-top: 80px;}
	.pedido h3 a { font-size: 40px; color: #fff; }
	.pedido span.bols { width: 51px; height: 72px; background: url(../img/pedido_bolas.png) no-repeat top; margin: -75px 0 0 340px; position: absolute; }
	
	/* NEW */
	
	section .content .title h2 { font-size: 90px; color: #fff; }
	section .content .title .bols { width: 50px; height: 101px; margin-top: -50px; }
	section .content .subtitle { margin-top: 20px; width: 530px; }
	section .content .subtitle h3 { color: #fff; font-size: 30px; }
	section .content .text { margin-top: 30px; width: 705px; }
	section .content .text p { color: #fff; font-size: 17px; line-height: 22px; }

	#gasesmedicinais .title h2, #gasesespeciais .title h2 { color: #d79518; }
    #gasesindustriais .title .bols { background: url(../img/bols-title-ind.png) no-repeat; background-size: contain; }
	#gasesmedicinais .title .bols { background: url(../img/bols-title-med.png) no-repeat; background-size: contain; }
	#gasesespeciais .title .bols { background: url(../img/bols-title-med.png) no-repeat; background-size: contain; }
	#gasesparabaloes .title .bols { background: url(../img/bols-title-ind.png) no-repeat; background-size: contain; }
	#contato .title .bols { background: url(../img/bols-title-ind.png) no-repeat; background-size: contain; }
	#gasesmedicinais .subtitle h3 { color: #a7a7a7; }
	#gasesmedicinais .text p { color: #777777; }
	
	#ideal .text { width: 100%; float: left;  }
	#ideal .text .bols { width: 38px; height: 111px; background: url(../img/bols-text.png) no-repeat; background-size: contain; margin-bottom:5px;  }
	#ideal .text p { color: #595959; font-size: 21px; line-height: 35px; }
	#ideal .text-medium { width: 100%; float: left; margin-top: 50px; }
	#ideal .text-medium .bols { width: 51px; height: 79px; margin: -145px 0 0 640px; position: absolute; background: url(../img/bols-text2.png) no-repeat; }
	#ideal .text-medium p { font-size: 32px; color: #586d2f; line-height: 50px; }
	
	/*  ------  */
		
	.font-balao, 
	.font-balao strong { font-family: tahoma; font-size: 11px; line-height: 13px; overflow: hidden; color: #666; }
		
	.bg-widget { background: url(../img/gases_listabg.png) repeat bottom; position: relative; z-index: 49; float:left; width: 100%; height: 100%;}	
		
	.type-gases { /*background: url(../img/gases_listabg.png) repeat bottom; */position: relative; z-index: 99999; float:left; }
	.type-gases ul li { float: left; width: 240px; height: 340px; cursor: pointer; margin: 0 ; }
	.type-gases ul li.active,
	.type-gases ul li:hover { background: url(../img/gases_listamo.png) no-repeat center bottom; background-size: 110% 100%; }
	.typegases ul li.active i-mask i-gases { margin-top:100px; }
	
	.type-gases ul li.active .i-gases { margin-top: 100px; }
	.type-gases ul li .i-gases { z-index:50; }
	
	
	.type-gases ul li .stitle { float: left; width: 100%; text-align: center; }
	.type-gases ul li .stitle h3 { font-size: 26px; color: #fff; }
	.type-gases ul li .desc,.type-gases ul li .desc2 { width: 150px; text-align: center; margin: 65px auto; }
	.type-gases ul li .desc p, .type-gases ul li .desc2 p { color: #fff; font-size: 13px; }
	.type-gases ul li .desc2 { margin-top:75px;}


	.i-mask { height:318px; width:240px; position:absolute; overflow:hidden; }	
	.i-gases { display: block; margin: 212px auto 0 auto; width:100%; position:absolute; }
	.i-1 { width: 172px; height: 90px; background: url(../img/gases_oxigenio.png) no-repeat; background-size: cover; display: block; margin: 0 auto 30px auto; }
	.i-2 { width: 130px; height: 119px; background: url(../img/gases_misturamig.png) no-repeat; background-size: cover; display: block; margin: -5px auto }
	.i-3 { width: 90px; height: 70px; background: url(../img/gases_argonio.png) no-repeat; background-size: cover; display: block; margin: 25px auto 20px auto; }
	.i-4 { width: 125px; height: 74px; background: url(../img/gases_nitrogenio.png) no-repeat; background-size: cover; display: block; margin: 25px auto 15px auto; }
	.i-5 { width: 164px; height: 66px; background: url(../img/gases_dioxidocarb.png) no-repeat; background-size: cover; display: block; margin: 23px auto 15px auto; }
	.i-6 { width: 184px; height: 64px; background: url(../img/gases_acetileno.png) no-repeat; background-size: cover; display: block; margin: 30px auto 20px auto; }
	.i-7 { width: 120px; height: 57px; background: url(../img/gases_hidrogenio.png) no-repeat; background-size: cover; display: block; margin: 30px auto; }
	.i-8 { width: 172px; height: 90px; background: url(../img/gases_oxigenio.png) no-repeat; background-size: cover; display: block; margin: 0 auto 30px auto; }
	.i-9 { width: 162px; height: 64px; background: url(../img/gases_oxidonitroso.png) no-repeat; background-size: cover; display: block; margin: 30px auto 15px auto; }
	.i-10 { width: 117px; height: 107px; background: url(../img/gases_arcomprimido.png) no-repeat; background-size: cover; display: block; margin: -5px auto 2px auto; }
	.i-11 { width: 164px; height: 66px; background: url(../img/gases_dioxidocarb.png) no-repeat; background-size: cover; display: block; margin: 28px auto 15px auto; }

	.type-gases ul li.active .i-gases { margin-top: 100px; }
		
	
	.lista-gases-baloes { float: left; height: 220px; background: url(../img/baloes_bg.png) repeat-x bottom; margin-top: 70px; }
	.lista-gases-baloes ul li { float: left; margin-left: 15px; margin-right: 15px; }
	.lista-gases-baloes ul li .title { font-size: 20px; color: #fff; text-align: center; margin-bottom: 10px;}
	.lista-gases-baloes ul li span.last { float: left; margin-top: 20px; }
	
	
	
	.return { padding: 8px; position: absolute; top: -45px; width: 75%; opacity: 0; border-radius: 3px; }
	.return.green { background: #96A701; border: 1px solid #378743; }
	.return.red { background: #E84F4C; border: 1px solid #BA1C1A; }
	.return p { color: #fff; }
	.formulario { float: right; width: 535px; margin-top: -270px; position: relative; z-index: 999999;}
	.formulario input[type="text"],
	.formulario textarea { font-size: 13px; color: #4c4c4e; border: medium none; border-radius: 17px 17px 17px 17px; box-shadow: 1px 3px 6px #000000; float: left; margin-bottom: 10px; padding: 8px; width: 400px;}
	.formulario textarea { height: 150px; }
	.formulario input[type="image"] { background: url(../img/enviar.png) no-repeat; margin: 40px 0 0 5px; }
	
	#contato .content { z-index: 13; }
	
	
	#mapa { width: 100%; height: 50%; position: relative; border-bottom: 4px solid #cccccc; margin-top: 2%; }
	
	
	
	#pixel { position: fixed; top: 0; left: 0; padding: 5px; background: #ccc; color: #000; font-size: 14px; z-index: 999999; }