article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; } 
  
/*
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/*
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
/*  font-family: sans-serif;	*/
  font-family: 'Open Sans', sans-serif,arial;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Remove default margin.
 */
body {
  margin: 0;
color:#000;  }

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: none; }

/*
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/*
 * @nternetinspired likes this behaviour, as long as your markup is laid
 * out correctly I can' see the issue. to-do: test in IE8/9/10!
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/*
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/*
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/*
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/*
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {

  font-family: 'Open Sans', sans-serif,arial;
/*  font-family: monospace, serif;	*/
  font-size: 1em; }

/*
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/*
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/*
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/*
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/*
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }
  
table.pinakas_lamiareport {
    width: 97%;
    font-size: 14px;
}
.pinakas_lamiareport td {
    padding: 5px;
    border-top: 1px solid #000;
    letter-spacing: -0.5px;
}

div.itemFullText .pinakas_lamiareport p, div.itemFullText .pinakas_lamiareport div {
    font-size: 14px!important;
    line-height: 20px!important;
    padding: 5px!important;
    margin: 0px!important;
}

/*
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/*
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/*
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/*
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  */ }

/*
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Ethereal items like mixins, and helpers like float or clearfix. */
/* ==========================================================================
    HELPER CLASSES
   ========================================================================== */
/* Clearfix the parent of floated elements to prevent it collapsing. */
.clearfix:before, .media.media-content:before, .well:before, .clearfix:after, .media.media-content:after, .well:after {
  content: "";
  display: table; }
.clearfix:after, .media.media-content:after, .well:after {
  clear: both; }

/* Hide an element but leave it available to speaking browsers. */
.visuallyhidden {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

/* Make visuallyhidden elements focusable with a keyboard. */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible; }

