/** General Styles **/
* {
	margin: 0;
	padding: 0;
        

}
body, html {
	border: 0px none;
	margin: 0;
	padding: 0px;
	font-size: 14px;
	text-align: center;
	color: #444444;
	line-height: 1.5;
        background-color: #7E3F2F;
        overflow-x: hidden;
        width: 100%;

}
body,html,h1,h2,h3,h4,h5,h6,p,div {
        font-family: Tahoma, Arial, Helvetica, serif, sans-serif !important;
}
::-moz-selection { /* Code for Firefox */
    color: #ffebcd;
    background: #7E3F2F;
}

::selection {
    color: #ffebcd; 
    background: #7E3F2F;
}
a, a:visited {color: #7E3F2F;}

body.font-white #obsah
{
    color:white;
}
body.font- #obsah,
body.font-black #obsah
{
    color:#444444;
}
body.font-brown #obsah
{
    color:#7E3F2F;
}
body.font-khaki #obsah
{
    color:#ffebcd;
}


body.font-white #obsah a,
body.font-white #obsah a:visited
{
    color: #FFFDD3;
}
body.font-white #obsah .alert-warning a,
body.font-white #obsah .alert-warning a:visited {
    color: #7E3F2F;
}
body.font- #obsah a,
body.font- #obsah a:visited,
body.font-black #obsah a,
body.font-black #obsah a:visited
{
    
}
body.font-brown #obsah a,
body.font-brown #obsah a:visited
{
    
}
body.font-khaki #obsah a,
body.font-khaki #obsah a:visited
{
    
}

body.font-white #obsah a:hover, body.font-white #obsah a:active {color:white;}
body.font-black #obsah a:hover, body.font-black #obsah a:active {color:black;}
body.font-brown #obsah a:hover, body.font-brown #obsah a:active {color:brown;}
body.font-khaki #obsah a:hover, body.font-khaki #obsah a:active {color:khaki;}


@font-face {
 font-family: Manawydan;
 src: url("manawydan.eot") /* EOT file for IE */;
}
@font-face {
 font-family: Manawydan;
 src: url("manawydan.ttf") /* TTF file for CSS3 browsers */;
}
h1 {
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 10px;
}
h2 {
    font-size: 20px;
}
h3 {
    font-size: 18px;
}
h1, .h1, h2, .h2, h3, .h3 {
margin-top: 15px;
}
h1.intro-header {text-align: center}
ul {
    list-style-type: none;
}
ol {
    display: inline-block;
}
#privacy-wrapper ol {padding-left: 50px;}
ol li, ul li,
ol li li, ul li li,
ol li li li, ul li li li
{
    text-align: left
}
ol li, ul li {
    line-height: 1.25;
}

ol li li, ul li li {
    line-height: 1.75;
}
ol li li li, ul li li li {
    line-height: 1.5;
}

.panel-body ol {margin-left: 30px;}

.panel {background-color: #C38777;}
.panel-default > .panel-heading {

background-color: #9E5F4E;
}
.panel-default > .panel-heading, .panel-default a, .panel-default a:visited {
    color: lightgray;  
}
.panel-default a:hover, .panel-default a:active {
color: #6C3B2A;
}

.clear{clear:both;}
.left {float: left;}
.right {float: right;}
.fa {background-color: transparent;}
.bold {font-weight: bold;}
#obalstranky {padding-bottom: 30px;}
.tooltip {word-wrap: break-word;}
@media (max-width: 767px){
    #obalstranky {padding-bottom: 100px;}
    #sharebar {height: 60px !important;}
    #sharebar #sharebar-color {height: 47px !important;}
    .url-verbal {word-wrap: break-word;}
}
#main-row {width: 100%;}
#obsah {
    background-color: rgba(255,255,255,0.85);
    padding: 20px;
    font-size: 16px;
    text-align: left;
}

