/*
Template Name: The News Reporter
Template URI: http://www.wpfreeware.com/news-reporter-wordpress-magazine-themes/
Author: WpFreeware
Author URI: http://www.wpfreeware.com
Description: A Pro responsive magazine website template
Version: 1.0 
License: GPL
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
* {
	margin: 0;
	padding: 0
}

body {
	font-family: Arial;
	font-size: 12px;
	line-height: 13px;
	background: url("images/site_bg_dark.jpg") top center no-repeat fixed
		#000
}

a {
	color: #000;
	text-decoration: none
}

a:hover, a:active, a:focus {
	text-decoration: none;
	color: #000
}

input[type=text], input[type=password], textarea {
	border: 1px solid #ddd;
	padding: 5px
}

input[type=submit]
h1, h2, h4, h5, h6 {
	font-weight: normal;
	margin: 0 0 15px
}

h3 {
	color: #202021;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 2px;
	line-height: 13px
}

h2 {
	font-size: 25px;
	line-height: 30px
}

img {
	max-width: 100%;
	height: auto
}

.alignleft {
	float: left;
	margin-left: 0px
}

.aligncenter {
	display: block;
	margin: 10px auto
}

.alignright {
	float: right;
	margin-left: 10px
}

.floatleft {
	float: left
}

.floatright {
	float: right
}

.center {
	width: 980px;
	display: block;
	margin: 0 auto;
	padding: 20px;
	background: #D8BFD8;
	transition: all 1.3s ease 0s;
	-moz-transition: all 1.3s ease 0s;
	-webkit-transition: all 1.3s ease 0s;
	-o-transition: all 1.3s ease 0s;
	-ms-transition: all 1.3s ease 0s
}

div {
	overflow: hidden
}

.slider {
	height: 350px;
	overflow: visible;
}

.bxslider, .bx-viewport, .bx-controls, .bx-pager, .bx-controls-direction
	{
	overflow: visible
}

#selectnav1 {
	display: none
}

#selectnav2 {
	display: none
}

#nav {
	display: block
}

#f_menu {
	display: block
}

.body_wrapper {
	background: url("images/body_bg.png") repeat;
	margin-top: 30px;
	margin-bottom: 30px
}

.header_area {
	padding-bottom: 10px;	
}

.logo {
	margin-top: 20px
}

.top_menu {
	margin-left: 35px;
	margin-top: 60px;
	width: 385px
}

.top_menu ul {
	list-style: none outside none;
	margin: 0;
	padding: 0
}

.top_menu ul li {
	float: left;
	border-right: 2px solid #000
}

.top_menu ul li:last-child {
	border-right: none
}

.top_menu ul li a {
	color: #CF0000;
	display: block;
	font-size: 12px;
	padding: 0 11px;
	line-height: 12px
}

.top_menu ul li a:hover {
	text-decoration: underline
}

.social_plus_search {
	margin-bottom: 20px
}

.social {
	width: 250px;
    left: 50%;
    transform: translateX(-40%);
    position: relative;
}

.social ul {
	list-style: none outside none;
	margin: 0;
	padding: 0
}

.social ul li {
	float: left;
	margin-right: 7px
}

.social ul li a {
	display: block;
}

.twitter {
	height: 35px;
	width: 35px;
}

.facebook {
	height: 35px;
	width: 35px;
}

.instagram {
	height: 35px;
	width: 35px;
}

.youtube {
	height: 35px;
	width: 35px;
}

.youtubelive {
	height: 35px;
	width: 35px;
}

.laligasports {
	height: 35px;
	width: 35px;
}

.feed {
	background: url("images/social_icons.png") no-repeat scroll -73px 0px
		rgba(0, 0, 0, 0)
}

.search {
	
}

.search #search_form {
	
}

.search #s {
	width: 87%
}

.search #searchform {
	background: url("images/search.png") no-repeat scroll 0 0
		rgba(0, 0, 0, 0);
	border: medium none;
	height: 28px;
	margin-left: -4px;
	text-indent: -99999px;
	width: 13%
}

.main_menu_area {
	overflow: visible;
	background: #202020;
	min-height: 50px
}

.main_menu_area ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.main_menu_area ul li {
	float: left;
	position: relative
}

.main_menu_area ul li a {
	color: #FFF;
	display: block;
	font-family: 'bebasregular';
	font-size: 13px;
	padding: 18px 18.7px
}

.main_menu_area ul li a:hover {
	background: #CF0000
}

#nav li ul {
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s
}
/* dropdown css level one*/
.main_menu_area ul li ul {
	background: none repeat scroll 0 0 #202020;
	top: 100px;
	position: absolute;
	width: 215px;
	z-index: 99999;
	right: -99999px
}

.main_menu_area ul li ul li {
	float: none;
	position: relative
}

.main_menu_area ul>li:hover>ul {
	left: 0px;
	top: 49px
}

