/**
 * =============================================================
 * @package		RAXO List Module Layout
 * -------------------------------------------------------------
 * @copyright	Copyright (C) 2009-2016 RAXO Group
 * @link		http://www.raxo.org
 * @license		RAXO Commercial License
 * 				This file is forbidden for redistribution
 * =============================================================
 */


/* ----- RESET Styles ----- */
.allmode-list [class^="allmode-"],
.allmode-list img,
.allmode-list a {
	margin: 0; padding: 0;
	background: transparent none;
	border: 0 none;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.allmode-list a {																/* Item LINKS */
	text-decoration: none;
}
	.allmode-list .allmode-items a:hover {
		color: #333333 !important;
		background-color: transparent;
		border-bottom: 1px solid #333333;
	}



/* ----- MODULE BLOCK Styles ----- */
/*
.allmode-list {
	position: relative;
	margin-top: 11px; 
	margin-bottom: 15px; 
	padding: 6px;
	background-color: #e7e7e7;
	border-radius: 4px;
}
*/
.allmode-list .allmode-name {													/* BLOCK NAME Text */
	margin: 0 0 10px 16px !important;
	font: bold 18px/20px Arial, Helvetica, sans-serif;
	color: #565656;
}
	.allmode-list .allmode-name a {
		color: #565656;
	}
	

/* ----- COMMON Items Styles ----- */
.allmode-list .allmode-items {													/* Items List (UL) */
	margin: 0 !important; padding: 0 !important;
	background-color: #fcfcfc;
	border-radius: 3px;
}
.allmode-list .allmode-items > li {												/* Item (LI) */
	position: relative;
	margin: 0 !important; padding: 5px 0px 0px 0px !important;
	list-style: none;
	overflow: hidden;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #eeeeee;
	transition: background 0.5s ease;
}
	.allmode-list .allmode-items > li:first-child {
		border-top: none;
		border-radius: 3px 3px 0 0;
	}
	.allmode-list .allmode-items > li:last-child {
		border-bottom: none;
		border-radius: 0 0 3px 3px;
	}
	.allmode-list .allmode-items > li:hover {
		background-color: #f6f6f6;
	}



/* ----- COMMON Fields Styles ----- */
.allmode-list .allmode-img {													/* Item IMAGE */
	margin: 0 -4px;
}
	.allmode-list .allmode-img img {
		float: right;
		margin: 0 0 4px 4px;
		max-width: 100%; height: auto;
		border-radius: 3px;
	}
.allmode-list .allmode-title {													/* Item TITLE */
	margin: 0 0 5px !important;
	font: bold 15px/18px Arial, Helvetica, sans-serif;
}
	.allmode-list .allmode-title a {
		font-size: 12px; 
		line-height: 25px;
		color:#4C4C4C;
	}
.allmode-list .allmode-text {													/* Item TEXT */
	font-size: 13px;
	color: #4d4d4d;
}
.allmode-list .allmode-readmore {												/* Item READ MORE */
	display: block;
	position: absolute;
	top: 0; right: 0; bottom: 0;
	width: 15px;
	border: none !important;
	transition: background-color 0.5s ease;
}
	.allmode-list .allmode-readmore {
	background: transparent url("arrow.png") no-repeat -8px 50%;
	/*background: transparent url("arrow.png") no-repeat 0 50%;*/
	background-size: 64px 11px;
}
	.allmode-list li:hover .allmode-readmore {
	background-position: -40px 50%;
}
.allmode-list .allmode-info {													/* INFO Fields */
	font-size: 12px;
	color: #737373;
	float:left;
}
	.allmode-list .allmode-info + h3 {
		margin-top: 0px !important;
	}
	.allmode-list .allmode-info span {
		margin-right: 7px; padding-right: 10px;
		border-right: 1px solid #dedede;
	}
	.allmode-list .allmode-info span:last-child {
		margin-right: 3px; 
		padding-right: 0;
		margin-left: 3px; 
		border-right: none;
	}
.allmode-list .allmode-date {													/* Item DATE */
	font-weight: bold;
	color: #4c4c4c;
}
.allmode-list .allmode-comments,												/* Content ELEMENTS */
.allmode-list .allmode-hits,
.allmode-list .allmode-rating {
	padding-left: 18px !important;
	background: transparent url("arrow.png") no-repeat 0 0;
	/*background: transparent url("icons.png") no-repeat 0 0;*/
	background-size: 14px 54px;
}
	.allmode-list .allmode-comments {											/* Item COMMENTS */
		background-position: 0 0;
	}
	.allmode-list .allmode-hits {												/* Item HITS */
		background-position: 0 -20px;
	}
	.allmode-list .allmode-rating {												/* Item RATING */
		background-position: 0 -40px;
	}



/* ----- ITEMS Styles ----- */
.allmode-list li.allmode-item {
	padding: 8px 36px 4px 16px !important;
}
.allmode-list .allmode-right {
	display: table-cell;
	min-width: 120px;
}
.allmode-list .allmode-item .allmode-date {										/* Item DATE */
	display: block;
	float: left;
	margin-right: 3px; 
	padding-top: 1px;
	min-width: 40px; /* Item DATE Column Width */
	font-size: 12px; 
	line-height: 18px; 
	text-align: right;
}
.allmode-list .allmode-item .allmode-title,
.allmode-list .allmode-item .allmode-title a {									/* Item TITLE */
    color: #000!important;
    font-size: 12px;
    font-weight: 500;
}
.allmode-list .allmode-item .allmode-info span {
	padding-top: 1px;
	font-size: 11px;
}
.allmode-list .allmode-item .allmode-text {
	font-size: 11px;
	font-family: verdana;
}



/* ----- SHOW ALL at the bottom ----- */
.list-showall {
	padding-bottom: 32px;
}

/**************************************************************** /*----- leia mais -----  Notícias*/
.allmode-list .allmode-showall {
	opacity: 0;
	filter: alpha(opacity=0);
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: -6px;
	padding: 0 8px;
	font: bold 10px/19px Arial, Helvetica, sans-serif;
	color: #fcfcfc; 
	text-transform: uppercase;
	border-radius: 3px;
	float:right;
	background-color: #cc1f1f;
}
.allmode-list #area-leiamais{
	position:relative;
	z-index: 999999;
}
.allmode-list .allmode-showall a {
	color: #fff !important;
}
.allmode-list .allmode-showall a:after {
	content: "";
	display: block;
	float: right;
	margin-right: -8px;
	width: 28px; 
	height: 19px;
	background: transparent url("arrow.png") no-repeat no-repeat 0 50%;
	background-position: -32px 50%;
}	
div.mod-inner:hover .allmode-showall {
	opacity: 1;
	filter: alpha(opacity=100);
}