#obsah.white {
    background-color: rgba(255,255,255,0.85);
}
#obsah.black {
    background-color: rgba(0,0,0,0.85);
}
#obsah.khaki {
    background-color: rgba(255,235,205,0.85);
}
#obsah.brown {
    background-color: rgba(126,63,47,0.85);
}

@media (min-width: 768px){
    #obsah {
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    }
}
#obsah > div {margin-top: 15px;}
#obsah > div.modal {
        margin-top: 0;
}

@media (min-width: 768px) {
    .modal-dialog {
        margin: 10px auto;
    }
}
#header {padding-right: 0;}
#header a {
    display: inline-block;
    overflow: visible;
}
#header_user_panel {padding-right: 0;}
#header_user_panel > div {
    margin: 0 auto 20px;
    padding-right: 0;
}
#header_user_panel .element-toggler {}

#header_user_panel ul {
    display: inline-block;
    margin: 20px auto;
    vertical-align: middle;
}
#header_user_panel ul li {
    vertical-align: middle;
    float: left;
}
#prihlasit > div {padding-right: 0;}

span.st_x_stsmbar>span>span>span>span.stSmBar
{
    background-image: url('images/x_close-16.png') !important;
}
span.st_x_stbar>span>span>span>span.stLarge
{
    background-image: url('images/x_close.png') !important;
}
.body-mapa #obsah iframe {
    width: 100%;
    min-height: 600px;
}
.podpis {
    font-style: italic;
    text-align: right;
    padding: 20px;
}
.prime {
    background-color: #C38777;
}
.table-striped > tbody > tr {
    background-color: rgba(1,1,1,0.5);
}
.table-striped > tbody > tr:nth-child(odd) {
    background-color: rgba(127,127,127,0.5);
}
.table-striped>tbody>tr:nth-child(odd)>td.prime{
    background-color: #9E5F4E;
}
#pomucka {
	border:  0px none;
	margin:  0px;
	padding: 0px;
	float: none;
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
.oddelovac{}
.oddelovac-header{
        padding: 5px;
        background-color: #E9BAAD; 
        border-color: #C38777;
        margin-top: 20px;
        font-weight: bold;
}
p {margin: 10px 0px 0px 0px;}
img   {margin: 0; border: 0;}
form {margin-bottom: 20px;}
form .form-group {
    display: inline-block;
    width: 100%;
}

a.btn, a.btn:visited, a.btn:hover, a.btn:active {color: white;}
a.rss {
    margin-top: 20px;
    margin-bottom: 10px;
}
blockquote {
    font-size: 16px;
}
.pagination, .novinky-menicko, .menicko {
    text-align: center;
    font-size: 130%;
    padding: 10px;
}
.homenewsodkaz {
    margin: 15px 0;
    display: inline-block;
    font-size: 18px;
}

.menicko a, .novinky-menicko a {
    padding-right: 20px;
}
#registration-form label {
    text-align: right;
}

@media (max-width: 767px)
{
    #menu, .book-content {
        padding-right: 0;
    }
    #registration-form label {
        text-align: left;
    }
}
#mw-mainmenu {
    padding: 0;

}
.navbar * {
    -webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}

@media (min-width: 768px)
{
    #mw-mainmenu {
        max-width: 200px;
        
    }
}
@media (max-width: 767px)
{
    #mw-mainmenu {
        padding: 0 15px;
    }
}
#main-cont-wrapper {
    display: inline-block;
    overflow: hidden;
    padding-bottom: 40px;
}
body.pics #main-cont-wrapper, body #main-cont-wrapper {
    background-image: url('images/backgrounds/temp.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    background-color: transparent;
}

