/*
 * ------------------------------------------------------------------------
 * JA Mendozite Template for J25 & J32
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2018 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com
 * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/

/* SPECIAL CONTENT
-----------------------------------------------------------------*/
/* Pre ---*/
pre, .code {
	max-width: 90%;
	overflow: hidden;
}

/* Inline Words Hilite ---*/
span.highlight {
	background: none;
	font-weight: bold;
	color: #414141;
}

/* Hr ---*/
hr.typo-hr {
	border-top: 4px solid #e2e2e2;
}

small {
	color: #afafaf;
}

/* Blockquote ---*/
blockquote { font-family: Georgia, Times, serif; font-size: 125%; font-style: italic; }

blockquote span.open {
	background: url(../images/so-q.gif) no-repeat left top;
	display: inline-block;
	padding: 6px 0 0 40px;
}

blockquote span.close {
	background: url(../images/sc-q.gif) no-repeat bottom right;
	display: inline-block;
	padding: 0 40px 6px 0;
}

blockquote.blockquote span.open {
	background: url(../images/quote.png) no-repeat left top;
	padding-left: 60px; 
} 

blockquote.blockquote > span {
	background: url(../images/quote-close.png) no-repeat right top;
	padding-right: 60px;
	display: block;
} 

/* Headings ---*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'PT Sans',sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
}

/* ICON STYLE
-----------------------------------------------------------------*/
body p.mendozite-icon {
	padding-left: 35px;
	line-height: 30px;
	min-height: 30px;
	position: relative;
	background: none !important;
}


body p.mendozite-icon span.icon {
	background-repeat: no-repeat;
	background-position: left top !important;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	padding-left: 0 !important;
}

body p.icon-chart	   span.icon {
	background-image: url(../images/icons/icon-chart.png);
}

body p.icon-wallet	span.icon {
	background-image: url(../images/icons/icon-wallet.png);
}

body p.icon-suitcase	span.icon {
	background-image: url(../images/icons/icon-suitcase.png);
}
body p.icon-fresh	span.icon {
	background-image: url(../images/icons/icon-fresh.png);
}
body p.icon-ifs	span.icon {
	background-image: url(../images/icons/icon-ifs.png);
}
body p.icon-iso22	span.icon {
	background-image: url(../images/icons/icon-iso22.png);
}
body p.icon-ok  	span.icon {
	background-image: url(../images/icons/icon-ok.png);
}

body p.icon-phone	   span.icon {
	background-image: url(../images/icons/icon-phone.png);
}

body p.icon-user	   span.icon {
	background-image: url(../images/icons/icon-user.png);
}

body p.icon-attach	span.icon {
	background-image: url(../images/icons/icon-attach.png);
}

body p.icon-star	   span.icon {
	background-image: url(../images/icons/icon-star.png);
}

body p.icon-close	   span.icon {
	background-image: url(../images/icons/icon-close.png);
}

body p.icon-info	   span.icon {
	background-image: url(../images/icons/icon-info.png);
}

body p.icon-iphone	span.icon {
	background-image: url(../images/icons/icon-iphone.png);
}

body p.icon-tag	   span.icon {
	background-image: url(../images/icons/icon-tag.png);
}

body p.icon-heart	   span.icon {
	background-image: url(../images/icons/icon-heart.png);
}

/* BIG NUMBER
-----------------------------------------------------------------*/
.blocknumber .bignumber {
	background-image: url(../images/blocknumber-bg.png);
}

/* ICON STYLE
-----------------------------------------------------------------*/
a.ja-typo-btn {
	background-image: url(../images/grad-l1-trans.png);
}

a.ja-typo-btn-big span {
	padding: 4px 14px;
	border: 0;
}

a.ja-typo-btn-big {
	font-weight: normal;
}

a.ja-typo-btn-sm span {
	border: 0;
}

a.ja-typo-btn-icn {
	background-color: #fff;
}

a.ja-typo-btn-icn span {
	border: 0;
	cursor: pointer;
}

.typo a.btn-blue, .typo a.btn-red, 
.typo a.btn-green, .typo a.btn-orange, 
.typo a.btn-black, .typo a.btn-blue:link, 
.typo a.btn-red:link, .typo a.btn-green:link, 
.typo a.btn-orange:link, .typo a.btn-black:link, 
a.btn-blue, a.btn-red, a.btn-green, 
a.btn-orange, a.btn-black, a.btn-brown,
a.btn-purple, a.btn-pink, a.btn-yellow {
	background-image: url(../images/grad-d1-trans.png);
}

a.btn-brown span,
a.btn-purple span,
a.btn-pink span,
a.btn-yellow span {
	color: #fff;
}

a.btn-blue {
	background-color: #37bbdc;
	border-color: #00a4d0;
}

a.btn-green {
	background-color: #8db160;
	border-color: #5c8a24;
}

a.btn-red {
	background-color: #ef6b4e;
	border-color: #dc2500;
}

a.btn-orange {
	background-color: #f78b1f;
	border-color: #fc7100;
}

a.btn-purple,
a.btn-purple:hover {
	background-color: #c03955;
	border-color: #900017;
}

a.btn-pink,
a.btn-pink:hover {
	background-color: #8d6793;
	border-color: #723b7a;
}

a.btn-brown,
a.btn-brown:hover {
	background-color: #773200;
	border-color: #400000;
}

a.btn-yellow,
a.btn-yellow:hover {
	background-color: #e5b700;
	border-color: #cb9000;
}

a.btn-grey {
	background-color: #fff;
	border-color: #d8d8d8;
}

/* TYPO PAGE LAYOUT
-------------------------------------------------------------*/

.ja-typo-blockrow {
	padding: 0 0 20px;
}

.ja-typo-blockswrap h1.ja-typo-title {
	font-size: 150%;
	border-bottom: 0;
	border-left: 5px solid #d05338;
	padding: 0 0 0 5px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
	text-transform: uppercase;
	font-weight: normal;
	position: relative;
	color: #d05338;
}

/* IMAGE STYLE
-----------------------------------------------------------------*/
.img_caption.right {
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 1px 1px 2px rgba(0,0,0,.2);
  padding: 4px;
}

.img_caption p.img_caption {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 5px 0;
}