body{ margin: 0px; font-family: Arial, sans-serif; background-color: #F7F7F7; background-image: url('img/back.png'); background-repeat: repeat-x; }

/**ZAKLADNI PRVKY**/
#page{ width: 950px; margin: 0px auto; }
#hlavicka{ width: 950px; }
#top{ width: 950px; height: 40px; background-image: url('img/top.png'); background-repeat: no-repeat; }
#telo{ width: 870px; padding: 0px 40px 40px 40px; background-image: url('img/middle.png'); background-repeat: repeat-y; }
#bottom{ width: 950px; height: 40px; background-image: url('img/bottom.png'); background-repeat: no-repeat; }
a img{ border: 0px; }
.clear{ clear: both; }
#paticka{ width: 950px; text-align: center; background-color: #FFF; }

/**HLAVICKA, VYHLEDAVANI**/
.logo1{ width: 350px; height: 150px; position: relative; top: 0px; left: 0px; margin: 0px; float: left; }
.logo1 h1 a { width: 350px; font-size: 10px; height: 150px; display: block; }
.logo1 h1 span { width: 350px; height: 150px; position: absolute; left: 0; top: 0; z-index: 1; background: url('img/logo.png') 0 0 no-repeat; }
.logo2{ width: 600px; height: 150px; background-image: url('img/logo2.png'); float: left; }
#submenu{ width: 950px; background-image: url('img/sub.png'); }
#submenu p{ font-size: 12px; font-weight: bold; padding: 10px 0px 10px 20px; margin: 0px; float: left; }
    #submenu p a{ color: #FFF; text-decoration: underline; }
    #submenu p a:hover{ color: #FFF; text-decoration: none; }
.dlouhy_ad{ width: 100%; background-color: #f9f9f9; border-top: 1px solid #EEE; text-align: center; border-bottom: 1px solid #EEE; padding: 10px 0px 0px 0px; }


/**OBSAH**/
.left{ width: 580px; font-size: 14px; line-height: 180%; margin-right: 30px; float: left; }
    .left a{ color: #06C; text-decoration: underline; }
    .left a:hover{ color: #06C; text-decoration: none; }
.right{ width: 260px; float: left; }
.left h2{ color: #00496A; font-size: 20px; margin: 15px 0px 15px 10px; }
.left h3{ color: #00496A; font-size: 16px; margin: 20px 0px 20px 0px; }
.left .img_p { width: 250px; color: #555; font-style: italic; margin: 0px 10px 0px 0px; float: left; }
.left img{ width: 250px; margin: 20px 0px 0px 0px; }

.right h2{ width: 220px; color: #000; font-size: 16px; font-weight: normal; border-bottom: 1px solid #DDD; padding: 10px 20px 5px 20px; margin: 0px; }
.menu2{ width: 250px; background-image: url('img/menu2.png'); padding: 5px; }
.menu3{ width: 260px; height: 7px; background-image: url('img/menu3.png'); margin-bottom: 20px; }
.right p{ font-size: 12px; border-bottom: 1px solid #E0E0E0; padding: 10px 0px 10px 20px; margin: 0px; }
    .right p a{ color: #0066CC; text-decoration: underline; }
    .right p a:hover{ color: #0066CC; text-decoration: none; }

/**PATICKA**/
.paticka1{ width: 700px; font-size: 12px; background-color: #FFF; padding-bottom: 15px; float: left; }
    .paticka1 a, .paticka2 a{ color: #68E; text-decoration: none;  }
    .paticka1 a:hover, .paticka2 a:hover{ color: #68E; text-decoration: none;  }
.paticka2{ width: 250px; font-size: 12px; padding-top: 0px; padding-bottom: 20px; float: left; }
.box{ width: 250px; font-size: 12px; margin: 0px 10px 0px 0px; float: right; }

.knihovna{ font-size: 12px; }