body  {
    background-color: #f5efd5;
    font-family: 'Ubuntu', sans-serif;
    color: #2e1411;
    font-weight: 300;
}

h1, h1 a {
    color: #5f2918;
    display: block;
    margin: 0 0 10px 0;
    padding:0;
    font-size: 32px;
    font-weight: bold;
}

h2, h2 a {
    color: #ae5016;
    margin: 0 0 10px 0;
    padding:0;
    font-size: 24px;
    font-weight: 400;
}

a, a:hover {
    color:#2e1411;
}

b, strong {
    font-weight: 400;
}

small {
    font-weight: 400;
}

hr{
    border-bottom:1px solid #e7deb7;
    display: block;
    height: 2px;
}

label {
    font-weight: 400;
    min-width:18%;
}

textarea#id_text {
    width:100%;
}

#logo {
    color: white;
    font-weight: 500;
    font-size:22px;
}

#logo-red {
    color: #E19614;
    font-weight: 500;
    font-size:22px;
}

.slide {
    display:block;
    width:100%;
    height:auto;
}

.slide img{
    width:100%;
    height:auto;
    margin-top: -56px;
}

.slide .container {
  position: relative;
  text-align: center;
}

.overslide {
    position: absolute;
    width:100%;
    top:-270px;
    margin:0 auto;
}

.overslide .form-control {
    width:60% !important;
    height: 42px;
    font-size: 16px;
    font-weight: bolder;
    border:0;
    box-shadow:none;
    padding-left:30px;
    margin:50px auto 0 auto;
    color: black
}

.has-search .form-control-feedback {
    right: 22%;
    top:10%;
    color: #666;
    font-size:20px;
}

.has-search .form-control {
    padding-right: 12px;
    padding-left: 34px;
}

input.form-control {
    background-color:rgba(255, 255, 255, 0.8);
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1; /* Firefox */
}

.overslide h2{
    color:#F5EFD5;
    font-style: italic;
    font-size:220%;
    font-weight:500;
    margin-top:40px;
}

.overslide h3{
    color: white;
    font-size:20pt;
    font-weight:100;
    font-style: italic;
    font-variant: normal;
}

.buttony a.btn{
    min-width:220px;
    background-color: #E19614;
    color:white;
    margin:15px;
}
.buttony a:hover.btn{
    background-color: white;
    color: black;
}


.overslide span.red {
    color:red;
    font-weight:bold;
}

.container.obsah {
    padding-top: 20px;
}

.footer {
    background-color: #5f2918;
    padding: 20px 0 30px 0;
    color: #f5efd5;
    margin-top:20px;
}

.footer a{
    color: #f5efd5;
}

copyright span{
    text-align: center;
    margin: 15px;
    width: 100%;
    display: block;
    font-size: 12px;
}

copyright {
    background-color:black;
    display: block;
    text-align: center;
    padding: 10px 0;
}

.navbar-brand {
    margin:0 40px 0 0;
    padding-top: 5px;
}

.navbar-brand a{
    margin:0px;
}

.navbar-brand img{
    height:40px;
    width:100%;
}

.navbar {
    margin-bottom:0;
}

.navbar-inverse {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.23);
    border-bottom: 0;
}

.navbar-inverse .navbar-nav > li > a {
    color: white;
    font-weight: 400;
    font-size: 15px;
}

.navbar-inverse .navbar-right .btn-primary {
    font-weight: 400;
    font-size: 15px;
    color: #f5efd5;
    border:1px solid #f5efd5;
    background:none;
    border-radius: 4px;
    margin: 12px 25px;
    padding:5px 15px;
    text-shadow:none;
}

.navbar-inverse .navbar-right .btn-primary:hover {
    color: black;
    background-color: white;
    border-color: white;
}

.navbar-right  > li {
    font-weight: 400;
    font-size: 15px;
    line-height:54px;
    color: #E19614;
}

.navbar-right  > li > .logi{
    color: #f5efd5;
    padding-top:18px;
}

a#login.logi{
    color: #f5efd5;
    padding-top:18px;
}

.navbar-right .glyphicon{
    color: #f5efd5;
    padding-right:8px;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background: none;
    border-bottom: 5px solid #E19614;
    box-shadow: none;
    -webkit-box-shadow: none;
}

div.box_vypis_inz {
    margin-bottom: 20px;
}

div.box_vypis_inz .nadpis{
    background-color: #ae5016;
    color: #f5efd5;
    padding: 10px 15px;
}

div.box_vypis_inz .nadpis h3 a{
    color: #f5efd5;
}

div.box_vypis_inz .obsah{
    padding: 15px;
    border-left:1px solid #ded3a6;
    border-right:1px solid #ded3a6;
    display: inline-block;
    width: 100%;
}

