@charset "utf-8";

/*

Theme Name: Revista Kalunga

Theme URI: http://revistakalunga.com.br/

Description: Revista Kalunga 2010

Version: 1.0

Author: Kalunga

Author URI: http://kalunga.com.br/

Tags: 

*/

/*-=| reset.css |=------------------------------------------------------------------------------------------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,legend {padding: 0; margin: 0;}

legend {color: #000;}

table {border-collapse: collapse; border-spacing: 0;}

fieldset,img {border: 0;}

address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}

ol,ul,li {list-style: none;}

caption,th,td  {text-align: left; font-weight: normal;}

h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%; margin:0; padding:0;}

q:before,q:after {content:'';}

abbr,acronym { border: 0;}

form,input,button,a,img a{outline:none; text-decoration:none; border:none;}

input,textarea, select {font-size: 110%; line-height: 1.1;}

abbr,acronym {border-bottom: .1em dotted; cursor: help;}

strong,b { font-weight:bold}

/*-=|^| reset.css |^|=------------------------------------------------------------------------------------------------------------------------------------*/





/*-=|Classes padrão WP|=------------------------------------------------------------------------------------------------------------------------------------*/

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

img.alignright {display: inline; }

img.alignleft {display: inline; }

.alignright {float: right; clear:left }

.alignleft {float: left;  }

/*-=------------------------------------------------------------------------------------------------------------------------------------*/



