@charset "UTF-8";

/**
 * JYAML - Template Framework includes YAML for Joomla!
 *
 * All rights reserved. The JYAML project is a template to manage and
 * configure Joomla!-Templates with the YAML XHTML/CSS Framework
 * - http://www.yaml.de
 *
 * -----------------------------------------------------------------------------
 *
 * @version     Id: $Id$
 *
 * @package     JYAML
 * @subpackage  Stylesheet
 *
 * @author      Reinhard Hiebl <reinhard@hieblmedia.com>
 * @copyright   Copyright (C) 2006 - 2013, HieblMedia (Reinhard Hiebl)
 * @license     http://www.jyaml.de/en/license-conditions.html Creative Commons Attribution 3.0
 * @link        http://www.jyaml.de
 */

/**
 * Webfont import Example (font-family: "SansationRegular")
 * @section webfont
 */

/*
 * Custom build (//www.fontsquirrel.com/fontface/generator)
 * Example Font: font-family: "SansationRegular"
*/
/*
@import url(../fonts/sansation/sansation.css);
*/

/* sintony-regular - latin */
@font-face {
  font-family: 'Sintony';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/sintony-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/sintony-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/sintony-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/sintony-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/sintony-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/sintony-v13-latin-regular.svg#Sintony') format('svg'); /* Legacy iOS */
}

/* sintony-700 - latin */
@font-face {
  font-family: 'Sintony';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/sintony-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/sintony-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/sintony-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/sintony-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/sintony-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/sintony-v13-latin-700.svg#Sintony') format('svg'); /* Legacy iOS */
}



/* Import form styling */
@import url(screen.forms.css);