/* Image replacement. */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/* Mute an object by reducing its opacity. */
.muted, figure figcaption, .article-meta {
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

/* Add/remove floats */
.float-right, .img-right, .media .media-object-right {
  float: right; }

.float-left, .img-left, .media .media-object {
  float: left; }

.float-none {
  float: none !important; }

/* ==========================================================================
    VERTICAL RHYTHM
   ========================================================================== */
/*
 * Applies consistent spacing, derived from the baseline height and default
 * font size, to generate a consistent vertical rhythm throughout.
 *
 * Note:
 *
 * Any item which has its size already set with the font-size mixin, h1 - h6
 * for example, already has a bottom-margin set with a value appropriate to
 * the font-size.
 */
address,
article,
blockquote,
dl,
fieldset,
figure,
form,
hgroup,
meter,
ol,
p,
pre,
progress,
select,
small,
table,
textarea,
ul {
  margin-top: 0;
  margin-bottom: 1.618em; }

/*
 * The following rules contain generic styles of the type applicable primarily
 * to named html elements, like <body>, <table> , or to stylistic classes
 * that can be applied to various objects.
 */
/* ==========================================================================
    ROOT
   ========================================================================== */
/*
 * Border-box *all the things*, as suggested in:
 * http:// paulirish.com/2012/box-sizing-border-box-ftw
 */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

/* Define the root element styles. */
html {
  font: 100%/1.618 'Open Sans', sans-serif,arial;
  font-weight: 400;
  background-color: #292929; 
  color: #333333;
  min-height: 100%;
  overflow-y: scroll;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch; }

/* Style the body element styles. */
body {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  background: url(../images/header_bg_black.png) repeat-x scroll left top #d7d9d0;
}

/* Colour selected text. */
::-moz-selection {
  background-color: #de0313;
  color: #fff;
  text-shadow: none; }

::selection {
  background-color: #de0313;
  color: #fff;
  text-shadow: none; }

/* This needs to override default root font size, so we load it after. */
/* ==========================================================================
    FLUID TYPE
   ========================================================================== */
/* Slowly increase root font size with viewport */
@media only screen and (min-width: 90em) {
  html {
    font-size: 106.3%; } }

/* ==========================================================================
   	CODE
   ========================================================================== */
pre,
code,
kbd,
samp {
  font-family: monospace; }

pre {
  background-color: #fcfcfc;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  padding: 1em; }

/* ==========================================================================
   	FIGURES
   ========================================================================== */
figure {
  /*
  * Joomla's 'none' image alignment option defaults centering the image.
  * So we should center the caption, if it exists.
  * Crazy, but true.
  */ }
  figure img {
    margin-bottom: 0.809em; }
  figure.img-none figcaption {
    text-align: center; }

/* ==========================================================================
    FORMS
   ========================================================================== */
/* Some form basics. */
form input,
form select,
form textarea {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
form ul {
  list-style-type: none;
  margin-bottom: 0; }

/* Remove default fieldset styles. */
fieldset {
  border: 1px solid #eeeeee;
  border-radius: 3px;
  padding: 1.618em; }

input,
textarea {
  display: block;
  margin-bottom: 0.809em; }

input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
textarea {
  width: 100%;
  border: 1px solid #eeeeee;
  padding: 0.4045em;
  border-radius: 3px; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="number"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  textarea:focus {
    border: 1px solid #d4d4d4;
    outline: none;
    outline-width: 0; }

/* Allow only vertical resizing of textareas. */
textarea {
  resize: vertical; }

/* Make checkboxes and radio buttons display inline. */
label {
  display: inline-block; }

input[type="radio"],
input[type="checkbox"] {
  display: inline-block;
  margin-left: 0.4045em;
  margin-right: 0.4045em; }

select {
  width: 100%;
  height: 2em;
  border: 1px solid #eeeeee; }

progress,
meter {
  display: block;
  width: 100%;
  height: 1.618em; }

/* ==========================================================================
    HEADINGS
   ========================================================================== */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: 'Open Sans', sans-serif,arial;
  font-weight: 700;
  text-rendering: optimizelegibility;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1; }

/* Heading sizes are set with a mixin to maintain vertical rhythm. */
a.composeButton {
    background-color: #de0313;
    background-image: -moz-linear-gradient(center top , #dd4b39, #c53727);
    border: 1px solid #b0281a;
    border-radius: 3px;
    color: #fff !important;
    display: inline-block;
    margin-top: 2px;
    padding: 2px 20px 3px;
    position: relative;
}
a.arthraxristwn {
    display: inline-block;
    margin-left: 10px;
    margin-right: 0;
    margin-top: 2px!important;
    vertical-align: top !important;
}

a.composeButton:hover{
    background-color: #c53727;
    background-image: -moz-linear-gradient(center top , #dd4b39, #d14836);
    border: 1px solid transparent;
}

h1,
.h1 {
  font-size: 3em;
  line-height: 1.07867;
  margin-top: 0;
  margin-bottom: 0.53933em; }

h2,
.h2 {
  font-weight: 500;
  font-size: 2.25em;
  line-height: 1.43822;
  margin-top: 0;
  margin-bottom: 0.71911em; }

h3,
.h3 {
  font-size: 1.5em;
  line-height: 1.07867;
  margin-top: 0;
  margin-bottom: 1.07867em; }

h4,
.h4 {
  font-size: 1.3125em;
  line-height: 1.23276;
  margin-top: 0;
  margin-bottom: 1.23276em; }

h5,
.h5 {
  font-size: 1.125em;
  line-height: 1.43822;
  margin-top: 0;
  margin-bottom: 1.43822em; }

h6,
.h6 {
  font-size: 1em;
  line-height: 1.618;
  margin-top: 0;
  margin-bottom: 1.618em; }
  
.popularContent > li {
    display: inline-block;
    padding: 5px;
    vertical-align: top;
    width: 24%;
}
.bannerhome .module-header {
    background: url("../images/lrmodule1.png") no-repeat scroll left top transparent;
    display: block;
    height: 36px;
    margin-left: 28px !important;
    margin-top: -15px;
    position: relative;
}
.bannerhome .module-header h3 {
    background: none repeat scroll 0 0 #dadad6;
    border: 1px solid #d0d0d0;
    color: #222;
    font-size: 19px;
    font-weight: bold;
    margin-left: 50px;
    padding: 5px 10px 3px 8px;
    text-transform: uppercase;
}
.popularContent {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #cac7c2;
    display: block;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 23px;
    text-align: center;
}
.404s{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
}

.eliptico {
    background: url(../images/eliptic.png) no-repeat scroll left top transparent;
    display: block;
    height: 70px;
    margin-left: 445px;
    margin-top: 29px;
    position: absolute;
    width: 68px;
    z-index: 111;
}
.img2 {
    height: 115px;
    margin-bottom: 7px;
    overflow: hidden;
}
.img2 {
}
.img2 > img {
    height: auto !important;
    min-height: 120px;
}
.bannerhome .wrapper .content {
}
.desc2 {
    font-size: 13px;
    line-height: 18px;
}
.shares2 {
    background: none repeat scroll 0 0 #c00311;
    border-radius: 5px;
    color: #fff;
    display: block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin-right: 0;
    margin-top: -29px;
    max-width: 50px;
    opacity: 0.9;
    padding: 2px 10px;
    position: relative;
    z-index: 3;
}
.bannerhome .wrapper .module-header {
    margin-left: 20px;
    position: absolute;
} 
.popularContent a {
    color: #010000;
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 19px !important;
    margin-bottom: 5px;
    max-height: 75px;
    overflow: hidden;
}
.itemFullText a {
    color:#0000ff;
}
.itemFullText a:hover,.itemFullText a:focus {
    color:#0000ff;
    text-decoration:underline; }

.itemFullText th,.itemFullText td, .itemFullText td p{
padding:3px;
margin:0px;
}
.popularContent a:hover {
	color:#de0313;
}
.itemVideo iframe {
    max-width: 605px;
}
.itemFullText img {
    height: auto!important;
    max-width: 620px!important;
}
.itemid-272 .main-row {
    display: none;
}
.searchResults {
    min-height: 400px;
}
.gsc-selected-option-container.gsc-inline-block {
    min-width: 200px!important;
}
.cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive, .cse .gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhInactive {
    letter-spacing: 2px!important;
    padding: 10px!important;
    text-transform: none !important;
}
.gsc-control-cse, .gsc-control-cse .gsc-table-result {
    font: 400 100%/1.618 "Open Sans",sans-serif,arial !important;
}
.cse input.gsc-search-button, input.gsc-search-button { 
    border-radius: 4px;
    color: #fff; 
    font-size: 15px;
    font-weight: bold;
    margin-left: -20px;
    min-width: 54px;
    padding: 0 8px;
}
.gsc-clear-button {
    display: block;
    margin-left: -72px !important;
    margin-top: 5px !important;
    position: relative;
}
.gsc-webResult.gsc-result:hover{border-left:1px solid #dd4b39!important;}
.cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive { 
    background-color: #dd4b39!important;
    border-color: #b0281a #b0281a -moz-use-text-color!important; 
}
.itemid-272 td, .itemid-272 th {
    padding: 0;
}
.gsc-tabsArea {
    display: none;
}
#comments .comment-body,#comments-form textarea{ 
    font-size: 14px;
    line-height: 19px; 
}
#comments-form #comments-form-name { 
    font-size: 14px; 
	color:#444;
}
.cse .gsc-tabsArea, .gsc-tabsArea {
    border-bottom: 4px solid #dd4b39;
    margin-top: 10px;
    padding: 0;
}
.gsc-tabsArea{margin-top:0px!important; margin-bottom:0px!important;}
a#footerlogo2{
	background: url("../images/logoFooter.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: inline-block;
    height: 91px;
    margin-right: 25px;
    margin-top: 0;
    vertical-align: top;
    width: 232px;
	margin-left:15px;
}
div#system-debug {
    margin: 5px 5px 0!important;
}
a#footerlogo2:hover{
opacity:0.97;
}
.cp a {
    color: #000;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin-top: 37px;
}
.cp a:hover {
    color: #de0313;
}
div.comments-policy{font-size:14px;}
.cp .text {
    font-size: 12px;
    margin-right: 70px;
    margin-top: -17px;
    text-align: right;
}
.cp .lrweb {
    display: inline-block;
    margin-top: 0;
    text-align: right;
}
.cp a.lrweb:hover {
color:#fff!important;
}
.cp a.lrweb{
    color: #de0313;
}

.cp {
	background:url("../images/ffbg.png") repeat-x scroll left 60px black;
	color: white;
	padding-top: 25px;
	padding-bottom: 15px;
}
.cp .wrapper {
padding-top: 20px;
}
.itemFullText ul li {
    list-style: outside;
    margin-left: 25px;
    padding-left: 4px;
    margin-bottom: 2px;
}

a.topikalink {
    background: none repeat scroll 0 0 rgb(222, 3, 19);
    color: #fff;
    display: inline-block;
    float: left;
    font-weight: bold;
    margin: 10px auto 10px 23px;
    text-align: center;
    width: 380px;
}
a.topikalink:hover{opacity:0.90;color:#fff;}
a.topikalink:active{color:#fff;}
a.topikalink:visited{color:#fff;}
a.topikalink span {
    background: url("../images/arrow.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: inline-block;
    height: 20px;
    margin-left: 6px;
    margin-right: -2px;
    vertical-align: middle;
    width: 22px;
}
header{padding-bottom: 0 !important;}

/* ==========================================================================
    IMAGES
   ========================================================================== */
/* Fluid images. */
img {
  max-width: 100%;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic; }

/* Don't ignore `width` and/or `height` attributes if they are present. */
img[width],
img[height] {
  max-width: none; }

/*
 * Image placement variations, used in Joomla's article image layouts.
 *
 * Of course, floated images typically need a margin so we extend the
 * generic floatr classes here.
 */
.img-right, .media .media-object-right {
  margin-left: 1.618em; }

.img-left, .media .media-object {
  margin-right: 1.618em; }

.img-center, .img-none img {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* Joomla has no center option, using "none" instead. Go figure. */
/* ==========================================================================
    LINKS
   ========================================================================== */
a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #de0313;
  text-decoration: none; }
  a:hover, a:focus {
    color: #ba5137; }

/* Back to top link. */
a.to-top {
  bottom: 0;
  color: #333333;
  cursor: pointer;
  line-height: 1;
  padding: 0.809em;
  position: fixed;
  right: 0; }

/* ==========================================================================
    LISTS
   ========================================================================== */
/*
 * There's a reason it's called 'hanging punctuation', bullets should be indented.
 * See: http://www.markboulton.co.uk/journal/five-simple-steps-to-better-typography-part-2
 * for an explanation why. The following kills browser default indents. Nice.
 */
ul,
ol,
dl {
  padding: 0; }

/* A little style maestro! */
ul {
  list-style-type: circle; }

/* We don't need vertical space in nested lists, but we do need to add
* the default indent we removed above! */
li > ul,
li > ol {
  margin-bottom: 0;
  padding-left: 2em; }

ol li {
    list-style: outside none counter;
    margin-left: 23px;
    padding-left: 5px;
}
ol li > ol li {
    margin-left: 0;
}

/* ==========================================================================
    RULES
   ========================================================================== */
hr {
  border: 0;
  border-top: 1px solid #eeeeee;
  display: block;
  height: 1px;
  margin: 1.618em 0;
  padding: 0; }

/* ==========================================================================
    TABLES
   ========================================================================== */
table {
  width: 100%; }

th,
td {
  padding: 0.809em;
  text-align: left; }

/* Bordered tables. */
.table-bordered th,
.table-bordered td {
  border: 1px solid #eeeeee; }
  .table-bordered th:empty,
  .table-bordered td:empty {
    border: none; }
.table-bordered thead tr:last-child th {
  border-bottom-width: 2px; }
.table-bordered tbody tr th:last-of-type {
  border-right-width: 2px; }

/* Striped tables. */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fcfcfc; }

/* ==========================================================================
    TYPE SIZING
   ========================================================================== */
/*
 * Classes for super-sizing type without the semantics of h tags. Useful in
 * page banners and the like.
 *
 * Taken from Inuit.css' approach:
 * https://github.com/csswizardry/inuit.css/blob/master/base/_headings.scss
 */
.giga {
  font-size: 6em;
  line-height: 1.07867;
  margin-top: 0;
  margin-bottom: 0.26967em; }

.mega {
  font-size: 4.5em;
  line-height: 1.07867;
  margin-top: 0;
  margin-bottom: 0.35956em; }

.kilo, .logo {
  font-size: 3em;
  line-height: 1.07867;
  margin-top: 0;
  margin-bottom: 0.53933em; }

/*
 * Classes for down-sizing type without the semantics of h or small tags.
 * Useful in article footers, for example.
 */
.milli, figure figcaption, cite {
  font-size: 0.83em;
  line-height: 1.9494;
  margin-top: 0;
  margin-bottom: 1.9494em; }

.micro {
  font-size: 0.75em;
  line-height: 2.15733;
  margin-top: 0;
  margin-bottom: 2.15733em; }

/* ==========================================================================
    TYPOGRAPHY
   ========================================================================== */
/* PARAGRAPHS */
/*
 * Numbers in paragraphs should kick it Old Skool:
 * http://webtypography.net/Harmony_and_Counterpoint/Numerals__Capitals_and_Small_Caps/3.2.1/
 *
 * And, as everyone knows, all paragraphs after the first one should be indented
 * by one en(2 x em) without a boundary, or one em with. See:
 *
 * http://webtypography.net/Rhythm_and_Proportion/Blocks_and_Paragraphs/2.3.2/
 *
 * and:
 *
 * http://v1.jontangerine.com/silo/typography/p/
 */
.article p {
  font-variant-numeric: oldstyle-nums; }
  .article p + p {
    text-indent: 1em; }

/* Typically used in the first paragraph of an article, for added awesome. */
.intro {
  font-size: 1.3125em;
  line-height: 1.23276;
  margin-top: 0;
  margin-bottom: 1.23276em; }

/* BLOCK QUOTES */
/* Default margin indent is zeroed out and padded to allow styling of element. */
blockquote {
  margin-left: 0;
  padding: 0.809em 2.427em; }
  blockquote:before, blockquote:after {
    content: '';
    content: none; }
  blockquote p:last-of-type {
    margin-bottom: 0; }
  blockquote > cite,
  blockquote + cite {
    margin-bottom: 0; }

/* CITATIONS */
cite {
  display: block;
  margin-top: 0.809em; }
  cite:before {
    content: "\2014";
    margin-right: 0.809em; }

/* INLINE QUOTES */
q {
  quotes: "\2018" "\2019" "\201C" "\201D"; }
  q:before {
    content: "\2018";
    content: open-quote;
	quotes: initial;}
  q:after {
    content: "\2019";
    content: close-quote;
	quotes: initial; }

/* ABBREVIATIONS */
/*
 * Should use small-caps and be letterspaced, obviously!
 * http://webtypography.net/Rhythm_and_Proportion/Horizontal_Motion/2.1.6/
 */
abbr {
  font-variant: small-caps;
  letter-spacing: 0.1em; }

/*
 * The following are re-usable 'objects' that bring recurring CSS patterns
 * into discrete and easily maintainable modules.
 */
/* ==========================================================================
    BREADCRUMBS
   ========================================================================== */
.breadcrumb {
  font-size: 0.813em;
  margin-bottom: 0; }
  .breadcrumb > li + li:before {
    content: "\00BB" "\00A0";
    padding: 0 0.20225em; }

/* ==========================================================================
    BUTTONS
   ========================================================================== */
.btn, .banner-row .download-link, .banner-row .respository-link,
.btn-primary,
.btn-success,
.banner-row .download-link,
.btn-danger,
.btn-info,
.btn-warning {
  background-color: #fcfcfc;
  border: 1px solid transparent;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-size: 100%;
  font-family: 'Open Sans', sans-serif,arial;
  font-weight: 400;
  line-height: 3;
  margin-right: 0.809em;
  margin-bottom: 1.618em;
  padding: 0 1em;
  vertical-align: middle;
  white-space: nowrap; }
  .btn:hover, .banner-row .download-link:hover, .banner-row .respository-link:hover,
  .btn-primary:hover,
  .btn-success:hover,
  .banner-row .download-link:hover,
  .btn-danger:hover,
  .btn-info:hover,
  .btn-warning:hover {
    text-decoration: none;
    background-color: #efefef; }
  .btn:active, .banner-row .download-link:active, .banner-row .respository-link:active, .btn:focus, .banner-row .download-link:focus, .banner-row .respository-link:focus,
  .btn-primary:active,
  .btn-primary:focus,
  .btn-success:active,
  .banner-row .download-link:active,
  .btn-success:focus,
  .banner-row .download-link:focus,
  .btn-danger:active,
  .btn-danger:focus,
  .btn-info:active,
  .btn-info:focus,
  .btn-warning:active,
  .btn-warning:focus {
    outline: none; }

/* BUTTON COLOURS */
.btn-primary,
.btn-success,
.banner-row .download-link,
.btn-danger,
.btn-info,
.btn-warning {
  color: #fff; }
  .btn-primary:hover,
  .btn-success:hover,
  .banner-row .download-link:hover,
  .btn-danger:hover,
  .btn-info:hover,
  .btn-warning:hover {
    color: #fff; }

.btn-primary {
  background-color: #428bca; }
  .btn-primary:hover {
    background-color: #357ebd; }

.btn-success, .banner-row .download-link {
  background-color: #5cb85c; }
  .btn-success:hover, .banner-row .download-link:hover {
    background-color: #4cae4c; }

.btn-danger {
  background-color: #d9534f; }
  .btn-danger:hover {
    background-color: #d43f3a; }

.btn-info {
  background-color: #5bc0de; }
  .btn-info:hover {
    background-color: #46b8da; }

.btn-warning {
  background-color: #f0ad4e; }
  .btn-warning:hover {
    background-color: #eea236; }

/* BUTTON SIZING */
.btn-small {
  line-height: 2;
  padding: 0 0.5em; }

.btn-large {
  line-height: 4;
  padding: 0 1.5em; }

.btn-huge {
  line-height: 5;
  padding: 0 2em; }

/* ==========================================================================
    LABELS
   ========================================================================== */
.label,
.label-primary,
.label-success,
.label-danger,
.label-info {
  padding: .125em .25em;
  text-align: center;
  background-color: #fcfcfc;
  border-radius: 3px; }
   
 
/* LEFTPART isoropistes YPSOUS */
/*

.leftpart .tagView{
	min-height:2400px;
}
.leftpart .itemListView {
    min-height: 2300px;
}
.leftpart .itemView {
    min-height: 2280px; 
}
	*/
/* LEFTPART isoropistes YPSOUS */

/* LABEL COLOURS */
.label-primary {
  background-color: #428bca;
  color: #fff; }

.label-success {
  background-color: #5cb85c;
  color: #fff; }

.label-danger {
  background-color: #d9534f;
  color: #fff; }

.label-info {
  background-color: #5bc0de;
  color: #fff; }

.label-warning {
  background-color: #f0ad4e;
  color: #fff; }

/* ==========================================================================
    MEDIA
   ========================================================================== */
/* The media object abstraction, first proposed here:
 *
 * http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
 *
 * The media object here takes any element with a class of .media and
 * floats an image or anything with a .media-object class to the left
 * and gives it a right margin.
 *
 * To reverse this pattern, simply use .media-object-right.
 */
.media {
  margin-bottom: 1.618em; }
  .media .media-content {
    overflow: hidden; }
    .media .media-content:last-child {
      margin-bottom: 0; }
  .media .media-object-right {
    margin-right: 0; }

/* ==========================================================================
    JOOMLA MODULES
   ========================================================================== */
.module {
  /* Remove default bullets on lists inside modules */ }
  .module ul {
    list-style-type: none; }

/* ==========================================================================
    NAVIGATION
   ========================================================================== */
/* Remove list styles and throw child elements into a horizontal list. */
.nav, .breadcrumb, .pagination ul, .pagenav, .social, .actions {
  list-style: none; }
  .nav li, .breadcrumb li, .pagination ul li, .pagenav li, .social li, .actions li {
    display: inline-block; }
    .nav li a, .breadcrumb li a, .pagination ul li a, .pagenav li a, .social li a, .actions li a {
      padding: 0.20225em; }

/* Creates a vertical list of blocky, finger-friendly, links. */
.nav-stacked li,
.nav-stacked li a {
  display: block; }

/* ==========================================================================
    PAGINATION
   ========================================================================== */
/* Blog and article pagination */
.pagination {
  text-align: center; }
  .pagination ul span {
    padding: 0.4045em; }

/* Article pagination */
.pagenav li {
  width: 50%; }
.pagenav .previous {
  margin-right: -.25em; }
.pagenav .next {
  float: right;
  text-align: right; }

/* ==========================================================================
    ROWS
   ========================================================================== */
/* Gives the content sections some breathing space */
[class*="-row"] {
  -webkit-transition: padding 0.3s ease;
  -moz-transition: padding 0.3s ease;
  -ms-transition: padding 0.3s ease;
  -o-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
  padding: 0 1.618em; }
  [class*="-row"] .content {
    padding: 1.618em 0 0;		 }
    @media only screen and (min-width: 90em) {
      [class*="-row"] .content {
        padding: 2.427em 0 0.809em; } }

/* ==========================================================================
    WELLS
   ========================================================================== */
.well {
  display: block;
  padding: 1.618em; }

/* ==========================================================================
    CONTENT WRAPPER
   ========================================================================== */
.wrapper {
  position:relative;
  margin: 0 auto;
/*  max-width: 45em; 	*/
  width: 960px; }
.bannerhome {
    margin-top: -5px;
}
.bannerhome .wrapper {
    padding-bottom: 15px;
    padding-top: 25px;
}

/*
 * These following need to override some base element styles,
 * so we'll load them last.
 */
/* Override any defaults like display: block on objects. */
/* ==========================================================================
    GRID
   ========================================================================== */
.grid-item, .logo, [role="navigation"], .footer-row .module, .social, .copyright, .above-row .module, .below-row .module {
  display: inline-block;
  margin-right: -.25em;
  width: 100%;
  vertical-align: top; }

/* ==========================================================================
    WIDTHS
   ========================================================================== */
/*
 * Sizes in human readable format. Taken from the inspirational inuit.css:
 *
 * https://github.com/csswizardry/inuit.css/blob/master/generic/_widths.scss
 *
 * Copyright 2012 Harry Roberts
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 */
/* Whole */
.one-whole {
  width: 100%; }

/* Halves */
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
  width: 50%; }

/* Thirds */
.one-third, .two-sixths, .four-twelfths {
  width: 33.333%; }

.two-thirds, .four-sixths, .eight-twelfths {
  width: 66.666%; }

/* Quarters */
.one-quarter, .two-eighths, .three-twelfths {
  width: 25%; }

.three-quarters, .six-eighths, .nine-twelfths {
  width: 75%; }

/* Fifths */
.one-fifth, .two-tenths {
  width: 20%; }

.two-fifths, .four-tenths {
  width: 40%; }

.three-fifths, .six-tenths {
  width: 60%; }

.four-fifths, .eight-tenths {
  width: 80%; }

/* Sixths */
.one-sixth, .two-twelfths {
  width: 16.666%; }

.five-sixths, .ten-twelfths {
  width: 83.333%; }

/* Eighths */
.one-eighth {
  width: 12.5%; }

.three-eighths {
  width: 37.5%; }

.five-eighths {
  width: 62.5%; }

.seven-eighths {
  width: 87.5%; }

/* Tenths */
.one-tenth {
  width: 10%; }

.three-tenths {
  width: 30%; }

.seven-tenths {
  width: 70%; }

.nine-tenths {
  width: 90%; }

/* Twelfths */
.one-twelfth {
  width: 8.333%; }

.five-twelfths {
  width: 41.666%; }

.seven-twelfths {
  width: 58.333%; }

.eleven-twelfths {
  width: 91.666%; }

@media only screen and (min-width: 20em) {
  /* Whole */
  .palm-one-whole {
    width: 100%; }

  /* Halves */
  .palm-one-half, .palm-two-quarters, .palm-three-sixths, .palm-four-eighths, .palm-five-tenths, .palm-six-twelfths {
    width: 50%; }

  /* Thirds */
  .palm-one-third, .palm-two-sixths, .palm-four-twelfths {
    width: 33.333%; }

  .palm-two-thirds, .palm-four-sixths, .palm-eight-twelfths {
    width: 66.666%; }

  /* Quarters */
  .palm-one-quarter, .palm-two-eighths, .palm-three-twelfths {
    width: 25%; }

  .palm-three-quarters, .palm-six-eighths, .palm-nine-twelfths {
    width: 75%; }

  /* Fifths */
  .palm-one-fifth, .palm-two-tenths {
    width: 20%; }

  .palm-two-fifths, .palm-four-tenths {
    width: 40%; }

  .palm-three-fifths, .palm-six-tenths {
    width: 60%; }

  .palm-four-fifths, .palm-eight-tenths {
    width: 80%; }

  /* Sixths */
  .palm-one-sixth, .palm-two-twelfths {
    width: 16.666%; }

  .palm-five-sixths, .palm-ten-twelfths {
    width: 83.333%; }

  /* Eighths */
  .palm-one-eighth {
    width: 12.5%; }

  .palm-three-eighths {
    width: 37.5%; }

  .palm-five-eighths {
    width: 62.5%; }

  .palm-seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .palm-one-tenth {
    width: 10%; }

  .palm-three-tenths {
    width: 30%; }

  .palm-seven-tenths {
    width: 70%; }

  .palm-nine-tenths {
    width: 90%; }

  /* Twelfths */
  .palm-one-twelfth {
    width: 8.333%; }

  .palm-five-twelfths {
    width: 41.666%; }

  .palm-seven-twelfths {
    width: 58.333%; }

  .palm-eleven-twelfths {
    width: 91.666%; } }
@media only screen and (min-width: 45em) {
  /* Whole */
  .lap-one-whole {
    width: 100%; }

  /* Halves */
  .lap-one-half, .lap-two-quarters, .lap-three-sixths, .lap-four-eighths, .lap-five-tenths, .lap-six-twelfths, .footer-row .module, .below-row .module {
    width: 50%; }

  /* Thirds */
  .lap-one-third, .lap-two-sixths, .lap-four-twelfths, .copyright, .above-row .module {
    width: 33.333%; }

  .lap-two-thirds, .lap-four-sixths, .lap-eight-twelfths, .social {
    width: 66.666%; }

  /* Quarters */
  .lap-one-quarter, .lap-two-eighths, .lap-three-twelfths {
    width: 25%; }

  .lap-three-quarters, .lap-six-eighths, .lap-nine-twelfths {
    width: 75%; }

  /* Fifths */
  .lap-one-fifth, .lap-two-tenths {
    width: 20%; }

  .lap-two-fifths, .lap-four-tenths, .logo {
    width: 40%; }

  .lap-three-fifths, .lap-six-tenths, [role="navigation"] {
    width: 60%; }

  .lap-four-fifths, .lap-eight-tenths {
    width: 80%; }

  /* Sixths */
  .lap-one-sixth, .lap-two-twelfths {
    width: 16.666%; }

  .lap-five-sixths, .lap-ten-twelfths {
    width: 83.333%; }

  /* Eighths */
  .lap-one-eighth {
    width: 12.5%; }

  .lap-three-eighths {
    width: 37.5%; }

  .lap-five-eighths {
    width: 62.5%; }

  .lap-seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .lap-one-tenth {
    width: 10%; }

  .lap-three-tenths {
    width: 30%; }

  .lap-seven-tenths {
    width: 70%; }

  .lap-nine-tenths {
    width: 90%; }

  /* Twelfths */
  .lap-one-twelfth {
    width: 8.333%; }

  .lap-five-twelfths {
    width: 41.666%; }

  .lap-seven-twelfths {
    width: 58.333%; }

  .lap-eleven-twelfths {
    width: 91.666%; } }
@media only screen and (min-width: 62em) {
  /* Whole */
  .portable-one-whole {
    width: 100%; }

  /* Halves */
  .portable-one-half, .portable-two-quarters, .portable-three-sixths, .portable-four-eighths, .portable-five-tenths, .portable-six-twelfths {
    width: 50%; }

  /* Thirds */
  .portable-one-third, .portable-two-sixths, .portable-four-twelfths, .below-row .module {
    width: 33.333%; }

  .portable-two-thirds, .portable-four-sixths, .portable-eight-twelfths {
    width: 66.666%; }

  /* Quarters */
  .portable-one-quarter, .portable-two-eighths, .portable-three-twelfths {
    width: 25%; }

  .portable-three-quarters, .portable-six-eighths, .portable-nine-twelfths {
    width: 75%; }

  /* Fifths */
  .portable-one-fifth, .portable-two-tenths {
    width: 20%; }

  .portable-two-fifths, .portable-four-tenths {
    width: 40%; }

  .portable-three-fifths, .portable-six-tenths {
    width: 60%; }

  .portable-four-fifths, .portable-eight-tenths {
    width: 80%; }

  /* Sixths */
  .portable-one-sixth, .portable-two-twelfths {
    width: 16.666%; }

  .portable-five-sixths, .portable-ten-twelfths {
    width: 83.333%; }

  /* Eighths */
  .portable-one-eighth {
    width: 12.5%; }

  .portable-three-eighths {
    width: 37.5%; }

  .portable-five-eighths {
    width: 62.5%; }

  .portable-seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .portable-one-tenth {
    width: 10%; }

  .portable-three-tenths {
    width: 30%; }

  .portable-seven-tenths {
    width: 70%; }

  .portable-nine-tenths {
    width: 90%; }

  /* Twelfths */
  .portable-one-twelfth {
    width: 8.333%; }

  .portable-five-twelfths {
    width: 41.666%; }

  .portable-seven-twelfths {
    width: 58.333%; }

  .portable-eleven-twelfths {
    width: 91.666%; } }
@media only screen and (min-width: 90em) {
  /* Whole */
  .desk-one-whole {
    width: 100%; }

  /* Halves */
  .desk-one-half, .desk-two-quarters, .desk-three-sixths, .desk-four-eighths, .desk-five-tenths, .desk-six-twelfths {
    width: 50%; }

  /* Thirds */
  .desk-one-third, .desk-two-sixths, .desk-four-twelfths {
    width: 33.333%; }

  .desk-two-thirds, .desk-four-sixths, .desk-eight-twelfths {
    width: 66.666%; }

  /* Quarters */
  .desk-one-quarter, .desk-two-eighths, .desk-three-twelfths {
    width: 25%; }

  .desk-three-quarters, .desk-six-eighths, .desk-nine-twelfths {
    width: 75%; }

  /* Fifths */
  .desk-one-fifth, .desk-two-tenths {
    width: 20%; }

  .desk-two-fifths, .desk-four-tenths {
    width: 40%; }

  .desk-three-fifths, .desk-six-tenths {
    width: 60%; }

  .desk-four-fifths, .desk-eight-tenths {
    width: 80%; }

  /* Sixths */
  .desk-one-sixth, .desk-two-twelfths {
    width: 16.666%; }

  .desk-five-sixths, .desk-ten-twelfths {
    width: 83.333%; }

  /* Eighths */
  .desk-one-eighth {
    width: 12.5%; }

  .desk-three-eighths {
    width: 37.5%; }

  .desk-five-eighths {
    width: 62.5%; }

  .desk-seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .desk-one-tenth {
    width: 10%; }

  .desk-three-tenths {
    width: 30%; }

  .desk-seven-tenths {
    width: 70%; }

  .desk-nine-tenths {
    width: 90%; }

  /* Twelfths */
  .desk-one-twelfth {
    width: 8.333%; }

  .desk-five-twelfths {
    width: 41.666%; }

  .desk-seven-twelfths {
    width: 58.333%; }

  .desk-eleven-twelfths {
    width: 91.666%; } }
@media only screen and (min-width: 120em) {
  /* Whole */
  .deskwide-one-whole {
    width: 100%; }

  /* Halves */
  .deskwide-one-half, .deskwide-two-quarters, .deskwide-three-sixths, .deskwide-four-eighths, .deskwide-five-tenths, .deskwide-six-twelfths {
    width: 50%; }

  /* Thirds */
  .deskwide-one-third, .deskwide-two-sixths, .deskwide-four-twelfths {
    width: 33.333%; }

  .deskwide-two-thirds, .deskwide-four-sixths, .deskwide-eight-twelfths {
    width: 66.666%; }

  /* Quarters */
  .deskwide-one-quarter, .deskwide-two-eighths, .deskwide-three-twelfths {
    width: 25%; }

  .deskwide-three-quarters, .deskwide-six-eighths, .deskwide-nine-twelfths {
    width: 75%; }

  /* Fifths */
  .deskwide-one-fifth, .deskwide-two-tenths {
    width: 20%; }

  .deskwide-two-fifths, .deskwide-four-tenths {
    width: 40%; }

  .deskwide-three-fifths, .deskwide-six-tenths {
    width: 60%; }

  .deskwide-four-fifths, .deskwide-eight-tenths {
    width: 80%; }

  /* Sixths */
  .deskwide-one-sixth, .deskwide-two-twelfths {
    width: 16.666%; }

  .deskwide-five-sixths, .deskwide-ten-twelfths {
    width: 83.333%; }

  /* Eighths */
  .deskwide-one-eighth {
    width: 12.5%; }

  .deskwide-three-eighths {
    width: 37.5%; }

  .deskwide-five-eighths {
    width: 62.5%; }

  .deskwide-seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .deskwide-one-tenth {
    width: 10%; }

  .deskwide-three-tenths {
    width: 30%; }

  .deskwide-seven-tenths {
    width: 70%; }

  .deskwide-nine-tenths {
    width: 90%; }

  /* Twelfths */
  .deskwide-one-twelfth {
    width: 8.333%; }

  .deskwide-five-twelfths {
    width: 41.666%; }

  .deskwide-seven-twelfths {
    width: 58.333%; }

  .deskwide-eleven-twelfths {
    width: 91.666%; } }
/* Next up, the template UI! */
/* ==========================================================================
	Package:	Oneweb template UI
	Version: 	1.0
	Created: 	April 2013
   ========================================================================== */
/* ==========================================================================
   	LINKS
   ========================================================================== */
/* Back to top link. */
a.to-top {
  background: #de0313;
  color: #fff; }

/* ==========================================================================
    TYPOGRAPHY
   ========================================================================== */
/* BLOCK QUOTES */
/* Borders are nice, sometimes. */
blockquote {
  border-left: 4px solid #d9907e;
  font-style: italic; }

cite {
  font-style: normal; }

/* EMPHATIC ELEMENTS */
/* We reset the root font size to 300, so better wind down boldness. */
b,
strong {
  font-weight: 400; }

/* ==========================================================================
    FONT-FACE FONTS
   ========================================================================== */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
/*.icon-home, .icon-pencil, .icon-connection, .icon-menu, */
.icon-google-plus, .googleplus, .icon-facebook, .facebook, .icon-twitter, .twitter, .icon-feed, .rss, .icon-dribbble, .dribbble, .icon-github, .github, .icon-paypal {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

/* Not actually using the following right now, so commenting out. May, or may not,
 * get round to grabbing a new set of font files.

.icon-home:before {
	content: "\e004";
}
.icon-pencil:before {
	content: "\e005";
}
.icon-connection:before {
	content: "\e006";
}
.icon-menu:before {
	content: "\e007";
}
.icon-feed:before {
	content: "\e002";
}
*/
.icon-google-plus:before, .googleplus:before {
  content: "\e000"; }

.icon-facebook:before, .facebook:before {
  content: "\e008"; }

.icon-twitter:before, .twitter:before {
  content: "\e001"; }

.icon-dribbble:before, .dribbble:before {
  content: "\e009"; }

.icon-github:before, .github:before {
  content: "\e00a"; }

.icon-paypal:before {
  content: "\e00b"; }

/* Print /email icons are ugly, let's not bother! */
/*
.icon-print:before {
	content: "\e00c";
}
.icon-mail:before {
	content: "\e00d";
}
*/
/* ==========================================================================
    UI BUTTONS
   ========================================================================== */
/*
 * Let's add some template-specific style to these babies!
 */
.btn, .banner-row .download-link, .banner-row .respository-link {
  font-weight: 400; }

/* ==========================================================================
    WELLS
   ========================================================================== */
.well {
  background: #fcfcfc;
  border: 1px solid #eeeeee; }

/* ==========================================================================
    ICONS
   ========================================================================== */
/* Let's apply the icon styles semantically to elements instead
of adding icon classes in our markup. It's more awesome. */
/* Print /email icons are ugly, let's not bother! */
/*
.icon-envelope {
	@extend .icon-mail;
}
*/
/* a generic icon spacer, because putting space inside spans is junky, clunnky, oh so not funky */
/*
[class^="icon-"]:before {
	padding-right: 0.25em;
}
*/

/* ==========================================================================
    CREDIT-ROW - FOOTER LINKS - 
   ========================================================================== */
   
.credit-row {
    background: none repeat scroll 0 0 #000;
    color: #fff;
    display: block;
    margin-top: -20px;
    padding-bottom: 0;
    padding-top: 30px;
    position: relative;
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
}
.credit-row  .wrapper{
    background: none repeat scroll 0 0 #000;
	height: 320px;
	overflow: hidden;
}
a#tabber120_a_1, a#tabber120_a_2 {
    display: none !important;
}
a#tabber120_a_0 {
    display: inline-block;
    font-size: 16px;
    margin-left: 13px;
    padding-bottom: 0 !important;
    width: 250px !important;
} 
#foot ul.menu {
    max-width: 450px;
} 
.haschild.roi { 
    margin-top:-180px;
    position: relative;
    width: 270px !important;
}
.haschild.roi > ul {
    text-align: left;
    width: 270px !important;
}
.haschild.roi > ul li {
    display: inline-block !important;
    width: 110px !important;
}
.haschild.roi a.haschild {
    margin-top: 20px;
    width: 215px;
}

#foot ul ul li a {
    color: #fff;
}
#foot a {
    background: none repeat scroll 0 0 transparent;
    font-weight: bold;
    padding: 0;
    text-indent: 0;
    text-transform: uppercase;
	font-size:12px;
}
#foot a:hover {
    color: #de0313;
}
.haschild {
}
#foot li {
    display: inline-block;
    margin-left: 10px;
    max-width: 200px;
    padding-left: 0;
    vertical-align: top;
    width: auto;
}
#foot li ul li {
    display: block;
    padding-left: 15px;
    padding-top: 0;
}
#foot ul {
    float: left;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 15px;
    max-width: 755px;
    vertical-align: top;
}
#foot ul ul {
    margin-bottom: 10px;
    margin-left: 0 !important;
    margin-top: 0;
    padding-left: 0;
}
#foot a.haschild {
    border-bottom: 1px solid #ffffff;
    color: #de0313;
    display: block;
    margin-bottom: 10px;
}
#foot a.haschild:hover {
    color: #ffffff;
}
li.convertToParent {
    background: none repeat scroll 0 0 transparent !important;
    margin-left: -15px !important;
    margin-top: 20px !important;
}
li.convertToParent2 {
    background: none repeat scroll 0 0 transparent !important;
    margin-left: -15px !important;
    margin-top: 46px !important;
}
.convertToParent a, .convertToParent2 a {
    color: #de0313 !important;
}
.convertToParent a:hover, .convertToParent2 a:hover {
    color: #ffffff !important;
}
.haschild li, .haschild li:hover {
    background: url(../images/footer_arrow.png) no-repeat scroll left 8px transparent;
    padding-left: 19px !important;
}
.fixedz .item-241 {
    margin-left: 19px !important;
    margin-right: 0px !important;
}
.fixedposition {
    position: fixed;
    top: 30px;
}
.item-280 > a {
    text-align: center;
    width: 70px;
}
#footerCenter {
    display: inline-block;
    height: 200px;
    margin-left: 30px;
    padding: 18px 5px 5px;
    width: 250px;
}
#footerCenter h3 {
    border-bottom: 1px solid #ffffff;
    color: #de0313;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 4px;
    text-transform: uppercase;
}
#footerCenter a {
    background: url(../images/footer_arrow.png) no-repeat scroll left 8px transparent;
    color: #fff;
    display: block;
    font-size: 13px !important;
    margin-top: 0;
    padding-left: 19px;
    padding-top: 3px;
    width: 100%;
	padding-bottom: 2px;
}
#footerCenter .footerTags {
    margin-top: 0;
    padding-top: 0;
}
ul#footIcons {
    display: inline-block;
    float: right !important;
    margin-right: 5px !important;
    margin-top: 5px;
    position: inherit;
    width: 206px;
}
ul#footIcons li {
    display: inline-block;
    height: 70px;
    margin-bottom: 5px;
    width: 80px;
}
ul#footIcons li a {
    display: block;
    height: 48px;
    margin-left: 15px;
    margin-top: 12px;
    width: 48px;
}
ul#footIcons li a:hover {
    opacity: 0.8;
}
.fbico a {
    background: url("../images/fb.png") no-repeat scroll 0 0 transparent !important;
}
.twico a {
    background: url("../images/tw.png") no-repeat scroll 0 0 transparent !important;
}
.rssico a {
    background: url("../images/rss.png") no-repeat scroll 0 0 transparent !important;
}
.ytico a {
    background: url("../images/yt.png") no-repeat scroll 0 0 transparent !important;
}
.appleico a {
    background: url("../images/apple.png") no-repeat scroll 0 0 transparent !important;
}
.droidico a {
    background: url("../images/droid.png") no-repeat scroll 0 0 transparent !important;
}

/* ==========================================================================
    CREDIT-ROW - FOOTER LINKS - 
   ========================================================================== */
   
   
   
/* ==========================================================================
    ROWS
   ========================================================================== */
/* Make some adjustments for special rows */
.header-row, .above-row, .main-row {
    padding: 0;
}

.header-row .content,
.breadcrumb-row .content,
.credit-row .content {
   margin-bottom: 5px; 
    padding-top: 0; }

/* ==========================================================================
    HEADER
   ========================================================================== */

.stst div {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}
.cse-branding-bottom {
    height: 35px;
}
.stst {
    display: block;
    margin: 0 auto;
    opacity: 0.4;
    text-align: center;
}

#headup logo, #headup .head728 {
    display: inline-block;
}
#headup .logo {
    display: inline-block;
    margin: 16px auto 0;
    padding: 0 0 0 5px;
    text-align: center;
    vertical-align: top;
    width: 220px;
}
#headup {
    background: none repeat scroll 0 0 #000;
    margin-bottom: 5px;
    padding: 24px 0 17px;
}
.300top{
width:300px;
height:250px;
background:#F1F1EF;
}
..mainContainer{min-height:590px;}
.fixedz {
    border-radius: 0 !important;
    height: 36px !important;
    overflow: visible !important;
    padding-right: 5px !important;
    position: fixed;
    top: 0;
	margin-top:0px!important;
	z-index: 111111;
}
.fixedz .lower {
    display: none;
}

.darker {
    display: block;
    height: 36px;
    left: 56.5%;
    overflow: hidden;
    position: absolute;
    width: 36%;
}
.upper .module.module-479 {
    position: relative;
    z-index: 4;
}
.darkdevider {
    background: none repeat scroll 0 0 #1e1e1e;
    border-left: 1px solid #111;
    display: block;
    height: 50px;
    margin-left: 8px;
    margin-top: -10px;
    overflow: hidden;
    position: absolute;
    -ms-transform: rotate(-16deg); /* IE 9 */
    -webkit-transform: rotate(-16deg); /* Chrome, Safari, Opera */
    transform: rotate(-16deg);
    width: 50px;
}
.darkerbg {
    background: none repeat scroll 0 0 #1e1e1e;
    display: block;
    height: 36px;
    left: 30px;
    position: relative;
    width: 284px;
}
.darkest {
    background: none repeat scroll 0 0 #030303;
    display: block;
    height: 36px;
    margin-left: 855px;
    position: absolute;
    width: 105px;
}

#navnav {
    background:#fff;
    border-radius: 0 0 6px 6px;
    height: 70px; 
    padding-bottom: 3px;
	width: 960px;
	margin-bottom: 11px;
    margin-top: 11px;
}
li.item-211 {
    margin-right: 3px !important;
}
li.item-211 a:hover {
    background: url("../images/homeicon.png") no-repeat scroll 3px -25px rgba(0, 0, 0, 0);
}
li.item-211 a {
      background: url("../images/homeicon.png") no-repeat scroll 3px 5px rgba(0, 0, 0, 0);
    display: block;
    font-size: 0 !important;
    height: 25px;
    position: relative;
    text-indent: -1000px;
	margin-top: 0 !important;
    width: 24px;
}
.item-241.parent a {
    background: url("../images/menuUL1.png") no-repeat scroll right 8px transparent;
    padding-right: 15px;
}
.item-314 a{color:#DE0313!important;}
.item-314 a:hover{color:#555!important;}
.topikabannert{
display: block; height: 50px; position: relative; margin-top: -25px; margin-left: -5px; margin-bottom: 25px;
}

#navnav .upper .item-314 a {
    background: #fff;
    color: #000!important;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
}
#navnav .upper .item-314 a:hover {
    background: #DE0313;
    color: #fff!important;
	text-decoration:none;
}
#navnav .upper ul li.item-314 {
    margin-left: 7px;
    margin-right: 7px;
}

#navnav .upper a {
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin-top: 4px;
    text-transform: uppercase;
    vertical-align: top;
}
#navnav .upper a:hover {
    color: #DE0313;
}
#navnav .upper ul li {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
    vertical-align: top;
}
#navnav .upper .item-354 a {
    letter-spacing: -0.6px;
    background: #fff;
    padding-left: 5px;
    padding-right: 5px;
    color: #C00311;
    border-radius:5px;
	text-decoration:none!important;
}