body {background: #ebebeb; font:12px Arial}



#corpo {position:relative;background: url(img/bg.png) top center repeat-y; width:920px; padding:20px 35px; margin:50px auto 50px auto; height:auto;}

#corpo_footer {position:absolute; background:url(img/bg.png) repeat-y bottom center; height:9px; bottom:0px; margin:0 -35px -9px -35px; width:100%;}

.clear {clear:both;}

noborder {border:none;}



/*-=| HEADER |=------------------------------------------------------------------------------------------------------------*/

#header {position:relative; float:left; margin-bottom:10px; z-index:2}

	#topo {float:left; position:relative; margin:10px 300px;}

	#logo {float:left; position:relative; background: url(img/sprite.png) 0 0 no-repeat; height:96px; width:285px; text-indent:-8787px;}

	

	#menu-header {float:left; position:relative; background:#b0b0b0; width:922px; z-index:1;}

	#menu-header li {display:inline; float:left; border-right:1px solid #888;}

	#menu-header li:hover {background:#888}

	#menu-header li:last-child {border:none;}

	#menu-header li a {font:18px Century Gothic; color:#fff; text-transform:uppercase; display:block; padding:2px 14px 2px 15px; text-shadow: 1px 1px 0px #9a9a9a;}

	#menu-header li span.plus {background:#555; float:left; position:relative; color:#fff; height:26px; width:27px; font:18px Century Gothic; cursor:pointer; text-align:center}

	#menu-header li span.plus:hover {background:url(img/bg-botao.png) 0 -50px no-repeat;}

	#menu-header li.sub ul {display:none;}

	#menu-header li.sub:hover ul {display:block; position:absolute; top:25px; right:0; width:110px; background:#b0b0b0;}

	#menu-header li.sub ul li { float:right; position:relative; width:100%; border:none; border-top:1px solid #ccc; }

	#menu-header li.sub ul li a {float:left; position:relative; padding:2px 8px; margin:0; display:block; width:100%;}

	.atual { background:url(img/bg-botao.png) 0 -24px no-repeat; }



	#box-top {float:left; position:relative; background:#f0f0f0; width:900px; border:1px solid #ddd; margin-top:1px; padding:0 10px;}

	#box-top li {display:inline; margin:5px 2px;}

	#box-top li a {float:left; display:block; text-indent:-8787px; width:21px; height:21px;}

	#twitter {float:left; background:url(img/sprite.png) -64px -106px no-repeat;}

	#feed {float:left; background:url(img/sprite.png) -32px -106px no-repeat;}

	#facebook {float:left; background:url(img/sprite.png) -95px -106px no-repeat;}

	#news {float:left; background:url(img/sprite.png) 0 -106px no-repeat;}

	#newsBox {float:left;}

	#newsBox input {float:left; width:130px; height:17px; border:1px solid #afafaf; margin-right:2px; color:#999}

	#newsBox input:hover, #newsBox input:focus {border:1px solid #ffae00; color:#000}

	#newsBox button {float:left; background: url(img/sprite.png) 0 -207px; margin:0; padding:0; border:0; width:32px; height:20px; cursor:pointer; text-indent:-8787px;}

	#newsBox button:hover {background: url(img/sprite.png) -42px -207px;}

	#newsBox button:active {background: url(img/sprite.png) -84px -207px;}

	#busca {float:right;}

	#busca input {float:left; width:200px; height:18px; border:1px solid #afafaf; margin-right:2px; color:#999}

	#busca input:hover, #busca input:focus {border:1px solid #ffae00; color:#000}

	#busca button {float:left; margin:0; padding:0; border:0; width:95px; height:20px; background: url(img/sprite.png) 0 -136px; cursor:pointer; text-indent:-8787px;}

	#busca button:hover {background: url(img/sprite.png) -105px -136px;}

	#busca button:active {background: url(img/sprite.png) -210px -136px;}





/*-=| MAIN |=------------------------------------------------------------------------------------------------------------*/	

#main {float:left; position:relative; width:100%;}

/* =====\\ CONTENT \\=====  */

	#content {float:left; position:relative; width:560px;}

	#edicao {float:left; position:relative; width:100%; border-bottom:1px solid #828282; margin-bottom:5px;}

	#edicao h1 {font:16px Century Gothic; padding:2px; text-transform:uppercase;}











	/* botao ------------------------------------------------------------- */

	.leia {position:absolute; right:0; bottom:0;}

	.botao {background: url(img/sprite.png) 0 -236px no-repeat; padding:1px 15px; text-transform:uppercase; color:#fff; font:12px Arial; -moz-border-radius:3px; -webkit-border-radius:3px;}

	.botao:hover {background: url(img/sprite.png) 0 -263px no-repeat;}

	.botao:active {background: url(img/sprite.png) 0 -290px no-repeat;}















	/* home ------------------------------------------------------------- */

	.homePost {float:left; position:relative; width:560px; min-height:140px; margin-bottom:50px;}

	.category {float:left; width:560px;}

	.category a {font:12px Arial; color:#a7a7a7;}

	.category a:hover {background:#fcfcfc; color:#333}

	.homePost h2 {float:left; width:560px; text-transform:uppercase; margin-bottom:3px;}

	.homePost h2 a {font:20px Century Gothic; background:#f9f9f9; color:#333; display:block; text-shadow: 1px 1px 0px #fff}

	.homePost h2 a:hover {background:#fafafa;}

	.homePost p {float:left; width:560px; font:12px/17px Arial; color:#333;}

	.homePost p img {float:left; margin-right:10px}

















	/* breadcrumbs  ------------------------------------------------------------- */

	#breadcrumbs {float:left; position:relative; border-bottom:1px solid #ddd; width:100%; padding:5px 0; margin-top:1px; text-transform:lowercase}

	#breadcrumbs a {color:#aaa;}

	#breadcrumbs a:hover {color:#ff8a0e;}

	#breadcrumbs strong {font-weight:bold; color:#666;}



























	/* Analises ------------------------------------------------------------- */

	#analises {float:left; position:relative; width:560px;}

	#analisesDestaq {float:left; position:relative; width:560px; padding:0; height:282px; margin:10px 0; background:url(img/destaques-marca.png) top center no-repeat;}

	#analisesSlider {float:left; position:relative; margin:5px 20px; overflow:hidden;}

	#analisesSlider ul li {float:left; display:inline; position:relative; width:518px; height:268px;}

	#analisesSlider ul li div {float:left; display:inline; position:relative; width:500px; padding:10px; height:245px}

	#analisesSlider ul li div h2 {float:left; width:100%; font:25px arial; text-shadow: 1px 1px 0px #fff; color:#333;}

	#analisesSlider ul li div h2 a {display:block; color:#333;}

	#analisesSlider ul li div img {float:left; margin:2px 2px 0 0 }

	#analisesSlider ul li div p {float:left; margin:2px 2px 0 0; width:296px;}

	#analisesSlider ul li div span {position:absolute; bottom:10px; right:10px}

































	/* Entrevistas ------------------------------------------------------------- */

	#entrevistas {float:left; position:relative; width:560px; padding-top:20px}





	/* Kalunga ------------------------------------------------------------- */

	#kalunga {float:left; position:relative; width:560px; padding-top:20px}





	/* Cultura ------------------------------------------------------------- */

	#cultura {float:left; position:relative; width:560px; padding-top:20px}

































	/* paginacao  ------------------------------------------------------------- */

	.wp-pagenavi {float:left; position:relative; width:100%; margin:20px 0;}

	.wp-pagenavi a { float:left; position:relative; padding:2px 5px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #ddd; color:#666; background:#efefef}

	.wp-pagenavi a:hover {background:#ff8707 url(img/sprite.png) 0 -263px no-repeat; color:#fff; border:1px solid #ff8707;}

	.wp-pagenavi a:active {background:#c7871f url(img/sprite.png) 0 -290px no-repeat;}

	.pages {float:left; position:relative; background:#5d5d5d url(img/sprite.png) 0 -236px no-repeat; padding:2px 5px; color:#fff; font-weight:bold; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #5d5d5d}

	.first {float:left; position:relative; margin-left:5px}

	.extend {float:left; position:relative; margin:0 8px}

	.page {float:left; position:relative; margin:0 2px}

	.current {float:left; position:relative; -moz-border-radius:4px; -webkit-border-radius:4px; padding:2px 5px; background:#ff8707 url(img/sprite.png) 0 -263px no-repeat; color:#fff; border:1px solid #ff8707;}

	.last {position:relative; clear:right}



















	/* materia ------------------------------------------------------------- */

	#materia {float:left; position:relative; width:560px; overflow:hidden}

	#date {float:left; position:relative; font:12px arial; color:#bbb; margin:5px 0}

	#author {float:right; position:relative; font:12px arial; color:#000; margin:5px 0; background:#e4e4e4; text-shadow: 1px 1px 0px #eee; padding:2px 5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

	#materia h1 {font:22px Arial; text-transform:uppercase; width:100%; color:#333; text-shadow: 1px 1px 0px #ddd; margin:10px 0 15px 0}

	#materia h2 {float:left; position:relative; font:bold 15px Arial; width:560px; color:#666; margin:0 0 10px 0}

	#materia h3 {position:relative; font:bold 13px Arial; width:560px; color:#666;}

	#materia p {clear:right; position:relative; margin-bottom:20px; color:#666; line-height:17px}

	#materia blockquote {padding:0 0 20px 18px; font:italic 13px arial; color:#999999}

	#materia p a {font:12px Arial; color:#ff8a0e; padding:0 2px; text-decoration:underline}

	#materia p a:hover {color:#fff; background:#ff8a0e; text-decoration:none}

	#materia img {border:1px solid #eee; margin:0 5px 5px 5px;}

	#materia img:hover {border:1px solid #ff8a0e;}

	#materia ul {float:left; position:relative; padding-left:20px; margin-bottom:20px;}

	#materia ul li {margin-bottom:5px; list-style:disc outside;}



	.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

	.wp-caption img { margin: 0; padding: 0; border: 0 none; }

	.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}













	#avaliacao {float:left; position:relative; width:558px; background:#eee; margin-bottom:20px; border:1px solid #ccc;}

	#avaliacao .titulo {float:left; position:relative; font:12px arial; background:#888; width:100%; text-align:center; color:#fff; margin:0; padding:0}

	#avaliacaoBox {float:left; position:relative; width:418px; padding:10px;}

	#avaliacaoBox h2 {float:left; position:relative; width:400px; padding:0; margin-bottom:2px; font:bold 16px arial;}

	#avaliacaoBox h3 a{float:left; position:relative; width:400px; padding:0; margin-bottom:5px; font:bold 12px arial; color:#666}

	#avaliacaoBox h3 a:hover {float:left; position:relative; width:400px; padding:0; margin-bottom:5px; font:bold 12px arial; color:#000}

	#avaliacaoNota {float:left; position:relative; backgound:#fc0; width:110px; margin:0 5px}

	.star10{float:left; position:relative; width:100%; background:url(img/sprite.png) 0 -426px no-repeat; height:18px; margin:5px 0 5px 10px}

	.star9 {float:left; position:relative; width:100%; background:url(img/sprite.png) 0 -450px no-repeat; height:18px; margin:5px 0 5px 10px}

	.star8 {float:left; position:relative; width:100%; background:url(img/sprite.png) 0 -474px no-repeat; height:18px; margin:5px 0 5px 10px}

	.star7 {float:left; position:relative; width:100%; background:url(img/sprite.png) 0 -498px no-repeat; height:18px; margin:5px 0 5px 10px}

	.star6 {float:left; position:relative; width:100%; background:url(img/sprite.png) 0 -522px no-repeat; height:18px; margin:5px 0 5px 10px}

	.star5 {float:left; position:relative; width:100%; background:url(img/sprite.png) 0 -546px no-repeat; height:18px; margin:5px 0 5px 10px}

	#avaliacaoNota .nota {float:left; position:relative; width:100%; background:#777; border:1px solid #ffae00; -moz-border-radius:5px; -webkit-border-radius:5px;}

	#avaliacaoNota .nota p {float:left; position:relative; text-align:center; width:100%; color:#ccc}

	#avaliacaoNota .nota span {float:left; position:relative; text-align:center; width:100%; color:#fff; font:80px arial; top:-27px; height:55px}

	.comprar {float:right; position:relative; backgound:#fc0; width:110px; margin:10px 2px}

	.comprar a {float:left; display:block; background:url(img/bg-botao.png) 0 0 no-repeat; color:#fff; text-transform:uppercase; font:18px arial; padding:0 8px}

	.comprar a:hover {background:url(img/bg-botao.png) 0 -48px no-repeat; color:#fff;}

	.comprar a:active {background:url(img/bg-botao.png) 0 -108px no-repeat; color:#fff;}

	



	ul#social {float:left; position:relative; width:548px; border:1px solid #ddd; padding:5px; margin-top:40px; margin-bottom:10px;}

	ul#social li {list-style:none}

	#share li {float:left; display:inline;}



	#print-s {float:left; background:url(img/sprite.png) 0 -317px no-repeat;}

	#print-s a {display:block; padding:2px 0px 2px 25px; color:#888}

	#print-s a:hover {color:#ff8a0e}





	#news-s {float:left; background:url(img/sprite.png) -82px -318px no-repeat; text-indent:-8787px; width:21px; height:20px; margin-left:62px}

	#newsBox-s {float:left; margin-right:62px}

	#newsBox-s input {float:left; width:130px; height:17px; border:1px solid #afafaf; margin-right:2px; color:#999}

	#newsBox-s input:hover, #newsBox-s input:focus {border:1px solid #ff8a0e; color:#000}

	#newsBox-s button {float:left; background: url(img/sprite.png) 0 -207px; margin:0; padding:0; border:0; width:32px; height:20px; cursor:pointer; text-indent:-8787px;}

	#newsBox-s button:hover {background: url(img/sprite.png) -42px -207px;}

	#newsBox-s button:active {background: url(img/sprite.png) -84px -207px;}







	#share-s {float:left;}





	#materiaRelated {float:left; position:relative; width:548px; border:1px solid #ddd; padding:5px; margin-bottom:10px;}

	#materiaRelated ul li a {font:12px Arial; color:#8a8a8a; padding:0 2px}

	#materiaRelated ul li a:hover {color:#fff; background:#ff8a0e}

	ul#materiaRelatedTitulos {float:left; width:550px; display:inline; margin:0 0 5px 0; padding:0;}

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

	ul#materiaRelatedTitulos li h3 {float:left; font:bold 15px arial; color:#666; text-shadow: 1px 1px 0px #ddd}

	#materiaRelatedTitulo1 {float:left; width:220px;}

	#materiaRelatedTitulo2 {float:left; width:220px;}

	#materiaRelatedTitulo3 {float:left; width:110px;}

	ul#materiaRelatedEdition {float:left; width:218px; display:inline; margin:0; padding:0;}

	#materiaRelatedEdition li {float:left; display:inline; width:100%}

	ul#materiaRelatedRelacionado {float:left; width:220px; display:inline; padding:0;}

	#materiaRelatedRelacionado li {float:left; display:inline; width:100%}

	ul#materiaRelatedTags {float:left; width:220px; display:inline; padding:0;}

	#materia .wp-tag-cloud {float:left; position:relative; width:110px; display:inline; margin:0; padding:0;}



	.wp-tag-cloud  li {float:left; display:inline; width:100%}

	

	#materiaIndice {float:left; position:relative; width:560px; margin-bottom:30px;}

	#materiaIndice h3 {font:16px arial; width:100%; color:#333; background:#f0f0f0; cursor:pointer; padding:0 5px}

	#materiaIndice h3 span {display:none}

	#materiaIndice h3:hover span {display:block; position:absolute; right:10px; top:3px; font:12px arial; color:#fff; background: url(img/sprite.png) 0 -236px no-repeat; text-shadow:none; padding:0 5px; -moz-border-radius:3px; -webkit-border-radius:3px;}

	#materiaIndice div {float:left; position:relative; padding:10px; width:538px; border:1px solid #ddd}

	#materiaIndice div span {float:left; position:relative; width:100%; display:block; border-bottom:1px solid #ccc; font:bold 14px arial; color:#888}

	#materiaIndice div ul {float:left; position:relative; width:100%}

	#materiaIndice div ul li {float:left; position:relative; display:inline; width:100%;}

	#materiaIndice div ul a {font:12px Arial; color:#8a8a8a; padding:0 2px; display:block; width:500px}

	#materiaIndice div ul a:hover {color:#fff; background:#ff8a0e}



















	/* Edições Aneriores ------------------------------------------------------------- */



	#edAnteriores {float:left; position:relative; width:560px}



	#edAnterioresDestaq {float:left; position:relative; width:560px; margin-bottom:30px; padding-bottom:20px;}

	#edAnterioresDestaq h1 {font:18px Century Gothic; width:100%; color:#333; margin:20px 0 10px 0; background:#f0f0f0}

	#edAnterioresDestaq img {float:left; margin:0 10px 5px 10px; border:1px solid #eee}

	#edAnterioresDestaq h2 {float:left; font:bold 18px Arial; color:#333; margin-bottom:10px; text-align:left; width:58%;}

	#edAnterioresDestaq p {padding:0 0 25px 0; margin-right:10px; font:12px Arial; color:#333}

	#edAnterioresDestaq .leia {right:25px;}







	#edAnterioresList {float:left; position:relative; width:560px; margin-bottom:30px;}

	#edAnterioresList h3 {font:18px Century Gothic; width:100%; color:#333; background:#f0f0f0}

	#edAnterioresList ul {float:left;}

	#edAnterioresList ul li {float:left; display:inline;}

	#edAnterioresList ul li a {float:left; width:150px; padding:1px; margin:5px 16px 15px 16px;}

	#edAnterioresList ul li a span {background:#ddd; text-transform:uppercase; color:#666; font:12px Arial; float:left; width:146px; text-align:center; padding:2px}

	#edAnterioresList ul li a:hover {background:#ff8a0e}

	#edAnterioresList ul li a:hover span  {background: url(img/sprite.png) 0 -263px no-repeat; color:#fff; font-weight:bold}

	



	#yAnterioresList {float:left; position:relative; width:560px;  margin-bottom:30px;}

	#yAnterioresList h3 {font:18px Century Gothic; width:100%; color:#333; background:#f0f0f0}

	#yAnterioresList ul {float:left; padding:0 20px}

	#yAnterioresList ul li {float:left; display:inline; margin:5px 5px}

	#yAnterioresList ul li a {float:left; padding:5px; background:url(img/bg-botao.png) 0 0 no-repeat; color:#fff; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px;}

	#yAnterioresList ul li a:hover {background:url(img/bg-botao.png) 0 -48px no-repeat;}

	#yAnterioresList ul li a:active {background:url(img/bg-botao.png) 0 -108px no-repeat;}







	#edAnterioresSolicite {float:left; position:relative; width:560px; margin-bottom:30px;}

	#edAnterioresSolicite h3 {font:18px Century Gothic; width:100%; color:#333; background:#f0f0f0; cursor:pointer;}

	#edAnterioresSolicite h3 span {display:none}

	#edAnterioresSolicite h3:hover span {display:block; position:absolute; right:5px; top:3px; font:12PX arial; color:#fff; background: url(img/sprite.png) 0 -236px no-repeat; text-shadow:none; padding:0 5px; -moz-border-radius:3px; -webkit-border-radius:3px;}



	



	



	#edAnterioresSolicite form {float:left; position:relative; width:478px; padding:20px 40px; border:1px solid #f0f0f0;}

	#edAnterioresSolicite form fieldset {float:left; position:relative; width:350px; padding:10px 50px;}

	#edAnterioresSolicite form fieldset div {float:left; position:relative; width:100%; margin-bottom:10px}

	#edAnterioresSolicite form fieldset div span {float:left; position:relative; width:350px; color:#666;}

	#edAnterioresSolicite form fieldset div input {float:left; position:relative; width:350px; border:1px solid #afafaf; margin-right:2px; color:#999; font:20px arial;}

	#edAnterioresSolicite form fieldset div input:hover, #edAnterioresSolicite form fieldset div input:active {border:1px solid #ffae00; color:#000}

	#edAnterioresSolicite form fieldset div textarea {float:left; position:relative; width:350px; border:1px solid #afafaf; margin-right:2px; color:#999; font:20px arial; overflow:hidden;}

	#edAnterioresSolicite form fieldset div textarea:hover, #edAnterioresSolicite form fieldset div input:active {border:1px solid #ffae00; color:#000}

	#edAnterioresSolicite form fieldset button {background: url(img/sprite.png) 0 -391px no-repeat; float:right; position:relative; cursor:pointer; width:95px; height:25px; text-indent:-8787px;}

	#edAnterioresSolicite form fieldset button:hover {background: url(img/sprite.png) -105px -391px no-repeat;}

	#edAnterioresSolicite form fieldset button:active {background: url(img/sprite.png) -210px -391px no-repeat;}























	/* Marcas ------------------------------------------------------------- */

	#marcas {float:left; position:relative; width:560px;}

	#marcasTitle {float:left; position:relative; width:560px;}

	#marcasTitle h1 {font:18px Century Gothic; width:100%; color:#333; margin-top:20px; background:#f0f0f0}



	#marcasDestaq {float:left; position:relative; width:560px; padding:0; height:282px; margin:10px 0; background:url(img/destaques-marca.png) top center no-repeat;}

	#marcasSlider {float:left; position:relative; margin:5px 20px; overflow:hidden;}

	#marcasSlider ul li {float:left; display:inline; position:relative; width:518px; height:268px;}

	#marcasSlider ul li div {float:left; display:inline; position:relative; width:500px; padding:10px; height:245px}

	#marcasSlider ul li div img {float:left; margin:5px; padding:5px 15px 5px 5px; border-right:1px solid #eee;}

	#marcasSlider ul li div h2 {float:left; width:360px; font:25px arial; margin-top:20px; text-shadow: 1px 1px 0px #fff; color:#333;}

	#marcasSlider ul li div h2 a {display:block; color:#333;}

	#marcasSlider ul li div p {float:left; width:100%; margin:10px 0 0 0}

	#marcasSlider ul li div span {position:absolute; bottom:10px; right:10px}

	



	#marcasList {float:left; position:relative; width:560px; margin-bottom:30px;}

	#marcasList h3 {font:18px Century Gothic; width:100%; color:#333; margin:20px 0 10px 0; background:#f0f0f0}

	#marcasList ul li {float:left; border:1px solid #e0e0e0; width:164px; margin:10px; text-align:center;}

	#marcasList ul li:hover {border:1px solid #ff8a0e}

	#marcasList ul li a {display:block}

	#marcasList ul li img {padding:5px;}

	#marcasList ul li span {float:left; width:100%; background:#ddd; text-transform:uppercase; color:#666; font:15px arial; height:18px}

	#marcasList ul li a:hover span {background:#ff8a0e url(img/sprite.png) 0 -263px no-repeat; color:#fff; font-weight:bold}









	/* Marca ------------------------------------------------------------- */

	#marca {float:left; position:relative; width:560px}

	#marcaDescription {float:left; margin-top:10px; position:relative; width:560px; margin-bottom:30px;}

	#marcaDescription img {float:left; background:#fc0}

	#marcaDescription h1 {float:right; font:18px Arial; color:#333; margin-bottom:5px; text-align:left; width:450px;}

	#marcaDescription h2 {float:left; margin-left:110px; position:relative; font:bold 15px Arial; width:440px; color:#666; margin-bottom:10px;  }

	#marcaDescription p {float:right; width:450px; padding-bottom:25px}



	#marcaRelated {float:left; position:relative; width:560px; margin-bottom:30px;}

	#marcaRelated h2 {font:18px Century Gothic; width:100%; background:#f0f0f0; margin-bottom:10px}

	#marcaRelated h2 a {display:block; color:#333}

	#marcaRelated h2 a span {display:none;}

	#marcaRelated h2:hover a span {display:block; position:absolute; right:5px; top:3px; font:12px arial; color:#fff;  background: url(img/sprite.png) 0 -236px no-repeat; background: url(img/sprite.png) 0 -236px no-repeat; text-shadow:none; padding:0 5px; -moz-border-radius:3px; -webkit-border-radius:3px;}

	#marcaRelated ul {float:left; width:100%}

	#marcaRelated ul li {float:left; display:inline; margin-bottom:2px; width:100%;}

	#marcaRelated ul li a {font:12px Arial; color:#8a8a8a; padding:0 2px; display:block;}

	#marcaRelated ul li a:hover,

	#marcaRelated ul li a:hover span {color:#fff; background:#ff8a0e; font-weight:bold}

	#marcaRelated ul li a span {font-weight:bold; color:#666; padding:0 2px}





	#marcaReview {float:left; position:relative; width:560px; margin-bottom:30px;}

	#marcaReview h2 {font:18px Century Gothic; width:100%; background:#f0f0f0; margin-bottom:10px}

	#marcaReview h2 a {display:block; color:#333}

	#marcaReview h2 a span {display:none;}

	#marcaReview h2:hover a span {display:block; position:absolute; right:5px; top:3px; font:12px arial; color:#fff;  background: url(../img/sprite.png) 0 -236px no-repeat; background: url(img/sprite.png) 0 -236px no-repeat; text-shadow:none; padding:0 5px; -moz-border-radius:3px; -webkit-border-radius:3px;}

	#marcaReview ul {float:left; width:100%}

	#marcaReview ul li {float:left; display:inline; margin-bottom:2px; width:100%;}

	#marcaReview ul li a {font:12px Arial; color:#8a8a8a; padding:0 2px; display:block;}

	#marcaReview ul li a:hover,

	#marcaReview ul li a:hover span {color:#fff; background:#ff8a0e; font-weight:bold}

	#marcaReview ul li a span {font-weight:bold; color:#666; padding:0 2px}





	#marcaShopping {float:left; position:relative; width:560px; margin-bottom:30px;}

	#marcaShopping img {border:none; margin:0}

	#marcaShopping img:hover {border:none; margin:0}

	#marcaShopping h2 {font:18px Century Gothic; width:100%; color:#333; background:#f0f0f0; margin-bottom:10px}

	#marcaShopping ul {float:left; margin-left:5px}

	#marcaShopping ul li {float:left; display:inline; margin-bottom:2px; width:110px; min-height:225px; padding:2px; text-align:center; border:1px solid #d5d5d5; margin:0 10px}

	#marcaShopping ul li:hover {border:1px solid #fc0;}

	#marcaShopping ul li:hover .botao {background: url(img/sprite.png) 0 -263px no-repeat;}

	#marcaShopping ul li:active .botao {background: url(img/sprite.png) 0 -290px no-repeat;}

	#marcaShopping ul li h4 a {font:12px Arial; color:#646464; display:block;}

























	/* cartas ------------------------------------------------------------- */

	#cartas {float:left; position:relative; width:560px}

	



	#cartasSolicite {float:left; position:relative; width:560px; margin-bottom:10px;}

	#cartasSolicite h1 {font:18px Century Gothic; width:100%; color:#333; background:#f0f0f0; cursor:pointer;}

	#cartasSolicite h1 span {display:block; position:absolute; right:5px; top:3px; font:12px arial; color:#fff;  background: url(img/sprite.png) 0 -236px no-repeat; background: url(img/sprite.png) 0 -236px no-repeat; text-shadow:none; padding:0 5px; -moz-border-radius:3px; -webkit-border-radius:3px;}

	#cartasSolicite form {float:left; position:relative; width:478px; padding:20px 40px; border:1px solid #f0f0f0;}

	#cartasSolicite form fieldset {float:left; position:relative; width:350px; padding:10px 50px;}

	#cartasSolicite form fieldset div {float:left; position:relative; width:100%; margin-bottom:10px}

	#cartasSolicite form fieldset div span {float:left; position:relative; width:350px; color:#666;}

	#cartasSolicite form fieldset div input {float:left; position:relative; width:350px; border:1px solid #afafaf; margin-right:2px; color:#999; font:20px arial;}

	#cartasSolicite form fieldset div input:hover, #edAnterioresSolicite form fieldset div input:active {border:1px solid #ffae00; color:#000}

	#cartasSolicite form fieldset div textarea {float:left; position:relative; width:350px; border:1px solid #afafaf; margin-right:2px; color:#999; font:20px arial; overflow:hidden;}

	#cartasSolicite form fieldset div textarea:hover, #edAnterioresSolicite form fieldset div input:active {border:1px solid #ffae00; color:#000}

	#cartasSolicite form fieldset button {background: url(img/sprite.png) 0 -391px no-repeat; float:right; position:relative; cursor:pointer; width:95px; height:25px; text-indent:-8787px}

	#cartasSolicite form fieldset button:hover {background: url(img/sprite.png) -105px -391px no-repeat;}

	#cartasSolicite form fieldset button:active {background: url(img/sprite.png) -210px -391px no-repeat;}



	.cartaPost {float:left; position:relative; width:100%; margin-bottom:20px}

	.cartaPost a {font:12px Arial; color:#ff8a0e; padding:0 2px; text-decoration:underline}

	.cartaPost a:hover {color:#fff; background:#ff8a0e; text-decoration:none}

	.cartaPost span {float:left; background:#efefef; padding:2px}

	.cartaPost h2 {float:left; width:100%; font:18px arial}

	.cartaPost p {float:left; padding:2px; text-align:justify}



	.cartaPostResposta {float:right; position:relative; margin:0 0 20px 0; width:530px; background:#ececec;}

	.cartaPostResposta h2 {float:left; background:url(img/nr.gif) top left no-repeat; width:100px; height:100px; margin-right:10px; text-indent:-8787px}

	.cartaPostResposta p {float:left; text-align:justify; width:400px; padding:20px 0}





























	/* Resultado de Busca ------------------------------------------------------------- */

	#searchResult {float:left; position:relative; width:560px; }

	.buscou {background:#fffdca; padding:15px 0; font:17px arial; text-align:center; margin-bottom:20px; border:1px solid #fc0; -moz-border-radius:10px; -webkit-border-radius:10px;}













/* =====\\ SIDEBAR \\=====  */

	#sidebar {float:right; position:relative; width:340px; margin-bottom:20px;}

	.side-comun {float:left; position:relative; width:100%;}

	.side-comun h3 {float:left; position:relative; text-transform:uppercase; width:322px; padding:2px 10px; background:#efefef; border-bottom:1px solid #828282; font:16px Century Gothic; margin-bottom:5px; text-shadow: 1px 1px 0px #fff;  color:#5e5e5e;}

	.side-comun h3 a {display:block; color:#5e5e5e;}

	.side-comun h3 a span {display:none}

	.side-comun h3 a:hover span {display:block; position:absolute; right:5px; top:5px; font:12PX arial; color:#fff; background: url(img/sprite.png) 0 -236px no-repeat; text-shadow:none; padding:0 5px; -moz-border-radius:3px; -webkit-border-radius:3px;}

	.side-comun p {float:left; position:relative;}

	.side-comun p img {float:left; margin:0 10px 0 0;}







	#editorial {float:left; position:relative; margin-bottom:40px}

	#editorialCont {float:left;}

	#editorialCont img {float:left; margin:0 5px 0 0 }

	#editorialCont h4 {float:left; font:bold 14px Arial; color:#656565; width:214px; margin:5px 0}

	#editorialCont p {float:left; font:12px Arial; color:#000; width:214px;}







	#marcasSide {float:left; position:relative; margin-bottom:40px}

	#marcasSide ul li {float:left; display:inline; margin:0 4px 4px 4px; border:1px solid #efefef;}

	#marcasSide ul li:hover {border:1px solid #fc0;}







	#entrevista {float:left; position:relative; margin-bottom:40px;}

	#entrevistaCont {float:left;}

	#entrevistaCont img {float:left; margin:0 5px 0 0 }

	#entrevistaCont h4 {float:left; font:bold 14px Arial; color:#656565; width:214px; margin:5px 0}

	#entrevistaCont p {float:left; font:12px Arial; color:#000; width:214px;}







	#combo {float:left; position:relative; width:100%; margin-bottom:40px}

	.idTabs {float:left; position:relative; width:100%; background:#efefef; border-bottom:1px solid #828282; font:16px Century Gothic; margin-bottom:5px;}

	.idTabs li {float:left; display:inline;}

	.idTabs li a{display:block; color:#5e5e5e; text-transform:uppercase; padding:2px 10px; text-shadow: 1px 1px 0px #fff}

	.idTabs li a:hover {background:#b0b0b0; color:#fff;  text-shadow: 1px 1px 0px #999}

	.idTabs li a.selected {color:#fff; background:#666; text-shadow: 1px 1px 0px #000}

	#combo div ul li{border-bottom:1px solid #eee; padding:2px 10px}

	#combo div ul li a {display:block; font:11px Arial; color:#686868;}

	#combo div ul li a:hover {color:#000; background:#f4f4f4;}

	#combo div ul li span{float:left; font:bold 14px Arial; color:#686868; width:100%}







	#anteriores {float:left; position:relative; overflow:hidden; margin-bottom:40px;}

	.slider {margin:0 14px; overflow:hidden}

	.slider ul li {float:left; display:inline; width:312px; height:205px;}

	.slider ul li a {float:left; position:relative; margin:0 3px}

	.slider ul li a img {display:block;}

	.slider ul li a span {position:absolute;bottom:0; width:140px; background:#333; color:#fff; padding:2px 5px; text-align:center; z-index:5; border-top:1px solid #fff;  filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7}

	.slider ul li a:hover span {position:absolute; bottom:0; width:140px; background:#333; color:#fff; font:bold 15px arial; padding:10px 5px; text-align:center; z-index:5; border-top:1px solid #fff; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9}



	#prevBtn,#nextBtn,#prev1Btn,#next1Btn {position:absolute; top:50%;}

	#prevBtn,#prev1Btn {left:0;}

	#prevBtn a, #prev1Btn a {float:left; position:relative; text-indent:-8787px; width:14px; height:28px; background:url(img/sprite.png) 0 -168px no-repeat;}

	#prevBtn a:hover, #prev1Btn a:hover {background:url(img/sprite.png) -18px -168px no-repeat;}

	#prevBtn a:active, #prev1Btn a:active {background:url(img/sprite.png) -33px -168px no-repeat;}

	#nextBtn, #next1Btn {right:0;}

	#nextBtn a, #next1Btn a {float:left; position:relative; text-indent:-8787px; width:14px; height:28px; background:url(img/sprite.png) -60px -168px no-repeat;}

	#nextBtn a:hover, #next1Btn a:hover {background:url(img/sprite.png) -78px -168px no-repeat;}

	#nextBtn a:active, #next1Btn a:active {background:url(img/sprite.png) -96px -168px no-repeat;}



	.jcarousel-skin,

	.jcarousel-skin .jcarousel-container,

	.jcarousel-skin .jcarousel-container-horizontal {float:left; position:relative; width:100%}

	.jcarousel-skin .jcarousel-clip-horizontal {float:left; position:relative; width:320px; height:205px; padding:5px 0px; margin-left:9px}

	.jcarousel-skin .jcarousel-item {width:150px; margin:0 5px;}

	.jcarousel-skin .jcarousel-item-horizontal {float:left; position:relative;}

	.jcarousel-skin .jcarousel-item-placeholder {float:left; position:relative;}

	.jcarousel-skin .jcarousel-next-horizontal {cursor:pointer; position:absolute; right:0; top:40%; text-indent:-8787px; width:14px; height:28px; background:url(img/sprite.png) -60px -168px no-repeat;}

	.jcarousel-skin .jcarousel-next-horizontal:hover {background-position: -78px -168px;}

	.jcarousel-skin .jcarousel-next-horizontal:active {background-position:-96px -168px;}

	.jcarousel-skin .jcarousel-next-disabled-horizontal,

	.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,

	.jcarousel-skin .jcarousel-next-disabled-horizontal:active {cursor:default; background-position:-96px 0; }

	.jcarousel-skin .jcarousel-prev-horizontal {cursor:pointer; position:absolute; left:0; top:40%; text-indent:-8787px; width:14px; height:28px; background:url(img/sprite.png) 0 -168px no-repeat;}

	.jcarousel-skin .jcarousel-prev-horizontal:hover {background-position:-18px -168px;}

	.jcarousel-skin .jcarousel-prev-horizontal:active {background-position:-33px -168px;}

	.jcarousel-skin a img {display:block; border:1px solid #eee;}

	.jcarousel-skin a span {position:absolute;bottom:0; width:142px; background:#333; color:#fff; padding:2px 5px; text-align:center; z-index:5; border-top:1px solid #fff;  filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7}

	.jcarousel-skin a:hover span {position:absolute; bottom:0; width:142px; background:#333; color:#fff; font:bold 15px arial; padding:10px 5px; text-align:center; z-index:5; border-top:1px solid #fff; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9}





	







	#ofertas {float:left; position:relative;}

	#ofertas ul li{ width:100px; min-height:235px; max-height:250px; display:inline; float:left; position:relative; border:1px solid #d5d5d5; text-align:center; padding:2px; margin:0 3px;}

	#ofertas ul li:hover {border:1px solid #fc0;}

	#ofertas ul li:hover .botao {background: url(img/sprite.png) 0 -263px no-repeat;}

	#ofertas ul li:active .botao {background: url(img/sprite.png) 0 -290px no-repeat;}

	#ofertas ul li h4 {min-height:80px;}

	#ofertas ul li h4 a {font:12px Arial; color:#646464; display:block;}

	.avista {margin-top:5px;}

	.avista a{font:bold 18px Arial; color:#ce0101; display:block;}

	.aprazo {margin-bottom:5px;}

	.aprazo a{font:bold 12px Arial; color:#646464; display:block;}









	#materiasEdicao {float:left; position:relative; margin-bottom:40px;}

	#materiasEdicao li {margin:5px 0;}

	#materiasEdicao li a {color:#666; padding:2px;}

	#materiasEdicao li a:hover {color:#000; background:#f4f4f4; padding-left:10px}













/* =====\\ ERRO \\=====  */	

	#error404 {float:left; position:relative; width:100%; padding:10px 0}



	#error404aviso {float:left; position:relative; text-align:center; background:#f9f9f9; border:1px solid #ddd; padding:10px 0; margin:30px 0}

	#error404aviso h2 {float:left; position:relative; width:100%; font:25px Century Gothic; color:#666;}

	#error404aviso p {float:left; position:relative; width:100%;}

	#error404aviso form {float:left; position:relative; width:100%; margin:20px 0 10px 0}

	#error404aviso fieldset {width:555px; margin:0 auto;}

	#error404aviso input{float:left; width:400px; border:1px solid #afafaf; margin-right:2px; font-size:30px; color:#999}

	#error404aviso input:hover, #error404aviso input:active {border:1px solid #fc0; color:#000;}

	#error404aviso button {float:left; background:url(img/bg-botao.png) 0 0 no-repeat; color:#fff; margin:0; padding:0; border:0; width:150px; height:38px; cursor:pointer; font-size:30px;}

	#error404aviso button:hover {background:url(img/bg-botao.png) 0 -48px no-repeat; color:#fff;}

	#error404aviso button:active {background:url(img/bg-botao.png) 0 -108px no-repeat; color:#fff;}

	

	#error404ant {float:left; position:relative; width:340px; padding:0 280px; margin:0 10px;}







/*-=| FOOTER |=------------------------------------------------------------------------------------------------------------*/

#footer {float:left; position:relative; width:100%; margin-top:30px;}

	#menu-footer {float:left; position:relative; background:#b0b0b0; width:922px; z-index:30;}

	#menu-footer li {display:inline; float:left; border-right:1px solid #888;}

	#menu-footer li:hover {background:#888}

	#menu-footer li:last-child {border:none;}

	#menu-footer li a {font:18px Century Gothic; color:#fff; text-transform:uppercase; display:block; padding:2px 14px 2px 15px; text-shadow: 1px 1px 0px #9a9a9a;}

	#menu-footer li span.plus {background:#555; float:left; position:relative; color:#fff; height:26px; width:27px; font:18px Century Gothic; cursor:pointer; text-align:center}

	#menu-footer li span.plus:hover {background:url(img/bg-botao.png) 0 -50px no-repeat;}

	#menu-footer li.sub ul {display:none;}

	#menu-footer li.sub:hover ul {display:block; position:absolute; bottom:25px; right:0; width:110px; background:#b0b0b0;}

	#menu-footer li.sub ul li{float:right; position:relative; width:100%; border:none; border-top:1px solid #ccc}

	#menu-footer li.sub ul li a {float:left; position:relative; padding:2px 8px; margin:0; display:block; width:100%;}



	#box-bottom {float:left; position:relative; background:#f0f0f0; width:900px; border:1px solid #ddd; margin-top:1px; padding:0 10px; height:auto;}

	#box-bottom li {display:inline; margin:5px 2px;}

	#box-bottom li a {float:right; display:block; width:21px; height:21px; text-indent:-8787px}

	#info {float:left; position:relative; width:480px; font:12px Arial; color:#666;}

	#twitter-b {float:right; background:url(img/sprite.png) -64px -106px no-repeat; width:21px; height:21px;}

	#feed-b {float:right; background:url(img/sprite.png) -32px -106px no-repeat; width:21px; height:21px;}

	#facebook-b {float:right; background:url(img/sprite.png) -95px -106px no-repeat; width:21px; height:21px;}

	.separador {float:right; color:#999999;}

	#news-b {float:right; background:url(img/sprite.png) 0 -106px no-repeat; text-indent:-8787px; width:21px; height:21px;}

	#newsBox-b {float:right;}

	#newsBox-b input {float:left; width:130px; height:17px; border:1px solid #afafaf; margin-right:2px; color:#999}

	#newsBox-b input:hover, #newsBox-b input:focus {border:1px solid #ffae00; color:#000}

	#newsBox-b button {float:left; background: url(img/sprite.png) 0 -207px; margin:0; padding:0; border:0; width:32px; height:20px; cursor:pointer; text-indent:-8787px;}

	#newsBox-b button:hover {background: url(img/sprite.png) -42px -207px;}

	#newsBox-b button:active {background: url(img/sprite.png) -84px -207px;}



.creditos-kalunga {position: absolute; right:0; top:0; font:10px Arial; text-align:right; color:#aaa;}

.creditos-kalunga img { border:0;}
.veiculo { font:10px Verdana; color:#666;}#btn-gif-ofertas-mensais {	text-align:center;}