@media all
{
  /**
   * @section global typography settings
   *
   * vertical rhythm settings (based on em-unit)
   * -------------------------------------------
   * basefont-size: 14px (87.5%)
   * line-height  : 21px (factor: 1.5)
   */

  /* reset font size for all elements to standard (16 Pixel) */
  html * { font-size:100.01%; }

  /**
   * reset monospaced elements to font size 16px in all browsers
   * @see: http://webkit.org/blog/67/strange-medium/
   */

  textarea,
  pre,
  code,
  kbd,
  samp,
  var,
  tt {
    font-family:"Sintony", Arial, Helvetica, sans-serif;
  }

  /**
   * Base layout gets standard font size
   */
  body {
    font-family: "Sintony", Arial, Helvetica, sans-serif;
    font-size:87.50%; /* base: 14px */
    color:#444;

    /* Prevent auto-scaling of text in mobile webkit browsers */
    -webkit-text-size-adjust:100%;
  }

  /**
   * Webfont Example
   * @require '@import url(../fonts/sansation/sansation.css);' - see at top in this file
   * @section webfont
   */
  /* body { font-family: "SansationRegular"; } */

  /* --- Headings ------------------------------------------------------------- */

  h1,h2,h3,h4,h5,h6 {
    font-family: "Sintony", Arial, Helvetica, sans-serif;
    font-weight: 700;
    color:#161e21;
    margin:0;
  }

  h1 {
  font-size: 160%;
  line-height: 0.8571em;
  margin: 0.4286em 0 0 0px;
  font-weight: 700;
  background-color: #EEEEEE;
  padding: 5px;
  }

  h2 {
  font-size: 130%;
  line-height: 1.2em;
  margin: 0.6em 0 0;
  font-weight: 700;
  }

  h3 {
  font-size: 105%;
  line-height: 0.8571em;
  margin: 0 0 0px 0px;
  font-weight: 700;
  background-color: #444444;
  color: #EEEEEE;
  text-align: left;
  padding: 5px 5px 5px 27px;
  }

  h4 {
    font-size:133.33%;
    line-height: 1.125em;
    margin:1.125em 0 0 0;
  }

  h5 {
    font-size:116.67%;
    line-height: 1.2857em;
    margin: 1.2857em 0 0 0;
  }

  h6 {
    font-weight: bold;
    font-size:100%;
    line-height: 1.5em;
    margin: 1.5em 0 0 0;
  }

  /* --- Lists ---------------------------------------------------------------- */

  ul,
  ol,
  dl {
    font-size:1em;
    line-height:1.5em;
    margin: 1.5em 0 0 1em;
  }

  ul {
    list-style-type:disc;
  }

  ol {
    list-style-type:decimal;
  }

  ul ul {
    list-style-type:circle;
    margin-top:0;
  }

  ol ol {
    list-style-type:lower-latin;
    margin-top:0;
  }

  ol ul {
    list-style-type:circle;
    margin-top:0;
  }

  li {
    font-size:1em;
    line-height:1.5em;
    margin-left:0.8em;
  }

  dt { font-weight:bold; }

  dd { margin:0 0 1.5em 0.8em; }

  /* --- General text formatting ---------------------------------------------- */

  p {
    font-size:1em;
    line-height:1.5em;
    margin: 1.5em 0 0 0;
  }

  blockquote, cite, q {
    font-family: "Sintony", Arial, Helvetica, sans-serif;
    font-style:italic;
  }

  blockquote {
    margin:1.5em 0 0 1.5em;
    color:#666;
  }

  strong, b { font-weight:bold; }

  em, i { font-style:italic; }

  big, .big {
    font-size:116.667%;
  }

  small, .small {
    font-size:85.71%;
  }

  pre,
  code,
  kbd,
  tt,
  samp,
  var {
    font-size:100%;
  }

  pre {
    line-height:1.5em;
    margin: 1.5em 0 0 0;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  pre, code { color:#800; }

  kbd, samp, var, tt {
    color:#666;
    font-weight:bold;
  }

  var, dfn { font-style:italic; }

  acronym, abbr {
    border-bottom:1px #aaa dotted;
    font-variant:small-caps;
    letter-spacing:.07em;
    cursor:help;
  }

  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sup { top: -0.5em; }
  sub { bottom: -0.25em; }

  mark {
    background: #ff0;
    color: #000;
  }

  hr {
    color:#fff;
    background:transparent;
    margin:0 0 0.75em 0;
    padding:0 0 0.75em 0;
    border:0;
    border-bottom:1px #eee solid;
  }

  /* --- Links ---------------------------------------------------------------- */

  a {
  color: #E3000F;
  background: transparent;
  text-decoration: none;
  }

  a:active { outline: none; }

  /* maximum constrast for tab focus - change with great care */
  a:hover,
  a:focus {
  background-color: transparent;
  color: #730209;
  text-decoration: none;
  }

  /* --- Images/Videos -------------------------------------------------------- */

  img,
  figure {
    margin: 0;
  }

  /* fluid images/videos (e.g. img, object, embed, video) */
  .flexible {
    margin-top: 1.5em;
    max-width: 100%;
    height: auto;
  }

  * html .flexible {  /* IE6 support */
    width: 98%;   /* 2% space for borders */
  }

  .bordered {
    margin-top: 1.5em;
    border: 2px #eee solid;
    border: 2px rgba(255,255,255,1) solid;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
    box-shadow: 0 0 3px rgba(0,0,0,.25);
  }

  /**
   * ---------------------------------------------------------------------------- #
   *
   * Generic Content Classes
   * standard classes for positioning and highlighting
   *
   * @section content-generic-classes
   */

  .highlight {
    color:#c30;
  }

  .dimmed {
    color:#888;
  }

  .box-info,
  .box-success,
  .box-warning,
  .box-error {
    display: block;
    width: auto;
    border-radius: 0.3em;
    border-width: 1px;
    border-style: solid;
    border-color: #888;
    border-color: rgba(0,0,0,.3);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    color: #444;
    color: rgba(0,0,0,.8);
    padding: 1.4286em;
    margin: 1.5em 0 0 0;
  }

  .box-info > *:first-child,
  .box-success > *:first-child,
  .box-warning > *:first-child,
  .box-error > *:first-child {
    margin-top: 0;
  }

  .box-success {
    background:#8c8;
  }
  .box-warning {
    background:#cc8;
  }
  .box-error {
    background:#c88;
  }

  .float-left,
  .float_left,
  .image-left {
    float:left;
    display:inline;
    margin: 1.5em 1em 0 0;
  }

  .float-right,
  .float_left,
  .image-right {
    float:right;
    display:inline;
    margin: 1.5em 0 0 1em;
  }

  .center,
  .image-center {
    display:block;
    text-align:center;
    margin: 1.5em auto 0 auto;
  }

  .align-right {
    text-align: right;
  }
  .align-left {
    text-align: left;
  }
  .align-center {
    text-align: center;
  }

  .text-rtl {
    direction: rtl;
    text-align: right;
  }

  p.readmore a, a.readmore {

  }
  p.readmore a:before, a.readmore:before {
    content: "» ";
  }

  /**
   * ---------------------------------------------------------------------------- #
   *
   * Tables
   * Generic classes for table-width and design definition
   *
   * @section content-tables
   */

  table {
    width:100%;
    border-collapse:collapse;
    margin: 1.3571em 0 0 0;
    color:#333;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
  }

  table.narrow {
    margin:  1.4286em 0 0 0;
  }

  table.narrow th,
  table.narrow td {
    padding: 0 0.5em;
    line-height: 1.4286em;
  }

  table.bordertable {
    border:1px #ccc solid;
  }

  table caption {
    font-variant:small-caps;
  }

  th, td {
    line-height: 1.5em;
    vertical-align: top;
    padding: 0.7143em 0.5em;
  }

  th *:first-child,
  td *:first-child {
    margin-top: 0;
  }

  th.nowrap,
  td.nowrap {
    white-space: nowrap;
  }

  thead th {
    text-align: left;
    color:#000;
    border-bottom:2px #000 solid;
  }

  .bordertable thead th {
    background:#e0e0e0;
    border-right:1px #ccc solid;
    border-bottom:1px #ccc solid;
  }

  .bordertable tbody th[scope="row"] {
    background:#f0f0f0;
  }

  tbody th {
    text-align: left;
    border-top:1px solid #ccc;
    text-align:left;
  }

  .bordertable tbody th {
    border-right:1px solid #ccc;
  }

  tbody td {
    text-align: left;
    border-top:1px solid #ccc;
  }

  .bordertable tbody td {
    border-right:1px solid #ccc;
  }

  /* highlight row on mouse over */
  tbody tr:hover th,
  tbody tr:hover td {
    background:#f8f8f8;
  }

  /**
   * ---------------------------------------------------------------------------- #
   *
   * Joomla Specific
   *
   * @section joomla-core
   */

  /* content icons */
  ul.actions,
  ul.actions li {
    list-style-type:none;
    list-style-image: none;
    margin:0;
    padding:0;
    border:0;
    overflow:hidden;
    width:100%;
  }
  ul.actions { margin-bottom: 1em; }
  ul.actions li {
    display: block;
    float: left;
    width: auto;
    margin-right:.25em;
  }
  .jyaml-bootstrap-enabled ul.dropdown-menu.actions {
    padding: 5px 0;
    margin: 2px 0 0;
  }
  .jyaml-bootstrap-enabled ul.dropdown-menu.actions li {
    width: auto; float: none;
    margin: 0; padding: 0;  
  }

  /* content article info */
  dl.article-info,
  dl.article-info dd {
    margin: 0;
    padding: 0;
  }
  dl.article-info {
    margin-bottom: 1em;
  }
  dt.article-info-term {
    /* seo hide: details text */
    position:absolute; top:-32768px; left:-32768px;
  }

  /* joomla pagination */
  .pagination-box {
    margin: 1em 0;
  }

  .pagination .counter {
    font-size: smaller;
  }

  .pagination ul,
  .pagination ul li {
    list-style-type:none; list-style-image: none;
    margin:0; padding:0; border: 0;
  }
  .pagination ul {
    float: left;
    border: 1px solid #ddd;
    border: 1px solid rgba(0, 0, 0, 0.20);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.10);
  }
  .pagination li {
    float: left;
    width: auto;
    color: #aaa;
  }
  .pagination li.pagination-end { margin-right:0; }
  .pagination li.active-page { font-weight: bold; }

  .pagination li a,
  .pagination li span,
  ul.pagenav li a {
    display: block;
    width: auto;
    padding:.3em .6em;
    border-right:1px solid #ccc;
  }
  .pagination li a {
    color: #444;
  }
  .pagination li.pagination-end a,
  .pagination li.pagination-end span {
    border-right:0;
  }

  .pagination li a:hover,
  .pagination li a:focus,
  .pagination li a:active,
  ul.pagenav li a:hover,
  ul.pagenav li a:focus,
  ul.pagenav li a:active {
    background: #eee;
    color: #444;
  }
  .pagination li.active-page span {
    background: #dfdfdf;
    color: #444;
  }

  /* joomla article pagenav */
  ul.pagenav,
  ul.pagenav li {
    list-style-type:none; list-style-image: none;
    margin:0; padding:0; border: 0;
  }
  ul.pagenav {
    width: 100%;
    margin-top: 1em;
  }
  ul.pagenav li.pagenav-prev {
    float: left;
    width:auto;
  }
  ul.pagenav li.pagenav-next {
    float: right;
    width:auto;
  }
  ul.pagenav li a {
    display: block;
    width: auto;
    padding:.3em .6em;
    border: 1px solid #ddd;
    border: 1px solid rgba(0, 0, 0, 0.20);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.10);
  }

  /* tooltip */
  .tip-wrap { text-align: left; font-size:1em; }
  .tip-wrap .tip {
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
    max-width: 400px;
    z-index: 5000;
  }
  .tip-wrap .tip-title {
    font-weight: bold;
    padding:.25em 0;
  }
  .tip-wrap .tip-text {
    font-size: 1em;
  }

}
