﻿/* --- elementos gerais --- */
a { color: #0088cc; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { font-family: arial, georgia, tahoma, verdana, sans-serif; font-weight: normal; margin: 0; padding: 0; }
h2 { font-size: 26px; line-height: 32px; font-weight: bold; letter-spacing: -1px; }
h3 { font-size: 18px; line-height: 22px; letter-spacing: -1px; }
h4 { font-size: 14px; line-height: 18px; font-weight: bold; letter-spacing: -1px; }
p { margin: 0 0 10px 0; padding: 0; }
blockquote { float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; line-height: 23px; width: 240px; margin: 6px 20px 0 0; padding: 10px 15px 0 15px; background-color: #f8f9fb; border-top: 5px solid #0088cc; }
ins { color: #c00; text-decoration: none; border-bottom: 1px dotted #c00; }
del { text-decoration: line-through; }
em { font-style: italic; }
cite { font-weight: bold; font-style: italic; }
abbr { text-transform: uppercase; border-bottom: 1px dotted #0088cc; }
q { font-style: italic; }
code { font-size: 13px; padding-right: 3px; padding-left: 3px; background-color: #e4ecfc; border-right: 1px solid #d1daed; border-bottom: 1px solid #d1daed; }
pre { margin-left: 40px; }
.line { width: auto; height: auto; margin: 15px 0 30px 0; padding: 0; background-color: #ddd; border-bottom: 1px solid #ddd; }
.modLetra:first-line { text-transform : uppercase; font : 16px bold;}
.modLetra:first-letter {font-size : 400%; float : left; }

/* --- layout --- */
body { color: #333; font-size: 12px; font-family: arial, verdana, tahoma, sans-serif; margin: 0; padding: 0; background: #f0f0f0 url(images/background.gif) repeat-x left top; }
div#wrapper { width: 982px; height: auto; margin: 0 auto 0 auto; padding: 0; }
div#header { width: 100%; height: 100px; margin: 0; padding: 0; }
div#container { float: right; width: 657px; margin: 0 0 20px 0; padding: 19px 39px 0px 39px; background: #fff url(images/background-container.gif) repeat-x left top; border: 1px solid #ddd; }
div#container-custom-page { width: 902px; margin: 0 0 20px 0; padding: 19px 39px 0px 39px; background: #fff url(images/background-container.gif) repeat-x left top; border: 1px solid #ddd; }
div#content { margin: 0; padding: 0; }
div.sidebar { float: left; width: 200px; overflow: hidden; margin: 0; padding: 0px 22px 0px 22px; background-color: #fff; }
div#primary { padding-top: 22px; background: #fff url(images/background-sidebar.gif) repeat-x left top; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
div#secondary { clear: left; margin: 0 0 20px 0; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; }
div#footer { clear: both; width: 100%; height: auto; margin: 0 0 40px 0; padding: 0; }

/* --- header --- */
#pag-titulo { float: left; margin: 0; padding: 0; }
#pag-titulo a { display: block; color: #fff; font-size: 0px; line-height: 250px; overflow: hidden; width: 455px; height: 100px; margin: 0; padding: 0; background: url(images/logo-v2.png) no-repeat scroll left top; }
#pag-titulo a:hover { color: #fff; text-decoration: none; }
#pag-descricao { height: 0; visibility: hidden; display: none; }

/* --- header --- date --- */
div#header #date { float: right; clear: right; color: #666; font-size: 11px; width: auto; height: auto; margin: 40px 0 0 0; padding: 0; }

/* --- header --- newsletter --- */
div#header #newsletter { float: right; width: 404px; height: 35px; margin: 0; padding: 0; }
div#header #newsletter a img { margin: 0; padding: 0; border: none; }

/* --- newsletter --- pop-up --- */
#news-popup { width: 402px; height: 402px; margin: 0; padding: 0; background: #fff url(images/news-popup-bg.png) no-repeat scroll left top; }
#news-popup #news-popup-form { float: right; width: 168px; height: auto; margin: 176px 22px 0 0; padding: 0; }
#news-popup #news-popup-form #hidden { height: 0; visibility: hidden; display: none; }
#news-popup #news-popup-form input#input { color: #333; font-size: 11px; width: 160px; height: auto; margin: 0 0 15px 0; padding: 5px 3px 5px 3px; background-color: #fff; border: 1px solid #ddd; }
#news-popup #news-popup-form input#submit { width: 168px; height: 25px; margin: 0; padding: 0; outline: none; }

#news-popup_c { width: 402px; height: 402px; margin: 0; padding: 0; background: #fff url(images/news-popup-bg_.png) no-repeat scroll left top; }
#news-popup_c #news-popup-form { float: right; width: 168px; height: auto; margin: 176px 22px 0 0; padding: 0; }
#news-popup_c #news-popup-form #hidden { height: 0; visibility: hidden; display: none; }
#news-popup_c #news-popup-form input#input { color: #333; font-size: 11px; width: 160px; height: auto; margin: 0 0 15px 0; padding: 5px 3px 5px 3px; background-color: #fff; border: 1px solid #ddd; }
#news-popup_c #news-popup-form input#submit { width: 168px; height: 25px; margin: 0; padding: 0; outline: none; }

#news-popup_p { width: 402px; height: 402px; margin: 0; padding: 0; background: #fff url(images/enquete_v.png) no-repeat scroll left top; }
#news-popup_p #news-popup-form { float: right; width: 168px; height: auto; margin: 176px 22px 0 0; padding: 0; }
#news-popup_p #news-popup-form #hidden { height: 0; visibility: hidden; display: none; }
#news-popup_p #news-popup-form input#input { color: #333; font-size: 11px; width: 160px; height: auto; margin: 0 0 15px 0; padding: 5px 3px 5px 3px; background-color: #fff; border: 1px solid #ddd; }
#news-popup_p #news-popup-form input#submit { width: 168px; height: 25px; margin: 0; padding: 0; outline: none; }

#news-popup_a { width: 402px; height: 402px; margin: 0; padding: 0; background: #fff url(images/amigo.png) no-repeat scroll left top; }
#news-popup_a #news-popup-form { float: right; width: 168px; height: auto; margin: 176px 22px 0 0; padding: 0; }
#news-popup_a #news-popup-form #hidden { height: 0; visibility: hidden; display: none; }
#news-popup_a #news-popup-form input#input { color: #333; font-size: 11px; width: 160px; height: auto; margin: 0 0 15px 0; padding: 5px 3px 5px 3px; background-color: #fff; border: 1px solid #ddd; }
#news-popup_a #news-popup-form input#submit { width: 168px; height: 25px; margin: 0; padding: 0; outline: none; }

/* --- navegação --- */
div#access { color: #333; font-family: arial, tahoma; font-weight: bold; width: auto; margin: 0 0 20px; padding: 0; background: #fff url(images/menu-bg.gif) repeat-x left bottom; border: 1px solid #ddd; }
div.skip-link { height: 0; visibility: hidden; display: none; }
div#menu { float: left; }
div#menu ul, div#menu ul ul { margin: 0; padding: 0; list-style-type: none; }
div#menu ul li { float: left; margin: 0; padding: 0; }
div#menu ul li a { float: left; color: #333; text-decoration: none; margin: 0; padding: 10px 14px 9px 15px; border-right: 1px solid #ddd; }
div#menu ul li a:hover { color: #0088cc; background: #fff url(images/menu-bg-on.gif) repeat-x left top; border-right: 1px solid #ddd; }
div#menu ul ul { display: none; }
div#menu ul ul li { float: none; }
div#menu ul ul li a { color: #333; text-decoration: none; width: 220px; margin: 0; padding: 10px 0px 9px 15px; background-color: #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
div#menu ul li:hover ul { display: block; position: absolute; margin: 34px 0px 0px -1px; border-top: 1px solid #ddd; }
div#access #search { float: right; width: 350px; height: 25px; margin-top: 5px; margin-right: 4px; padding: 0; }
div#access #search input#s { float: left; color: #333; font-size: 11px; width: 300px; height: auto; margin: 0; padding: 5px 3px 5px 3px; background-color: #fff; border-left: solid 1px #ddd; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; border-right: none; }
div#access #search input#submit { float: left; width: 25px; height: 25px; margin: 0; padding: 0; }
div#access #rss { float: right; width: 24px; height: 24px; margin-top: 5px; margin-right: 25px; padding: 0; }
div#access #rss a { display: block; color: #fff; font-size: 0px; line-height: 100px; overflow: hidden; width: 24px; height: 24px; margin: 0; padding: 0; background: #fff url(images/menu-rss-icon.gif) no-repeat left top; }
div#access #rss a:hover { color: #fff; text-decoration: none; }
div.searchoption{ position: absolute; padding: 6px; border:solid 1px #CCCCCC; width:200px; margin-left:2px; margin-top: 25px; background: #fff url(images/background.gif) repeat; }
div.suboption{ margin-left:14px; margin-bottom: 10px;}

/* --- corpo - básico --- */
div.post, div.page, div.attachment { margin: 0 0 39px; padding: 0; }
.entry-title { margin: 0 0 15px; padding: 0 0 10px; border-bottom: 1px solid #ddd; }
.entry-title a { display: block; color: #333; text-decoration: none; }
.entry-title a:hover { color: #0088cc; }
.page-title { margin: 0 0 30px; padding: 0 0 10px; border-bottom: 1px solid #ddd; }
div.entry-content { line-height: 21px; margin: 0; padding: 0; }
div.entry-meta { clear: both; font-size: 11px; line-height: 20px; margin: 0; padding: 10px; background-color: #f8f9fb; border-top: 5px solid #0088cc; }
div.entry-meta .meta-sep { color: #999; padding-right: 5px; padding-left: 5px; }
div.entry-meta abbr { border-style: none; text-transform: lowercase; text-transform: capitalize; }
div#nav-below { width: 100%; margin: 0 0 39px; padding: 0; }
div.nav-previous { float: left; }
div.nav-next { float: right; }
body.single div.nav-previous, body.single div.nav-next { width: 45%; line-height: 20px; font-style: italic; }
body.single div.nav-next a { float: right; }
body.blog div#nav-below, body.archive div#nav-below, body.search div#nav-below { font-size: 14px; font-weight: bold; } 
div.entry-content h3 { margin: 0; padding: 10px 0 0 0; }
div.entry-content h4 { margin: 0; padding: 5px 0 0 0; }
div.entry-content a.more-link { float: right; font-size: 14px; font-weight: bold; margin: 0 0 20px 0; padding: 0; }
div.entry-content ul { list-style-type: square; }
div.entry-content ol { list-style-type: decimal; }
div.entry-content ol ol { list-style-type: upper-alpha; }
div.entry-content ol ol ol { list-style-type: lower-roman; }
div#nav-above, div.archive-meta, div.entry-date, div#nav-images { height: 0; visibility: hidden; display: none; }

/* --- corpo --- images & videos --- */
div.entry-content div.alignleft, div.entry-content img.alignleft { float: left; margin: 6px 20px 10px 0px; padding: 0; }
div.entry-content div.alignright, div.entry-content img.alignright { float: right; margin: 6px 0px 10px 20px; padding: 0; }
div.entry-content div.aligncenter, div.entry-content img.aligncenter { display: block; margin: 0 auto 10px auto; padding: 0; }
div.entry-content img, div.entry-content a img { border-style: none; max-width: 650px; width: expression(this.width > 650 ? 650: true); }
.wp-caption-text, div.entry-caption { color: #666; font-size: 11px; line-height: 15px; margin: 0; padding: 4px 0px 0px 0px; }

/* --- corpo  --- elementos gerais --- */
div.entry-content ul#best-promos { list-style: none; margin: 0 0 0 10px; padding: 0; }
body.home ul#best-promos { clear: both; margin: 0 0 22px 0; padding-left: 9px; padding-top: 10px; background: #fff url(images/page-home-promo-bg.gif) repeat-x scroll left top; border: 1px solid #ddd; }
div.entry-content ul#best-promos li { float: left; line-height: 18px; width: 294px; height: auto; margin: 0 0 10px 0; padding: 0; }
div.entry-content ul#best-promos li a { display: block; color: #333; padding: 47px 95px 36px 14px; }
div.entry-content ul#best-promos li#best-promo-1 a { background: #fff url(images/video.png) no-repeat scroll 0 0; }
div.entry-content ul#best-promos li#best-promo-2 a { background: #fff url(images/biografia.png) no-repeat scroll 0 0; }
div.entry-content ul#best-promos li#best-promo-3 a { background: #fff url(images/enquete.png) no-repeat scroll 0 0; }
div.entry-content ul#best-promos li#best-promo-1 a:hover, div.entry-content ul#best-promos li#best-promo-2 a:hover, div.entry-content ul#best-promos li#best-promo-3 a:hover { color: #0088cc; text-decoration: underline; }
div.entry-content #home-feature { float: left; width: 602px; height: 294px; margin: 20px 22px 22px 0; padding: 0; }
div.entry-content #home-topics { float: left; width: 230px; height: auto; margin: 0; padding: 0 39px 0 0; border-right: 1px solid #ddd; }
div.entry-content #home-topics h3 { margin: 0 0 8px 0; padding: 0; }
div.entry-content #home-topics ul { list-style: none; margin: 0; padding: 0; }
div.entry-content #home-topics ul li a { color: #333; display: block; margin: 0; padding: 2px 26px 3px 0; background: url(images/icon-arrow.gif) no-repeat scroll 215px 7px; }
div.entry-content #home-topics ul li a:hover { color: #0088cc; background: url(images/icon-arrow-on.gif) no-repeat scroll 215px 7px; }
div.entry-content #home-popular { float: right; width: 602px; height: auto; margin: 0; padding: 0; }
div.entry-content #home-popular h3 { margin: 0 0 8px 0; padding: 0; }
div.entry-content #home-popular ul { list-style: none; margin: 0; padding: 0; }
div.entry-content #home-popular ul li { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ddd; }
div.entry-content #home-popular .wpp-post-title { font-weight: bold; }
div.entry-content #home-popular p { margin: 0; padding: 0; }
body.home span.edit-link { display: block; clear: both; }
div.entry-content #home-description { float: left; width: 278px; height: 294px; margin: 20px 0 22px 0; padding: 0; background: #0088cc url(images/page-home-description-bg.png) no-repeat scroll left top; }
div.entry-content #home-description p { color: #fff; text-align: center; line-height: 17px; margin: 0; padding: 15px 22px 0 22px; }
div.entry-content #home-description p.first { font-size: 18px; padding-top: 88px; }

/* --- Reflexao diaria --- */
#reflexao { margin-left: 3px; }
#reflexao { width: 600px; height: 294px; overflow: hidden; }
#reflexao { display: block; width: 600px; height: 294px; margin-top: 1px; background: #fff url(images/reflexao.png) no-repeat 0 0; }
#reflexao img { float: right; width: 320px; height: 270px; margin: 7px; padding: 5px; background: #fff}
#reflexao h3 { font-size: 22px; text-align: center; line-height: 22px; letter-spacing: -1px; margin-top: 50px;}
#reflexao a { color: #000; }
#reflexao a:hover { color: #0088cc; text-decoration: underline; }

/* --- sidebar --- basic styles --- */
div.sidebar div, div.sidebar ul, div.sidebar li, div.sidebar li form { margin: 0; padding: 0; }
div.sidebar h3 { margin: 0 0 8px 0; padding: 0; }
div.sidebar h3 a { color: #333; text-decoration: none; }
div.sidebar h3 a:hover { color: #0088cc; text-decoration: underline; }
div.sidebar h3 .rsswidget img { height: 0; visibility: hidden; display: none; } /* hides rss feed icon */
div.sidebar ul li { list-style: none; margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #ddd; }
div.sidebar ul ul { margin: 0; padding: 0; list-style-type: none; }
div.sidebar ul ul li { margin: 0; padding: 0; border-style: none; }
div.sidebar ul li.widget_text div, div.sidebar ul li.widget_polls div { line-height: 21px; }
div.sidebar ul li.widget_popular_posts ul li a,
div.sidebar ul li.widget_recent_entries ul li a,
div.sidebar ul li.widget_page_link_manager ul li a,
div.sidebar ul li.widget_categories ul li a,
div.sidebar ul li.widget_archive ul li a,
div.sidebar ul li.widget_links ul li a,
div.sidebar ul li.widget_rss ul li a { color: #333; display: block; margin: 0; padding: 4px 18px 4px 0; background: url(images/icon-arrow.gif) no-repeat scroll 187px 5px; }
div.sidebar ul li.widget_popular_posts ul li a:hover,
div.sidebar ul li.widget_recent_entries ul li a:hover,
div.sidebar ul li.widget_page_link_manager ul li a:hover,
div.sidebar ul li.widget_categories ul li a:hover,
div.sidebar ul li.widget_archive ul li a:hover,
div.sidebar ul li.widget_links ul li a:hover,
div.sidebar ul li.widget_rss ul li a:hover { color: #0088cc; background: url(images/icon-arrow-on.gif) no-repeat scroll 187px 5px; }
div.sidebar ul ul ul { margin: 0; padding: 0; list-style-type: none; }
div.sidebar ul ul ul li { margin: 0; padding: 0; border-style: none; list-style-type: none; }

/* --- rodapé --- */
div#footer #footer-top { width: 980px; height: auto; margin: 0; padding: 0; border: 1px solid #ddd; background: #fff url(images/footer-top-bg.gif) no-repeat left top; }
div#footer #footer-mid { color: #888888; font-size: 10px; width: 100%; height: auto; margin: 0; padding: 0; border-bottom: 1px solid #ddd; }
div#footer #footer-bottom { color: #888888; font-size: 10px; width: 100%; height: auto; margin: 0; padding: 0; }
div#footer #footer-top .footer-list { float: left; width: 200px; height: auto; margin: 22px 23px 22px 22px; padding: 0; }
div#footer #footer-top .footer-list h3 { margin: 0 0 8px 0; padding: 0; }
div#footer #footer-top .footer-list ul { margin: 0; padding: 0; }
div#footer #footer-top .footer-list ul li { margin: 0; padding: 0; list-style-type: none; }
div#footer #footer-top .footer-list ul li a { color: #333; display: block; margin: 0; padding: 4px 18px 4px 0; background: url(images/icon-arrow.gif) no-repeat scroll 187px 5px;  }
div#footer #footer-top .footer-list ul li a:hover { color: #0088cc; background: url(images/icon-arrow-on.gif) no-repeat scroll 187px 5px; }
div#footer #footer-top .footer-list ul ul { height: 0; visibility: hidden; display: none; } /* hide child page links */
div#footer #footer-mid ul { float: right; margin: 0; padding: 18px 0 12px 0; list-style-type: none; }
div#footer #footer-bottom ul { margin: 0; padding: 8px 0 0 4px; list-style-type: none; }
div#footer #footer-mid ul li, div#footer #footer-bottom ul li { float: left; margin: 0; padding: 3px 0 0 0; }
div#footer #footer-mid ul li.meta-sep, div#footer #footer-bottom ul li.meta-sep { color: #ccc; font-size: 15px; margin: -1px 0 0 0; padding: 0 13px 0 13px; }
div#footer #footer-mid ul li a, div#footer #footer-bottom ul li a { color: #0088cc; text-decoration: none; margin: 0; padding: 0; }
div#footer #footer-mid ul li a:hover, div#footer #footer-bottom ul li a:hover { color: #0088cc; text-decoration: underline; }
div#footer #footer-mid #footer-logo { float: right; width: 123px; height: 17px; margin: 0 5px 0 0; padding: 18px 0 0 0; }
div#footer #footer-mid #footer-logo a img { border-style: none; }
div#footer #footer-mid #footer-text { float: left; margin: 0 0 0 5px; padding: 21px 0 0 0; }

/* --- mozilla/firefox hacks --- */
div#wrapper:after,
div#access:after,
div#menu:after,
div#nav-below:after,
div#secondary:after,
div#footer-top:after,
div#footer-mid:after,
div#footer-bottom:after,
div#best-main:after,
ul#best-promos:after,
body.home div.page:after,
div.featured-product:after,
div.landing-details:after,
ul.tabnav:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* --- internet explorer 6 hacks --- */
* html div.sidebar ul li.widget_text ul li a,
* html div.sidebar ul li.widget_polls ul li a,
* html div.sidebar ul li.widget_recent_entries ul li a,
* html div.sidebar ul li.widget_page_link_manager ul li a,
* html div.sidebar ul li.widget_categories ul li a,
* html div.sidebar ul li.widget_archive ul li a,
* html div.sidebar ul li.widget_links ul li a,
* html div.sidebar ul li.widget_rss ul li a,
* html div.sidebar ul li.widget_popular_posts ul li a,
* html div#footer #footer-top .footer-list ul li a,
* html div#access,
* html ul#best-promos,
* html div#home-popular,
* html body.home div.page,
* html ul.lcp_catlist li a,
* html div.featured-product,
* html div.landing-details { height: 1%; } /* gives "has layout" */
* html ul.lcp_catlist, * html h3.post-list-title, * html div.landing-pros, * html #best-main, * html ul.tabnav { zoom: 1; } /* solves issue of overflow when elements float beside block level elements */
* html div#footer #footer-top .footer-list, * html #landing-page-tabs .landing-details { display: inline; } /* solves the double margin issue */
* html div#header #date { width: 200px; text-align: right; } /* solves strange line break issue */
* html div.entry-content #product-details { margin-bottom: 25px; } /* pushes next paragraph down enough to start on its own line */
* html div.entry-content em { overflow: visible; zoom: 1; } /* solves fucking stupid italics making the box wider than it should be issue */
* html #home-topics ul li a { height: 1%; width: 185px; } /* solves list item height and float width issues */