@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,latin-ext);

body {
  background-repeat: repeat;
  background-attachment: scroll;
  background-color:#efefef;
}

h1 {
  font-size: 2.2em;
  font-weight: bold;
  color:#3d3d3d ;
}

h2 {
  color: #e33823;
  font-weight: bold;
  font-size: 1.7em;
}

h3 {
  color: #487cd2;
  font-weight: bold;
}

a{
  color: #e33823;
}
a:hover,
a:focus{
  color: #a30000;
}

#topbar .btn-default {
  color: #fff;
  background-color: #e33823;
  border-color: #e33823;
}

.podpis {
    background-color: #f8f8f8;
    border: 1px solid silver;
    margin: 1.5em 0 3em;
    padding: 5px;
    text-align: left;
    width: 215px;
  
}
.podpis span {
  font-size: 0.85em;
  font-style: italic;
}

.well h1, .well h2, .well h3, .well h4, 
.alert h1, .alert h2, .alert h3, .alert h4 {margin:0 0 10px;}

.well a, .alert a {text-decoration:underline}
.well a:hover, .alert a:hover {text-decoration:none}

pre.small {max-height: 100px;
overflow: auto;}


/* ///////////////////////////////////*/
/* ------------- HEADER ------------- */
header {

}

/* search box */
header .col-sm-6 {
  float: right;
  display: block;
  position: relative;
  margin: px 0 0 0;
  padding: 0;
  height: 34px;
}
/* -- */
#logo {
  margin: 15px 0;
}
/* //////////////////////////////////// */
/* ------------- MENU --------------- */
.navbar {
  max-width: 1170px;
  margin: 0 auto;
  min-height: 55px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background-color:transparent;
  border:0;
  border-bottom:5px solid #3d3d3d;
}

.navbar .container {padding:0;}

.navbar-nav > li > a {
  font-family: 'Open Sans', sans-serif;
  font-size:1.2em;
  text-transform: none;
  letter-spacing: 1px;
  background-color:#e33823;
   -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  margin:0 2px; 
}
.navbar-nav > li:first-of-type > a {margin-left:0;} 
.navbar-nav > li:last-of-type > a {margin-right:0;} 

.navbar-nav > li {
  border-left: none;
  border-right: none;
}
.navbar-nav > li:hover {
  background:none;
}
.navbar-nav > li:hover > a {
  background:none;
  color:#fff;
}
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
  background:#404041;
  color:#fff;
}

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
  background:#404041;
  color:#fff;
}


/* //////////////////////////////////////*/
/* ------------- CONTAINER ------------- */
#content {
  background-color:#fff;
    -webkit-box-shadow: 0 0 27px 0 #d2d2d2;
  -moz-box-shadow: 0 0 27px 0 #d2d2d2;
  box-shadow: 0 0 27px 0 #d2d2d2;
  }

main {
  margin: 0 auto 30px;
  padding: 0;
}

#mainContent {
    padding: 10px;
}

#mainContent img{
  border: 1px solid #eaeaea;
}

/*--------- addthis ---------*/

.addthis_toolbox {margin:20px 0}

/*-------- vypis clanku -----------*/
ul#listdata, ul#list-pages {
  padding:0;
  margin:30px auto 20px;
}

#listdata li, ul#list-pages li {
  list-style:none;
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4f7', endColorstr='#00f0f4f7',GradientType=0 );
  border: 1px solid #eee;
  padding: 10px;
}

ul#listdata li img, ul#list-pages li img {
  margin: 0 0 10px;
}

p.details {
  border-top: 1px solid #eee;
  padding: 5px 0 0 0;
  margin: 20px 0 0;
  font-size: 0.82em;
  color: #9E9E9E;
  clear:both;
}

#pagination li {
  background: none;
  border: none;
  padding: 0;
}

/* --------------- VYPIS KOMENTARU -------------- */
ul#list-comments li {
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(242,242,242,0)));
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,0) 100%);
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,0) 100%);
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,0) 100%);
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4f7', endColorstr='#00f0f4f7',GradientType=0 );
  border: 1px solid #eee;
  padding: 5px;
  border: 1px solid #d2d2d2;
}
p.comment {
  border-top: 1px solid #d2d2d2;
  padding: 5px 0 0 0;
}

/* ///////////////////////////////////////*/
/* -------------- LEFT BOX ------------- */
aside .panel-primary > .panel-heading {
  color: #fff;
  background-color: #e33823;
  border-color: #fff;
}

.panel-title {
  font-weight:normal;
}
  
aside {
  padding: 0 15px 0 0 !important;
  margin: 18px auto;
}

ul#list li {
  list-style: none;
  line-height: 30px;
  border-bottom: 1px solid #e3e3e3;
  padding:1px 0;
  font-size:14px;
  font-weight: 700;
}

ul#list {
  padding: 0 0 0 8px;
}

ul#list li a:hover {
  text-decoration:none;
  display:block;

}

ul#list a:hover {
  text-decoration:none;
}


/*///////////////////////////////////*/
/*---------- FOOTER ------------*/

#box-custom-footer {
  font-size: 100%;
  margin-top:30px;
}

#box-custom-footer h4 {
    font-size: 18px;
    color: white; 
}


#box-custom-footer a:hover { 
      color: #fff;
      text-decoration: none;
}
#box-custom-footer a:hover img { 
  opacity: 1;
}

#bar-poweredby {display:none;}

#footer-logo {
	border-top:1px solid #e7e7e7;
    background-color:#fff;
    padding:20px 0;
    text-align:center;
    }

#footer-logo a {margin:0 20px}
#footer-logo a:hover {opacity:0.7}

#footer-content {
    background: #444444;
    color: #C7C7C7;
    padding:20px 0;
}

#footer-content .text-primary {
    color: #fff;
    margin-right:10px;
}

#footer-content ul li {}

/********************************************/
/********************************************/

@media screen and (min-width: 768px) {
/* #sticker {position:static!important}*/
}

@media screen and (min-width: 992px) {
 /*#sticker {position:static!important}*/
}


@media screen and (min-width: 1200px) {
  .col-lg-push-3 {
    left: 30%;
  }
  .col-lg-3 {
    width: 30%;
  }
  .col-lg-9 {
    width: 70%;
  }
  .col-lg-pull-9 {
  right: 70%;
  }

}

@media screen and (max-width:1199px) {
  .navbar-nav > li > a {
      font-size:1em;
       }
}
@media screen and (max-width:991px) {
  header {
    min-height:30px;
    background:none;
  }
  header .col-sm-6 {
    margin: 15px 0 0 0;
  }
  #logo {
    margin: 0 0 15px;
  }
    #sticker {position:static!important}
}
}

/*------ prohození sloupců */

@media (min-width: 992px) { /*zobrazení pro malý notebook*/ 

 aside.col-md-pull-8 {right: 0%;} /*posunutí levého sloupce vlevo*/
 main.col-md-push-4 {left: 0%;} /*posunutí pravého sloupce vpravo*/

 } 


@media (min-width: 1200px) { /*zobrazení pro monitor*/

 aside.col-lg-pull-9 {right: 0%;} /*posunutí levého sloupce vlevo*/
 main.col-lg-push-3 {left: 0%;} /*posunutí pravého sloupce vpravo*/

}