@charset "utf-8";

/*
 * TODO: RUN THROUGH PREFIXR
 */

/* =========== Fonts =========== */
@font-face {
  font-family: 'MuseoSans';
  src: url('../../../fonts/MuseoSans_500-webfont.eot');
  src: url('../../../fonts/MuseoSans_500-webfontd41d.eot?#iefix')
      format('embedded-opentype'),
    url('../../../fonts/MuseoSans_500-webfont.woff') format('woff'),
    url('../../../fonts/MuseoSans_500-webfont.ttf') format('truetype'),
    url('../../../fonts/MuseoSans_500-webfont.svg#MuseoSans500') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MuseoSlab';
  src: url('../../../fonts/Museo_Slab_500-webfont.eot');
  src: url('../../../fonts/Museo_Slab_500-webfontd41d.eot?#iefix')
      format('embedded-opentype'),
    url('../../../fonts/Museo_Slab_500-webfont.woff') format('woff'),
    url('../../../fonts/Museo_Slab_500-webfont.ttf') format('truetype'),
    url('../../../fonts/Museo_Slab_500-webfont.svg#Museo_Slab500') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* =========== General =========== */
body {
  font-family: 'Caudex', serif;
  font-size: 13px;
  font-weight: 700;
  color: #594738; /*483628;*/
  background-image: url(../images/lower_bg.png), url(../images/bg.jpg),
    url(../images/mid_bg.png);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: bottom center, top center, top center;
  background-color: #111;
  border-style: none;
}

*,
ul,
li,
h1,
h2,
p,
b {
  font-weight: normal;
  margin: 0px;
  list-style: none;
  line-height: 1.5;
  padding: 0px;
}

*:focus {
  outline: none;
}

.clear {
  clear: both;
}

input,
select,
textarea {
  box-sizing: content-box;
  -ms-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

a {
  text-decoration: none;
  color: #6b4635;
}

a:hover {
  color: #a07332;
}

a img {
  border: none;
}

#left #left_menu li a,
#top_menu li a {
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}

/* =========== Main =========== */
#bottom_bg {
  position: absolute;
  background-image: url(../images/lower_bg.jpg);
  height: 800px;
  width: 1650px;
  left: 50%;
  margin-left: -825px;
  z-index: 1;
}

#header-wrapper {
  width: 1020px;
  height: 568px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#wrapper {
  width: 1020px;
  margin-bottom: 10px;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  /*background-image:url(../images/body_bg.png);*/
}

#main {
  min-height: 750px;
  background-image: url('../images/body_bg_full.png');
}

/* =========== Top menu =========== */
#wrapper #top_menu {
  width: 900px;
  height: 340px;
  border-radius: 6px;
  margin-left: 57px;
  position: left;
}

#wrapper .top_menu {
  width: 608px;
  text-align: center;
  position: relative;
  border-radius: 5px 0 5px 5px;
  margin-top: -560px;
  z-index: 10;
}

#top_menu li {
  display: inline-block;
  text-transform: uppercase;
  margin: 1px 0 0 0;
  position: relative;
  margin: 0 0 0 -4px;
  transition: all 600ms;
  -webkit-transition: all 600ms;
  -moz-transition: all 600ms;
  -ms-transition: all 600ms;
  -o-transition: all 600ms;
}

#top_menu li a {
  display: block;
  font-family: 'Caudex', serif, bold;
  font-size: 14px;
  color: #cf9139;
  text-shadow: 0px 2px 3px #555;
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05), -1px 0 0 #000;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05), -1px 0 0 #000;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05), -1px 0 0 #000;
  padding: 11px 22px;
  border-right: 0px solid rgba(29, 27, 26, 0.5);
  border-left: 0px solid rgba(7, 7, 7, 0.5);
}

#top_menu li a:hover {
  color: #ffddad;
  background-color: rgba(10, 10, 10, 0.4);
}

#top_menu li:first-child a {
  border-left: none;
}

#top_menu li:last-child a {
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05), -1px 0 0 #000,
    inset -1px 0 0 rgba(255, 255, 255, 0.05), 1px 0 0 #000;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05), -1px 0 0 #000,
    inset -1px 0 0 rgba(255, 255, 255, 0.05), 1px 0 0 #000;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.05), -1px 0 0 #000,
    inset -1px 0 0 rgba(255, 255, 255, 0.05), 1px 0 0 #000;
}

/* =========== Left =========== */
#left {
  width: 285px;
  float: left;
  margin-top: 2px;
}

#left article {
  background-color: rgba(17, 17, 17, 0.2);
}

#left article:last-child {
}

#left article .top {
  background-image: url(../images/side_top.png);
  padding-top: 12px;
  height: 35px;
  width: 285px;
  text-align: center;
  padding-left: 2px;
  padding-right: 3px;
  color: #6b4635;
  font-size: 15px;
  /* font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; */
  font-family: 'Caudex', serif;
}

