* { margin:0; padding:0 }

body { 
	font:11px Tahoma; 
	padding:10px 0 0 0 }
	
body.home { background:#F4E0C5 url(img/bgbodyH.jpg) no-repeat center top }
body.detail { background:#F4E0C5 url(img/bgbodyD.jpg) no-repeat center top }
	
a { outline:0; color:#955A42 }
img { border:0 }

#all {
	background:#F4E0C5; 
	margin:0 auto;
	width:774px }
	
#header {
	background:url(img/bgheader.jpg) no-repeat;
	position:relative;
	height:190px }
	
#header .menu ul {
	list-style:none;
	position:absolute;
	top:20px;
	left:25px }
	
#header .menu ul li { float:left }
#header .menu ul li a { 
	color:#FFF;
	float:left;
	font-weight:bold;
	text-decoration:none; 
	border-left:1px solid #5FB4D5; 
	padding:2px 15px 3px 5px }
	
#header .menu ul li.padd a { padding:8px 15px 10px 5px }
#header .menu ul li a:hover { background:#5FB4D5 }
	
#header h1 {
	position:absolute;
	top:65px;
	left:25px;
	background:url(img/tituloheader.gif) no-repeat;
	height:73px;
	width:450px }
	
#header h1 span { display:none }
#header h1 a { display:block;
	height:73px;
	width:450px }

#header .personagem {
	position:absolute;
	top:10px;
	right:0 }

#header .socialmedia {
	position:absolute;
	top:10px;
	right:10px }

h2 { clear:both }
h2 span { display:none }
h3 { background:#955A42; color:#FFF; padding:10px; clear:both; margin:0 0 20px 0; text-align:center }
.intro h2 { background:url(img/h2_bem-vindo.gif) no-repeat; height:23px; margin:0 0 5px; z-index:10 }
.utiras h2 { background:url(img/h2_ultimas-tiras.gif) no-repeat; height:27px; margin:0 0 10px }
.tiras-ultimas h2 { background:url(img/h2_ultimas-tirasd.gif) no-repeat left center }
.tiras-antigas h2 { background:url(img/h2_tiras-antigas.gif) no-repeat left center }
.autor h2 { background:url(img/h2_sobre-o-autor.gif) no-repeat left center}
.obras-preferidas h2 { background:url(img/h2_obras-preferidas.gif) no-repeat left center }
.obras-savio h2 { background:url(img/h2_obras-savio.gif) no-repeat left center }
.personagens h2 { background:url(img/h2_personagens.gif) no-repeat left center}
.historia h2 { background:url(img/h2_nossa-historia.gif) no-repeat left center }
.glossario h2 { background:url(img/h2_glossario-gaucho.gif) no-repeat left center}
.blogT h2 { background:url(img/h2_blog-do-savio.gif) no-repeat left center}
.dicas h2 { background:url(img/h2_dicas-para-professores.gif) no-repeat left center}
.recados h2 { background:url(img/h2_mural-recados.gif) no-repeat left center }
.termos h2 { background:url(img/h2_termos-uso.gif) no-repeat left center }
.contatoD h2 { background:url(img/h2_contato.gif) no-repeat left center }
.produtos h2 { background:url(img/h2_produtos.gif) no-repeat left center }
	
div.detail {
	width:714px;
	padding:0 30px 30px 30px;
	font-size:13px;
	line-height:18px;
	background:url(img/bgbarratop-detail.jpg) no-repeat }

.detail h2 { height:120px; margin:0 0 35px }
	
#middle {
	position:relative }

#middle .barra {
	display:block;
	height:172px;
	clear:both;
	background:url(img/bgbarratop-home.jpg) no-repeat; }
	
#middle .quadro {
	position:absolute;
	z-index:5;
	/*padding:7px;
	background:url(img/bgquadro.jpg);*/
	top:-10px;
	left:20px }

#middle .intro {
	color:#FFF;
	z-index:1;
	position:absolute;
	height:135px;
	width:410px;
	top:20px;
	left:345px }
	
#middle .intro p,
.historias p { line-height:14px }
	
