/* 
Theme Name: REVISTA ESTAR BEM
Theme URL: http://www.revistaestarbem.com.br/
Description: Website Revista Estar Bem.
Author: Marco Riesco
Author URI: http://marcoriesco.com
Version: 1.0

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

/* início CSS */

body {
	background: #FFF url('img/bg-body.png') top repeat-x;
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}
h2 {
	font-size:18px;
	color:#333;
	margin-bottom:10px;
	text-transform:uppercase;
}
a, a:visited {
	color:#333;
	text-decoration:underline;
}
a:hover {
	color:#000;
	text-decoration:none;
}
ul {
	padding:10px;
	list-style:inside;
}
ol {
	padding:10px;
	list-style:decimal inside;
}
	ol li {
	padding-bottom:10px;
	}
#header {
	height:150px;
	margin:0;
	padding:0;
}
#cu3er {
	margin:0 auto 40px auto;	
}
#cu3er-banner {
	width:900px;
	height:300px;
}
#header-wrap {
	width:900px;
	height:161px;
	margin:0 auto;
	padding:0;
}

#header-wrap .menu-institucional {
	text-align:right;
	font-size:10px;
	height:28px;
	line-height:28px;
	width:350px;
	float:right;
	color:#CCC;
	margin-right:15px;
}
#header-wrap .menu-institucional a {
	color:#CCC;
	text-decoration:none;
}
#header-wrap .menu-institucional a:hover {
	color:#FFF;
}

#header-wrap .logo {
	width:186px;
	height:140px;
	margin-left:15px;
	padding-top:10px;
}
#header-wrap .menu {
	width:325px;
	height:30px;
	padding:67px 0 0 374px;
	font-size:12px;
	letter-spacing:0px;
}

#conteudo {
	margin:0;
	padding:0;
	}
#conteudo-wrap {
	width:900px;
	min-height:200px;
	padding:0;
	margin:0 auto;
}

.post {
	background:#fff url(img/bg-post.png) top no-repeat;
	padding:20px 0px;
	color:#333;
	width:900px;
	min-height:150px;
}
.post p{
	line-height:20px;
	margin-bottom:20px;
}
.ultima-edicao {
	padding:20px 0 0 0;
	text-align:center;
}
.ultima-edicao h1 {
	background:transparent url(img/assinatura.png) center no-repeat;
	display:block;
	text-indent:-9999px;
	height:30px;
	margin-bottom:20px;	
}
.ultima-edicao a#botao-ultimaedicao {
	background:transparent url(img/botao-ultimaedicao.png) no-repeat;
	background-position:0px -64px;
	text-indent:-9999px;
	display:block;
	height:64px;
	width:223px;
	margin:0 auto;
}
.ultima-edicao a#botao-ultimaedicao:hover {
	background:transparent url(img/botao-ultimaedicao.png) no-repeat;
	background-position:0px 0px;
}

.destaque {
	padding:20px 0 0 0;
	height:310px;
}
.destaque h1 {
	background:transparent url(img/bg-destaque.png) no-repeat;
	display:block;
	text-indent:-9999px;
	height:30px;
	margin-bottom:20px;
}
.destaque a#botao {
	background:transparent url(img/botao.png) no-repeat;
	background-position:0px 0px;
	display:block;
	height:19px;
	width:109px;
	padding:8px 10px;
	color:#CCC;
	float:right;
	text-decoration:none;
}
.destaque a#botao:hover {
	background:transparent url(img/botao.png) no-repeat;
	background-position:0px -35px;
	cursor:pointer;
	color:#FFF;
}

.destaque-imagem {
	padding:0 5px 5px 0;
	width:564px;
	height:245px;
	display:block;
}
.destaque-texto {
	color:#333;
	font-size:14px;
	width:330px;
	max-height:200px;
	height:200px;
	overflow:hidden;
}