#left article .bot {
  background-image: url(../images/side_foot.png);
  height: 25px;
}

#left article .top-menu {
  background-image: url(../images/top-menu.png);
  height: 6px;
}

#left article .body-menu {
  background-image: url(../images/body-menu.png);
  padding-top: 8px;
}

#left article .bot-menu {
  background-image: url(../images/bot-menu.png);
  height: 0px;
  padding-bottom: 25px;
  margin-bottom: -5px;
}

#left article .body {
  padding-left: 20px;
  padding-right: 16px;
  padding-top: 8px;
  background-image: url(../images/side_body.png);
}

/*#left #left_menu li:nth-child(even) a {
    background-color:rgba(10,16,22,0.3);
}*/

#left #left_menu li a {
  background-image: url(../images/menbutt.png);
  display: block;
  padding: 10px;
  font-size: 14px;
  color: #999;
  padding-left: 20px;
}

#left #left_menu a img {
  margin-right: 15px;
}

#left #left_menu li a:hover {
  color: #cf9139;
  background-image: url(../images/menbutthov.png);
  padding-left: 40px;
}
.menuactive {
  color: #cf9139 !important;
  background-image: url(../images/menbutthov.png) !important;
}

.navactive {
  color: #f8b85e !important;
  background-color: rgba(10, 10, 10, 0.25);
}

#left .side_divider {
  margin-left: auto;
  margin-right: auto;
  background-image: url(../images/side_divider.png);
  height: 25px;
  width: 258px;
  margin-top: 15px;
}

/* =========== Right =========== */
#right {
  width: 734px;
  float: right;
  margin-right: 0px;
  margin-top: 2px;
}

#right article {
  /*box-shadow:1px 1px 0px #020508;
    -webkit-box-shadow:1px 1px 0px #020508;
    -o-box-shadow:1px 1px 0px #020508;
    -ms-box-shadow:1px 1px 0px #020508;
    -moz-box-shadow:1px 1px 0px #020508;*/
}

#right article:last-child {
  margin-bottom: 20px;
}

#right article .top {
  background-image: url(../images/main_top.png);
  height: 41px;
  width: 734px;
  padding-top: 15px;
  text-align: center;
  color: #634230;
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'Caudex', serif;
  /* font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; */
  display: block;
}

#right article .bot {
  background-image: url(../images/main_foot.png);
  height: 30px;
}

#right article .body {
  padding-top: 12px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 4px;
  background-image: url(../images/main_body.png);
}

#right article .divider {
  background-image: url(../images/article_spacer.html);
  height: 30px;
  width: 734px;
  margin-top: 15px;
  margin-left: -20px;
}

#right article .news_bottom {
  margin-top: 15px;
}

#right article .news_bottom a {
  color: #a07332;
}

#right article .news_bottom a:hover {
  color: #fff;
}

#right article .comments_button {
  float: right;
  display: block;
}

.avatar {
  float: left;
  margin-right: 15px;
  margin-top: 3px;
  margin-bottom: 5px;
}
/* =========== CMS: general =========== */

#slider {
  width: 1020px;
  height: 300px;
}

/* =========== CMS: general =========== */
.nice_button,
input[type='submit'] {
  background-image: url(../images/button_bg.png);
  height: 18px;
  border: 1px solid #4f3b30;
  border-top-color: #4f3b30;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-align: center;
  padding: 8px;
  font-size: 13px;
  color: #8a8a8a;
  box-shadow: 1px 1px 0px #020508;
  -webkit-box-shadow: 1px 1px 0px #020508;
  -ms-box-shadow: 1px 1px 0px #020508;
  -o-box-shadow: 1px 1px 0px #020508;
  -moz-box-shadow: 1px 1px 0px #020508;
  text-shadow: 1px 1px 0px #000;
  /* font-family:MuseoSans;*/
  font-family: 'Caudex', serif;
  margin-top: 10px;
  background-position: middle;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  -ms-transition: all 300ms;
  transition: all 300ms;
}

.nice_button:hover,
.nice_active,
input[type='submit']:hover {
  background-position: 0px 37px;
  color: #fdfdfd;
  -moz-box-shadow: 0px 0px 9px #876552;
  -webkit-box-shadow: 0px 0px 9px #876552;
  box-shadow: 0px 0px 9px #876552;
  border: 1px solid #6d5243;
}

.nice_button:active,
input[type='submit']:active {
  box-shadow: 1px 1px 0px #020508, 0px 2px 5px #000 inset;
  -webkit-box-shadow: 1px 1px 0px #020508, 0px 2px 5px #000 inset;
  -moz-box-shadow: 1px 1px 0px #020508, 0px 2px 5px #000 inset;
  -ms-box-shadow: 1px 1px 0px #020508, 0px 2px 5px #000 inset;
  -o-box-shadow: 1px 1px 0px #020508, 0px 2px 5px #000 inset;
}