#middle .c1 {
	float:left;
	width:300px;
	padding:75px 20px 2px 20px }
	
#middle .c2 {
	position:relative;
	float:left;
	overflow:hidden;
	width:412px;
	padding:10px 20px 20px 0 }

.home .recado,
.home .historias,
.links { border-top:2px dotted #1E8F6E; margin:10px 0 5px; clear:both }

#middle .default { margin:0 0 10px }
#middle .detail { display:none }
#middle .contato { float:left; width:414px }

p { margin:0 0 15px }

.newsletter {
	padding:15px 20px 5px 150px;
	background:url(img/bgnewsletter.jpg) no-repeat 0 3px }
	
.newsletter label,
.recado label,
.contatoD label,
.formPedido label { margin:0 0 5px; display:block }
.newsletter label span,
.recado label span,
.contatoD label span { display:block }

.recado { 
	padding:15px 20px 5px 150px;
	background:url(img/bgmuralrecado.jpg) no-repeat 0 3px }
	
input.text, textarea { font:11px Tahoma, Sans-serif; padding:1px }	
	
.links {
	clear:both;
	padding:80px 0 20px 0;
	text-align:center;
	background:url(img/bglinks.jpg) no-repeat 0 3px }
	
.links a { float:left; margin-right:13px }

.utiras  { padding:0 0 5px; border-bottom:2px dotted #1E8F6E; float:left  }
.utiras img { padding:1px; border:1px solid #F6D6AE; margin:0 0 5px }
.utiras a span img { border:0 }
.utiras h2 a {
	float:right;
	width:200px; 
	height:30px; 
	background:url(img/a_mais-tiras.gif) no-repeat right center; 
	display:block }

.historias {
	padding:30px 40px 20px 160px;
	background:url(img/bghistorias.jpg) no-repeat 0 3px }

.autor { overflow:hidden; width:714px; line-height:19px }
.autor img { border:2px solid #F6D6AE }
.autor a img { border:0 }
.autor img.left { margin:0 15px 15px 0  }
.autor img.right { margin:0 0 15px 15px }
.autor table tr td { padding:20px; text-align:center; font-size:11px; color:#955A42; line-height:15px }
.autor table tr td img { margin:0 0 5px }

.obras h2 p {
	line-height:15px;
	font-size:11px; 
	font-weight:normal; 
	color:#FFF; 
	padding:20px 20px 20px 400px }
	
.obras ul { list-style:none }
.obras ul li { float:left; margin:0 0 10px }
.obras ul li .titulo { font-weight:bold; font-size:15px; display:block; margin:0 0 5px }
.obras ul li img { margin:0 15px 0 0 }
.obras-savio ul li { width:325px; padding:0 30px 15px 0; height:200px; border-bottom:1px solid #EECEA4;  }

.obras-preferidas ul { border-top:1px solid #EECEA4; padding:20px 0 0 0 }
.obras-preferidas ul li { border-bottom:1px solid #EECEA4; padding:0 0 10px }
.obras-preferidas ul.outros { float:left; border:0; padding:0 }
.obras-preferidas ul.outros li { float:left; width:158px; height:220px; text-align:center; padding:0 10px 20px 10px }
.obras-preferidas ul.outros li img { float:none; margin:0 }
.obras-preferidas ul.outros li .titulo { font-size:13px }

.personagens .descricao {
	width:674px;
	border:2px solid #F6D6AE; 
	background:#FFF; 
	float:left;
	padding:20px; 
	margin:30px 0 0 0 }
	
.personagens .descricao .nome { font-size:18px; font-weight:bold; margin:0 0 10px; color:#955A42; background:none; padding:0 0 10px; display:inline }
.personagens .descricao p { margin:0 }
.personagens .descricao img { margin:0 15px 0 15px }
.personagens .descricao p img { margin:15px 0 0 0 }
.personagens .copy { font-size:10px; line-height:12px; padding:20px; clear:both }
.personagens .copy p { margin:10px }

.blog ul { list-style:none }
.blog ul li { padding:0 0 15px; margin:0 0 15px; border-bottom:1px dotted #1E8F6E; clear:both; width:714px; float:left }
.blog ul li .data { color:#955A42 } 
.blog ul li .titulo { font-size:18px; font-weight:bold; margin:0 0 15px; display:block }
.blog ul li img { border:2px solid #F6D6AE }
.blog ul li img.all { margin:0 0 5px }
.blog ul li img.l { margin:0 15px 10px 0; float:left }
.blog ul li img.r { margin:0 0 10px 15px; float:right }
.blog p { font-size:15px; line-height:20px }

.historia ul {list-style:none } 
.historia ul li { padding:0 0 10px; margin:0 0 10px; border-bottom:1px dotted #1E8F6E }
.historia ul li .data { color:#955A42 } 
.historia ul li .titulo { font-size:18px; font-weight:bold; margin:0 0 15px; display:block }

.tiras .info { display:block; margin:0 0 10px }
.tiras .big { 
	width:718px; 
	padding:3px 0 3px; 
	height:185px; 
	overflow:hidden; 
	border:2px solid #F6D6AE; 
	background:#FFF; 
	margin:0 0 10px }
.tiras .nav { text-align:center }
.tiras .nav a { margin:0 10px 0 10px }
.tiras #carregando { position:absolute; float:left; top:190px; right:25px }
.tiras .navega { position:absolute; float:left; top:45px; right:25px }

.glossario ul { list-style:none; margin:0 0 15px; font-size:11px }
.glossario ul li { padding:3px 0 3px; line-height:15px; /*padding:5px; background:#FAF1E4; */border-bottom:1px solid #EECEA4 }
.glossario ul li p { display:inline }

.recados ul { list-style:none }
.recados ul li  {
	border:2px solid #F6D6AE; 
	background:#FFF;
	padding:20px; 
	margin:0 0 10px 0 }
.recados ul li .data { color:#955A42 } 

.contatoD form {
	width:400px;
	float:right;
	clear:right }
	
.produtos table td { padding:10px; border-bottom:3px solid #955A42 }
.produtos table td .titulo { font-weight:bold; font-size:15px; display:block }
.produtos table td .valor strong { color:#955A42; font-size:15px }
.produtos table td img { margin:0 15px 0 0 }
.produtos input.button { color:#F6D6AE; font-weight:bold; background:#955A42; font-family:tahoma; border:0; padding:5px }

.produtos .formPedido { margin:10px 0 0 0; width:100%; float:left; padding:10px; background:#FFF; border:2px solid #F6D6AE }
.produtos .formPedido h3 { font-size:15px; padding:5px; margin:10px 0 10px 0; text-align:left }

.produtos .formPedido label { width:400px; float:left }
.produtos .formPedido label span { float:left; width:120px }

#footer { position:relative; clear:both; padding:10px 10px 20px 10px }

#footer .nav { padding:5px; text-align:right }

#footer .menu { text-align:center; padding:15px; background:#955A42 }
#footer .menu ul { list-style:none }
#footer .menu ul li { display:inline; padding:0 5px 0 5px; border-right:1px solid #FFF }
#footer .menu ul li.fim { border:0 }
#footer .menu ul li a { font-weight:bold; color:#FFF; text-decoration:none }
#footer .menu ul li a br { display:none }

#footer .copy { font-weight:bold; color:#1E8F6E; padding:10px 0 0 0 }
#footer .copy a { color:#1E8F6E  }
#footer a.dev { color:#AD7C63; text-indent:-1000000px; width:50px; height:20px; background:url(img/logo-dev.gif); font-weight:normal; position:absolute; right:10px; bottom:15px }
#footer a.dev:hover { color:#000 }

/*
    Alpha PNG support for IE
    ------------------------------

* html img {
 filter:expression(
   this.alphaxLoaded ? "" :
   (
       this.src.substr(this.src.length-4)==".png"
       ?
       (
     (!this.complete)
     ? "" :
         this.runtimeStyle.filter=
         ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
         (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
         String(this.alphaxLoaded=true).substr(0,0)+
         (this.src="img/blank.png").substr(0,0)
       )
       :
       this.runtimeStyle.filter=""
   )
     );
    }*/