#navnav .upper .item-354 a:hover, #navnav .upper .item-354.active a {
    color: #fff!important;
    background:#C00311;
	text-decoration:none;
}

#navnav .upper ul li:hover ul , #navnav .upper ul li ul:hover {
display:block; 
}	
.item-241 {
    margin-left: 23px !important;
    margin-right: 0px !important;
}
#navnav .upper ul li ul {
    background: none repeat scroll 0 0 #000;
    display: none;
    margin: 0 0 0 -61px;
    padding: 10px 0 0;
    position: absolute;
    width: 150px;
    z-index: 111;
}
em.anafora q, em.anafora{
    border-left: 5px solid #d5d5d5;
    color: #888 !important;
    display: block;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 5px;
}
em.onoma q, em.onoma{
    background: none repeat scroll 0 0 #fff;
    color: #8f8f8f !important;
    display: block;
    font-size: 13px;
    margin-left: -20px !important;
    margin-top: 3px;
    padding-right: 5px;
    position: relative;
    text-align: right;
}
em.anaforah2 q, em.anaforah2{
    border-bottom: 3px solid #dedede;
    border-top: 3px solid #dedede;
    color: #888 !important;
    display: block;
    margin-left: 10px;
    padding: 10px 5px 10px 10px;
}
em.onomah2 q, em.onomah2{
    color: #8f8f8f !important;
    display: block;
    font-size: 13px;
    margin-left: 10px;
    margin-top: 2px;
    padding-left: 10px;
    padding-right: 5px;
    text-align: right;
}
ul.arrowDown {
    margin-left: 15px;
    margin-top: -20px;
}
em.righter{}
.righter {
    border-left: 4px dashed #dedede;
    float: right;
    font-size: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding: 15px 20px;
    width: 240px;
}
ul.arrowDown li {
    background: url("../images/ul_arrow.png") no-repeat scroll left top 7px rgba(0, 0, 0, 0);
    padding-left: 20px;
} 
small {
    font-size: 12px;
	color:#999;
}
.fixedz .upper ul li ul {
    margin: 0 0 0 -57px!important;
}
.rightSocial #searchon:hover {
    background: url("../images/menu-socials2.png") no-repeat scroll -226px -58px rgba(0, 0, 0, 0);
}
.rightSocial #searchon {
    background: url("../images/menu-socials2.png") no-repeat scroll -226px -2px rgba(0, 0, 0, 0);
    width: 30px;
    height: 28px;
    display: inline-block;
	margin-top:2px;
	cursor:pointer;
}
.rightSocial #searchoff:hover {
    background: url("../images/menu-socials2.png") no-repeat scroll -185px -60px rgba(0, 0, 0, 0);
}
#searchbox .search-field:focus {
    border: 1px solid #aaa;
}