#shoutbox form input[type='submit'] {
  margin-left: 140px;
}

footer {
  width: 1000px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #787878;
  margin-bottom: 20px;
  font-size: 13px;
  margin-top: 30px;
}

.nav_bar {
  list-style: none outside none;
  height: 30px;
  background-image: url(../images/bg_navbar.png);
  color: #251a13;
}

.nav_bar a {
  color: #5c3721;
}

.nav_bar a:hover {
  color: #6d4d38;
}

.nav_bar li {
  float: left;
  padding: 6px 0px 5px 3px;
}

.nav_bar li:after {
  content: ' » ';
}

.nav_bar li:first-child {
  padding-left: 10px;
}

.nav_bar li:last-child:after {
  content: '';
}

#sliderContainer {
  width: 1020px;
  height: 300px;
  position: relative;
  margin: 0 auto;
}
.slideContent {
  background: url(../images/slider/slider-mask.png) repeat scroll 0 0
    transparent;
  position: absolute;
  bottom: 0px;
  right: 2px;
  height: 300px;
  width: 1020px;
}
.slideText {
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 30px;
  width: 700px;
  left: 0px;
  text-shadow: 0px 0px 7px rgb(0, 0, 0), 0px 0px 7px rgb(0, 0, 0),
    0px 0px 2px rgb(0, 0, 0), 0px 0px 9px rgb(0, 0, 0), 0px 0px 9px rgb(0, 0, 0);
}
.slide h2 {
  margin: 0 0 5px 0;
  color: #fcb425;
  font: bold 27px Helvetica, Arial, Sans-Serif;
  text-shadow: 1px 1px #000000, 2px 2px #000000, 3px 3px #000000,
    4px 4px #000000;
}
.slide p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #fff;
  margin: 0;
}
.jFlowSlideContainer {
  overflow: hidden;
}
.jFlowSlideContainer a {
  color: #f90;
  text-decoration: none;
  font-style: italic;
}
.jFlowSlideContainer a:hover {
  text-decoration: none;
}
.jFlowSlideContainer a:focus {
  position: relative;
  top: 1px;
}
.jFlowPrev:hover {
  background-position: -84px -235px;
}
.jFlowNext:hover {
  background-position: 0px -235px;
}

#myController {
  position: absolute;
  bottom: 0px;
  left: 50px;
}

.jFlowControl {
  background: url(../images/slider/bullet.png) no-repeat scroll 0px 0px
    transparent;
  float: left;
  width: 15px;
  height: 15px;
  margin-top: 7px;
}
.jFlowControl:hover {
  background-position: -32px 0px;
  cursor: pointer;
}
.jFlowSelected,
.jFlowSelected:hover {
  background-position: -16px 0px;
}

.SliderControls {
  background: url(../images/slider/slidercontrolback.png) repeat-x;
  height: 25px;
  float: left;
}

.SliderControlLeft {
  background: url(../images/slider/slidercontrolleft.png) no-repeat scroll 0px
    0px transparent;
  float: left;
  width: 15px;
  height: 25px;
}

.SliderControlRight {
  background: url(../images/slider/slidercontrolright.png) no-repeat scroll 0px
    0px transparent;
  float: left;
  width: 15px;
  height: 25px;
}

#klvn-logo {
  float: left;
  width: 156px;
  text-align: left;
  height: 70px;
  margin-top: 20px;
  margin-left: 95px;
  background-image: url(../images/klvn-logo.png);
  background-position: top left;
}

#klvn-logo a {
  background-image: url(../images/klvn-logo.png);
  background-position: bottom left;
  width: 156px;
  height: 70px;
  display: block;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.8s;
  transition-timing-function: linear;
  transition-delay: 0s;
}

#klvn-logo a:hover {
  opacity: 1;
}

#footer-copyright {
  float: right;
  width: 400px;
  text-align: right;
  margin-top: 35px;
  margin-right: 100px;
  height: 40px;
}

#legal-notice {
  margin-top: 40px;
  text-align: center;
  color: #787878;
  font-size: 12px;
}

.fluxslider-mask {
  background-image: url(../images/slider/slider-mask.png);
  z-index: 120;
  height: 300px;
  width: 1020px;
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: pointer;
}

.warning-message {
  margin: 10px 0px 10px 0px;
  padding: 5px 5px 5px 55px;
  text-shadow: none;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  border-radius: 4px;
  min-height: 45px;
}

.warning-message {
  background-image: url(../images/warning-icon.png);
  border: 1px solid #fbeed5;
  background-color: #fcf8e3;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

#wrapper #top_info {
  width: 610px;
  height: 170px;
  border-radius: 6px;
  margin-left: 11px;
  position: center;
  /* background-image:url(../images/menu.png); */
}