@import url(https://fonts.googleapis.com/css?family=Gabriela&subset=latin,latin-ext);

body {color:#858585; }

html body {font-size: 11.5pt;}

a,
a:hover,
a:focus,
code,
h1,
h2,
h3,
h4,
h5,
h6,
#contact h4,
#favorite-links h3,
#random-image h3,
.lockcomm,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.pagination>li>a,
.pagination>li>span,
#own-foot h3 {
    color: #ff0101;
}

h1,
h2,
h3,
h4,
h5,
h6,
#contact h4,
#favorite-links h3,
#random-image h3,
#own-foot h3,
.thumbnail h2 a{
    color: #ff0101;
  font-family: 'Gabriela', serif;
}

#list-panel-news h4 a, .panel-primary > .panel-heading, .rubric h4 a {color: #505050;}

#panel-news .more a:after {
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    border-top: 20px solid #ff0101;

}

.btn-primary, .btn-primary:hover {background-color:#ff0101;}

h1 {margin:0em 0 0.7em;}

h2 {font-size:1.7em; color:#505050; margin:1.2em 0 0.7em;}
.thumbnail h2 {font-size:1.2em;}

h3 {font-size:1.4em; margin:1.2em 0 0.7em;}

main {padding-bottom:2em}

/*----- menu -------*/


.navbar-default .navbar-nav li  a {
font-family: 'Gabriela', serif;
font-weight:normal;
text-transform:none;
padding: 8px 18px 10px;
border-left:0;
  border-top: 4px solid transparent;
  color:#161616;
}

.navbar-default .navbar-nav li a:hover {
     border-top: 4px solid #ff0101;
       color:#ff0101;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background: #fff;
    border-left:0;
    border-top: 4px solid #ff0101;
      color:#ff0101;
}

.navbar-default li.active > a:before, .navbar-default li.active:hover > a:before  {
    width: 0;
    height: 0;
    content: "";
    border-top: 6px solid #ff0101;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    position: absolute;
    left: 48%;
    top:0;
}



/*---- motiv ----------*/
.carousel-control.left, .carousel-control.right {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: none;
    background-repeat: repeat-x
}

/*  - paticka ----*/
.copy {
    background: #f6f6f6;
    margin: 0;
    padding: 10px 0;
    color: #c4c4c4;
}

.copy a { color: #c4c4c4;}

.copy a:hover { color: #c4c4c4;}

#list-panel-favourites a{color:#000;}

/*---- vypis rubriky ---------*/
.rubric article ul#list-pages li {
    padding: 15px 0;
}

/*------ aktuality ---------*/
#blog {display:none;}
#index #blog {display:block;}

span.cir {background: #ff0101;}
.goin:after { border-left: 10px solid #ff0101;}

#list-panel-news li {padding: 15px 0 0;}

#panel-news .more {margin-top: 15px; margin-bottom:50px}

/*uvodni stranka*/
#separator, #second {display:none;}
#index #separator, #index #second {display:block;}

#index article {
    margin-top: 30px;
     margin-bottom: 30px;
}

#wrap #panel-custom-1, #wrap #panel-custom-2, #wrap #panel-news, #wrap #panel-photos, #wrap #panel-favourites {
    margin: 30px 0 0;
    float: left;
    width: 100%;
}

#separator { min-height: 200px;}


/*sluzby*/
.sluzby .thumbnail {padding:0 30px;}

.sluzby .thumbnail .caption{  text-align:center; color:#858585;}
.sluzby .thumbnail .caption h2{color:#505050; font-size:1.5em!important}

/*.sluzby > div:first-of-type .thumbnail{background-color:#ff993f!important;}
.sluzby > div:nth-of-type(2) .thumbnail{background-color:#aed234!important;}
.sluzby > div:last-of-type .thumbnail{background-color:#ffd04e!important;}*/

/*----- index --------*/
#index article {text-align:center;}

/*--- o nas --------*/

rubric-38979
#rubric-38979 #list-pages li {
    height:auto; 
    float:none; 
    vertical-align:top;

    }

#rubric-38979 #list-pages li div{
        padding:15px;
        background-color:#f6f6f6;
        border-radius:10px;
        }

#rubric-38979 #list-pages li div h4 {padding-top:0px; color:#ff0101;  font-size: 1.4em; }
#rubric-38979 #list-pages li div h4 a{color:#ff0101; }

#rubric-38979 article ul#list-pages li {border:0;}

#rubric-38979 h1.title.text-center {text-align:left}

/*============= responsive ================*/
@media(min-width:1300px) {
    .container {
        width: 1180px;
    }
}