body {
    margin: 0; 
    background-color: #942021;
	/*background-color:#952020;*/

/*background: rgba(133,0,31,1);
background: -moz-linear-gradient(45deg, rgba(133,0,31,1) 0%, rgba(133,0,31,1) 4%, rgba(133,0,31,1) 23%, rgba(171,3,42,1) 44%, rgba(206,3,50,1) 61%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(133,0,31,1)), color-stop(4%, rgba(133,0,31,1)), color-stop(23%, rgba(133,0,31,1)), color-stop(44%, rgba(171,3,42,1)), color-stop(61%, rgba(206,3,50,1)));
background: -webkit-linear-gradient(45deg, rgba(133,0,31,1) 0%, rgba(133,0,31,1) 4%, rgba(133,0,31,1) 23%, rgba(171,3,42,1) 44%, rgba(206,3,50,1) 61%);
background: -o-linear-gradient(45deg, rgba(133,0,31,1) 0%, rgba(133,0,31,1) 4%, rgba(133,0,31,1) 23%, rgba(171,3,42,1) 44%, rgba(206,3,50,1) 61%);
background: linear-gradient(45deg, rgba(133,0,31,1) 0%, rgba(133,0,31,1) 4%, rgba(133,0,31,1) 23%, rgba(171,3,42,1) 44%, rgba(206,3,50,1) 61%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85001f', endColorstr='#ce0332', GradientType=1 );


background: rgba(255,255,255,0.99);
background: -moz-linear-gradient(left, rgba(255,255,255,0.99) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 47%, rgba(247,247,247,1) 80%, rgba(245,245,245,1) 91%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.99)), color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(255,255,255,1)), color-stop(80%, rgba(247,247,247,1)), color-stop(91%, rgba(245,245,245,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0.99) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 47%, rgba(247,247,247,1) 80%, rgba(245,245,245,1) 91%);
background: -o-linear-gradient(left, rgba(255,255,255,0.99) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 47%, rgba(247,247,247,1) 80%, rgba(245,245,245,1) 91%);
background: -ms-linear-gradient(left, rgba(255,255,255,0.99) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 47%, rgba(247,247,247,1) 80%, rgba(245,245,245,1) 91%);
background: linear-gradient(to right, rgba(255,255,255,0.99) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 47%, rgba(247,247,247,1) 80%, rgba(245,245,245,1) 91%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=1 );
*/}

ul {
   list-style-type: none; 
}

a, a:visited, a:link {
    text-decoration: none;
    /*color: #ffffff;*/
}

.logo{
    font-size:  3.8em;
    color:#ffd800;           
    padding-left: 20px;
}


.logo img  {
    float:left;
    padding-top: 80px;    
}

header {
    /*background-image: url(images/Header.jpg);*/
    /*background-position-x: center;       */
    height: 300px;
    background-repeat: no-repeat;
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -40px;
    background-position-x: center;
    margin: 0auto;
        
}

.bookcase {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    
}


.book {
    float: left;
    margin-right: 50px;
    width: 180px;
    height: 250px;
    cursor: pointer;
}

.nav-tabs > li > a {
    background-color: #d9d4d4;
    border-color: #888888;
    color: #110101;
}

.selectbook {
    /*box-shadow: 5px 5px 1px #a09b9b;*/
}

.books {
    width: 100%;
    min-width: 1000px;
}

.books2 {    
    margin-left: 90px;
    margin-top: 300px;
    width: 1200px;
    position:absolute;
}

.link-obec a:link {
    color: white;
    font-weight: bold;
    font-size: x-large;
    font-family: verdana;
}

#kroniky {
    padding-top: 50px;
}

img.book {
    margin: 10px 10px 10px 10px;
    /*-webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s; /* Safari */
}

img:hover.book {
    cursor: pointer;
    /*-webkit-transform: scale(1.5, 1.5);
    -ms-transform: scale(2, 2);
    transform: scale(1.5, 1.5);
    transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s; /* Safari */
    box-shadow: 10px 10px 5px #888888;
    z-index: 1;
}

.clean {
    float: none;
}

.town-name {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

    .town-name .line-1 {
        font-size: 2.5em;
    }

    .town-name .line-2 {
        font-size: 5.0em;
    }

