/*
Theme Name: Toda Letra
Theme URI: http://
Description: 
Author: Polvo Tecnologia e Comunicação
Author URI: http://www.polvo.com.br
Tags: 
*/

* {
	outline:0;
}

body {
	background:#000 url(images/bg.png) repeat-x left top;
	font-size:12px;
	line-height:1.5;
	font-family:Arial, Verdana, Sans-Serif;
	color:#666;
}

#page {
	width:970px;
	margin:auto;
}

#header {
	position:relative;
	display:block;
	width:805px;
	height:210px;
	background:url(images/topo.png) no-repeat left top;
	margin:30px 0 0;
	z-index:10;
}

#header h1,
#header .description {text-indent:-5000px;}

#header #frmMailing {
	position:absolute;
	right:25px;
	top:180px;
}
#header #frmMailing fieldset {
	padding:0;
	border:0;
}

#header #frmMailing fieldset label {
	color:#4D4D4D;
}

#header #frmMailing fieldset input {
	height:20px;
	border:1px solid #4D4D4D;
}

#header #frmMailing fieldset #bt-ok {
	width:23px;
	height:23px;
	background:url(images/bt-ok.png) no-repeat left top;
	text-indent:-5000px;
	text-transform:uppercase;
	cursor:pointer;
	border:0;
}

#header #frmMailing p.loading,
#header #frmMailing .alert {
	position:absolute;
	bottom:-20px;
	margin:0;
	padding:0;
}
#header #frmMailing .alert.msg_erro {
	color:#C00;
}

#footer {
	position:relative;
	float:left;
	width:100%;
	height:20px;
}
#footer a.polvo {
	display:block;
	width:17px;
	height:21px;
	background:url(images/polvo.png);
	text-indent:-9999px;
	position:absolute;
	top:-21px;
	right:140px;	
}

#sidebar {
	position:relative;
	float:left;
	width:162px;
}

#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
}

#sidebar > ul > li {
	background-color:#1B4364;
	margin-top:30px;
	padding:15px 10px;
}
#sidebar ul li.link {
	background:none;
	margin:0;
	padding:0;
}
#sidebar ul li.link a {
	position:relative;
	display:block;
	width:162px;
	height:69px;
	text-indent:-5000px;
	margin-left:0;
}
#sidebar ul li.link a.home {background:url(images/sidebar/bt-home.png) no-repeat right top;}
#sidebar ul li.link a.apresentacao {background:url(images/sidebar/bt-apresentacao.png) no-repeat right top;}
#sidebar ul li.link a.servicos {background:url(images/sidebar/bt-servicos.png) no-repeat right top;}
#sidebar ul li.link a.blog {background:url(images/sidebar/bt-blog.png) no-repeat right top;}
#sidebar ul li.link a.clientes {background:url(images/sidebar/bt-clientes.png) no-repeat right top;}
#sidebar ul li.link a.contato {background:url(images/sidebar/bt-contato.png) no-repeat right top;}

.page-id-2 #sidebar ul li.link a.home,
.page-id-21 #sidebar ul li.link a.apresentacao,
.page-id-23 #sidebar ul li.link a.servicos,
.page-id-32 #sidebar ul li.link a.clientes,
.page-id-37 #sidebar ul li.link a.contato,
#sidebar ul li.link a:hover {
	width:214px;
	margin-left:-52px;
	background-position:left bottom;
}

#sidebar ul li.link a.voltar {
	width:214px;
	margin-left:-52px;
	background:url(images/sidebar/voltar-site.png) no-repeat left top;
}

#sidebar ul li h2 {
	display:block;
	width:100%;
	height:26px;
	text-indent:-5000px;
	margin:0 0 10px;
}
#sidebar ul li.categories h2 {background:url(images/sidebar/tit-categorias.png) no-repeat left top;}
#sidebar ul li.archives h2 {background:url(images/sidebar/tit-arquivos.png) no-repeat left top;}

#sidebar ul ul li,
#sidebar ul ul li a {
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

#sidebar #searchform label {
	display:block;
	width:100%;
	height:14px;
	background:url(images/sidebar/tit-busca.png) no-repeat left top;
	text-indent:-5000px;
	margin:0 0 10px;
}

#sidebar #searchform input#s {
	width:145px;
	height:20px;
	border:0;
}

#sidebar #searchform input#searchsubmit {
	width:83px;
	height:23px;
	background:url(images/sidebar/bt-buscar.png) no-repeat left top;
	text-indent:-5000px;
	text-transform:capitalize;
	cursor:pointer;
	border:0;
	margin:7px 0 0 62px;
}

