/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimplegrid Framework          ||
|| # Copyright (C) 2010  Youjoomla.com. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla.com                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
/*BODY ID'S USED FOR CSS FONT STYLES AND BASE SITE BODY STYLING */
/* #@# fontes importadas do google */
@import url(https://fonts.googleapis.com/css?family=Anton|Francois+One|Oswald);
@import url(/w3/templates/kickoff/css/faixalivre.css);
/*  @import url(https://fonts.googleapis.com/css?family=Spectral);  fonte adicional para o miolo das materias */

body {
	color: #222222; /* #@# era #989898  */
}
#centerbottom {
}
#logo {
	background: url(../images/blue/logo.png) no-repeat 0px 0px;
}
/* SITE LINKS */
a {
	text-decoration: none;
	color: #3498db;
}
/* SITE HOVERS */
a:focus,
a:hover {
	color: #242424;
}
/* SITE HEADINGS */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #242424;
}
/* SITE LI IMAGE */
ul li {
	background: url(../images/blue/bodyli.gif) no-repeat 0px 10px;
}
/* ARTICLE TABLE OF CONTENTS */
fieldset,
#article-index ul {
	border: 1px solid #dcdcdc;
}
#article-index ul li {
	border-bottom: 1px solid #dcdcdc;
}
#article-index ul li:last-child {
	border: none;
}
/* INPUTBOXES */
.inputbox {
	background: #FFFFFF;
	border: none!important;
	border-bottom: 1px solid #dedede!important;
	border-radius: 0!important;
	box-shadow: none!important;
}
.inputbox:hover,
.inputbox:focus {
	background: #F7F7F7;
}
/*BUTTONS AND READON
--------------------- */
.button,
.validate,
a.readon {
	color: #fff;
	text-shadow: none;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/*TOP MENU STYLE FOR SPLIT MENU, CSS DROPDOWN AND SMOOTH DROPDOWN
--------------------- */
#topmenu_holder.yjsgmega,
#topmenu_holder.topmodpoz,
#topmenu_holder.topmodpoz_navbar {
	background: none;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.top_menu ul.group_holder ul.subul_main.level2,
.top_menu ul.group_holder ul.subul_main.level4 {
	border: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
}
.top_menu ul.subul_main a.first {
	-webkit-border-top-left-radius: 0;
	-moz-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
	border-top-right-radius: 0;
}
.top_menu ul.subul_main a.last {
	-webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
}
.top_menu li {
	background-image: none;
}
/* sub ul border */
.top_menu ul.subul_main,
.top_menu ul.group_holder > li.holdsgroup li.haschild > ul[class*="subul_main"] {
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #242424;
}
/* reset Bootstrap navbar */
.navbar-inner {
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
}
/* TOP LEVEL LINKS */
.top_menu ul li a {
/* 	color: #fff; */
	color:#333333!important; 	/* #@# cor txt do menu pg ppl - overrides custom.css */
	background-color:#FDFDFD!important; /* #@# cor fundo dos submenus pg ppl - overrides custom.css  */
}
/* active and hover */
.top_menu ul li a:hover,
.top_menu li.active a.activepath {
	color: #fff;
}
/*SUBTITLE */
.top_menu ul li a span.yjm_desc {
	color: #6b6b6b;
}
/* active and hover */
.horiznav ul li.active a span.yjm_desc,
.horiznav ul li a:hover span.yjm_desc {
	text-shadow: none;
}
/* HASCHILD ARROWS */
.top_menu ul li.haschild span.child a {
	position: relative;
}
.top_menu ul li.haschild span.child a:after {
	font-family: 'FontAwesome';
	content: "\f111";  /* #@# icon unicode fa-long-arrow-down: \f175 fa-arrow-down: \f063  fa-angle-double-down: \f103  (https://mdirenzo.it/futilita/fa_font_css.html) */
	position: absolute;
	top: 45%;
	left: 10px;  // #@# move bola submenus na horizontal era 5px
	padding: 0;
	font-size: 0px; /* #@# size icon menu child doesn't work in custom.css */
}
.top_menu ul.subul_main li.haschild span.child a:after {
	font-family: 'FontAwesome';
	content: "\f111";
	position: absolute;
	top: 43%;
	left: auto;
	right: 10px;
}
.top_menu ul.subul_main li.haschild span.child a:hover:after {
	content: "\f111";
}
/* rtl arrows */
body.yjsgrtl .top_menu ul.subul_main li.haschild span.child a:after {
	right: auto;
	left: 10px;
	content: "\f111";
}
/* side menu arrow */
body.yjsgrtl ul.defaultmenu li a:after {
	content: "\f111";
	left: auto;
	right: -15px;
}
/*SUB LEVELS A*/
.top_menu ul.subul_main li a {
	color: #c5c5c5;
	background: #242424;
	border-bottom: 1px solid #414141;
}
.top_menu ul.subul_main li a:hover,
.top_menu ul.subul_main li a.activepath {
	background: #242424;
	color: #3498db;
	border-bottom: 1px solid #3498db;
}
/* Group holder title*/
.top_menu ul.subul_main.group_holder li.holdsgroup ul.subul_main {
	border: none;
}
.top_menu ul.subul_main li.holdsgroup a.holdsgroupTitle {
	border: none;
	color: #fff;
}
.top_menu ul.subul_main li.holdsgroup a.holdsgroupTitle:after {
	display: none;
}
/* MODULE IN MENU */
.top_menu ul.subul_main li.has_module a.yj_menu_module_holder:hover,
.top_menu ul.subul_main li.has_modpoz a.yj_menu_module_holder:hover {
	background: #fff;
}
.top_menu ul.subul_main li.has_module .yjsquare_in,
.top_menu ul.subul_main li.has_modpoz .yjsquare_in {
	color: #555;
	cursor: default;
}
/* SEPARATOR */
span.separator {
	color: #888;
	background: #fff;
	border-bottom: 1px solid #D4D4D4;
}
/* DROPLINE */
ul.subul_main.dropline.dlevel1 {
	background: #f8f8f8;
	border: none;
	-webkit-box-shadow: inset #D4D4D4 0 1px 0 0;
	-moz-box-shadow: inset #D4D4D4 0 1px 0 0;
	-khtml-box-shadow: inset #D4D4D4 0 1px 0 0;
	box-shadow: inset #D4D4D4 0 1px 0 0;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
ul.subul_main.dropline.dlevel1 a.dlevel1a {
	background: none;
}
/*SIDE MENU MODULE
--------------------- */
.defaultmenu li a {
	border-bottom: 1px solid #D4D4D4;
}
.defaultmenu li a {
	position: relative;
	display: block;
}
.defaultmenu li a:after {
	font-family: 'FontAwesome';
	content: "\f054";
	position: absolute;
	top: 7px;
	left: -15px;
}
.defaultmenu a.alast {
	border: none;
}
.defaultmenu a.isactivea,
.defaultmenu li a:hover {
	background: #f5f5f5;
	color: #121212;
}
/* Accordion side menu */
ul.defaultmenu.yjsgacc li.active_yjsgacc a.yjsgtoggler:after {
	content: "\f078";
}
/* FOOTER MENU MODULE*/
#footmod ul.defaultmenu li a,
#footmod ul.defaultmenu li a:hover,
#footmod ul.defaultmenu a.isactivea {
	border: none;
	background: none;
}
/*USER PAGES STYLES */
div.userpageswrap.offline div.userpages {
	border: none;
	background: #fff;
}
div.userpages dt {
	background: #fff;
	border: 1px solid #ccc;
}
/*SECTION TABLE */
table.category {
	border: 1px solid #DDD;
	border-collapse: separate;
	border-bottom: none;
}
table.category td {
	border-bottom: 1px solid #DDD;
}
th.sectiontableheader {
	border-bottom: 1px solid #DDD;
	background: #fff;
}
tr.sectiontableentry1 td {
	background-color: #fafafa;
}
tr.sectiontableentry2 td {
	background-color: #fff;
}
tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
	background-color: #f7f7f7;
}
.yjsglogo {
	background: url(../images/blue/yjsglogo.png) no-repeat center center;
}
/* responsive menu */
#mmenu_holder {
	background: none!important;
	border: none;
	border-bottom: 1px solid #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
