/*
Theme Name: Atalho Comunicação
Theme URI: http://www.atalhocomunicacao.com.br/
Description: Site da Atalho de Dezembor de 2009.
Version: 0.1
Author: Richard Barros
Author URI: http://www.richardbarros.com.br/
Tags: widgets
Text Domain: 

*/

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* CSS Format e Style */
* { font: 11pt/auto arial, helvetica, sans-serif; }
body { background: url(images/fundomosaic.gif) repeat-x #e1dabf; text-align: center; font: 11pt/18px Arial;}
hr { display: none; }


#all { text-align: left; }

#container { text-align: center; }
#container .container { width: 794px; margin: auto; text-align: left; padding-top: 10px; }


#header {  margin: auto; width: 794px; height: 127px; padding-top: 10px; } 
#header #headerimg h1 				{ display: block; background: url(images/logo.png) no-repeat; width: 190px; height: 105px; float: left;  margin-left: 0.5em; }
#header #headerimg h1 a 				{ display: block; width: 190px; height: 105px; text-indent: -999em; outline: none; }
#header #headerimg .description 	{ display: none; }

#menu ul { padding-top: 80px; height: 70px; margin-left: 270px; }
#menu ul li { float: left; width: 100px;  }
#menu ul li a { display: block; color: #1f2c02; height: 25px; width: 100px; text-indent: -999em; }
#menu ul li a.empresa { background: url(images/empresa.png) no-repeat; }
#menu ul li a.servicos { background: url(images/servicos.png) no-repeat; }
#menu ul li a.clientes { background: url(images/clientes.png) no-repeat; }
#menu ul li a.blog { background: url(images/blog.png) no-repeat; }
#menu ul li a.contato { background: url(images/contato.png) no-repeat; }
#menu ul li span { display: none; color: #000; font-style: italic; margin-top: 1em;}


#conteudo { background: url(images/fundoconteudo.jpg) repeat-x bottom left #FFF; padding: 1em; padding-bottom: 3em; }
#conteudo h3 { color: #A5BB75; font-size: 19pt; line-height: 1em; width: 90%; letter-spacing: -2px; padding: 0.25em 0 0.25em 0;  }
#conteudo h4 { color: #334903; font-size: 15pt; padding: 0.75em 0;  }
#conteudo h5 { color: #334903; margin-top: -15px;  padding: 0.25em 0; }
#conteudo p { margin-bottom: 1em; text-align: left;  }
#conteudo p img { border: none; }
#conteudo a { color: #6B8F11; text-decoration: none; font-weight: bold; font-size: 12pt; letter-spacing: -1px; }
#conteudo a:hover {  text-decoration: underline; }
#conteudo ul { padding: 0.5em 1em; }
#conteudo ul li { padding-left: 2em; background: url(images/bullet.gif) no-repeat 0px 9px; padding: 0.5em 1.5em; border-bottom: solid 1px #EEE; }
#conteudo #sidebar ul li { padding-left: 2em; background: url(images/bullet.gif) no-repeat 0px 3px; padding: 0.5em 1.5em; border-bottom: solid 1px #EEE; }

#conteudo #conteudopagina { margin-left: 240px; margin-right: 0px; }
#conteudo #conteudopagina p { line-height: 1.5em; font-size: 1em; }
#conteudo #conteudopagina em { font-style: italic; color: #030; padding: 0.2em; }
#conteudo #conteudopagina strong { font-style: normal; font-weight: bold; color: #030; padding: 0.2em; }
#conteudo #conteudopagina h3 { margin-bottom: 0.5em; }
#conteudo #sidebar { width: 215px; float: left;}
#conteudo #sidebar ul { padding: 0; }
#conteudo #sidebar ul li { padding: 0.25em 1em; }

#conteudo .meta { float: right; color: #909090; margin-top: -24px; margin-bottom: 0.5em; }

#chamada { color: #435906; padding-bottom: 2em; background: url(images/fundochamada.png) no-repeat; }
#chamada a { color: #cbdee7; display: block; }
#chamada p { font: 13pt/22px arial, helvetica, sans-serif; padding-right: 4em; }
#chamada.home #main { height: 287px; }
#main .storytitle { padding: 0 1em; padding-bottom: 1em; }

#chamada #blogentries,
#chamada #twitterentries { color: #9ab9c4; }
#chamada #blogentries p { font: 10pt/16px arial; color: #9ab9c4; }
#chamada.inner { padding-bottom: 0em;  }
#chamada.inner #main {  border-right: solid 1px #F0F0F0; }
#chamada.inner #main p { width: 85%; }
#chamada #main p { font-size: 13pt; margin-top: 0.8em; }
#conteudo p img { }

#chamada #main .conheca { display: block; width: 300px; height: 55px; background: url(images/conheca.png) no-repeat; text-indent: -9999em; float: left; margin-top: 1em; }
#chamada #main .imgchamada { float: left; margin: 17px 1em 0 0px; width: 300px; height: 262px; }
#chamada #main h2
 { text-decoration: none; font:  32pt/40px 'Trebuchet Ms', Arial; letter-spacing: -3px; color: #334900; padding-top: 40px; text-shadow: #9ab846 -1px -1px, #6a9816 1px 1px; }
#chamada.inner #main h2, 
#chamada.inner #main h2 a 
{ padding-top: 0.25em; }
#chamada.inner #main h2 a 
{ text-decoration: none; color: #AFCF4D; display: inline; fonr-size: 10pt; }
 #chamada #main h3 { font: 20pt 'Trebuchet Ms', Arial; color: #96cc17; padding-top: 20px; }
#chamada #blogentries { margin-left: 1em; width: 43%; float: left; height: 115px; }
#chamada #twitterentries { margin-left: 46%; height: 115px; padding-left: 70px; background: url(images/twitter.png) no-repeat bottom left; }
#chamada #twitterentries a { display: inline; }
#chamada #twitterentries h4 { display: none; }
#chamada #twitterentries li { list-style: none; }
#chamada h3 { color: #144d5a; font: 13pt 'Trebuchet Ms', Arial, sans-serif; font-weight: normal; letter-spacing: -0.05em;}

#topicos 					{ padding: 1em 0.5em; text-align: center; background: url(images/bgtopicos.png); margin-top: 0em; }
#topicos ul 				{ width: 792px; margin: auto; text-align: left; }
#topicos ul li 			{ float: left; width: 29.6%; padding: 0.25em 1em;}
#topicos ul li.last 		{ margin-right: 0;}
#topicos ul li:hover 	{ background: #EBE5CB;}

#topicos ul li .imgtopico { margin: 0.5em; height: 100px; background: #000; }
#topicos p { margin: 1em 0.25em; color: #484221; }

#topicos a { margin: 0.25em; text-decoration: none; display: block; letter-spacing: -0.05em; font: 13pt 'Trebuchet Ms', arial; color: #91865d; }
#topicos a:hover { text-decoration: underline; }

#rodape { background: #6d664b; text-align: center;}
#rodape div { margin: auto; text-align: left; padding: 2em 0em; width: 766px;  }
#rodape div h3 { font: 12pt 'Trebuchet Ms'; font-weight: bold; color: #f7f6f0; }
.clear { clear: both; }
#rodape div p { font: 11pt 'Trebuchet Ms'; color: #f7f6f0; }


#principal.portfolio { }
#principal.portfolio p {  }
#principal.portfolio p img { clear: both; }
#principal.portfolio .itemportfolio { padding-top: 1em; }
#conteudo #portfoliomenu { background: #D5D9B4; height: 42px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#conteudo #principal  h5 { color: #AFA683; }
#conteudo #portfoliomenu ul { margin: auto; padding: 0.25em; border: none; }
#conteudo #portfoliomenu ul li { float: left; background: none; border: none; margin: 0; padding: 0; }
#conteudo #portfoliomenu ul li a { display: block; padding: 0.5em 1em; color: #100; font-weight: normal; letter-spacing: -1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#conteudo #portfoliomenu ul li a:hover { background: #E5EEC4;  }


#googleMap { border: solid 1px #35460E; width: 220px; height: 250px; overflow: hidden; }
#logocontrol { display: none; }
#googleMap span, #googleMap .terms-of-use-link { display: none; }


form input[type=text], form textarea { font-size: 14pt; color: #9A6; padding: 0.25em; }

#conteudo .thepost .portfolio { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #FFF;  }
#conteudo .thepost .portfolio p, 
#conteudo .thepost .portfolio h5 { color: #A5BB75; }



#clientes { width: 519px; float: left; float: left;  }
#depoimentos { width: 224px; float: right; }
#depoimentos div.box {  width: 224px; }
#depoimentos div.box h3 { }
#depoimentos div.topico { margin: 0 0 25px 0; }
#depoimentos div.topico div.bgtop { height: 10px; background: url("images/depoimento_bg_top.png") no-repeat; }
#depoimentos div.topico div.bgcenter { height: auto;  background: #A0CB26 url("images/depoimentos_bg_center.gif") repeat-y top left;}
#depoimentos div.topico div.bgcenter p { color: #fff; font-size: 10pt ; margin: 0px 0.7em ; line-height: 14px;  }
#depoimentos div.topico div.bgbase { font-size: 9pt; margin: 0; padding: 15px 0 0 10px; background: url("images/depoimento_bg_base.png") no-repeat;  border: 0; }
#depoimentos div.topico div.bgbase span { color:#6B8F11;font-size:11pt;font-weight:bold;letter-spacing:-1px;text-decoration:none; }


.clear { clear: both; }