#content {
	position:relative;
	float:left;
	background:url(images/bg-content-bot.png) no-repeat left bottom;
	padding-bottom:20px;
}
#content #content-bot {
	float:left;
	width:650px;
	min-height:420px;
	background:url(images/bg-content.png) repeat-y left top;
	padding:0 70px 0 84px;
}

#content h2.blog {
	width:643px;
	height:57px;
	background:url(images/tit-blog.png) no-repeat left top;
	text-indent:-5000px;
}

#content h2.pagetitle,
#content h2.center {
	font-size:18px;
	color:#1B4364;
	text-decoration:none;
	margin-bottom:0;
	text-align:center;
}
#content h2.center {
	margin:50px 0;
}

#content h3,
#content h3 a {
	font-size:18px;
	color:#1B4364;
	text-decoration:none;
}

#content a {
	color:#1B4364;
	text-decoration:none;
}

#content p.autor {
	font-size:11px;
	margin:0;
}

#content p.postmetadata,
#content p.postmetadata a {
	font-size:11px;
	color:#666;
	text-decoration:none;
}

#content .post {
	float:left;
	width:100%;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dashed #8A8A8A;
}
#content .post.single,
#content .post.page {
	padding-bottom:0;
	border-bottom:0
}

#content .navigation {
	float:left;
	width:100%;
	margin-bottom:10px;
}
#content .navigation a {
	font-size:11px;
	color:#666;
	text-decoration:none;
}

#content #comments {
	float:left;
	width:100%;
	font-size:18px;
	padding:10px 0;
	border-top:1px dashed #8A8A8A;
	border-bottom:1px dashed #8A8A8A;
}

#content .commentlist {
	float:left;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}

#content .commentlist li {
	float:left;
	width:100%;
	background-color:#E3E3E3;
	margin-bottom:20px;
}
#content .commentlist li .comment-body {
	margin:15px;
}

#content .commentlist li img,
#content .commentlist li .commentmetadata {display:none;}

#content .commentlist li .comment-author,
#content .commentlist li .comment-author a {
	font-weight:bold;
	color:#1B4364;
}

#content .commentlist a {
	color:#1B4364;
}

#content .commentlist ul {
	list-style:none;
	margin:15px;
}

#content #respond h3 {
	float:left;
	width:100%;
	font-size:18px;
	padding:10px 0;
	border-top:1px dashed #8A8A8A;
	border-bottom:1px dashed #8A8A8A;
}

#content #commentform {
	display:block;
	float:left;
	background-color:#E3E3E3;
	margin:20px 0;
	padding:5px 15px 10px;
}

#content #commentform label {
	color:#808080;
}

#content #commentform input,
#content #commentform textarea {
	width:300px;
	border:0;
	margin-right:5px;
}
#content #commentform textarea {
	width:620px;
	height:65px;
}
#content .commentlist #commentform textarea {width:590px;}

#content #commentform #submit {
	float:right;
	width:83px;
	height:23px;
	background:url(images/bt-enviar.png) no-repeat left top;
	text-indent:-5000px;
	text-transform:capitalize;
	cursor:pointer;
	border:0;
}

#content #commentform a {
	color:#4D4D4D;
}

#content ul {
	padding:0;
	list-style-image:url(images/marcador.png);
}
#content .entry > ul li {
	font-weight:bold;
	color:#1B4364;
	margin-bottom:5px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
/* End Images */

/* Paginas */
#content h2.toda-letra,
#content h2.o-que,
#content h2.apresentacao,
#content h2.equipe,
#content h2.servicos,
#content h2.clientes,
#content h2.contato {
	width:643px;
	height:57px;
	text-indent:-5000px;
	margin-bottom:30px;
}
#content h2.toda-letra {background:url(images/paginas/tit-toda-letra.png) no-repeat left top;}
#content h2.o-que {background:url(images/paginas/tit-o-que.png) no-repeat left top;}
#content h2.apresentacao {background:url(images/paginas/tit-apresentacao.png) no-repeat left top;}
#content h2.equipe {background:url(images/paginas/tit-equipe.png) no-repeat left top;}
#content h2.servicos {background:url(images/paginas/tit-servicos.png) no-repeat left top;}
#content h2.clientes {background:url(images/paginas/tit-clientes.png) no-repeat left top;}
#content h2.contato {background:url(images/paginas/tit-contato.png) no-repeat left top;}

#content h3.cursos-preparacao,
#content h3.cursos,
#content h3.consultoria,
#content h3.servicos {
	height:21px;
	text-indent:-5000px;
	margin:30px 0 30px;
}
#content h3.cursos-preparacao {background:url(images/paginas/cursos-preparacao.png) no-repeat left bottom;}
#content h3.cursos {background:url(images/paginas/cursos.png) no-repeat left bottom;}
#content h3.consultoria {background:url(images/paginas/consultoria.png) no-repeat left bottom;}
#content h3.servicos {background:url(images/paginas/servicos.png) no-repeat left bottom;}