#searchbox2 .search-field {
    border: 2px solid #ccc;
    padding: 4px 4px 4px 10px;
    width: 260px !important;
}
#searchbox2 {
    margin-bottom: 0;
    margin-top: 10px;
    padding: 10px 3px 0;
}
#searchbox2 .searchit {
    float: right;
    margin-right: 0;
    margin-top: -45px;
    position: relative;
}

.rightSocial #searchoff {
    background: url("../images/menu-socials2.png") no-repeat scroll -185px -4px rgba(0, 0, 0, 0);
    width: 30px;
    height: 28px;
	margin-top:2px;
	cursor:pointer;
    display: inline-block;
}
.item-241 li a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    display: block;
    position: relative;
}
#navnav .upper ul {
    margin-bottom: 0;
    padding-top: 4px;
	position: relative;
}

#navnav .lower a {
    color: #555;
    font-size: 13px;
    font-weight: bold;
	vertical-align:top;
    text-transform: uppercase;
}
#navnav .lower a:hover {
    color: #DE0313;
}
#navnav .lower ul li {
    display: inline-block;
    margin-left: 5px;
    margin-right: 13px;
    padding-top: 5px;
    text-align: left;
    vertical-align: top;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#navnav .lower ul li {
		padding-top: 6px;
	}
}
#navnav .lower ul li ul {
    display: none;
}