/* Switcher */
#layout_type {
	background: #fff;
}
/* Additional */
.button,
.validate,
a.readon {
	color: #fff;
}
.button:before,
.validate:before,
a.readon:before,
.button:after,
.validate:after,
a.readon:after {
	background: #242424;
}
.button:hover,
.validate:hover,
a.readon:hover {
	color: #fff;
}
/*error, offline*/
body.yjsgerror-page #errorpage #header,
body.yjsg-offline #header {
	background: #242424;
}
body.yjsg-offline .button {
	color: #fff;
}
/* Module styles */
.yj6,
.yj7 {
	border: 1px solid #dedede;
}
.yj8:before,
.yj9:before {
	background: #242424;
}
.yj10,
.yj11 {
	background: #242424;
}
.yj10 .module_title,
.yj10 .module_title span,
.yj11,
.yj11 .module_title,
.yj11 .module_title span {
	color: #fff;
}
/* Buttons */
.button_gray,
.button_color,
.button_color2,
.button_underline {
	color: #fff;
}
.button_underline {
	color: #242424;
}
.button_gray:before {
	background: #363636;
}
.button_color2:before {
	background: #242424;
}
.button_gray:hover,
.button_color:hover,
.button_color2:hover {
	color: #fff!important;
}
/* Kickoff list */
.kickoff_list li a:before {
	background: #fff;
}
/* Backgrounds */
#centertop {
/* 	background: #242424; */ 
	background: #FDFDFD;	/* #@# cor fundo barra menus interior - overrides custom.css */
}
.top_out {
	color: #fff;
	background: url(../images/grid1and2_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height:0px; /* #@# para remover retangulo nos artigos - overrides custom.css */
}
.yjsg3_out {
	background: #f8f9fa;
/* #@# as 5linhas seguintes copiadas do .yjsg5_out para o fundo dos artigos devido a mudanca de posicao Pasta: /home/webaepetorg/public_html/w3/templates/kickoff/images */
	background: url(../images/grid5_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.yjsg5_out {
	color: #fff;
	background: url(../images/grid5_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
/* #@# para afastar o segundo bloco  */
.yy_container_dois {
	border-top: 5px solid #000000;
	border-bottom: 5px solid #000000;
	background: url(../images/grid1and2_bg.jpg);
}

.bottom_out {
	background: #003333; /* #@# fundo do rodape era #111111 verm#A30505 verd#00FF00 verdEsc#003333 larj#FFAA00 */
	border-top: 1px solid #3d3c3c;
}
#yjsg7 .yjsgxhtml {
	-webkit-box-shadow: inset -1px 0 0 0 #3d3c3c;
	box-shadow: inset -1px 0 0 0 #3d3c3c;
}
#footer {
	border-top: 1px solid #3d3c3c;
}
/* Colors */
.top_out .module_title,
.top_out .module_title span,
.top_out a:hover,
.top_out h1,
.top_out h2,
.top_out h3,
.top_out h4,
.top_out h5,
.top_out h6,
/* #@# criado bloco de linhas seguintes para estilo yjsq3 semelhante ao yjsq5 para migracao de posicao do modulo */
.yjsg3_out .module_title,
.yjsg3_out .module_title span,
.yjsg3_out a:hover,
.yjsg3_out h1,
.yjsg3_out h2,
.yjsg3_out h3,
.yjsg3_out h4,
.yjsg3_out h5,
.yjsg3_out h6,
.bottom_out .module_title,
.bottom_out .module_title span,
.bottom_out a,
.bottom_out h1,
.bottom_out h2,
.bottom_out h3,
.bottom_out h4,
.bottom_out h5,
.bottom_out h6 {
        color: #fff;
}
/* #@# ate este ponto foi duplicado */

.yjsg5_out .module_title,
.yjsg5_out .module_title span,
.yjsg5_out a:hover,
.yjsg5_out h1,
.yjsg5_out h2,
.yjsg5_out h3,
.yjsg5_out h4,
.yjsg5_out h5,
.yjsg5_out h6,
.bottom_out .module_title,
.bottom_out .module_title span,
.bottom_out a,
.bottom_out h1,
.bottom_out h2,
.bottom_out h3,
.bottom_out h4,
.bottom_out h5,
.bottom_out h6 {
	color: #fff;
}
/* Menu fixed */
#centertop.fixed {
/*	background: rgba(0, 0, 0, 0.4);
	border-bottom: 1px solid rgba(255, 255, 255, 0.4); */
background: rgba(253, 253, 253, 1.0); 	/* #@# fundo barra superior ao menu */
border-bottom: 1px solid rgba(155, 155, 155, 0.8); /* #@# cor da borda da barra  superior ao menu */
color:#000;  				/* #@# fundo barra superior ao menu */
}
#centertop.dark {
/* #@#	background: #242424; era este muda fundo menu pg ppl no rolamento  */
	background: #FDFDFD;  /* #@# inserido pois overrides p custom.css */
}
/* Menu */
.horiznav ul.subul_main div.yj_menu_module_holder .module_title,
.horiznav ul.subul_main div.yj_menu_module_holder .module_title span {
	color: #fff;
}
.horiznav ul.subul_main div.yj_menu_module_holder .button {
	color: #242424;
}
.horiznav ul.subul_main div.yj_menu_module_holder .button:before {
	background: #fff;
}
.horiznav ul.subul_main div.yj_menu_module_holder .button:hover {
	color: #fff;
}
/* Search module */
/*modal button*/
.yjsg_search_button {
	color: #fff;
}
.kicksearch .inputbox {
	border-bottom: 1px solid #dedede;
	color: #000000; // #@# era #dedede para janela de busca
}
.kicksearch .inputbox:hover,
.kicksearch .inputbox:focus {
	border-bottom: 1px solid #dedede;
}
/* YJ Media Slider*/
/*slider*/
.kickslider .description h4 {
	color: #000; /* #@# era #fff slides ppl */
	line-height: 110%!important; /* #@# inserido para linha ter distancia */
	font-weight: 800!important; /* #@# foi para tirar <span> do texto e todo o texto ficar forte, copiado do layout.css */
}

/* #@# estilo adicionado para fundo transparente das letras slides ppl */
div.description {
	//color: #fff;
	background-color:rgba( 255, 255, 255, 0.6);
	padding:10px!important;
}

/*buttons*/
.kickslider .yjmediaslider .slide .slide-details .buttons .read-more,
.kickslider .yjmediaslider .slide .slide-details .buttons .play-video {
	color: #fff;
}
/*hover*/
.kickslider .yjmediaslider .slide .slide-details .buttons .read-more:hover:after,
.kickslider .yjmediaslider .slide .slide-details .buttons .play-video:hover:after {
	background: #fff;
}
.kickslider .yjmediaslider .slide .slide-details .buttons .read-more:hover,
.kickslider .yjmediaslider .slide .slide-details .buttons .play-video:hover {
	color: #242424;
}
/*arrows*/
.kickslider .yjmediaslider a.prev,
.kickslider .yjmediaslider a.next {
	color: #fff;
}
/*bottom nav*/
.kickslider .yjmediaout .secondary-nav ul li a {
	background: #fff;
}
/* YJ Engine Module */
.kickengine.top .yjme_item_in {
	background: #003333;   // #@# era fundo #fff pret#000 verm#A30505 verd#00FF00 verdEsc#003333 larj#FFAA00
}
.kickengine .yjme_item a.item_title {
/* #@#		font-family:Franklin Gothic FS Demi,helvetica,sans-serif;  */
		font-family:'Anton',Franklin Gothic FS Demi,helvetica,sans-serif;
		font-style:bold;
		font-weight: 300;
		font-size: 170%;
		line-height: 28px !important;
		margin: 0 auto 15px auto;
		line-height: normal;
		color: #FFF;  /* #@# cor da fonte titulo box pgPpl era #FFFFFF ou #000 */
}
.kickengine .item_details .item_category,
.kickengine .item_details .item_cdate,
.kickengine .item_details .item_author {
	color: #242424;
}
.kickengine .yjme_item div.item_details a {
	color: #242424;
}
/*before*/
.kickengine .yjme_item a.item_readmore:before,
.kickengine .yjme_item a.item_readmore:after {
	background: #f8f9fa;
}
/*hover*/
.kickengine .yjme_item a.item_readmore:hover {
	color: #fff;
}
/*latest*/
.kickengine.latest .yjme_item_in {
	border-color: #dedede;
}
.kickengine.latest .yjme_item a.item_title:hover {
	color: #242424;
}
/*world*/
.kickengine.world .yjme_item_in {
	border-color: #dedede;
}
.kickengine.world .yjme_item a.item_title:hover {
	color: #242424;
}
/* Kickoff matches */
.kickmatches .yj_shirt {
	background: #fff url(../images/brazil.png) no-repeat center center;
	border: 1px solid #dedede;
}
.kickmatches .yj_shirt.colombia {
	background: #fff url(../images/colombia.png) no-repeat center center;
}
.kickmatches .yj_shirt.france {
	background: #fff url(../images/france.png) no-repeat center center;
}
.kickmatches .yj_shirt.germany {
	background: #fff url(../images/germany.png) no-repeat center center;
}
.kickmatches .yj_shirt.netherlands {
	background: #fff url(../images/netherlands.png) no-repeat center center;
}
.kickmatches .yj_shirt.costarica {
	background: #fff url(../images/costarica.png) no-repeat center center;
}
.kickmatches .yj_shirt.argentina {
	background: #fff url(../images/argentina.png) no-repeat center center;
}
.kickmatches .yj_shirt.belgium {
	background: #fff url(../images/belgium.png) no-repeat center center;
}
.kickmatches ul span.hour {
	color: #242424;
}
/* York slider */
/*engine inside york*/
.kickyork .yjme_item_in {
	background: #fff;
	height:290px; /* #@# altura fixa das caixas, overrides custom.css */
}
.kickyork .yjme_item a.item_title {
	color: #242424;
}
.kickyork .item_details .item_category,
.kickyork .item_details .item_cdate,
.kickyork .item_details .item_author {
	color: #242424;
}
.kickyork .yjme_item div.item_details a {
	color: #242424;
}
.kickyork .yjme_item p.item_intro {
	color: #000000;  /* #@# era #989898 cor fonte mais lidos e outros */
}
.yjme_item_in p.item_intro {
	color: #EEEEEE;  /* #@# COR dos Box 1-7, era #989898 cor fonte 8 boxes manchetes noticias */
	font-size:80%!important; line-height: 120%!important; /* #@# linha acrescentada aumenta fonte intro da pg ppl  */
}
.last p.item_intro {
        color: #EEEEEE;  /* #@# COR do 8o.Box, era #989898 cor fonte PROGRAMAS DebateBR FaixaLivre #000000 */
}
.yjmeitem431 p { color: #333333!important; } /* #@# cor do txt intro dos prog FxLivre */

#user6 .last p.item_intro {
        color: #000000;  /* #@# era #989898 cor fonte PROGRAMAS DebateBR  #000000  */
}
#user7 .yjme_content_holder p.item_intro {
        color: #000000;  /* #@# era #989898 cor fonte PROGRAMAS FaixaLivre #000000 */
}
#user8 .yjme_content_holder p.item_intro {
        color: #000000;  /* #@# era #989898 cor fonte PROGRAMAS MaisLidos #000000 */
}
.yjsgcp, .yjsgsitew {
	color: #CCCCCC; /* #@# cor creditos onlink MAS AFETA O SITE!! */
}
.yjmeitem19,.yjmeitem25,.yjmeitem21,.yjmeitem27,.yjmeitem24,.yjmeitem31,.yjmeitem30,.yjmeitem23 .yjme_content_holder p.item_intro {
	color: #EEEEEE;  /* #@# cor texto intro das box pgPpl era #989898 */
	font-size: 150%!important;
}

