/*
Empresa: Prática NET
Layout: Júlio Leonardo
Front-End: Djalma Araújo / Julio Fragoso
*/

@import "pngfix.css";
@import "reset.css";

html { }
body { }
p {color:#666666;}
#container { width:767px; position:absolute; margin-left:-383px; left:50%; }

#header { padding:104px 0 0 0;  background:url(../images/bg-header.jpg) no-repeat; position:relative; }
#header #navSuperior{position:absolute; margin-left:600px; margin-top:-65px; color:#333333;}
#header #navSuperior a{color:#333333; font-weight:bold; font-size:14px;}
#header #navSuperior a:hover{ text-decoration:underline;}
#header h1 { background:url(../images/brascolor.gif) no-repeat; position:absolute; top:20px; left:30px; text-indent:-4000px; }
#header h1 a { display:block; width:235px; height:65px; }
#header #linha-bottom-flash { background:url(../images/linha-bottom-flash.jpg) no-repeat; height:28px; width:768px; }
#container { background:url(../images/bg-container.jpg) #E7EBEC no-repeat; min-height:482px; height:auto !important; height:482px; }

#footer { clear:both; text-align:center; background:url(../images/bg-footer.jpg) no-repeat; height:37px; padding:23px 20px 0 20px; }
#footer p { font-size:12px; color:#DDDDDD; }
#footer a { color:#DDDDDD; }
#footer a:hover { text-decoration:underline; }


/* ---- home ---- */

#home, #interna { padding:30px;}
#home #home-left { width:330px; border-right:1px solid #ccc; margin:0 20px 0 0; float:left;}
#home #home-right { width:355px; float:left;}



.saibamais { clear:both; 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) no-repeat; height:15px; }
#home-novidades img { border:2px solid #89B51E; float:left; margin:0 12px 0 0; width:99px; }
#home-novidades p { width:200px; line-height:14px; margin:0 0 0 0; float:left; color:#333333; font-size:12px;}
#home-novidades .novidade { clear:both; float:left; margin-bottom:20px; width:100%; }
#home-novidades a { 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; }
#lMaisNoticias { color:#89b51e;text-decoration:underline; display:block; clear:both; font-size:14px; margin-bottom:15px; }

#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{ border:2px solid #F0C600; width:99px; width:160px; height:93px; float:left; margin:0 20px 0 0;}
#home-quemSomos a { text-decoration:underline; color:#F0C600; background:url(../images/li-marcador.gif) 0 6px no-repeat; padding:0 0 0 12px;}
#home-quemSomos a:hover { text-decoration:none; }
#home-quemSomos p { width:350px; 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 no-repeat; height:60px; }

#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:330px; border-right:1px solid #ccc; margin:0 20px 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:355px; float:left}
#portfolio-right { padding-bottom:20px;}
#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;}

#div3 { display:block; }



/* Quem somos */

#quemsomostop { float:left; }
#quemsomostop h2 { background:url(../images/tit-quemsomos.gif) no-repeat; text-indent:-4999px; height:25px; width:700px; margin-bottom:5px; }
#quemsomostop-left {width:390px; float:left; padding-bottom:15px; padding-right:10px; border-right:1px solid #CCCCCC;}
#quemsomostop-right {width:284px; 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:680px; float:left; padding-right:20px; }
#quemsomosbottom h4 { font-size:16px; color:#89B51E;}
#caixa1{ width:150px; float:left; padding-right:10px; border-right:1px solid #CCCCCC; padding-top:10px; height:150px;}
#caixa2{ width:230px; float:left; padding: 0 10px; border-right:1px solid #CCCCCC;padding-top:10px; height:150px;}
#caixa3{ width:250px; 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 */

#dicas-left {width:350px; float:left; padding-bottom:15px; }
#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-top:32px; width:335px; padding-left:15px; float:left; }
#dicas-right p{color:#333333; margin-bottom:8px;}




/* Notícias */
#listaNoticias { float:left; width:267px; height:249px; padding:0 20px; margin-bottom:22px; }
#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; font-weight:bold; 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/tit-noticias.gif) no-repeat; text-indent:-4999px; height:29px; margin-bottom:14px; }


#noticias-left { width:350px; float:left; padding-bottom:26px; margin-left:49px; }
#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 {color:#333333; margin-bottom:8px; }
#noticias-left p a:hover{ text-decoration:underline; }
#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; margin-bottom:50px; }
#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:80px; margin-left:88px; }
#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:340px; float:left; margin-bottom:50px; }
#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-top:52px; }
#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-bottom:8px; }