/*
 *
 *	CSS Styles escritos por Felipe Romero, Última atualização em 06.03.2013
 *	http://www.feliperomero.com.br/
 *
 */
/*=====================================================================
    GLOBALS
======================================================================*/
body {font: 12px Arial, Helvetica, sans-serif; color:#aeaeae; text-rendering: optimizeSpeed; background:url(i/bg.jpg) top center; }
#no-js{display:none;}
html.no-js #no-js{background:#b73232; border: 5px solid #990000; text-align:center; padding: 10px; z-index:99999; display:block; color: #FFF; font-weight:bold;}
p {margin-bottom: .5em; line-height: 1.7em;}
a {color: inherit; text-decoration: none; cursor: pointer;}
a:hover {text-decoration: underline;}
h1 {font: 700 18px 'Open Sans', sans-serif; margin-bottom: .7em; text-transform: uppercase; color: #23002C;}
h2 {font: 700 18px 'Open Sans', sans-serif; margin-bottom: .7em; text-transform: uppercase; color: #23002C;}
h3 {font: 22px 'NeoSans', sans-serif; color: #dedede; margin-bottom: .5em;}

.titlePosts{font: 400 18px 'Open Sans', sans-serif; margin-bottom: .7em; text-transform: uppercase; color: #666666;}
 
h1.f30 {font-size: 30px;}
h1.mTop20{
	color:#360044;
}

hr {border: none; border-bottom: 1px solid #2a2a2a;}

.clear {width: 100%; height:auto; clear: both;}
.clear10 {width: 100%; height: 10px; clear: both;}
.clear30 {width: 100%; height: 30px; clear: both;}
.clear50 {width: 100%; height: 50px; clear: both;}
.clear100 {width: 100%; height: 100px; clear: both;}

.mTop10{ margin-top: 10px; }
.mTop20{ margin-top: 20px; }
.mTop30{ margin-top: 30px; }

.mLeft10{ margin-left: 10px; }
.mLeft20{ margin-left: 20px; }
.mLeft25{ margin-left: 25px; }

.alignCenter {text-align: center;}
.alignRight {text-align: right;}

.fLeft {float: left;}
.fRight {float: right;}

.padding6{ padding: 6px; }

.grid_315 {width: 315px; position: relative;}
.grid_380 {width: 380px; position: relative;}
.grid_460 {width: 460px; position: relative;}
.grid_540 {width: 540px; position: relative;}
.grid_550 {width: 550px; position: relative;}
.grid_650 {width: 650px; position: relative;}

.wrapper {width: 100%; position: relative;}
.container {width: 985px; margin: auto; position:relative; background: #fff; padding: 0 20px; }

/*=====================================================================
    STYLES
======================================================================*/
#sucess{ font: 700 18px 'Open Sans', sans-serif; margin-bottom: .7em; text-transform: uppercase; color: #23002C; }
.line3{ width: 315px; height: 3px; background: #efefef; }
.sendImage{ margin: 40px; }
.comments{ padding-top: 15px; border-top: 3px solid #f2f2f2; }
.socialPost{ padding-top: 7px; border-top: 1px solid #f2f2f2; }
.socialPost li{ float: left; margin: 0 20px 0 0; }
#word{ font-weight: 700; color: #353535; }
.numberResult{ font: 17px 'Open Sans', sans-serif; color: #353535; margin-left: 5px; }
.social{ width: 400px; }
.social li{ float: left; margin: 0 10px 0 0; }

/*=====================================================================
    HEADER
======================================================================*/
body > header{ width: 100%; height: 145px; }
body > header .header{ width: 100%; height: 125px; background: #1B0022; }
body > header .headerCenter{ width: 1025px; height: 145px; background: #360044; margin: 0 auto; border-left: 21px solid #23002c; border-right: 21px solid #23002c; position: relative; }
body > header .headerCenter .logo{ position: absolute; left: 45px; bottom: 45px; }
#bgHeaderRight{ position: absolute; right: -21px; bottom: 0; }
#bgHeaderLeft{ position: absolute; left: -21px; bottom: 0; }
.headerTopDin{ width: 100%; height: 260px; }
body > header .headerDin{ width: 100%; height: 240px; background: #1B0022; }
body > header .headerCenterDin{ width: 1025px; height: 260px; background: #360044; margin: 0 auto; border-left: 21px solid #23002c; border-right: 21px solid #23002c; position: relative; }
body > header .headerCenterDin .logo{ position: absolute; left: 45px; bottom: 5px; }
.menu ul li{ float: left; margin: 0 30px 0 0; }
.menu ul{ margin-top: 7px; }
.menu ul li a{ font: 12px 'Open Sans', sans-serif; color: #353535; text-transform: uppercase; }
.inputSearch{ border: 1px solid #e6e6e6; color: #b6b6b6; font: 13px 'Open Sans', sans-serif; width: 155px; height: 25px; padding: 0 10px; }
.lineMenu{ width: 100%; height: 1px; background: #e6e6e6; }
.bannerAdsDin{ position: absolute; top: 9px; left: 50px; }
.bannerAdsense{ width: 728px; height: 90px; position: absolute; top: 28px; right: 20px; }

/*=====================================================================
    HOME
======================================================================*/
.listPosts{ width: 650px; border-top: 3px solid #f2f2f2; padding-top: 7px; }
.listPosts2 hr,
.listPosts hr{ width: 650px; height: 2px; background: #f2f2f2; border: none; }
.listPosts2{ width: 650px; }
.sidebar{ width: 315px; }
.sidebarBottom{ width: 315px; border-top: 3px solid #f2f2f2; padding-top: 7px; }
.bannerAdsHome{ width: 985px; }
.listPostSearch{ width: 650px; }
.listPostSearch hr{ width: 650px; height: 2px; background: #f2f2f2; border: none; }
.boxAdsSide{ width: 300px; background: #efefef; }
.ads315{ width: 300px; background: #efefef; }
.socialMedia{ width: 315px; height: 20px; position: relative; }
.socialMedia p{ font: bold 15px Arial, sans-serif; color: #23002C; position: absolute; left: 0; top: 10px; }
.socialMedia nav{ position: absolute; right: 0; top: -5px; }
.socialMedia nav a{ width: 19px; height: 20px; display: inline-block; margin: 15px 0 0 10px; }
.socialMedia nav a:nth-child(1){ background: url(i/facebook.png) 0 20px; }
.socialMedia nav a:nth-child(2){ background: url(i/twitter.png) 0 20px; }
.socialMedia nav a:nth-child(3){ background: url(i/google-plus.png) 0 20px; }
.socialMedia nav a:hover{ background-position: 0 0; }
.newsletter input[type=text]{ width: 204px; height: 20px; margin-top: 5px; }
.newsletter input[type=submit]{ width: 98px; height: 29px; border: 0; cursor: pointer; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: url(i/register.png) 0 0; float: right; margin: 3px; }
.newsletter input[type=submit]:hover{ background-position: 0 30px; }
.boxPostHome{ width: 660px; height: 275px; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; }
.textPost{ width: 325px; }
.textPost .titlePost{ color: #353535; font: 700 17px 'Open Sans', sans-serif; text-transform: none; }
.textPost span{ font: 11px Arial, sans-serif; color: #c3c3c3; }
.textPost h3,
.textPost p{ font: 13px/18px Arial, sans-serif; color: #666666 !important; display: block; }
.urlPost:hover{ text-decoration: none; }
.listPostSide ul li a p{ font: 700 13px 'Open Sans', sans-serif; color: #666666; width: 215px; line-height: 16px; }
.listPostSide ul li a p span{ font: 11px Arial, sans-serif; color: #c3c3c3; }
.postContent{ width: 650px; padding-top: 20px; }
.postContent h1{ font: 700 17px 'Open Sans', sans-serif;}
.textPostInt{ width: 650px; font: 13px 'Open Sans', sans-serif; color: #666666; }
.categoriaPost{ font: 11px Arial, sans-serif; color: #666666; text-transform: uppercase; }
.creditsPost{ font: 11px Arial, sans-serif; color: #c3c3c3; }

/*-- SLIDESHOW --*/
.cycle-slideshow{ position: relative; width: 651px; }
.cycle-slideshow a{ position: relative; }
.cycle-overlay{ width: 591px; padding: 20px 30px; z-index: 9999; background: url(i/bg-opacity.png) repeat; font: 21px 'Open Sans', sans-serif; color: #fff; position: absolute; bottom: 4px; }
.cycle-overlay span{ font-weight: 700; }
.cycle-pager li{ float: left; position: relative; margin-right: 1px; cursor: pointer; }
.cycle-overlay-thumb{ position: absolute; left: 0; top: 0; width: 142px; height: 102px; padding: 10px; background: #23002C; display: none; font: 15px 'Open Sans', sans-serif; color: #fff; }
.cycle-overlay-thumb span{ font-weight: 700; }
.cycle-pager-active img{ opacity: 0; }
.cycle-pager-active .cycle-overlay-thumb{ display: block; }

/*=====================================================================
    PAGINATION
======================================================================*/
.paginator{ min-width: 100px; float: left; margin: 20px 0 0 0; }
.paginator li{ float: left; font: 15px 'Open Sans', sans-serif; color: #666666; margin: 0 10px 0 0; }
.paginator li a{ font: 15px 'Open Sans', sans-serif; color: #666666; }
.paginator li a:hover,
.paginator li.current{ color: #23002C; text-decoration: none; }

/*=====================================================================
    CONTACT
======================================================================*/
.contactText{ font: 13px 'Open Sans', sans-serif; color: #353535; line-height: 18px; }
.contactText strong{ font: 700 17px 'Open Sans', sans-serif; color: #353535; }

/*=====================================================================
    FORMS
======================================================================*/
.form{ width: 320px; }
form[name=Kontakt] ul li input[type=text]{ width: 310px; height: 25px; padding-left: 5px; border: 1px solid #d2d2d2; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
form[name=Kontakt] ul li textarea{ width: 310px; height: 180px; padding-left: 5px; border: 1px solid #d2d2d2; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
form[name=Kontakt] ul li{ margin-bottom: 15px; }
form[name=Kontakt] ul li input[type=submit]{ width: 149px; height: 39px; float: right; border: none; background: url(i/send.png) 0 0 no-repeat; }
form[name=Kontakt] ul li input[type=submit]:hover{ background-position: 0 -40px; }
form[name=Kontakt] ul li p{ font: 700 15px 'Open Sans', sans-serif; color: #353535; margin-bottom: -15px; }
.errorText{ font: 14px 'Open Sans', sans-serif; color: #23002C; }
.error{ background: #23002C; color: #fff; }

.postsRelacionados{ width: 640px; float: left; margin-left: 10px; margin-top: -25px; padding-top: 20px; border-top: 1px solid #e9e5de; }
.postsRelacionados ul li{ width: 140px; float: left; margin-right: 20px; margin-top: 20px; }
.postsRelacionados ul li a p{ font:bold 14px 'Open Sans', sans-serif; color:#666666; width: 140px; line-height: 14px; line-height: 18px; }
.postsRelacionados ul li a:hover{ text-decoration: underline; }

/*=====================================================================
    FOOTER
======================================================================*/
.footerCenter{ width: 1025px; height: 140px; background: #fff; margin: 0 auto; position: relative; }
.footerInt{ width: 990px; border-top: 3px solid #efefef; margin: 20px auto; float: left; margin-left: 15px; }
#credits{ font: 9px Arial, sans-serif; color: #c7c7c7; position: absolute; left: 20px; bottom: 0; }
#jurujuba{ font: 9px Arial, sans-serif; color: #c7c7c7; position: absolute; right: 20px; bottom: 0; text-transform: uppercase; }