#paticka {
    color: #C38777;
    padding: 10px;
}
#timecalc {
    display: block;
    position: absolute;
    width: 224px;
    height: 265px;
    border: 0px;
    z-index: 100;
    left: 0;
    top: 25px;
}
#high-gamestats-container {
    height: 500px;
    margin-top: 40px;
}
#high-topplayers-month-container .navbar-nav > li > .dropdown-menu {
    background-color: #9E5F4E;
}
body.pics.home #main-cont-wrapper {
    background-image: url('images/backgrounds/1-home.jpg');
}
body.pics.body-novinky #main-cont-wrapper {
    background-image: url('images/backgrounds/1-news.jpg');
}
body.pics.body-prohresky #main-cont-wrapper {
    background-image: url('images/backgrounds/1-prohresky.jpg');
}
body.pics.body-linie #main-cont-wrapper, body.pics.body-kronika #main-cont-wrapper {
    background-image: url('images/backgrounds/1-chronicles.jpg');
}

body.pics.body-calenarduv_pruvodce #main-cont-wrapper, body.pics.body-knihovna #main-cont-wrapper {
    background-image: url('images/backgrounds/1-tutor.jpg');
}
body.pics.body-downloads #main-cont-wrapper {
    background-image: url('images/backgrounds/1-download.jpg');
}
body.pics.body-gamestats #main-cont-wrapper {
    background-image: url('images/backgrounds/1-stats.jpg');
}
body.pics.body-galerie #main-cont-wrapper {
    background-image: url('images/backgrounds/1-gallery.jpg');
}
body.pics.body-setup #main-cont-wrapper, body.pics.body-settings #main-cont-wrapper {
    background-image: url('images/backgrounds/1-settings.jpg');
}

body.pattern {
    background-image: url('img/hneda.gif');
    background-size: initial;
    background-repeat: repeat;
    background-position: left top;
}
body.pattern #main-cont-wrapper {
    background-image: none;
}
body.plain #main-cont-wrapper {
    background-color: transparent;
    background-image: none;
}

.admin-user-avatar {min-height: 125px;}
.admin-user-avatar>div {display: inline-block;}
.admin-user-avatar-image {margin-right: 10px;}

#prihlasit .input-group, #prihlasit .btn-group {

}
.label-verbal {
    display: inline;
}
.info-element {
    border-bottom: 1px dashed gray;
}
.info-tooltip:after {
    content: "?";
    vertical-align: super;
    text-decoration: none;
    margin-left: 2px;
    border-bottom: 0 none transparent;
}
div.alert-success:before, div.alert-info:before, div.alert-warning:before, div.alert-danger:before {
    left: -10px;
    top: -10px;
    position: relative;
    color: inherit;
    float: left;
    font: normal normal normal 16px/1 FontAwesome;
}
div.alert-success:before {
    content: "\f00c";
}
div.alert-info:before {
    content: "\f059";
}
div.alert-warning:before {
    content: "\f06a";
}
div.alert-danger:before {
    content: "\f071";   
}

blockquote, .blockquote-reverse {

    position: relative;
    margin-bottom: 20px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    border-radius: 4px;
}
blockquote p {
    padding: 20px;
}
blockquote:after, blockquote:before {
    font-family: Georgia, serif;
    font-size: 50px;
    position: absolute;
    
}
blockquote:after {
    content: "\201D";
    top: 0;
    display: block;
    right: 10px;
}
blockquote:before {
    content: "\201E";
    bottom: 0;
    display: block;
    left: 10px;
}
.galerie-block {height: 225px}
.galerie-image {
    height: 125px;
    overflow: hidden;
}
#confirmCookiesBox {
    font-size: 12px;
    padding: 0;
    width: auto;
    margin: 0;
    -khtml-opacity: 0.95;
    -moz-opacity: 0.95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    background-color: #FEFEFE;
    top: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    color: #666;
    filter: alpha(opacity=95);
    height: auto;
    left: 0;
    margin: 0;
    opacity: 0.95;
    padding: 0 0 8px 0;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 9999;
}


input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    
    /*fix for FF unable to apply focus style bug */
    border: 1px solid white;
    
    /*required for proper track sizing in FF*/
    width: 75%;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 75%x;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #9E5F4E;
    margin-top: -4px;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

