body { 
  color: #000000;
  background-color: white; /*#3B3F44; */
}

div#container-social {
  max-width: 100%;
  margin-right: 0;
  padding-right: 0;
}
div.social-icons {
  padding-top: 8px;
  padding-left: 0px;
}
div.social-icons .row {
  margin: 0px;
  text-align: right;
}
.social-icons img {
  width: 24px;
  margin-left: 5px;
}
div#accesibility {
  text-align: right;
  max-width: 100%;
  margin: 0;
  padding: 8px 8px 0 0;
  margin-top: 8px;
  color: black;
  background-color: rgba(255,237,190,0.83); 
}
div#accesibility a {
  color: black;
}

#main-background {
  position: absolute;
  Xtop: -300px;
  Xleft: -700px;
  height: auto;
}

h1 {
  font-size: 400%;
  color:#000000; 
}

#content h1 {font-size: 200%;}

h1 span {
    background: url("../images/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 83px;
    left: 20px;
    position: absolute;
    top: 0;
    width: 555px;
    z-index: 1;  
}

h1 a {color: #000000;}
h1 a:hover {text-decoration: none;}



h2 {
   background-color: rgba(255,237,190,0.83); 
   padding: 8px;
   margin-top: 0px;
}

.first {
  background-color: rgba(255,238,188,1);
  background-color: rgba(255,237,190,0.83);  
}

.second .btn-primary {background-color: rgba(64,127,5,0.83); border: none; width: 22%; margin-top: 8px; margin-bottom: 8px; margin-right: 18px;}

.second .btn-primary.last {margin-right: 0px;}
.second #search {padding-top: 4px;}
.second #search .btn-primary {width: 30%; margin-right: 0px; margin-top: 4px;}
.second #search input {width: 67%; height: 30px; }

.btn-default {background-color: rgba(64,127,5,0.83); border: none; color: #ffffff}

#menu-btn-1 {float: left;}
#menu-btn-1, #menu-btn-2, #menu-btn-4, #menu-btn-1 button, #menu-btn-2 button, #menu-btn-4 button {width: 124px;}
#menu-btn-2, #menu-btn-3, #menu-btn-4 {margin-left: 9px; float: right;}
#menu-btn-1, #menu-btn-2, #menu-btn-3, #menu-btn-4 {margin-top: 7px;}

.left-menu ul {
  list-style-type: none;
}

.left-menu ul li {
                   background-color: rgba(255,238,188,1); 
                   background-color: rgba(255,237,190,0.83); 
                   color: #404041;  
                   color: #000000;
                   padding: 8px; margin-bottom: 4px;
                   text-transform: uppercase;
                   font-weight: bold;
                   border: #808080 solid 1px;
}

.left-menu ul li.divadlo {color: #ffffff; background-color: #8b1640; }
.left-menu ul li.divadlo a {color: #ffffff; }

.left-menu ul li a { color: #000000 }
.left-menu ul li ul  { color: #000000; padding: 0;  }
.left-menu ul li ul li { font-size: 90%; border-color: #A0A0A0; text-transform: none; border: none; background: none; padding: 4px; }
.left-menu ul li ul li ul  { list-style-type: disc; padding-left: 10px; }
.left-menu ul li ul li ul li { font-size: 100%; }

#nav {
                   background-color: rgba(252,198,12,0.4); 
                   background-color: rgba(255,237,190,0.83); 
                   color: #000000;
                   font-size: 85%;
                   padding: 8px;
                   list-style-type: none;
}

#nav li {float: left; margin-right: 5px;}

.media {
                   background-color: rgba(252,198,12,0.4); 
                   background-color: rgba(255,237,190,0.83); 
                   color: #000000;
                   font-size: 85%;
                   padding: 8px;
}

.media h4 {font-size: 130%; font-weight: bold;}
.media a {color: #000000;}

.media a  {margin-right: 8px;}

.media img {width: 160px; padding: 4px; background-color: #ffffff; border:#f5e79e 5px solid;}

#content .article {
                   background-color: rgba(252,198,12,0.4); 
                   background-color: rgba(255,237,190,0.83); 
                   color: #000000;
                   font-size: 85%;
                   padding: 8px;
}

#content .article img {float: left; padding: 0 5px 5px 0; margin: 0;}

#content #gallerycategory {
                   background-color: rgba(252,198,12,0.4); 
                   background-color: rgba(255,237,190,0.83); 
                   color: #000000;
                   font-size: 85%;
                   padding: 8px;
}

#content #gallerydetail {
                   background-color: rgba(252,198,12,0.4); 
                   background-color: rgba(255,237,190,0.83); 
                   color: #000000;
                   font-size: 85%;
                   padding: 8px;
                   overflow: auto;
}

#content #gallerydetail .imgbox {
          float:left;
          padding:0 22px 10px 0;
          width: 33%;
}  
.calendar {width: 100%; background-color: rgba(255,237,190,0.83); padding: 8px;}

.calendar h4 {}

.calendar .controls a, .calendar .controls a div {background-color: rgba(64,127,5,0.83); border: none;}

#rightCol .media {padding-top: 1px;}

#rightCol #request a {  
    color: white;
    background: none repeat scroll 0 0 #ff0000;
    border-radius: 4px;
    display: block;
    font-size: 150%;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 7px 0 3px;
    text-decoration: none;
    text-align: center;
}


#rightCol h4 {color: #000000}

#support div {  
    color: white;
    display: block;
    font-size: 150%;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0 0 7px;
    text-decoration: none;
    text-align: center;
}
#card{background: none repeat scroll 0 0 #00a6e2;}
#transfer{background: none repeat scroll 0 0 #ff9900;}
#dms{background: none repeat scroll 0 0 #008A46;}
#partners div {text-align: center;}
#rightCol #carousel-wrapper {padding: 8px;}
#rightCol #carousel-wrapper a{margin: 0;}

#allnews {text-align: center; font-weight: bold; color: black;}
#allnews a {font-weight: bold; color: black;}

#newsletter {text-align: center;}
#newsletter .btn-primary {background-color: rgba(64,127,5,0.83); border: none; width: 15%; margin-top: 4px; margin-bottom: 8px; margin-right: 0px;}
#newsletter input {color: #000000; width: 30%;}

.imprint p {
                   font-size: 85%;
                   padding: 8px;
                   text-align: center;
}

.carousel {
    height: 200px;
    margin-bottom: 5px;
}
.carousel-caption {
    z-index: 10;
}
.carousel .item {
    background-color: #777;
    height: 200px;
}
.carousel-inner > .item > img {
    height: 200px;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 0;
}

#partners-rows {background-color: rgba(255,255,255,1); text-align: center; padding: 8px;}