/* Empresa: Prática NET Layout: Júlio Leonardo Front-End: Djalma Araújo / Julio Fragoso */ @import "pngfix.css"; @import "reset.css"; html { } body {background:#E7EBEB url(../images/bg-body-teste.png) no-repeat center top;} p {color:#666666;} #arabesco-azul {background:url(../images/arabesco-azul.png) no-repeat; position:absolute; left:-222px; top:340px; z-index:1; width:224px; height:224px;} #arabesco-amarelo {background:url(../images/arabesco-amarelo.png) no-repeat; position:absolute; right:-222px; top:340px; z-index:1; width:224px; height:224px;} /*#arabesco-lado-esquerdo {background:url(../images/arabesco-lado-esquerdo.png) no-repeat; position:absolute; left:0; top:0; z-index:1; width:233px; height:326px;} #arabesco-lado-direito {background:url(../images/arabesco-lado-direito.png) no-repeat; position:absolute; right:0; top:0; z-index:1; width:178px; height:333px;}*/ #container { width:900px; margin:0 auto; position:relative; margin-top:16px;} #header {width:900px; background:url(../images/bg-header.jpg) no-repeat; position:relative; float:left;} #header #navSuperior{float:right; margin:45px 80px 0 0;} #header #navSuperior a{color:#333333; font-weight:bold; font-size:14px;} #header #navSuperior a:hover{ text-decoration:underline;} #navSuperiorfsc { position:absolute; width:62px; height:77px; margin: 12px 0 0 825px;} #navSuperiorFTP { position:absolute; width:312px; height:55px; margin: 30px 0 0 490px;} /*#navSuperiorOrcamento { position:absolute; width:143px; height:47px; margin: 30px 0 0 595px;}*/ #logomarca {width:235px; height:65px; float:left; margin:19px 0 0 30px;} #menu-principal {width:900px; height:227px; float:left; margin:22px 0 0 0;} #menu-principal ul {list-style:none} #menu-principal ul li.li1 {background:url(../images/menu/bg1.jpg) no-repeat; width:60px; height:227px; text-indent:-99999px; float:left;} #menu-principal ul li.li2 {background:url(../images/menu/bg2.jpg) no-repeat; width:60px; height:227px; text-indent:-99999px; float:left;} #menu-principal ul li.li3 {background:url(../images/menu/bg3.jpg) no-repeat; width:60px; height:227px; text-indent:-99999px; float:left;} #menu-principal ul li.li4 {background:url(../images/menu/bg4.jpg) no-repeat; width:60px; height:227px; text-indent:-99999px; float:left;} #menu-principal ul li.li5 {background:url(../images/menu/bg5.jpg) no-repeat; width:60px; height:227px; text-indent:-99999px; float:left;} #menu-principal ul li.li6 {background:url(../images/menu/bg6.jpg) no-repeat; width:60px; height:227px; text-indent:-99999px; float:left;} #menu-principal ul li.li1:hover {background:url(../images/menu/hover1.jpg) no-repeat;} #menu-principal ul li.li2:hover {background:url(../images/menu/hover2.jpg) no-repeat;} #menu-principal ul li.li3:hover {background:url(../images/menu/hover3.jpg) no-repeat;} #menu-principal ul li.li4:hover {background:url(../images/menu/hover4.jpg) no-repeat;} #menu-principal ul li.li5:hover {background:url(../images/menu/hover5.jpg) no-repeat;} #menu-principal ul li.li6:hover {background:url(../images/menu/hover6.jpg) no-repeat;} #footer { clear:both; text-align:center; background:url(../images/bg-rodape.jpg) repeat-x; height:37px; padding:23px 20px 0 20px; } #footer p { font-size:12px; color:#DDDDDD; } #footer a { color:#DDDDDD; } #footer a:hover { text-decoration:underline; } .rodape {width:800px; margin:0 auto;} /* ---- home ---- */ #home {float:left; width:100%; position:relative;} #home #interna{ padding:30px;} #home #home-left { width:840px; margin:40px 10px 0 30px; float:left;} #home #home-right { width:840px; float:left; margin:30px 10px 0 30px; } #home #home-right h2 {background:url(../images/tit-noticias.png) no-repeat; text-indent:-99999px; width:98px; height:20px;} #home #home-right .hr { border:none; background:url(../images/linha-separadora.gif) repeat-x; height:15px; } .saibamais {float:left; display:block; width:100%; } /*novidades*/ #home-novidades {} #home-novidades span { color:#7EA61C; } #home-novidades h2{ background:url(../images/tt-novidades.gif) no-repeat; width:111px; height:16px; text-indent:-4000px; display:block; margin:0 0 27px 0;} #home-novidades h3#tit-comedoriapopular{ font-size:18px; font-family:"Trebuchet MS"; display:block; margin:0 0 5px 0;} #home-novidades h3#tit-negociospe{ font-size:18px; font-family:"Trebuchet MS"; display:block; margin:30px 0 5px 0;} #home-novidades .hr { border:none; background:url(../images/linha-separadora.gif) repeat-x; height:15px; } #home-novidades p { width:380px; line-height:14px; margin:0 0 0 0; float:left; color:#333333; font-size:12px;} #home-novidades p.comfoto { width:280px; line-height:14px; margin:0 0 0 0; float:right; color:#333333; font-size:12px;} #home-novidades .novidade {float:left; width:410px; } #home-novidades .novidade-right { float:right; width:410px;} #home-quemSomos .novidade {float:left; margin-bottom:20px; width:410px; } #home-quemSomos .novidade-right {float:right; margin-bottom:20px; width:410px;} #home-novidades a.saibamais { text-decoration:underline; color:#89B51E; background:url(../images/li-marcador.gif) 0 6px no-repeat; padding:0 0 0 12px;} #home-novidades a:hover { text-decoration:none; } #home-quemSomos a.saibamais { text-decoration:underline; color:#89B51E; background:url(../images/li-marcador.gif) 0 6px no-repeat; padding:0 0 0 12px;} #home-quemSomos a.saibamais:hover { text-decoration:none; } #lMaisNoticias { color:#89b51e;text-decoration:underline; display:block; clear:both; font-size:14px; margin-bottom:15px; } #home-novidades .citacao { color:#a4a5a5; } #home-quemSomos {} #home-quemSomos h3#tit-paix{ font-size:18px; } #home-quemSomos span { color:#F0C600; } #home-quemSomos h2 { background:url(../images/tt-quemSomos.gif) no-repeat; width:135px; height:17px; text-indent:-4000px; display:block; margin:0 0 27px 0;} #home-quemSomos img{float:left; margin:0 0 0 0;} #home-quemSomos a:hover { text-decoration:none; } #home-quemSomos p.comfoto { width:280px; float:right; line-height:14px; color:#333333; font-size:12px;} #home-quemSomos p { width:380px; float:left; line-height:14px; color:#333333; font-size:12px;} #home-quemSomos p.citacao { color:#a4a5a5; } .citacao { margin-bottom:15px; font-weight:bold; } .linha-separa-direita { background:url(../images/linha-separa-direita.gif) center center repeat-x; height:3px; width:550px; margin:15px 0 30px 0;} #home-portfolio {} #home-portfolio h3#tit-200{ font-size:18px; } #home-portfolio h2 { background:url(../images/tit-servicos.gif) no-repeat; width:109px; height:22px; text-indent:-4000px; display:block; margin:0 0 15px 0; } #home-portfolio p { color:#333333; font-size:12px; line-height:14px; margin:0 0 20px 0; } #home-portfolio p.citacao { color:#a4a5a5; } #home-portfolio span { color:#DB0066; } #home-portfolio a { text-decoration:underline; color:#89b51e;} #home-portfolio a:hover { text-decoration:none; } #home-portfolio ul { float:left; width:130px; } #home-portfolio ul li{ margin:0 0 4px 0; background:url(../images/li-marcador.gif) 0 7px no-repeat; padding:0 0 0 12px; } /* Portfolio */ /*#portfolio-left{width:255px; border-right:1px solid #ccc; margin:0 50px 0 0; float:left;} #portfolio-left h2 { background:url(../images/tt-portfolio.gif) no-repeat; width:109px; height:20px; text-indent:-4000px; display:block; margin:0 0 27px 0; } #portfolio-left #flashplayer{ width:255px; height:190px; border:3px solid #6e6c6b;} #portfolio-right {width:550px; float:left; padding:0 0 20px 0;} #portfolio-right p{ color:#333333;} #portfolio-right #servicos ul{float:left;} #portfolio-right #servicos li{font-size:13px;} #portfolio-right #servicos h2{margin-top:-15px;background:url(../images/tit-servicos.gif) no-repeat; text-indent:-4999px; height:25px;} #portfolio-right #servicos ul#listaServicos1{list-style:square; width:130px; list-style-position:inside;color:#333333;} #portfolio-right #servicos ul#listaServicos2{list-style:square; width:130px; list-style-position:inside;color:#333333;} #portfolio-right #servicos ul#listaServicos3{list-style:square; width:90px; list-style-position:inside;color:#333333;} */ #box-portfolio {width:100%; position:relative; float:left; min-height:1280px; margin-top:5px;} #portEditorial {width:576px; height:233px; background:url(../images/portfolio/editorial.png) no-repeat; left:30px;} #txt-editorial {float:left; margin:165px 0 0 55px; width:235px;} .imgWoobler {right:125px; top:145px;} .imgImpressos {right:5px; top:80px;} #portPromo {width:281px; height:246px;margin:30px 0 0 0; background:url(../images/portfolio/promocional.png) no-repeat; top:310px; left:0;} #txt-promo {float:left; margin:180px 0 0 32px; width:235px;} #portEmb {width:289px; height:271px; background:url(../images/portfolio/embalagem.png) no-repeat; left:305px; top:310px;} #txt-embalagem {float:left; margin:230px 0 0 55px; width:235px;} .imgLuvas {right:5px; top:340px;} #portKits {width:446px; height:310px; background:url(../images/portfolio/kits.png) no-repeat; left:30px; top:634px;} #txt-kits {float:left; margin:165px 0 0 20px; width:170px;} #portPdv {width:423px; height:332px; background:url(../images/portfolio/pdv.png) no-repeat; left:470px; top:625px;} #txt-pdv {float:left; margin:250px 0 0 47px; width:170px;} .imgRotulos {left:30px; top:940px;} .imgConvites {left:70px; top:1095px;} .imgCardapios {left:290px; top:1000px;} #portInst {width:380px; height:241px; background:url(../images/portfolio/institucional.png) no-repeat; left:505px; top:995px;} #txt-inst {float:left; margin:39px 0 0 5px; padding:5px; text-align:right; width:140px;} #div3 { display:block; } /* Quem somos */ #quemsomostop { float:left; padding:0 15px; margin-top:30px;} #quemsomostop h2 { background:url(../images/tit-quemsomos.gif) no-repeat; text-indent:-4999px; height:30px; width:700px; margin-bottom:20px; } #quemsomostop-left {width:450px; float:left; padding-bottom:15px; padding-right:10px; border-right:1px solid #CCCCCC;} #quemsomostop-right {width:384px; float:left; padding-bottom:15px; padding-left:15px; } #quemsomostop-left p, #quemsomostop-right p {color:#333333;} #quemsomos-left h2{ background:url(../images/tit-quemsomos.gif) no-repeat; text-indent:-4999px; height:25px; } #quemsomos-left h5, #quemsomos-right h5{font-size:14px; font-weight:bold; margin-top:10px; color:#8CB724;} #quemsomosbottom{ width:850px; float:left; padding:0 15px 15px 15px; } #quemsomosbottom h4 { font-size:16px; color:#89B51E;} #caixa1{ width:200px; float:left; padding-right:10px; border-right:1px solid #CCCCCC; padding-top:10px; height:150px;} #caixa2{ width:250px; float:left; padding: 0 10px; border-right:1px solid #CCCCCC;padding-top:10px; height:150px;} #caixa3{ width:350px; float:left; padding-left:10px;padding-top:10px; } #quemsomos-right img{ position:absolute;float:right; border:5px solid #89B51E;margin-left:245px;} #quemsomos-right { padding-top:25px; width:220px; padding-left:15px;} #quemsomosbottom p{ color:#333333; margin-top:6px; } .borderBottom { border-bottom:1px solid #CCCCCC; padding-bottom:8px; } /* Dicas */ #interna {float:left;width:100%; position:relative; margin:10px 0 0 0;} #dicas-left {width:415px; float:left; padding:0 15px; margin-top:30px; margin-left:3px; } #dicas-left p{color:#333333; margin-bottom:8px;} #dicas-left h2{background:url(../images/tit-dicas.gif) no-repeat; text-indent:-4999px; height:25px;} #dicas-left h5, #dicas-right h5{font-size:14px; font-weight:bold; margin-top:10px; color:#DB0066;} #dicas-left a, #dicas-right a{color:#DB0066;} #dicas-right { padding:32px 15px 15px 15px; width:415px; float:left; margin:0 0 0 5px;} #dicas-right p{color:#333333; margin-bottom:8px;} /* Parque Industrial */ #parque-industrial-left {width:510px; float:left; border-right:1px solid #ccc; padding:0 15px; margin:24px 0 30px 0;} #parque-industrial-left h2{background:url(../images/titi-parque-GRAFICO.png) no-repeat; text-indent:-4999px; height:30px; margin-bottom:20px;} #parque-industrial-left p{color:#333333; margin-bottom:20px; padding: 7px 0 0 0 ;} #parque-industrial-right {width:336px; padding:10px; float:right;} #parque-industrial-right .imgParque {width:145px; height:137px; float:left; margin:10px 0 0 20px;} /* Notícias */ #listaNoticias { float:left; width:267px; height:249px; padding:20px; margin:5px 0 0 20px; } #listaNoticias ul { padding:0 20px; } #listaNoticias ul li { /*background:url(../images/bg-a-listanoticias.gif) bottom repeat-x;*/ padding:5px 0; } #listaNoticias ul li a { color:#000; background:url(../images/marcador.gif) 0 50% no-repeat; padding-left:10px; } #listaNoticias ul li a:hover { text-decoration:underline; } #listaNoticias h2 {background:url(../images/tt-novidades.gif) no-repeat; text-indent:-4999px; height:29px; margin-bottom:14px; } /*tit-noticias.gif*/ #noticias-left { width:500px; float:left; margin:10px 0 0 0; padding:20px;} #noticias-left .box { clear:both; margin-bottom:15px; } #noticias-left img, #noticias-right img { /*border:2px solid #999999;*/ float:left; margin:0 12px 0 0; width:99px; } #noticias-left p a {text-decoration:underline; color:#89B51E; background:url(../images/li-marcador.gif) 0 6px no-repeat; padding:0 0 0 12px; } #noticias-left p a:hover{ text-decoration:none;} #noticias-left h5, #noticias-right h5{font-size:14px; font-weight:bold; margin-top:10px; color:#DB0066; } #noticias-left a, #noticias-right a{color:#DB0066; } span.tituloNoticias{ color:#000000; font-weight:bold; } #noticias-right { padding-top:32px; width:335px; padding-left:15px; } #noticias-right p a{ color:#333333; margin-bottom:8px; } #noticias-right p a:hover{ text-decoration:underline;} #noticias-bottom { clear:both; width:100%; height:100px; margin-top:20px;} #noticias-bottom .box { width:193px; padding:8px; border:2px solid #dddddd; float:left; margin-right:26px; display:inline; vertical-align:middle; height:80px; color:#333333;} #noticias-bottom .box p{color:#333333;} /* Contato */ #contato-left {width:315px; float:left; padding:0 15px; margin-top:29px; margin-left:5px} #contato-left h2 {background:url(../images/tit-contato.gif) no-repeat; width:109px; height:25px; text-indent:-4000px; display:block; margin:0 0 27px 0; } #contato-left label, #contato-right label{ font-size:12px;} #contato-left .nome, #contato-left .email, #contato-left .telefone { margin-bottom:15px; width:300px; border:1px solid #CCCCCC; border-left-width:8px; height:22px; padding:3px 0px 0px 4px; font-family:"Trebuchet MS"; } #contato-left textarea {width:300px; height:146px;border:1px solid #CCCCCC; border-left-width:8px; padding:3px 0px 0px 4px; font-family:"Trebuchet MS"; } #contato-right { float:left; margin-top:72px; margin-left:25px; width:500px; height:450px; } #btEnviar { display:block; width:70px; height:24px; background-color:#666666; border:1px solid #CCCCCC; text-align:center; color:#FFFFFF; padding-top:7px; margin-top:10px; float:right;} .enviar { clear:both; margin-top:15px; } /* Orçamento */ #orcamento-left {width:320px; float:left; padding:15px; } #orcamento-left h2 {background:url(../images/tit-orcamento.gif) no-repeat; width:129px; height:25px; text-indent:-4000px; display:block; margin:0 0 27px 0; } #orcamento-left label, #orcamento-right label{ font-size:12px;} #orcamento-left input.campos, #orcamento-right input.campos{border:1px solid #CCCCCC; border-left-width:8px; height:22px; padding:3px 0px 0px 4px; font-family:"Trebuchet MS"; width:300px; margin-bottom:15px;} #orcamento-left a{color:#DB0066;} #orcamento-left a:hover{ text-decoration:underline;} #orcamento-right {width:315px; float:left; padding:67px 15px 15px 15px; } #orcamento-right textarea {width:300px; height:146px;border:1px solid #CCCCCC; border-left-width:8px; padding:3px 0px 0px 4px; font-family:"Trebuchet MS"; } #btEnviar { display:block; width:70px; height:24px; background-color:#666666; border:1px solid #CCCCCC; text-align:center; color:#FFFFFF; padding-top:7px; margin-top:10px; float:right;} #titPort { background:url(../images/tt-portfolio.gif) no-repeat; text-indent:-4999px; height:22px; margin:24px 0 20px 20px; } #div-input-file{height:25px; width:313px; margin:0px; position:relative; margin-bottom:10px;} #div-input-file #file-original{ opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=00); font-size:18px; position:absolute; top:0; width:222px; } #div-input-falso{ position:absolute; top:0; } #div-input-falso #file-falso{ width:227px; height:25px; font-size:12px; font-family: Arial;} #div-input-file .btn2 {background:url(../images/bt-enviar.gif) no-repeat; width:72px; height:33px; border:none; float:right; text-indent:-99999px; margin-top:-1px;} /* Classes em geral */ .pAbsolute {position:absolute;} .pRelative {position:relative;} .estiloSelect {width:312px; padding:4px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:8px solid #ccc;} #home-quemSomos span.bold {font-weight:bold; color:#000;}