input[type=range]::-moz-range-track {
    width: 75%;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #9E5F4E;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]::-ms-track {
    width: 75%;
    height: 5px;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #9E5F4E;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}


.color-thumb {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-right: 20px;
}
.color-thumb-white
{
    background-color: white;
}
.color-thumb-black
{
    background-color: #444444;
}
.color-thumb-brown
{
    background-color: #7E3F2F;
}
.color-thumb-khaki
{
    background-color: #ffebcd;
}

/** End of: General Styles **/

/** Cursors **/
a.book-thumb-gallery:hover {
    cursor: ne-resize;
}
.book-thumb-video_gallery:hover {
    /** That's not duplicate, that's crossbrowser ;) **/
    cursor:pointer;
}
.info-tooltip:hover, .btn-tooltip:hover {
    cursor: help;
}
/** End of: Cursors **/


/** Font Awesome Styles **/
.fa-1_25x {
    font-size: 1.25em;
}
.fa-1_5x {
    font-size: 1.5em;
}
.fa-4x {
    font-size: 4em;
}
/* Bootstrap MW Theme*/
.btn-danger {background-color: #AB473C;}
.btn-primary {background-color: #4F6D8C;}
.navbar-default {
    background-color: transparent;
    border: 0 none transparent;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:active, .navbar-default .navbar-nav>li>a:visited {
    color: lightgray;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{
    color: white;
}
.navbar-default h2.navbar-brand {
    margin-top: 0;
    margin-bottom: 0;
}
.navbar-toggle, 
#navbar-heroes, #navbar-heroes li, #navbar-heroes li a, .dropdown_menu {
    background-color: #9E5F4E; 
}
#navbar-heroes {
    
}

#menu li {
    padding: 0;
    background-color: #9E5F4E;
    white-space: nowrap;
}
#menu li:hover,
#navbar-heroes .active > a, #navbar-heroes .active > a:hover, #navbar-heroes .active > a:focus,
#navbar-heroes li:hover, #navbar-heroes li a:hover,#navbar-heroes li:focus, #navbar-heroes li a:focus
{
    background-color: #E9BAAD;
}
#menu li a {
    border: 3px outset #C38777;
    padding: 10px;
}
#menu li:hover a, #menu li a:hover {
    color: black;
}
#menu li a i {
    float: left;
}
li a i.fa {
    padding-right: 7px;
}

#navbar-heroes li a {
    border: 1px solid #C38777;
}
#navbar-heroes .dropdown-menu > li a {
    border: 0 none;
}
#navbar-heroes li:hover a, #navbar-heroes li a:hover, 
#navbar-heroes .active:hover a, #navbar-heroes .active a:hover, 
#navbar-heroes .active:focus a, #navbar-heroes .active a:focus 
{
    color: black;
}
@media (max-width: 930px) {
    #menu, #obsah, #mw-mainmenu {
        width: 100%;
        max-width: 100%;
    }
    .oddelovac {float: none}
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}
.blueimp-gallery .modal-dialog, .modal-max.modal-dialog {
    max-width: 78%;
    width: auto;
}
.scrollspy-heroes {
    max-height: 225px;
    overflow-y: auto;
}
/* End of: Bootstrap MW Theme */

/** Sharebar Styles **/
#sharebar #sharebar-color {
    background-color: #B28372 !important;
}
#sharebar-livestream-more {
	display: none !important;
}
/** End of: Sharebar Styles **/