#navnav .lower ul {
    margin-bottom: 0;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-top: 0;
}
#navnav .lower .item-298 {
    background: #f4ab00 none repeat scroll 0 0;
    border-radius: 5px;
    line-height: 20px;
    margin-top: 5px;
    padding-bottom: 4px !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 3px !important;
    margin-top: 3px;
}
#navnav .lower .item-298 a{
	   color: #000 !important;
}
#navnav .lower .item-298.active a{
	   color: #f4ab00 !important;
}
#navnav .lower .item-298 a:hover, #navnav .lower .item-298:hover a{
	   color: #f4ab00 !important;
}
.lower { 
	text-align:left;
	overflow:hidden;
	border-radius: 0 0 6px;
	-moz-border-radius: 0 0 6px;
	-webkit-border-radius: 0 0 6px;
    height: 34px;
}
.upper {
	background: none repeat scroll 0 0 #323232;
    height: 36px;
	text-align:left;
}
#navnav .lower .item-298:hover,#navnav .lower .item-298.current.active  {background:#1E1E1E!important; }

#navnav .item-309 {
    display: none!important;
}

ul.popularContent .shares2 {
	display: none!important;
}.item-282 {
    border-bottom: 2px solid #ccc;
    padding: 0 3px;
}

 
.item-298 a, .item-298.current.active  a {
    color: #fff!important;
}
.item-298.active a {
    color: #fff!important;
}
.itemid-298 .itemListCategoriesBlock {
    display: none;
}

 .header-row {
  text-align: center; }
  @media only screen and (min-width: 45em) {
    .header-row {
      text-align: left; } }

	  