div.box_vypis_inz span#tag{
        background-color: #7C4820;
        padding: 2px 10px 0 10px;
        margin-right: 10px;
        font-size: 12px;
        margin-top: -2px;
        display: block;
        width: fit-content;
        float: left;
        text-transform: uppercase;
}

div.box_vypis_inz span#tag_top, #tag_top{
        background-color: none;
        border:1px solid white;
        color:white;
        padding: 0 10px 0 10px;
        font-size: 12px;
        margin-top: -2px;
        display: block;
        width: fit-content;
        float: right;
        text-transform: uppercase;
}

#tag_top{
        background-color: #ae5016;
        color:white;
        padding: 0 10px 0 10px;
        font-size: 12px;
        margin-top: -2px;
        display: block;
        width: fit-content;
        float: right;
        text-transform: uppercase;
}

div.box_vypis_inz .nadpis h3{
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    padding-bottom: 4px;
    line-height: 16px;
}
.obsah img {
    max-width: 250px;
    margin-right: 25px;
    height:auto;
    float:left;
}

.box_foto {
    clear: both;
    width: 100%;
}

.box_foto img {
    margin:30px 15px 10px 0;
    padding:0;
    width: 23%;
}

.box_cena {
    border:1px solid #ded3a6;
    border-top: 2px solid #ac7b57;
    padding: 10px 15px;
    background-color: #ded3a6;
    clear: both;
    width: 100%;
}

.box_cena .cena {
    font-weight: 400;
    font-size: larger;
    display: contents;
}

.box_cena .vytvoreno {
    font-size: 12px;
}

span.edit {
    text-align:right;
    width: 100%;
    color:#7C4820;
    display: block;
    line-height:38px;
}
.list-group {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.list-group-item {
    background-color: #ae5016;
    border:0;
    border-top: 1px solid #f5efd5;
    border-bottom: 1px solid #f5efd5;
}

.list-group-item .glyphicon {
    color:#f5efd5;
    float: right;
    font-size: 11px;
    line-height: 18px;
}

a.list-group-item {
    color: #f5efd5;
    font-weight: normal;
}

a.list-group-item:hover, a.list-group-item:focus {
    color: #f5efd5;
    text-decoration: none;
    background: rgb(124,72,32);
    background: linear-gradient(90deg, rgba(124,72,32,1) 0%, rgba(174,80,22,1) 100%);
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    text-shadow: none;
    background-image: none;
    filter: none;
    color: white;
    border-color: #f5efd5;
    text-decoration: none;
    background: rgb(124,72,32);
    background: linear-gradient(90deg, rgba(124,72,32,1) 0%, rgba(174,80,22,1) 100%);
}
.menu-badge {
    display: block;
    width:50px;
    float:right;
}

.menu-badge .badge {
    background-color: #7C4820;
    float:right;
    margin: 0px 15px 0 0;
    color:#f5efd5;
    font-weight:normal;
}

.modal-content {
    border:0;
    border-radius: 0; 
    background-color: #f5efd5;
}

.modal-header {
    border-bottom: 2px solid #ac7b57;
    background-color: #ded3a6;
}

.modal-header .close {
    margin-top: -37px;
}

.close {
    float: right;
    font-size: 32px;
    font-weight: 100;
    line-height: 1;
    color: #ac7b57;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity: 1;
}

.modal-footer {
    border-top: 1px solid #ded3a6;
}

a.registrace {
    line-height: 32px;
    float: left;
}

.btn-primary {
    background: none;
    background-color:#ae5016;
    padding: 8px 13px;
    display: block;
    width: fit-content;
    border:0;
    float: right;
    border-radius: 0;
}
.btn-primary:hover, .btn-primary:focus {
    background-color:#7C4820;
    background-position: 0 -15px;
}

.reklama1 {
    display:block;
    overflow:auto;
    margin-bottom:20px;
}
.reklama1 img{
    max-width:none;
    margin:0;
}
.comment {
    padding: 10px 15px;
    margin: 0 0 15px 0;
    border: 1px solid #ded3a6;
    border-top: 2px solid #ac7b57;
    border-radius:4px;
    clear:left;
}

.ramecek_comment {
    clear:left;
    padding:10px;
    border: 1px solid #ded3a6;
    border-radius: 4px;
    margin-bottom:30px;
}

.ramecek_comment .btn{
    margin:10px 20px 20px 0;
}

.videoresponsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    margin-bottom:30px;
}

.videoresponsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* komentář */
@media (min-width: 768px) {
.modal-dialog {
    width: 350px;
    margin: 100px auto;
}
}

@media (max-width: 768px) {
.obsah img {
    max-width:none;
    width:100%;
    margin-bottom:15px;
}

.navbar-nav {
    background-color: rgba(0, 0, 0, 0.7);
    margin: 0  -15px;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    border:0;
    text-decoration:underline;
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
        background-color: black;
}
}
@media (max-width: 1024px) {
.overslide {
    display: none;
}
}