*{ padding:0; margin:0;} body{ background:url(images/fundo.png); } #corpo{ width:1000px; overflow:auto; background:#FFF; margin:0 auto; border:1px solid #CCC;} /* overflow:auto */ #corpo #topo{ height:210px; background:url(images/header.jpg);} #corpo #topo #logo{ float:left; width:146px; height:93px; padding:25px 0px 0px 25px; border:0;} #corpo #topo #busca{ float:right; width:300px; padding-top:15px;} #corpo #topo #busca .busca{ width:180px; height:20px; padding:2px; font:14px Arial, Helvetica, sans-serif; color:#999; border-radius:10px; border:1px solid #333;} #corpo #topo #busca .btn{ height:30px; width:90px; background:url(images/btn.png); border-radius:10px; border:none; color:#FFF;} #corpo #topo #busca .btn:hover{ background:url(images/btnp.png);; cursor:pointer;} #corpo #topo #busca img{ float:right; width:60px; margin-right:20px;} /* Menu */ #corpo #menu{ width:1000px; overflow:auto; background:url(images/menu.jpg);} #corpo #menu ul{ list-style-type:none;} #corpo #menu ul li{ float:left; position:relative;} #corpo #menu ul li a{ display:block; padding:2px 15px; font:15px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; text-decoration:none;} #corpo #menu ul li a:hover{ background:#09C;} /* Menu CSS*/ #cssmenu{ height:35px; display:block; padding:0; margin: 0; border:2px solid; border-radius:5px; } #cssmenu > ul {list-style:inside none; padding:0; margin:0;} #cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative; background:url(images/menu.jpg) repeat-x;} #cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:8px 20px; font:15px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } #cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} #cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } #cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} #cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } #cssmenu > ul > li.has-sub:hover > a:before{top:19px;} #cssmenu ul li.has-sub:hover > a{ background:#000 repeat-x; border-color:#3f3f3f; padding-bottom:11px; padding-top:11px; top:-1px; z-index:999; } #cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} #cssmenu ul li.has-sub > a:hover{background:#000 repeat-x; border-color:#3f3f3f;} #cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:35px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } #cssmenu ul li > ul{ width:200px;} #cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} #cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } #cssmenu span{ font-size:14px; padding-left:10px; padding-right:10px;} #cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:url(images/menu.jpg) repeat-x; } #cssmenu{border-color:#999; background:url(images/menu.jpg) repeat-x;} #cssmenu > ul > li > a{border-right:1px solid #999; color:#fff;} #cssmenu > ul > li > a:after{border-color:#999;} #cssmenu > ul > li > a:hover{background:#666; color:#FFF;} /* Conte�do */ #corpo #conteudo #slider{ width:960px; height:240px; padding-bottom:20px;} /* Conte�do */ #corpo #conteudo{ width:960px; overflow:auto; padding:30px 10px; padding-left:20px;} #corpo #conteudo #left{ float:left; width:640px;} #corpo #conteudo #right{ float:right; width:300px; overflow:auto; border-radius:5px; background:#CCC; text-align:center;} /* contato lateral*/ #corpo #conteudo #right #contato{ float:right; width:300px; overflow:auto; background:#666; text-align:center; padding-top:10px; } #corpo #conteudo #right #contato h3{ float:left; font:24px Arial, Helvetica, sans-serif; color:#FFF; padding-top:15px; padding-left:5px;} #corpo #conteudo #right #contato h4{ float:left; font:15px Arial, Helvetica, sans-serif; color:#FFF; padding-top:15px; padding-bottom:20px;} #corpo #conteudo #right #contato img{ float:left; width:60px; height:60px; } #corpo #conteudo #right #tempo{ float:right; width:300px; overflow:auto; background:#999; text-align:center; padding-top:20px;padding-bottom:20px; } /* posts */ #corpo #conteudo #left #post{ float:left; width:630px; overflow:auto; border-bottom:2px solid #CCC; margin-bottom:8px; text-align:justify; background:url(images/fundo1.gif);} #corpo #conteudo #left #post h1{ font:18px Arial, Helvetica, sans-serif; color:#333; font-weight:bold;} #corpo #conteudo #left #post h1 a{ font:18px Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-weight:bold;} #corpo #conteudo #left #post h1 a:hover{ text-decoration:underline;} #corpo #conteudo #left #post h2{ padding-left:35px; font:20px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; padding-bottom:10px; background:url(images/h2.jpg) no-repeat;} #corpo #conteudo #left #post h5{ font:18px Arial, Helvetica, sans-serif; color:#039; padding-left:2px; padding-top:10px; padding-bottom:20px;} #corpo #conteudo #left #post img{ float:left; width:65px; height:60px; margin:10px 20px 20px 15px; border:1px solid #333; border-radius:5px; background:#FFF;} #corpo #conteudo #left #post a img{ float:left; width:65px; height:60px; margin:10px 20px 20px 0px; border-radius:10px;} #corpo #conteudo #left #post a:hover img{ border-color:#666;} #corpo #conteudo #left #post p{ font:14px Arial, Helvetica, sans-serif; font-weight:normal; color:#333; margin:10px 0px 0px 0px;} #corpo #conteudo #left #post p a{ font:12px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; color:#09C;} #corpo #conteudo #left #post p a:hover{ font:12px Arial, Helvetica, sans-serif; font-weight:normal; color:#09C; text-decoration:underline;} /* postsartigos */ #page #artigos{ float:left; width:630px; overflow:auto; margin-bottom:20px; text-align:justify;} #page #artigos h1{ font:18px Arial, Helvetica, sans-serif; color:#333; font-weight:bold; padding-bottom:10px;} #page #artigos h1 a{ font:18px Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-weight:bold;} #page #artigos h1 a:hover{ text-decoration:underline;} #page #artigos h2{ font:20px Arial, Helvetica, sans-serif; color:#333; font-weight:bold; padding-bottom:10px;} #page #artigos h2 a{ font:20px Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-weight:bold;} #page #artigos h5{ font:14px Arial, Helvetica, sans-serif; color:#999; padding:2px; padding-bottom:15px;} #page #artigos img{ float:left; width:250px; height:160px; border:1px #333 solid; margin:10px 20px 20px 0px; border-radius:5px;} #page #artigos a img{ float:left; width:250px; height:160px; border:1px solid #333; margin:10px 20px 20px 0px; } #page #artigos a:hover img{ border-color:#006;} #page #artigos p{ font:14px Arial, Helvetica, sans-serif; font-weight:normal; color:#333; line-height:30px;} #page #artigos p a{ font:14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; color:#09C;} #page #artigos p a:hover{ font:14px Arial, Helvetica, sans-serif; font-weight:normal; color:#09C; text-decoration:underline;} /* Clientes */ #page #clientes h1{ font:18px Arial, Helvetica, sans-serif; color:#333; font-weight:bold;} #page #clientes h1 a{ font:18px Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-weight:bold;} #page #clientes h1 a:hover{ text-decoration:underline;} #page #clientes{ float:inherit; width:200px; height:150px; margin-bottom:20px; margin-right:10px; } #page #clientes h2{ padding-left:35px; font:20px Arial, Helvetica, sans-serif; color:#333; font-weight:bold; padding-bottom:10px; background:url(images/h2.jpg);} #page #clientes h3{ font:12px Arial, Helvetica, sans-serif; color:#333; font-weight:bold; text-align:center;} #page #clientes img{ float:left; width:200px; height:100px; border:none;} #page #clientes a img{ float:left; width:200px; height:100px; } #page #clientes a:hover img{ border:none;} #page #clientes2 img{ float:left; width:190px; height:80px; border:none; margin-right:20px; margin-bottom:20px; margin-top:10px;} #page #clientes2 a img{ float:left; width:190px; height:80px; } #page #clientes2 a:hover img{ border:none;} #page #clientes3 img{ float:left; width:190px; height:70px; border:none; margin-right:20px; margin-bottom:20px; margin-top:10px;} #page #clientes3 a img{ float:left; width:190px; height:70px; } #page #clientes3 a:hover img{ border:none;} /* ootion home */ #corpo #conteudo #left #home{ float:inherit; width:200px; overflow:auto; margin-bottom:20px; margin-right:10px; border:1px solid #CCC; text-decoration:none; border-radius:5px;} #corpo #conteudo #left #home h1{ font:18px Arial, Helvetica, sans-serif; color:#333; font-weight:bold;} #corpo #conteudo #left #home h1 a{ font:18px Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-weight:bold;} #corpo #conteudo #left #home h1 a:hover{ text-decoration:underline;} #corpo #conteudo #left #home h2{ padding-left:35px; font:20px Arial, Helvetica, sans-serif; color:#333; font-weight:bold; padding-bottom:10px; background:url(images/h2.jpg); text-decoration:none;} #corpo #conteudo #left #home h2 a{ text-decoration:none; padding-left:35px; font:20px Arial, Helvetica, sans-serif; color:#333; font-weight:bold; padding-bottom:10px; background:url(images/h2.jpg); text-decoration:none; } #corpo #conteudo #left #home h3{ font:12px Arial, Helvetica, sans-serif; color:#333; padding:5px; } #corpo #conteudo #left #home img{ float:left; width:200px; height:110px; border:none; } #corpo #conteudo #left #home a img{ float:left; width:200px; height:110px; } #corpo #conteudo #left #home a:hover img{ border:none;} #corpo #conteudo #left #home p{ font:14px Arial, Helvetica, sans-serif; font-weight:normal; color:#333; text-align:justify; line-height:20px; text-decoration:none; padding:5px;} #corpo #conteudo #left #home p a{ font:14px Arial, Helvetica, sans-serif; font-weight:normal; color:#333; text-align:justify; line-height:20px; text-decoration:none;} /* Servi�os Descri��o*/ #page #servicos{ float:left; width:630px; overflow:auto; margin-bottom:10px; text-align:justify;} #page #servicos h1{ font:18px Arial, Helvetica, sans-serif; color:#333; font-weight:bold;} #page #servicos h1 a{ font:18px Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-weight:bold;} #page #servicos h1 a:hover{ text-decoration:underline;} #page #servicos h2{ font:20px Arial, Helvetica, sans-serif; color:#333; font-weight:bold; padding-bottom:10px;} #page #servicos h2 a{ font:20px Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-weight:bold;} #page #servicos h5{ font:14px Arial, Helvetica, sans-serif; color:#999; padding:2px; padding-bottom:10px;} #page #servicos img{ float:left; width:250px; height:160px; border:1px solid #333; margin:10px 20px 80px 0px; border-radius:10px;} #page #servicos a img{ float:left; width:250px; height:160px; border:1px solid #333; margin:10px 20px 80px 0px;} #page #servicos a:hover img{ width:250px; height:160px; border-color:#093; cursor:pointer;} #page #servicos p{ font:14px Arial, Helvetica, sans-serif; font-weight:normal; color:#333; text-align:left; line-height:30px;} #page #servicos p a{ font:14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; color:#09C;} #page #servicos p a:hover{ font:14px Arial, Helvetica, sans-serif; font-weight:normal; color:#09C; text-decoration:underline;} /* Estrutura Descri��o*/ #page #estrutura{ float:left; width:630px; overflow:auto; margin-bottom:10px; text-align:justify;} #page #estrutura h1{ font:18px Arial, Helvetica, sans-serif; color:#333; font-weight:bold;} #page #estrutura h1 a{ font:18px Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-weight:bold;} #page #estrutura h1 a:hover{ text-decoration:underline;} #page #estrutura h2{ font:20px Arial, Helvetica, sans-serif; color:#333; font-weight:bold; padding-bottom:10px;} #page #estrutura h2 a{ font:20px Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-weight:bold;} #page #estrutura h5{ font:14px Arial, Helvetica, sans-serif; color:#999; padding:2px; padding-bottom:10px;} #page #estrutura img{ float:left; width:250px; height:160px; border:1px #333 solid; margin:10px 20px 80px 0px; border-radius:5px;} #page #estrutura a img{ float:left; width:250px; height:160px; margin:10px 20px 20px 0px;} #page #estrutura a:hover img{ width:250px; height:160px; border-color:#093; cursor:pointer;} #page #estrutura p{ font:14px Arial, Helvetica, sans-serif; font-weight:normal; color:#333; text-align:justify; line-height:30px;} #page #estrutura p a{ font:14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; color:#09C; text-align:justify;} #page #estrutura p a:hover{ font:14px Arial, Helvetica, sans-serif; font-weight:normal; color:#09C; text-decoration:underline; text-align:justify;} /* Estrutura Descri��o*/ #page #cobertura{ float:left; width:630px; overflow:auto; margin-bottom:10px; text-align:justify;} #page #cobertura h1{ font:18px Arial, Helvetica, sans-serif; color:#333; font-weight:bold;} #page #cobertura h1 a{ font:18px Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-weight:bold;} #page #cobertura h1 a:hover{ text-decoration:underline;} #page #cobertura h2{ font:20px Arial, Helvetica, sans-serif; color:#333; font-weight:bold; padding-bottom:10px;} #page #cobertura h2 a{ font:20px Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-weight:bold;} #page #cobertura h5{ font:14px Arial, Helvetica, sans-serif; color:#999; padding:2px; padding-bottom:10px;} #page #cobertura img{ float:left; width:625px; height:500px; border:1px #333 solid; margin:10px 20px 80px 0px; border-radius:5px;} #page #cobertura a img{ float:left; width:625px; height:500px; margin:10px 20px 20px 0px;} #page #cobertura a:hover img{ width:625px; height:500px; border-color:#093; cursor:pointer;} #page #cobertura p{ font:14px Arial, Helvetica, sans-serif; font-weight:normal; color:#333; text-align:justify; line-height:30px;} #page #cobertura p a{ font:14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; color:#09C; text-align:justify;} #page #cobertura p a:hover{ font:14px Arial, Helvetica, sans-serif; font-weight:normal; color:#09C; text-decoration:underline; text-align:justify;} /* Lateral */ #corpo #conteudo #right #publicidade{ width:300px; margin-bottom:20px;} /*sombra*/ #sombra{ width:960px; height:20px; background:#666; margin:0 auto;} /* Rodap� */ #rodape{ width:980px; margin:0 auto; background:url(images/rodape.jpg); padding:30px 10px; border-top:1px solid #333;} #rodape p{ text-align:center; font:14px Arial, Helvetica, sans-serif; color:#CCC;} #rodape p a{ text-align:center; font:14px Arial, Helvetica, sans-serif; color:#CCC;} /* Interior do meu site */ #page{ float:left; width:650px; overflow:auto;} #page h2{ font:18px Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:10px; padding-left:30px; padding-top:2px; background:url(images/h2.jpg) no-repeat; color:#600; margin-bottom:15px;} #page #contato{ float:left; width:630px; overflow:auto;} #page #contato h2{ font:18px Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:10px; padding-top:2px; background:url(images/h2.jpg) no-repeat; color:#600; margin-bottom:15px;} #page #contato p{ font:15px Arial, Helvetica, sans-serif; color:#666; padding-left:2px; margin-bottom:40px;} #page #contato p a{ font:15px Arial, Helvetica, sans-serif; color:#666; padding-left:2px; text-decoration:underline; margin-bottom:40px;} #page #contato p a:hover{ color:#09C;} #page #contato span{ font:14px Arial, Helvetica, sans-serif; color:#666;} #page #contato input{ width:250px; border:1px solid #600; height:25px; padding:3px; border-radius:5px; } #page #contato select{ width:250px; border:1px solid #600; height:25px; padding:3px; border-radius:5px; } #page #contato textarea{ border:1px solid #600; padding:3px; border-radius:5px;} #page #contato .btn2{ width:100px; height:30px; background:#600; color:#FFF; border:none; margin-left:20px;} #page #contato .btn2:hover{ cursor:pointer; background:#666;} /*PAGINA��O*/ .paginacao{ float:left; height:40px; margin-top:20px;} .paginacao a{ padding:5px 8px; background:#003; color:#FFF; margin-right:2px; text-decoration:none; } .paginacao a:hover{ background:#666; cursor:pointer;} .paginacao .pgSel{ display:inline; color:#FFF; padding:5px 8px; border-radius:5px; background:#666; margin-right:2px;} /* SIST COMENTARIO */ #corpo #conteudo #left #form{ width:630px; overflow:auto; background:#9CC; padding-left:10px; padding-top:10px; padding-bottom:10px;} #corpo #conteudo #left #form span{ font:14px Arial, Helvetica, sans-serif; color:#666;} #corpo #conteudo #left #form input{ width:250px; border:1px solid #333; height:25px; padding:3px;} #corpo #conteudo #left #form textarea{ border:1px solid #333; padding:3px; } #corpo #conteudo #left #form .btn2{ width:180px; height:30px; background:#003; color:#FFF; border:none;} #corpo #conteudo #left #form .btn2:hover{ cursor:pointer; background:#666;} #corpo #conteudo #left p{ font:15px Arial, Helvetica, sans-serif; color:#666; padding-left:2px; padding-bottom:20px;} #corpo #conteudo #left #mostraComents{ width:560px; overflow:auto; padding-bottom:12px; margin-bottom:12px; background:#CCC;} #corpo #conteudo #left #mostraComents h3{ font:14px Arial, Helvetica, sans-serif; color:#333; padding-bottom:10px;} #corpo #conteudo #left #mostraComents p{ font:12px Arial, Helvetica, sans-serif; color:#666; padding-left:10px;} /*Posts lateral*/ #corpo #conteudo #right #postSide{ width:300px; overflow:auto; margin-bottom:12px; padding-bottom:12px; padding-top:12px; border-bottom:1px solid #999; background:url(images/fundo1.gif); } #corpo #conteudo #right #postSide img{ float:left; width:90px; height:75px; border:1px solid #333; margin-left:5px;} #corpo #conteudo #right #postSide a img{ float:left; width:90px; height:75px; border:1px solid #333; margin-right:10px;} #corpo #conteudo #right #postSide a:hover img{ border-color:#666;} #corpo #conteudo #right #postSide h4{ font:14px Arial, Helvetica, sans-serif; color:#333; font-weight:bold; } #corpo #conteudo #right #postSide h4 a{ font:14px Arial, Helvetica, sans-serif; color:#333; font-weight:bold; text-decoration:none;} #corpo #conteudo #right #postSide h4 a:hover{ text-decoration:underline;} #corpo #conteudo #right #postSide p {font:12px Arial, Helvetica, sans-serif; color:#333;} .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; }