.materias-destaque {
	padding:20px 0 10px 0;
	min-height:660px;
	width:910px;
}
.materias-destaque h1 {
	background:transparent url(img/bg-materias-destaque.png) center no-repeat;
	display:block;
	text-indent:-9999px;
	height:30px;
	margin-bottom:20px;
}
.materias-destaque-div {
	margin-right:10px;
	width:293px;
	height:295px;
	color:#333;
	font-size:12px;
}

#materia {
	width:100%;
	font-size:14px;
	color:#333;
	margin-bottom:40px;
}
#materia .materia-titulo {
	width:100%;
	height:80px;
	margin-bottom:10px;
}
#materia .materia-categoria {
	background:url(img/logo-borboleta.png) left no-repeat;
	padding:0 0 2px 50px;
	font-size:26px;
	color:#063;
	width:750px;
	height:40px;
	line-height:50px;
}
#materia .materia-autor {
	padding-left:50px;
	font-size:13px;
}
#materia .materia-conteudo p{
	line-height:20px;
	margin-bottom:20px;
}
#materia .materia-conteudo h1 {
	font-size:24px;
	color:#333;
	font-weight:bold;
	margin-bottom:15px;
	text-transform:uppercase;
}

#pagina {
	width:100%;
	font-size:14px;
	color:#333;
	margin-bottom:40px;
}
#pagina .pagina-titulo {
	background:url(img/logo-borboleta.png) left no-repeat;
	padding:0 0 2px 50px;
	font-size:26px;
	color:#063;
	width:750px;
	height:40px;
	line-height:50px;
	margin-bottom:10px;
}
#pagina .autor {
	width:100%;
	min-height:150px;
	margin-bottom:10px;
	clear:both;
}
#pagina .autor-foto {
	width:99px;
	height:140px;
	margin-right:10px;
}
#pagina .autor-descricao {
	width:790px;
}

#footer {
	background:#FFF url('img/bg-footer.png') repeat-x bottom;
	height:auto;
	margin:0;
}
#footer-wrap {
	background:#def3ff url('img/bg-footer-wrapper.png') no-repeat top;
	width:900px;
	margin:0 auto;
	color:#000;
	font-size:12px;
}
#footer-wrap .footer-menu {
	background:#FFF url(img/bg-post.png) top center no-repeat;
	min-height:200px;
	padding:20px 0 20px 0;
}
#footer-wrap .footer-menu-parte {
	float:left;
	width:25%;
}
#footer-wrap .footer-menu-parte h1 {
	font-size:18px;
	color:#333;
	margin-bottom:10px;
}
#footer-wrap .footer-menu-parte ul {
	list-style:inside none;
}


/*CSS*/
.esquerda { float:left; }
.direita { float:right; }
.clear { clear:both; }
.padtop10 { padding-top: 10px; }  
.padbottom10 { padding-bottom: 10px; }  
.padleft10 { padding-left: 10px; }  
.padright10 { padding-right: 10px; }  


/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {
	margin: 0 0 0 5px;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 13em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li {
	margin:0;
	text-align:left;
	width: 100%;
}
ul.colunas {
	width:160px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul {
	position: absolute;
	margin: -5% 0 0 95%;
	width:140px;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul {
	border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a {
	display: block;
	cursor: pointer;
	background-color: #F7F7F7;
	padding: 0.5em 0.75em 0.4em;
	color: #666;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
	background: url('img/menu-hover.png') repeat-x;
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
	background: #303 url('img/menu-hover.png') repeat-x;
	color: #FFF;
}


/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe {
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
	ul.MenuBarHorizontal li.MenuBarItemIE {
		display: inline;
		float: left;
		background: #FFF;
	}
}


/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	float: right;
	color:#74498D;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #74498D;
	padding: 3px 10px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	font-weight: bold;
	font-size:16px;
	border-color: #59386D;
	color:#59386D;
}

.wp-pagenavi span.current {
	font-weight: bold;
	color:#59386D;

}