.main_menu_area ul li ul li a {
	font-family: arial;
	font-weight: bold
}

.main_menu_area ul li ul li a:hover {
	
}
/* dropdown css level two*/
.main_menu_area ul li ul li ul {
	background: none repeat scroll 0 0 #0D0E0F;
	right: 215px;
	position: absolute;
	width: 215px;
	z-index: 99999;
	right: -99999px
}

.main_menu_area ul li ul li ul li {
	float: none
}

.main_menu_area ul li ul li:hover ul {
	left: 215px !important;
	top: 0px
}

.main_menu_area ul li ul li ul li a {
	font-family: arial;
	font-weight: bold
}

.slider_area, .slider {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}

.slider_area_an, .slider {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 165px;
}

.slider * {
	margin: 0;
	padding: 0;
}

.slider img {
	max-width: 100%;
}

.slider1 {
	width: 670px
}

.slider2 {
	width: 250px
}

.slider_bc {
	width: 100%;
	height: 350px;
	overflow: visible
}

.slider_an {
	width: 100%;
	height: 125px;
	overflow: visible
}

.content_area {
	margin-top: 25px
}

.main_content {
	width: 670px
}

.main_content_all {
	width: auto
}

.main_content_all_3_rows {
	width: 100%
}

.left_coloum {
	width: 450px
}

.single_left_coloum_wrapper {
	position: relative;
	margin-left: -10px;
	margin-bottom: 30px
}

.single_left_coloum_wrapper .title {
	margin-left: 10px
}

.title {
	border-bottom: 4px solid #CF0000;
	font-family: 'bebasregular';
	font-size: 20px;
	word-spacing: 2px
}

.more {
	background: url("images/plus.png") no-repeat scroll 57px 9px #CF0000;
	color: #FFF;
	display: block;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 20px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 10px
}

.popular_more {
	background: url("images/plus.png") no-repeat scroll 57px 12px #CF0000;
	color: #FFF;
	display: block;
	font-size: 10px;
	font-weight: bold;
	padding: 7px 20px;
	text-transform: uppercase;
	width: 74px;
	margin-top: 10px
}

.single_left_coloum {
	margin-left: 10px;
	width: 143px
}

.single_left_coloum_2part {
	margin-left: 10px;
}

.readmore, .single_cat_right_content_meta span {
	color: #CF0000;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 20px
}

.readmore:hover, .single_cat_right_content_meta span:hover {
	color: #CF0000;
	text-decoration: underline
}

.gallery {
	
}

.gallery img {
	margin-bottom: 10px;
	margin-left: 10px;
	width: 141px
}

.single_cat_left {
	
}

.single_cat_left_content {
	border-bottom: 1px dotted #000;
	margin-left: 10px;
	width: 220px
}

.single_cat_left_content h3 {
	font-size: 15px
}

.single_cat_left_content_meta {
	font-size: 11px
}

.single_cat_left_content_meta span {
	color: #cf0000
}

.right_coloum {
	width: 190px
}

.single_right_coloum {
	margin-bottom: 20px
}

.single_right_coloum ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.single_right_coloum ul li {
	border-bottom: 1px dotted #ddd
}

.single_right_coloum ul li:last-child {
	border-bottom: none
}

.single_cat_right_content {
	padding-bottom: 10px
}

.single_cat_right_content h3 {
	margin-top: 10px
}

.single_cat_right_content_meta {
	
}

.editorial {
	
}

.editorial h3 {
	color: #CF0000
}

.sidebar {
	width: 250px
}

.single_sidebar {
	margin-bottom: 20px
}

.news-letter {
	padding: 10px;
	background: #E4E4E4
}

.news-letter h2 {
	font-family: bebasregular;
	font-size: 20px;
	margin-bottom: 5px;
	word-spacing: 2px
}

.news-letter p {
	
}

.news-letter form input#name {
	border: 1px solid #999;
	margin-bottom: 10px;
	width: 100%
}

.news-letter form input#email {
	border: 1px solid #999;
	margin-bottom: 10px;
	width: 100%
}

.news-letter form input#form-submit {
	background: none repeat scroll 0 0 #CF0000;
	border: medium none;
	color: #FFF;
	font-weight: bold;
	padding: 8px 20px;
	font-size: 13px
}

.news-letter-privacy {
	color: #cf0000;
	margin-top: 10px
}

.popular {
	
}

.popular ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.popular ul li {
	border-bottom: 1px dotted #000;
	padding-bottom: 10px;
	margin-bottom: 10px
}

.popular ul li:last-child {
	border-bottom: none
}

.single_popular {
	
}

.single_popular p {
	margin-bottom: 0
}

.single_popular h3 {
	line-height: 17px;
	margin-top: 0
}

.footer_top_area {
	padding: 5px 0;
	height: 165px;
}

.inner_footer_top {
	width: 730px;
	margin: 0 auto;
	height: 165px;
}