.rightSocial {
    background: none repeat scroll 0 0 #fff;
    display: block;
    float: right;
    margin-top: 2px;
    position: relative;
}
#comments-form img.smile:hover{
opacity:0.8;
}
#comments-form img.smile{
opacity:0.6;
}
#searchbox {
    background: none repeat scroll 0 0 #fff;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
    margin-top: -15px;
    padding-bottom: 10px;
    padding-top: 20px;
}
#searchbox .search-field {
    border: 1px solid #ccc;
    display: inline-block;
    height: 33px;
    padding: 5px 5px 5px 10px;
    width: 450px;
}
#navnav .upper ul li ul li a {
    margin-top: 0;
}
.header-row .wrapper {
    background: url("../images/header_bg_black.png") repeat-x scroll left top #d7d9d0;
}
#searchbox input {
    display: inline-block;
    margin-left: -5px;
    padding: 4px;
}
#searchbox .label-t {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 700px;
}
.searchit {
    background: url("../images/menu-socials2.png") no-repeat scroll -221px -1px rgba(0, 0, 0, 0);
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 31px;
    margin-left: -10px !important;
    width: 38px;
}
.searchit:hover {
    background: url("../images/menu-socials2.png") no-repeat scroll -221px -57px rgba(0, 0, 0, 0);
}
.rightSocial .tw:hover {
    background: url("../images/menu-socials2.png") no-repeat scroll -26px -56px rgba(0, 0, 0, 0)!important;
}
.rightSocial .fb {
    background: url("../images/menu-socials2.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: inline-block;
    height: 28px;
    margin-top: 2px;
    width: 20px;
}
.rightSocial .tw {
    background: url("../images/menu-socials2.png") no-repeat scroll -26px top rgba(0, 0, 0, 0);
    display: inline-block;
    height: 28px;
    margin-left: 3px;
    margin-top: 2px;
    width: 30px;
}
.lower .module {
    display: inline-block;
    width: auto;
}
.rightSocial .fb:hover {
    background: url("../images/menu-socials2.png") no-repeat scroll left -56px rgba(0, 0, 0, 0);
}
div {
}
.rightSocial .rss:hover {
    background: url("../images/menu-socials2.png") no-repeat scroll -149px -56px rgba(0, 0, 0, 0);
}
.rightSocial .rss {
    background: url("../images/menu-socials2.png") no-repeat scroll -149px top rgba(0, 0, 0, 0);
    width: 30px;
    height: 28px;
    display: inline-block;
    margin-left: 3px;
    margin-top: 2px;
}
#rotator {
    background: none repeat scroll 0 0 #fff;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.rotator-left {
    display: inline-block;
    width: 650px;
	vertical-align:top;
}
.rotator-right {
    display: inline-block;
    width: 300px;
	vertical-align:top;
}
.fullpart {
width: 632px !important;
}
.fullpart ul.rest {
width: 310px;
}