#content h3.cursos-preparacao a,
#content h3.cursos a,
#content h3.consultoria a,
#content h3.servicos a {
	padding-top:20px;
}

#content .icones-home {
	position:relative;
	display:block;
	width:667px;
	background:url(images/paginas/icones-ativo.png) no-repeat 4px top;
}

#content .icones-home ul {
	display:block;
	width:667px;
	min-height:130px;
	background:url(images/paginas/icones.png) no-repeat left top;
	list-style:none;
	margin:0;
	padding:0;
}
#content .icones-home ul li {float:left;}

#content .icones-home ul li h3 {
	display:none;
	color:#000;
	font-weight:normal;
	margin-top:120px;
}
#content .icones-home ul li p {
	display:none;
}
#content .icones-home ul li.icon1 h3,
#content .icones-home ul li.icon1 p {
	display:block;
}

#content .icones-home ul li a {
	position:absolute;
	display:block;
	text-indent:-5000px;
}
#content .icones-home ul li.icon1 a {
	top:10px;
	left:14px;
	width:72px;
	height:74px;
}
#content .icones-home ul li.icon2 a {
	top:10px;
	left:104px;
	width:72px;
	height:74px;
}
#content .icones-home ul li.icon3 a {
	top:10px;
	left:200px;
	width:72px;
	height:74px;
}
#content .icones-home ul li.icon4 a {
	top:10px;
	left:295px;
	width:72px;
	height:74px;
}
#content .icones-home ul li.icon5 a {
	top:10px;
	left:390px;
	width:72px;
	height:74px;
}
#content .icones-home ul li.icon6 a {
	top:10px;
	left:490px;
	width:60px;
	height:74px;
}
#content .icones-home ul li.icon7 a {
	top:10px;
	left:575px;
	width:75px;
	height:74px;
}

#content ul.icones {
	display:block;
	list-style:none;
	height:130px;
	
}
#content ul.icones li {
	float:left;
	width:30%;
	margin-right:15px;
}
#content ul.icones li a {
	display:block;
	width:100%;
	height:130px;
	text-indent:-5000px;
}
#content ul.icones li a.cursos {background:url(images/paginas/ico-cursos.png) no-repeat center top;}
#content ul.icones li a.consultoria {background:url(images/paginas/ico-consultoria.png) no-repeat center top;}
#content ul.icones li a.servicos {background:url(images/paginas/ico-servicos.png) no-repeat center top;}

#content ul.icones li a.ativo {
	background-position:center bottom;
}

#content div.contato,
#content div.twitter {
	float:left;
	width:325px;
}

#content div.contato h2,
#content div.twitter h2 {
	float:left;
	width:135px;
	height:58px;
	text-indent:-5000px;
}
#content div.contato h2 {background:url(images/paginas/tit-contato-home.png) no-repeat left top;}
#content div.twitter h2 {background:url(images/paginas/tit-twitter-home.png) no-repeat left top;}

#content div.contato p,
#content div.twitter p {
	float:left;
	width:170px;
	font-weight:bold;
	color:#4D4D4D;
	margin:30px 0 0 10px;
}
#content div.twitter p {margin-top:23px;}

#content div.twitter a {
	float:left;
	width:132px;
	height:31px;
	background:url(images/paginas/twitter.png) no-repeat left top;
	text-indent:-5000px;
}

#content .page p {
	color:#4D4D4D;
	margin-bottom:20px;
}
#content .page strong {color:#1B4364;}

#frm_contato fieldset {
	display:block;
	width:400px;
	margin:0 auto 20px;
	padding:0;
	border:0;
}
#frm_contato fieldset label {
	position:relative;
	display:block;
	width:400px;
	margin-bottom:10px;
}

#frm_contato fieldset label input,
#frm_contato fieldset label textarea {
	width:100%;
	border:1px solid #4D4D4D;
}

#frm_contato fieldset label span {
	position:absolute;
	top:0;
	right:0;
	color:#C00;
}

#frm_contato fieldset #submit {
	float:right;
	width:83px;
	height:23px;
	background:url(images/bt-enviar.png) no-repeat left top;
	text-indent:-5000px;
	text-transform:capitalize;
	cursor:pointer;
	border:0;
}

#content .alert {
	position:relative;
	width:400px;
	margin:10px auto;
}

#content .msg_sucesso {
	width:404px;
	height:42px;
	background:url(images/sucesso.png) no-repeat left top;
	text-indent:-5000px;
}

#content .alert .fechar {
	position:absolute;
	top:0;
	right:0;
}