.kickyork .yjme_item a.item_readmore {
	color: #fff;
	background: #f8f9fa;
}
.kickyork .yjme_item:hover a.item_readmore {
	color: #fff;
}
/*arrows*/
.kickyork .yy_container .linkBackward,
.kickyork .yy_container .linkForward {
	background: #fff;
	color: #242424;
}
/*hover*/
.kickyork .yjme_item:hover a.item_title {
	color: #fff;
}
.kickyork .yjme_item:hover a.item_readmore:hover:before {
	background: #242424;
}
.kickyork .yy_container .linkBackward:hover,
.kickyork .yy_container .linkForward:hover {
	color: #fff;
}
/* Socials */
.kicksocials ul li {
	color: #242424;
}
.kicksocials li:before {
	background: #242424;
}
/*hover*/
.kicksocials li:hover a {
	color: #fff;
}
/* YJ Media Slider bottom */
.kickslider.bottom .description h4 {
	color: #242424;
}
.kickslider.bottom .yjmediaslider .slide .slide-details .description {
	background: #fff;
}
/* Sponsors */
.yj_sponsors {
/* #@#	background: #212121;   */
	background: #dddddd;
}
.sponsors_holder {
	background: url(../images/sponsor1.png) no-repeat left top;
}
.sponsors_holder.second {
	background: url(../images/sponsor2.png) no-repeat left top;
}
.sponsors_holder.third {
	background: url(../images/sponsor3.png) no-repeat left top;
}
.sponsors_holder.fourth {
	background: url(../images/sponsor4.png) no-repeat left top;
}
.sponsors_holder:hover {
	background-position: right top;
}
/* Bottom modules */
/* Bottom lists */
.kickbottommod li a {
	color: #FFFFFF;  /* #@# letras rodape menu acesso direto era #989898 */
}
/* RTL */
.yjsgrtl #yjsg7 .yjsgxhtml {
	-webkit-box-shadow: inset 1px 0 0 0 #3d3c3c;
	box-shadow: inset 1px 0 0 0 #3d3c3c;
}
/* YJ Hover effect */
.yj_effect_title {
	color: #fff;
}
.yj_effect_title:before {
	background: #fff;
}
.yj_effect_text {
	color: #fff;
}
/* Responsive menu */
span#yjmm_selectid {
	color: #fff!important;
}

/* #@# Estilos criados para a Aepet  */
.separador {
	border: 1; 
	color: #9E9E9E; 
	background-color: #9E9E9E; 
	height: 5px; 
	width: 100%; 
text-align: left;"
}
.separador2 {
	border: 0; 
	color: #9E9E9E; 
	background-color: #9E9E9E; 
	height: 1px; 
	width: 100%; 
text-align: left;"
}