

pre, .code {
  max-width: 90%;
  overflow: hidden;
}


span.highlight {
  background: none;
  font-weight: bold;
  color: #414141;
}


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

small {
  color: #afafaf;
}


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

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

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

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

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


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


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(/templates/ja_mendozite/images/icons/icon-chart.png);
}

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

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

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

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

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

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

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

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

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

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

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


.blocknumber .bignumber {
  background-image: url(/templates/ja_mendozite/images/blocknumber-bg.png);
}


a.ja-typo-btn {
  background-image: url(/templates/ja_mendozite/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(/templates/ja_mendozite/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;
}



.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;
}


.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;
}