/* AGGELIES HACK GIA ARXIKI */
#underUnderRotatorL {
    display: inline-block;
    margin-left: 10px;
    margin-top: 21px;
    width: 315px;
}
#underUnderRotator #underRotatorR {
    font-size: 14px;
    line-height: 17px;
    width: 300px;
	background:#f9f9f9;
    border: 4px solid #F8E4B4;
    padding: 5px;
}
#underUnderRotator .moduleCustomLink {
    background: #ffba1b;
    border: 2px solid #f8e4b4;
    color: #010d40;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}
#underUnderRotator .moduleCustomLink:hover {
	opacity:0.8;
}
#underUnderRotator #underRotatorR ul.firstitem {
    width: 100%;
}
#underUnderRotator div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
    margin-top: -10%;
    width: 93%;
}
#underUnderRotator #underRotatorR .module-header {
    background: #ffba1b url("../images/lrAGmodule2.png") no-repeat scroll left top !important;
    max-height: 30px;
    padding-top: ;
}
#underUnderRotator #underRotatorL .module-header h3,#underUnderRotator #underRotatorR .module-header h3 {
   background: transparent none repeat scroll 0 0 !important;
    color: #111111 !important;
    padding-top: 4px;
    padding-left: ;
}
#underUnderRotator #underRotatorR .k2ItemsBlock ul li .moduleItemIntrotext a.moduleItemImage {
    height: 110px;
    width: 300px !important;
}
/* AGGELIES HACK GIA ARXIKI */

#underRotator {
    font-size: 14px;
    line-height: 17px;
}
#underRotatorL {
    display: inline-block;
    margin-left: 10px;
    margin-top: 21px;
    width: 410px;
}
#underRotatorL .k2ItemsBlock ul li .moduleItemIntrotext a.moduleItemImage {
    display: block;
    height: 120px;
    overflow: hidden;
    width: 200px;
}
#underRotatorL ul.firstitem {
    display: inline-block;
    float: left;
    width: 210px;
}
#underRotatorL ul.rest {
    display: inline-block;
    margin-left: 5px;
    width: 195px;
}
#underRotatorL .firstitem .moduleItemTitle, .firstitem .desc, .firstitem  .moduleItemDateCreated {
    display: block;
    margin:3px;
} 
a.moduleItemTitle {
    color: #222222;
	font-size: 13px !important;
    font-weight: bold;
}
a.moduleItemTitle:hover {
    color: #de0313;
    font-weight: bold;
}

.moduleCustomLink {
    background: none repeat scroll 0 0 #ddd;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    display: block;
    float: right;
    font-size: 13px;
    margin-right: 10px;
    padding: 5px;
	margin-top:-18px;
}
#underRotatorL .module { 
    margin-bottom: 13px;
}
#underRotatorR .module {
    margin-bottom: 15px;
}
#underRotatorR .module-header h3{
background:url(../images/lrmodule2.png) no-repeat scroll -50px top #dadad6!important;
}
.underRotatorModuleAd590 {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #ddd;
    height: 90px;
    margin: 0 auto 25px;
    width: 590px;
}
.underRotatorAd590 {
    display: block;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 590px;
}

header h1 {
    font-size: 36px;
    font-weight: bold;
    line-height: 105%;
    margin: 0;
    padding: 10px 0 4px;
}
#underRotatorL .firstitem li {
    border: medium none;
}
.current.active > a {
    color: #de0313 !important;
}
.current.active > a:hover {
    text-decoration: underline;
}

.firstitem .moduleItemDateCreated, .rest .moduleItemDateCreated, #underRotatorL .firstitem .moduleItemDateCreated, #underRotatorL .firstitem .moduleItemDateCreated, .modulearticles .firstitem .moduleItemDateCreated {
    color: #6f6f6f;
    display: block;
    font-size: 12px;
    font-style: italic;
    margin-top: 2px;
}
.bannerhome .wrapper {
    background: none repeat scroll 0 0 #fff;
}
#underRotator .desc, .modulearticles .desc {
    font-size: 13px;
}
.modulearticles{
    font-size: 14px;
    line-height: 17px;
}
.modulearticles ul.firstitem {
    margin-bottom: 0;
}
#underRotatorL .module-header h3, #underRotatorR .module-header h3 {
    background: none repeat scroll 0 0 #dadad6;
    color: #222;
    font-size: 19px;
    font-weight: bold;
    margin-left: 50px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-top: 6px;
    text-transform: uppercase;
}
.modulearticles h3 {
    background: url("../images/lrmodule2.png") no-repeat scroll left top #dadad6;
    color: #222;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 4px;
    padding: 6px 10px 4px 59px;
    text-align: left;
    text-transform: uppercase;
}
li{list-style:none;}
.modulearticles ul.firstitem {
    margin-bottom: 0;
}