/** Basic Responsive "FullHD" Styles **/
.visible-fullhd {display: none;}
@media (min-width:1200px) and (max-width:1749px){
    .col-lg-6 {
        width: 49.5%;
    }
}
@media (min-width:1750px){
    .hidden-fullhd {display:none !important}
    .visible-lg {display:none;}
    .visible-fullhd {display: inline-block !important}
    .label-verbal {display: inline;}
    .col-fullhd-1,.col-fullhd-2,.col-fullhd-3,.col-fullhd-4,.col-fullhd-5,.col-fullhd-6,.col-fullhd-7,.col-fullhd-8,.col-fullhd-9,.col-fullhd-10,.col-fullhd-11,.col-fullhd-12 {float: left;} 
    .col-fullhd-12 {
        width: 100%;
    }
    .col-fullhd-11 {
        width: 91%;
    }
    .col-fullhd-10 {
        width: 83%;
    }
    .col-fullhd-9 {
        width: 74.5%;
    }
    .col-fullhd-8 {
        width: 66%;
    }
    .col-fullhd-7 {
        width: 58%;
    }
    .col-fullhd-6 {
        width: 50%;
    }
    .col-fullhd-5 {
        width: 41%;
    }
    .col-fullhd-4 {
        width: 33%;
    }
    .col-fullhd-3 {
        width: 25%;
    }
    .col-fullhd-2 {
        width: 16%;
    }
    .col-fullhd-1 {
        width: 8%;
    }
}
/** End of: Basic Responsive "FullHD" Styles **/

/** Booklet (JS plugin) & Book Styles **/
.book {
  background-image: url("img/old_book.png");
  background-repeat: no-repeat;
  background-position: 5px -6px;
  height: 430px;
  padding: 10px;
  font-size: 14px;
  width: 650px;
}
.book-content {float: left;}
.book-content > .panel-group {margin-bottom: 0}
.book-content li {
    font-size: 16px;
    margin-bottom: 10px;
}

@media (min-width: 992px) and (max-width:1199px){
    .book-content li {
        font-size: 14px;
        margin-bottom: 1px;
        line-height: 1.75;
    }
    h1 {
        font-size: 20px;
        margin: 0 0 10px;
    }
}

.booklet .b-wrap {
    padding: 15px 40px 40px 40px !important;
}

#mybook h2 {
    margin: 0 0 5px 0;
    font-size: 12px;
    font-style: italic;
    text-align: right;
}
#mybook ol, .book-text ol {
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
}
#mybook .b-wrap > div {
    color: #444444;
}
body.font-white #obsah #mybook a, body.font-white #obsah #mybook a:visited {color: #DAA520;}
.book_thumb {
    margin: 20px auto;
    display: block;
}

.initial {
    background-image: url("img/letter_podklad1.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    float: left;
    font-family: Manawydan,Comic Sans MS,sans-serif;
    font-size: 55px;
    height: 60px;
    line-height: 60px;
    padding: 0 2px 0 5px;
    width: 60px;
}
.initial2 {
    background-image: url("img/letter_podklad1.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    float: left;
    font-family: Manawydan,Comic Sans MS,sans-serif;
    font-size: 55px;
    height: 60px;
    line-height: 55px;
    padding: 0 2px 0 5px;
    text-indent: 8px;
    width: 60px;
}
.b-load div {
    text-align: justify;
}
/** End of: Booklet (JS plugin) & Book Styles **/

/** News (Homepage and Category) **/
.new-wrapper {
    display: inline-block;
    margin-bottom: 30px;
}
/**
.new-wrapper.dashed {
    border-bottom: 2px dashed lightgray;
}
.new-wrapper.dotted {
    border-bottom: 2px dotted lightgray;
}
.new-wrapper.solid {
    border-bottom: 2px solid lightgray;
}
**/
.new-content {
    margin-bottom: 20px;
    text-align: justify;
}
#uvod-novinky-wrapper, .novinky-wrapper {
    text-align: left;
    padding-bottom: 20px;
    padding-right: 0;
}
#uvod-novinky-table, #novinky-table {
    padding: 0;
    display: inline-block;
    overflow: hidden;
}
#uvod-novinky-table-header, #uvod-novinky-table-header * {
    padding: 0;
}
.new-meta-info {
    margin-bottom: 15px;
}
.new-meta-info .homenews, .new-meta-info .news {
}
.new-meta-info .homenews-full, .new-meta-info .news-full {
    width: 100%;
    text-align: justify;
}
.zapsal_s {
    margin-bottom:10px;
    text-align: left;
    font-style: italic;
}
/** End of: News (Homepage and Category) **/