/* ----- RESPONSIVE Breakpoints ----- */
@media (max-width: 480px) {
	.allmode-list .allmode-topitem img {
		width: 100%
	}
	.allmode-list .allmode-item img {
		width: 50%
	}
	.allmode-list .allmode-items > li {
		padding-right: 28px !important;
	}
	.allmode-list .allmode-readmore {
		width: 24px;
		background-position: -4px 50%;
	}
	.allmode-list li:hover .allmode-readmore {
		background-position: -36px 50%;
	}
}



/* ----- HIGH RESOLUTION Media Queries ----- */
@media
	only screen and (-webkit-min-device-pixel-ratio: 1.3),
	only screen and (min-device-pixel-ratio: 1.3),
	only screen and (min-resolution: 120dpi) 
{
	.allmode-list .allmode-comments,
	.allmode-list .allmode-hits,
	.allmode-list .allmode-rating {
		background-image: url(icons@3x.png);
	}
	.allmode-list .allmode-showall a:after,
	.allmode-list .allmode-readmore {
		background-image: url(arrow@3x.png);
	}
}



/* ----- COLOR Schemes ----- */

/* --- Red Color (default) --- */
.allmode-list .allmode-name a:hover,
.allmode-list .allmode-items a {color: #333 !important;}
.allmode-list li:hover .allmode-readmore {background-color: #efc4c2;}
.allmode-list .allmode-showall {background-color: #cc1f1f;}

/* --- Pink Color --- */
.list-pink .allmode-name a:hover,
.list-pink .allmode-items a {color: #d24087 !important;}
.list-pink li:hover .allmode-readmore {background-color: #f1ccdc;}
.list-pink .allmode-showall {background-color: #d24087;}

/* --- Orange Color --- */
.list-orange .allmode-name a:hover,
.list-orange .allmode-items a {color: #d94d16 !important;}
.list-orange li:hover .allmode-readmore {background-color: #f2cfc0;}
.list-orange .allmode-showall {background-color: #d94d16;}

/* --- Yellow Color --- */
.list-yellow .allmode-name a:hover,
.list-yellow .allmode-items a {color: #ebc300 !important;}
.list-yellow li:hover .allmode-readmore {background-color: #f7edbb;}
.list-yellow .allmode-showall {background-color: #ebc300;}

/* --- Green Color --- */
.list-green .allmode-name a:hover,
.list-green .allmode-items a {color: #4d9926 !important;}
.list-green li:hover .allmode-readmore {background-color: #cfe2c4;}
.list-green .allmode-showall {background-color: #4d9926;}

/* --- Blue Color --- */
.list-blue .allmode-name a:hover,
.list-blue .allmode-items a {color: #0a55bf !important;}
.list-blue li:hover .allmode-readmore {background-color: #bfd1ea;}
.list-blue .allmode-showall {background-color: #0a55bf;}

/* --- Light Blue Color --- */
.list-lightblue .allmode-name a:hover,
.list-lightblue .allmode-items a {color: #3598dc !important;}
.list-lightblue li:hover .allmode-readmore {background-color: #c9e2f2;}
.list-lightblue .allmode-showall {background-color: #3598dc;}

/* --- Violet Color --- */
.list-violet .allmode-name a:hover,
.list-violet .allmode-items a {color: #6c3aad !important;}
.list-violet li:hover .allmode-readmore {background-color: #d7cbe6;}
.list-violet .allmode-showall {background-color: #6c3aad;}

/* --- Turquoise Color --- */
.list-turquoise .allmode-name a:hover,
.list-turquoise .allmode-items a {color: #1bb39e !important;}
.list-turquoise li:hover .allmode-readmore {background-color: #c3e9e2;}
.list-turquoise .allmode-showall {background-color: #1bb39e;}

/* --- Gray Color --- */
.list-gray .allmode-name a:hover,
.list-gray .allmode-items a {color: #1a1a1a !important;}
.list-gray li:hover .allmode-readmore {background-color: #c3c3c1;}
.list-gray .allmode-showall {background-color: #1a1a1a;}