.mod_sef input, .mod_sef textarea {
    border: 2px solid #ddd;
    margin-top: 10px;
}
.mod_sef_input {
}
#mod_simpleemailform_reset_1 {
    display: none;
}
#mod_simpleemailform_submit_1:hover {
    background: none repeat scroll 0 0 #fefefe;
    border: 2px solid #de0313;
    color: #de0313;
}
#mod_simpleemailform_submit_1 {
    display: block;
    float: right;
    font-weight: bold;
    padding: 11px 90px;
}
.lrContact > h3 {
    margin-bottom: 10px;
    padding-top: 10px;
}
.lrContact {
    border-bottom: 2px dashed #ccc;
    border-top: 2px dashed #ccc;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    padding-bottom: 25px;
    padding-top: 20px;
}
.mod_sef_space {
    display: none;
}
.contactLogo{
    background: url("../images/contactlogo.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    border: 4px dashed #000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: block;
    height: 112px;
    left: 430px;
    position: absolute;
    top: 78px;
    width: 402px;
}
.contactmsg {
    background: none repeat scroll 0 0 #ccc; 
    font-weight: bold;
    left: 50%;
    line-height: 19px;
    margin-left: -250px;
    margin-top: -7px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    top: 10px;
    width: 500px;
}
.mod_sef_input_upload {
    border: medium none !important;
}
.contactmsg p {
    margin-bottom: 0;
}
.modulearticles .moduleItemImage > img {
    height: auto;
    margin-left: 2px;
    width: 293px !important;
}
.modulearticles .moduleItemImage {
    display: block;
    height: 140px;
    overflow: hidden;
}
.modulearticles {
    display: inline-block;
    margin-top: 21px;
    vertical-align: top; 
}
#underRotatorL .module-header {
    background: url("../images/lrmodule1.png") no-repeat scroll left top transparent;
    display: block;
    height: 36px;
}
 #underRotatorR .module-header {
    background: url("../images/lrmodule2.png") no-repeat scroll left top transparent;
    display: block;
    height: 36px;
}
#underRotatorR {
    display: inline-block;
    margin-left: 10px;
    margin-top: 21px;
    vertical-align: top;
    width: 210px;
}

#underRotatorR .k2ItemsBlock ul li .moduleItemIntrotext a.moduleItemImage {
    display: block;
    height: 100px;
    overflow: hidden;
    width: 200px;
}
#underRotatorR ul.firstitem {
    display: inline-block;
    float: left;
    margin-bottom: 4px;
    width: 210px;
}


.mirror .rotator-left {
    float: right;
    width: 650px;
}
.mirror .rotator-right {
    margin-left: 10px;
}
.mirror #underRotatorL {
    margin-top: 0;
    width: 410px;
}
.mirror #underRotatorR {
    margin-top: 0;
}
.mirror .modulearticles h3 {
    background: url("../images/lrmodule2.png") no-repeat scroll -50px top #dadad6;
    color: #222;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 4px;
    margin-left: 50px;
    padding: 6px 10px 4px 8px;
    text-align: left;
    text-transform: uppercase;
	margin-right:2px;
}
.bannerhome {
    margin-top: -5px;
}
.fullpart .firstitem {
	width: 310px !important;
} 
#underRotatorL.fullpart .k2ItemsBlock ul li .moduleItemIntrotext a.moduleItemImage {
	height: 140px !important;
	width: 300px !important;
}
.mirror .modulearticles {
    background: url("../images/lrmodule2.png") no-repeat scroll left top transparent;
    display: inline-block;
    margin-top: 40px;
    padding-bottom: 14px;
    vertical-align: top;
}
.wrapper.mirror {
    background: ;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px !important;
    padding-top: 20px !important;
    position: relative;
}


/* ==========================================================================
    MAIN CONTENT - ARTICLE VIEW
   ========================================================================== */
.category590 {
    margin: 0 auto 25px;
}
.leftpart {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    width: 630px;
	vertical-align:top;
	margin-bottom:50px;
}
.rightpart {
    display: inline-block; 
    width: 300px;
	vertical-align:top;
	margin-bottom:50px;
	margin-left:10px;
}
.main-row .wrapper {
    background: none repeat scroll 0 0 #fff;
    margin-top: 10px;
    padding: 5px; 
	height: auto;
}
.main-row .content {
    padding-top: 10px;
}
b,strong {
    font-weight: 600;
}
/* ==========================================================================
    MAIN CONTENT - ARTICLE VIEW
   ========================================================================== */


/* ==========================================================================
    LOGO
   ========================================================================== */
@media only screen and (min-width: 45em) {
  .logo {
    margin-bottom: 0;
    vertical-align: middle; } }

/* ==========================================================================
    HEADER NAV
   ========================================================================== */
/* MAIN NAVIGATION */

/*
[role="navigation"] {
  font-variant: small-caps;
  font-weight: 400; }
  [role="navigation"] ul {
    margin-bottom: 0; }
    [role="navigation"] ul > li {
      margin: 0 0.20225em; }
      [role="navigation"] ul > li a {
        display: block;
        padding: 0.4045em; }
  @media only screen and (min-width: 45em) {
    [role="navigation"] {
      text-align: right;
      vertical-align: middle; } }
	  
	  */

/* ==========================================================================
    BANNER
   ========================================================================== */
  
  
.banner-row {
	display:none;
	/* 
	  background: url(../images/tundra.jpg) center center;
	  background-size: cover;
	  */
	  /* The download button */
	  /* The GitHub button */ 
  }
  .banner-row h1,
  .banner-row h2 {
    color: #fff; }
  .banner-row .content {
    -webkit-transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -ms-transition: padding 0.3s ease;
    -o-transition: padding 0.3s ease;
    transition: padding 0.3s ease; }
    @media only screen and (min-width: 45em) {
      .banner-row .content {
        padding: 2.427em 0 0.809em; } }
    @media only screen and (min-width: 90em) {
      .banner-row .content {
        padding: 3.236em 0 1.618em; } }

/* ==========================================================================
    FOOTER
   ========================================================================== */
.footer-row {
  background: #de0313;
  /* Offset the content container as we're padding the grid items */
  /* Make each module a grid item */ }
  @media only screen and (min-width: 45em) {
    .footer-row .content {
      margin-left: -3.236em; } }
  .footer-row .module {
    /* And give it a width on larger screens */ }
    @media only screen and (min-width: 45em) {
      .footer-row .module {
        margin-bottom: 0;
        padding-left: 3.236em; } }

[role="contentinfo"] blockquote {
  border: none;
  margin: 0;
  padding: 0; }
[role="contentinfo"] img {
  -webkit-box-shadow: 0 1px 0px 1px rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0 1px 0px 1px rgba(255, 255, 255, 0.25);
  box-shadow: 0 1px 0px 1px rgba(255, 255, 255, 0.25);
  height: 60px;
  border-radius: 100%; }
[role="contentinfo"] a {
  color: #fff; }

  
/* Safari and Chrome Only */
@media screen and (-webkit-min-device-pixel-ratio:0) {

#navnav .upper ul li ul {
margin: 0 0 0 -60px;
}
.fixedz .upper ul li ul {
margin: 0 0 0 -57px!important;
}

  /* Safari only override */
    ::i-block-chrome,#navnav .upper ul li ul {
		margin: 0 0 0 -58px;
	}
  /* Safari only override */
    ::i-block-chrome,.fixedz .upper ul li ul {
		margin: 0 0 0 -54px!important;
	}

}
/* Safari and Chrome Only */



/* IE10+ specific styles Only */  
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   #headup{
	padding:24px 0 15px;
   }
   #navnav .upper ul li ul{
	margin:0 0 0 -66px;
   }
   .fixedz .upper ul li ul{
	margin:0 0 0 -62px !important;
   }
}



/* social icons */
@media only screen and (min-width: 45em) {
  .social {
    margin-bottom: 0;
    text-align: left; } }

/* social icons */
.copyright {
  font-weight: 400; }
  @media only screen and (min-width: 45em) {
    .copyright {
      text-align: right; } }

/* ==========================================================================
    ARTICLE ACTIONS
   ========================================================================== */
/* The print / mail /edit links */
.actions {
  margin-bottom: 0;
    margin-top: 0;
    text-align: right;
}

/* ==========================================================================
    ARTICLE INFO
   ========================================================================== */
/* Article category, author, publish date, hits, etc. */
.article-meta {
  font-size: 0.83em;
  line-height: 1.9494;
  margin-top: 0;
  margin-bottom: 1.9494em; }

/* ==========================================================================
    ABOVE-ROW MODULES
   ========================================================================== */
/* Make each module a grid item */
.above-row {
    min-height: 40px;
  /* Offset the content container as we're padding the grid items */
  /* Make each module a grid item */ }
  @media only screen and (min-width: 45em) {
    .above-row .content {
      margin-left: -1.618em; } }
  .above-row .module {
    /* And give it a width on larger screens */ }
    @media only screen and (min-width: 45em) {
      .above-row .module {
        padding-left: 1.618em; } }

/* ==========================================================================
    BELOW-ROW MODULES
   ========================================================================== */
/* Make each module a grid item */
.below-row {
  background: #fcfcfc;
  border-top: 1px solid #eeeeee;
  /* Offset the content container as we're padding the grid items */
  /* Make each module a grid item */ }
  @media only screen and (min-width: 45em) {
    .below-row .content {
      margin-left: -1.618em; } }
  .below-row .module {
    /* And give it a width on larger screens */ }
    @media only screen and (min-width: 45em) {
      .below-row .module {
        padding-left: 1.618em; } }