.footer_bottom_area {
	margin-top: 15px
}

.footer_menu {
	margin-bottom: 20px
}

.footer_menu ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.footer_menu ul li {
	border-right: 1px solid #000;
	display: inline
}

.footer_menu ul li:last-child {
	border-right: none
}

.footer_menu ul li a {
	display: inline-block;
	padding: 0 22px
}

.footer_menu ul li a:hover {
	
}

.copyright_text {
	line-height: 17px;
	text-align: center
}

.list-title {
	font-size: 25px;
	letter-spacing: -1px;
	color: #254e77;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #000, margin: 10px 0 24px;
	text-align: center;
	line-height: 30px;
}

.user-title {
	font-size: 14px;
	letter-spacing: -1px;
	color: #254e77;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #000, margin: 10px 0 24px;
	text-align: center;
	padding: 3px 3px;
}

/* Colores clasificacion*/
.primero {
	background-color: #239B56;
}

.segundo {
	background-color: #85C1E9;
}

.penultimo {
	background-color: #F8C471;
}

.ultimo {
	background-color: #E74C3C;
}

.normal {
	background-color: #F4F6F6;
}
/*Tablas clasificacion tamaņo*/
.firstColumn {
	width: 100%;
}

.secondColumn {
	width: 100%;
}

.thirdColumn {
	width: 100%;
}
/*Tablas formularios*/
.iconColumn {
	width: 10%;
}

.labelColumn {
	width: 90%;
}

/** Botones **/
.lowButtons {
	float:left;
}
.lowButtonsCenter {
	float:none;
}

.lowButtons .button{
	background-image:none;
	margin:0 5px 0 0; 
	
	border-top:0px;
	border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-o-border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;
}

.iconjugadorlocalbutton{
	background-image: url(images/jugador_local_32.png); /* 125px x 125px */
	background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 32px;           /* make this the size of your image */
    padding-left: 32px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

.iconjugadorvisitantebutton{
	background-image: url(images/jugador_visitante_32.png); /* 125px x 125px */
	background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 32px;           /* make this the size of your image */
    padding-left: 32px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

.iconcategoriabutton{
	background-image: url(images/categoria_32.png); /* 125px x 125px */
	background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 32px;           /* make this the size of your image */
    padding-left: 32px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

.iconselectedbutton{
	background-image: url(images/iconfinder_Checkmark_2190986.png); /* 125px x 125px */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;           /* make this the size of your image */
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

.iconeditbutton{
	background-image: url(images/iconfinder_Edit_2190982.png); /* 125px x 125px */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;           /* make this the size of your image */
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

.icondeletebutton{
	background-image: url(images/iconfinder__x_2560372.png); /* 125px x 125px */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;           /* make this the size of your image */
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

.iconsavebutton{
	background-image: url(images/iconfinder_save_326688.png); /* 125px x 125px */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 24px;           /* make this the size of your image */
    padding-left: 24px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

.iconrefreshbutton{
	background-image: url(images/iconfinder_rewind_arrow_interface_repeat_refresh_6525036.png); /* 125px x 125px */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 24px;           /* make this the size of your image */
    padding-left: 24px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

.iconview32button{
	background-image: url(images/visibility_32.png); /* 125px x 125px */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 32px;           /* make this the size of your image */
    padding-left: 32px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

.iconview64button{
	background-image: url(images/visibility_64.png); /* 125px x 125px */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 64px;           /* make this the size of your image */
    padding-left: 64px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

.icondownloadbutton{
	background-image: url(images/cloud-download-symbol_icon-icons.com_56559.png); /* 125px x 125px */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 24px;           /* make this the size of your image */
    padding-left: 24px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

/** SLIDER AUTOMATIC **/

.slider {
	width: 65%;
	margin: auto;
	overflow: hidden;
}

.slider ul {
	display: flex;
	padding: 0;
	width: 400%;
	
	animation: cambio 20s infinite alternate linear;
}

.slider li {
	width: 100%;
	list-style: none;
	border: solid #fff 5px;
}

.slider img {
	width: 100%;
}

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}

/** MENU NORMAL **/

@media screen and (min-width : 1000px) {
    .menuMobile {
        display: none !important;
    }
}

/** MENU MOBILE **/
@media screen and (max-width : 1000px) {
	.menuWeb {
		display: none !important;
	}
}

/** TREE **/
.ui-tree.ui-tree-horizontal .ui-treenode {
    padding: 3px 20px;
    width: 175px;
}

.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
    padding: .4em 1em .4em .2em;
    background-color: #e8ff2a;
}

.ui-tree-horizontal .ui-treenode-leaf .ui-treenode-content {
    padding: .4em 1em .4em .2em;
    background-color: #e8ff2a;
}




/** SLIDER CONTINUE **/
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    height: 150px;
    max-width: 100%;
    line-height: 1;
}