/*
Theme Name: NC4
Version: 1.0
Author: Fernando Leite
Author URI: http://www.canecadigital.com.br/
*/


body {background:#FFF url("imgs/bg.gif") center top; font:62.5% "Trebuchet MS", Arial, sans-serif; color:#333;}

* {padding:0; margin:0; list-style:none; text-decoration:none; border:none;}

h1 {background:url("imgs/logo.gif") 0 no-repeat;}
h1 a, h1 span {text-indent:-5000px; overflow:hidden; display:block; width:223px; height:104px;}

h3 {border-bottom:1px solid #DDD; margin-bottom:15px; padding-bottom:2px; font-size:1.7em; font-weight:bold; color:#921329;}
h3 strong {display:block; border-bottom:1px solid #DDD;}
h3 a {text-decoration:none;}
h3 a:hover {text-decoration:underline;}
h3.lista {font-size:1.4em;}

a {color:#921329; text-decoration:underline;}
p {margin-bottom:15px; text-align:justify;}

#tudo {position:relative; width:780px; margin:22px auto 0; font-size:1.3em;}

#menu {float:right; padding-right:15px;}
#menu li {float:left; display:inline; margin-left:3px; text-transform:uppercase; font-weight:bold; color:#FFF;}
#menu li a, #menu li span {float:left; display:block; height:23px; padding:5px 8px 0; background:#999 url("imgs/bg-menu.gif") top; text-decoration:none; letter-spacing:0.05em; color:#FFF;}
#menu li a:hover, #menu li span, #menu li.ativo a {background:#921329 url("imgs/bg-menu-h.gif") top;}


/* Home */
#cabecalho-home {clear:right; padding:30px 15px 15px; background:#921329 url("imgs/img-home.jpg") right top no-repeat;}
#cabecalho-home h2 {display:block; overflow:hidden; width:509px; height:82px; margin-bottom:10px; background:url("imgs/tit-home.gif") 0 no-repeat; text-indent:-5000px;}
#cabecalho-home p {margin:0; text-transform:uppercase; font-weight:bold; font-size:0.9em; color:#FFF;}
#cabecalho-home p a {color:#FFF;}

#home {float:left; margin-bottom:15px;}
#esquerda-home {float:left; width:455px; margin-right:10px;}
#direita-home {float:right; width:315px;}

.conteudo {margin-top:10px; padding:15px; background-color:#FFF;}
.conteudo .mais {padding:0 5px; background-color:#921329; text-decoration:none; font-size:0.9em; color:#FFF;}
.conteudo .mais:hover {background-color:#999;}

#clientes-home {line-height:1.1em; font-size:1.7em; font-weight:bold; text-decoration:none;}
#clientes-home:hover {color:#999;}

#blog-home {margin-bottom:15px;}
#blog-home li {margin-bottom:10px; color:#999;}
#blog-home li span {font-weight:bold;}
#blog-home li a {padding-left:8px; background:url("imgs/ico-seta.gif") left center no-repeat; font-size:1.1em; text-decoration:none; color:#921329;}
#blog-home li a:hover {text-decoration:underline; }

#logos {float:left; width:425px;}
#logos ul li {float:left; display:block; overflow:hidden; height:48px; margin:0 7px; _margin:0 4px; text-indent:-5000px;}
#logos .fsecure {width:116px; background:url("imgs/logo-fsecure.gif") 0 no-repeat;}
#logos .intel {width:61px; background:url("imgs/logo-intel.gif") 0 no-repeat; margin:0 10px 0 15px;}
#logos .apple {width:37px; background:url("imgs/logo-apple.gif") 0 no-repeat; margin:0 15px 0 10px;}
#logos .microsoft {width:127px; background:url("imgs/logo-microsoft.gif") 0 no-repeat;}


/* Páginas internas */
#cabecalho {clear:right; padding:30px 15px 15px; background-color:#921329;}
#cabecalho h2 {display:block; overflow:hidden; width:509px; height:37px; margin-bottom:10px; text-indent:-5000px;}
.cab-empresa {background:url("imgs/img-empresa.jpg") right top no-repeat;}
.cab-empresa h2 {background:url("imgs/tit-empresa.gif") 0 no-repeat;}
.cab-servicos {background:url("imgs/img-servicos.jpg") right top no-repeat;}
.cab-servicos h2 {background:url("imgs/tit-servicos.gif") 0 no-repeat;}
.cab-solucoes {background:url("imgs/img-solucoes.jpg") right top no-repeat;}
.cab-solucoes h2 {background:url("imgs/tit-solucoes.gif") 0 no-repeat;}
.cab-blog {background:url("imgs/img-blog.jpg") right top no-repeat;}
.cab-blog h2 {background:url("imgs/tit-blog.gif") 0 no-repeat;}
.cab-clientes {background:url("imgs/img-clientes.jpg") right top no-repeat;}
.cab-clientes h2 {background:url("imgs/tit-clientes.gif") 0 no-repeat;}
.cab-contato {background:url("imgs/img-contato.jpg") right top no-repeat;}
.cab-contato h2 {background:url("imgs/tit-contato.gif") 0 no-repeat;}

#pagina {margin-bottom:15px;}
#pagina ul {margin-bottom:15px;}
#pagina ul li {padding-left:8px; background:url("imgs/ico-seta.gif") left center no-repeat;}

#blog {float:left; margin-bottom:15px;}
#esquerda-blog {float:left; width:535px; margin-right:10px;}
#direita-blog {float:right; width:235px;}
#esquerda-blog .data {margin:-10px 0 10px; color:#999;}
#esquerda-blog .data span {font-weight:bold;}

#rodape {clear:left; float:left; width:780px; margin-bottom:15px; border-top:5px solid #921329;}
#rodape ul {margin-top:10px;}
#rodape ul li {float:left; display:inline; margin-right:15px;}
#rodape ul li a, #rodape ul li span  {padding-top:5px; border-top:5px solid transparent; text-decoration:none; letter-spacing:0.05em; color:#333;}
#rodape ul li a:hover, #rodape ul li span, #rodape ul li a.ativo {border-top:5px solid #921329; color:#921329;}
#rodape #endereco {float:right; padding-left:5px; border-left:2px solid #921329; font-size:0.9em; line-height:1.3em;}
#rodape #endereco p {margin-bottom:8px;}
#rodape #endereco address {font-style:normal;}

#fones-topo {position:absolute; top:0px; right:0; padding:2px 15px; background-color:#FFF;}
#fones-topo a {text-decoration:none; color:#333;}
#fones-topo a:hover {text-decoration:underline; color:#921329;}

.navegacao {text-align:right;}
.navegacao .next {margin-left:10px;}
.navegacao a {text-decoration:none;}
.novegacao a:hover {text-decoration:underline;}

img.centered {display: block;	margin-left: auto; margin-right: auto;}
img.alignright {margin:0 0 2px 7px; display: inline;}
img.alignleft {margin:0 7px 2px 0; display: inline;}
.alignright {float:right;}
.alignleft {float:left}