* {margin:0;padding:0;}
body {background:#fff url(../images/mainbg.gif) repeat-x;font-family:Arial,Helvetica,sans-serif;color:#000;font-size:11px;}
input {font-family:Arial,Helvetica,sans-serif;font-size:11px;}
a {text-decoration:underline;color:#108acb;}
a:hover {text-decoration:none;}

img.left{float:left;margin:0 1em 4px 0;padding:2px;border:1px solid #ccc}
img.right{float:right;margin:0 0 4px 1em;padding:2px;border:1px solid #ccc}

.black{color:#000 !important}
.ir {display:block;overflow:hidden;position:relative;}
.ir span {display:block;position:absolute;width:100%;height:100%;top:0;left:0;text-indent:-999em;overflow:hidden;}
.clr {clear:both;float:none;display:block;width:0;height:0;overflow:hidden;}
.fleft {float:left;}
.fright {float:right;}
.tright {text-align:right;}
.txtinp {background:url(../images/inp-bg.gif) no-repeat;padding:3px 5px;border:1px solid #adadad;font-size:12px;}
.txtcntr {text-align:center;}
select {padding:0;font-family:Arial,Helvetica,sans-serif;font-size:11px;}
.dotline {background:url(../images/dotline.gif) repeat-x;height:1px;margin:10px auto;}
img.bord{padding:2px;border:1px solid #aaa}
img.fr{float:right;margin:0 0 6px 1em}
img.fl{float:left;margin:0 1em 6px 0}
.mt0{margin-top:0 !important}
.mb0{margin-bottom:0 !important}
.mb1{margin-bottom:1em !important}
.mb2{margin-bottom:2em !important}
.more{text-align:right}

.columns2{}
.columns3{}
.columns4{}
.columns5{}
.columns6{}

.columns2 .column{float:left;width:49.9%}
.columns3 .column{float:left;width:33.3%}
.columns4 .column{float:left;width:24.9%}
.columns5 .column{float:left;width:19.9%}
.columns6 .column{float:left;width:16.5%}
.nmr .colpad{margin-right:0 !important}
.colpad{padding:0 6px;margin:0 8px 8px 0;}


.col-info{margin:1em 0;padding:0 4px 0 0}
.col-info h4{background:#e1f1ff;padding:3px 4px;font-size:1.1em;font-weight:bold;color:#333}
.col-info p{padding:3px 4px}


#maincontent {width:944px;overflow:hidden;margin:0 auto;padding:0 8px;background:#fff;}
.header {position:relative;height:128px;background:url(../images/top.jpg) no-repeat;}
.header a.l{display:block;position:absolute;left:0;top:0;width:199px;height:128px;z-index:3;outline:none}
.header a.l span{display:block;position:absolute;left:0;top:0;width:199px;height:128px;background:url(../images/logo2.gif) no-repeat;z-index:4}
.textsize {position:absolute;top:23px;left:520px;color:#555;}
.textsize a {color:#555;padding:0 3px;}
.textsize strong {color:#108acb;padding:0 3px;}
.tsize1 {font-size:11px;}
.tsize2 {font-size:12px;}
.tsize3 {font-size:14px;}
.fnavig {position:absolute;top:70px;left:247px;width:400px;color:#aaa;}
.fnavig big {display:block;font-size:18px;color:#108acb;padding-left:7px}
.fnavig a {padding:0 3px;color:#222;line-height:24px;}
.toolbar {background:#108acb;padding:10px;}
.sform {display:block;float:left;margin-right:10px;}
.sform .txtinp {width:220px;padding:6px 10px;}
.sform .submit {border:0;background:#ebf6ff;color:#108acb;padding:6px 10px;cursor:pointer;font-weight:bold;}
* html .sform .submit {padding:5px 1px;}
.logreg {display:block;float:left;margin-right:10px;background:#399ed5;padding:7px 10px;color:#a5d6f4;}
.logreg a {color:#fff;padding:0 3px;}
.vi {display:block;float:left;margin-right:10px;padding:8px 10px 7px 36px;background:#fff url(../images/slabozraci.gif) no-repeat 10px 2px;color:#000;border:1px solid #222;}
.nl {display:block;float:left;margin-right:10px;padding:8px 10px 7px 43px;background:#dff0ff url(../images/newsletter.gif) no-repeat 10px 2px;color:#222;}
.langs {display:block;float:left;}
.langs a {display:block;float:left;width:24px;height:19px;border:5px solid #dff0ff;margin-right:2px;text-indent:-999em;overflow:hidden;}
.langs .de {background:url(../images/flag-de.gif) no-repeat;}
.langs .en {background:url(../images/flag-en.gif) no-repeat;}


.menu{list-style:none !important}
.menu li{list-style:none !important;position:relative;float:left}
.menu li ul{position:absolute;left:0;top:20px;width:18em;display:none;padding:4px}
.menu li:hover ul, .menu li.hover ul{display:block}
.menu ul li{float:none;clear:left}
.menu a{padding:4px 8px}

.menu li.black a:hover, .menu a.act{background:#222;color:#fff}
.menu li.black  ul{background:#222}
.menu li.black  ul a{color:#fff}

.menu li.green a:hover, .menu li.green a.act{background:#72b606;color:#fff}
.menu li.green  ul{background:#72b606}
.menu li.green  ul a{color:#fff}

.menu li.blue a:hover, .menu li.blue a.act{background:#0171AC;color:#fff}
.menu li.blue  ul{background:#0171AC}
.menu li.blue  ul a{color:#fff}


.content {padding-top:5px;}
.leftcol {float:left;width:657px;overflow:hidden;}
.rightcol {float:left;width:287px;overflow:hidden;}
.lc-pad{padding-left:10px}

.tiles {padding:4px 0 0 5px;border:1px solid #ccc;margin-right:8px;}
.tile {width:207px;height:140px;float:left;margin-right:3px;margin-bottom:3px;padding-bottom:10px;}
.tile-kat {background:url(../images/grad1.gif) repeat-x;}
.tile-about, .tile-odd {background:url(../images/grad2.gif) repeat-x;}
.tile-knih, .tile-sluz, .tile-pob {background:url(../images/grad3.gif) repeat-x;}
.tile h2 {padding:15px 0 6px 20px;font-size:18px;font-weight:normal;color:#555;}
.tile ul {padding-left:85px;list-style-type:none;}
.tile ul li a {text-decoration:none;color:#000;}
.tile ul li a:hover {text-decoration:underline;color:#000;}
.tile-kat ul {background:url(../images/ico1.gif) no-repeat 20px 0;}
.tile-about ul {background:url(../images/ico2.gif) no-repeat 20px 0;}
.tile-odd ul {background:url(../images/ico3.gif) no-repeat 20px 0;}
.tile-knih ul {background:url(../images/ico4.gif) no-repeat 20px 0;}
.tile-sluz ul {background:url(../images/ico5.gif) no-repeat 20px 0;}
.tile-pob ul {background:url(../images/ico6.gif) no-repeat 20px 0;}

.novinky {background:url(../images/foot-grad.gif) repeat-x;padding:15px 0 15px 20px;margin-top:8px;margin-right:8px;}
.novinky h2 {font-size:18px;font-weight:normal;color:#555;padding-bottom:10px;}
.novinka {padding:5px 0;}
.novinka img {display:block;float:left;width:81px;margin-right:10px;}
.novinka .ndet {float:left;width:520px;}
.novinka a {color:#0d7cb9;}
.novinka a.ncap {color:#3e3e3e;font-size:13px;font-weight:bold;padding-right:8px;}
.novinka p {padding:6px 0;}
.novinka em {font-style:normal;color:#0d7cb9;padding-left:5px;}

.news-tips {line-height:24px;}
p.ntip {display:block;float:left;width:260px;padding:0 30px 0 90px;}
* html p.ntip {padding-left:80px;}
p.ntip a {color:#000;}
a.rss {display:block;float:left;background:url(../images/rss.gif) no-repeat;padding-left:30px;color:#000;margin-right:40px;}


.k-info {background:#e1f1ff;padding:10px 15px;}
.k-info h2 {color:#08c;padding-bottom:15px;font-size:1.5em}
.info {padding-bottom:20px;}
.info em {display:block;float:left;font-style:normal;font-weight:bold;font-size:15px;color:#000;background:#fff;padding:1px 5px;}
.info em span, .info a {color:#108acb;}
.info strong.icap {color:#108acb}

.rightdiv {margin-top:8px;background:url(../images/foot-grad.gif) repeat-x;padding:8px;}
.bordered {border:1px solid #ccc;padding-bottom:10px;}
.adresa {padding:10px 20px 0 20px;line-height:150%;border:4px solid #fff;}
.adresa h3 {font-size:14px;color:#108acb;padding-bottom:4px;}
.adresa p{line-height:130%;font-size:1.1em}

.kalendar .fright {padding-right:20px;font-size:13px;font-weight:bold;color:#000;line-height:150%;}
.kalendar .kmore {font-weight:normal;padding:auto;font-size:11px;}
.kalendar h2 {font-size:18px;font-weight:normal;padding-left:20px;color:#555;}
.kalendar table {background:#fff;margin:10px auto;}
.kalendar table th {color:#fff;background:url(../images/but-bg.gif) repeat-x #000;width:30px;height:28px;font-size:17px;font-weight:bold;}
.kalendar table td {background:url(../images/bg-day.gif) no-repeat;width:30px;height:28px;text-align:center;vertical-align:center;color:#474747;border:1px solid #ccc;font-size:15px;font-weight:bold}
/*.kalendar table td.da {border:1px solid #c95d00;}*/
.kalendar table td a {display:block;line-height:28px;color:#fff;text-decoration:none;background:url(../images/bg-day-active.gif) no-repeat;border:none}
.kalendar table td a:hover {text-decoration:underline;}

.footer {margin-top:0px;background:url(../images/foot-grad.gif) repeat-x;padding:20px 30px 40px;}
.foot-in {background:url(../images/erb.gif) no-repeat 0 50%;padding-left:80px;}
.foot-in p {padding:8px 0;}
.foot-in .bl a {color:#000;text-decoration:none;}
.foot-in .bl a:hover {color:#000;text-decoration:underline;}
.foot-in .fleft strong {color:#108acb;}

.text{font-size:110%;line-height:140%;padding-right:8px}
.text p{margin:0 0 1em 0}
.text h1{font-size:1.8em;font-weight:normal;color:#108acb;margin:0.5em 0 0.5em 0;line-height:130%}
.text h2{font-size:1.4em;font-weight:bold;color:#7cbc13;margin:1em 0 0.2em 0}

h4.hd{background:#e1f1ff;color:#222;padding:3px 4px;margin:1.5em 0 5px 0}
ul.gen, ul.gen ul{list-style:disc !important;margin:0.2em 0 1em 2em}
ul.gen li{list-style-image:disc !important}

ol.gen, ol.gen ol{list-style:decimal !important;margin:0.2em 0 1em 2em}
ol.gen li{list-style-image:decimal !important}

ol.gen2, ol.gen2 ol{list-style:decimal !important;margin:0.2em 0 1em 2em}
ol.gen2 li{list-style-image:decimal !important;margin:1em 0 0}

.rad pre{font-family:Arial,Helvetica,sans-serif}
.rad h2{font-size:1.6em;margin:1.5em 0 0;font-weight:normal}
.rad h3{font-size:1.3em;margin:0.5em 0;font-weight:bold;color:#75ba09}

.gbox{border:1px solid #aaa;background:#DDFCB1;margin:1em 0;padding:6px 10px}
.gbox h3{font-size:1.7em;font-weight:normal;margin:0;color:#75BA09;padding:14px 8px 10px 30px;background:url(../images/book.gif) center left no-repeat}
.gbox a{color:#000}

.bbox{border:1px solid #aaa;background:#DFF0FF;margin:1em 0;padding:6px 10px}
.bbox h3{font-size:1.7em;font-weight:normal;margin:0;color:#108ACB;padding:14px 8px 10px 30px;background:url(../images/bookb.gif) center left no-repeat}
.bbox a{color:#000}

table.data{width:99%;border-collapse:collapse;border:1px solid #aaa;margin-left:1px}
table.data th.caption{font-size:1.2em;background:#DDFCB1;color:#222;padding:8px 5px}
table.data th.info{background:#F4FFE4;color:#75BA09;padding:6px 5px 12px 5px}
table.data th, table.data td{padding:7px 10px;text-align:left}
table.data td{background:#fff;border-top:1px dotted #ccc}
table.data td.w3{width:33%}
table.data td.w4{width:25%}
table.data td.w2{width:50%}
table.data tr.info th, table.data tr.info td{background:#f4ffe4;color:#000;font-weight:bold}

.r{text-align:right !important}
.c{text-align:center !important}
.l{text-align:left !important}
.w70{width:69.9%}
.w60{width:59.9%}
.w50{width:49.9%}
.w40{width:39.9%}
.w30{width:29.9%}
.w25{width:24.9%}
.w20{width:19.9%}
.w10{width:9.9%}

.foto{float:left;margin-right:7px;margin-bottom:7px}
.foto-pad{width:155px;height:123px}
.foto-pad a img{background:#fff;padding:9px;border:1px solid #c6c6c6}
.foto-pad a:hover img{background:#fff;padding:5px;border:5px solid #108ACB}

.cenik table.data{margin-bottom:1em}

form.gen * {vertical-align:middle}
form.gen {padding:10px;background:#e1f1ff}
form.gen  table{width:99%;margin-left:1px;border-collapse:collapse}
form.gen  table th, form table td{padding:5px 8px;vertical-align:top}
form.gen  table th{text-align:left;font-weight:normal}
form.gen textarea.t, form.gen input.t{padding:2px;font-size:1.1em;background:url(../images/inputbg.jpg) top left no-repeat}
form.gen select{padding:2px}
form.gen .subm{padding:5px 12px;font-weight:bold;font-size:1.1em}

.akce{}
.akce-pad{height:230px}
.akce img{padding:2px;border:1px solid #aaa}
.akce p{padding:4px 10px 4px 4px;font-size:0.9em;line-height:120%}
.akce a{color:#333}

.photo{}
.photo-pad{height:196px}
.photo img{padding:2px;border:1px solid #aaa}
.photo p{padding:4px 10px 4px 4px;font-size:0.9em;line-height:120%}
.photo a{color:#333}

.col-partner{padding-bottom:18px}
.col-partner img{border:none}

table.publikace{width:99%;border-collapse:collapse;border:1px solid #aaa;margin-left:1px;margin-bottom:1em}
table.publikace th.hd{font-size:1.2em;background:#DDFCB1;color:#222;padding:8px 5px}
table.publikace th.info{background:#F4FFE4;color:#75BA09;padding:6px 5px 12px 5px}
table.publikace th, table.publikace td{padding:7px 10px;text-align:left;background:#fff;border-top:1px dotted #ccc}
table.publikace td.w3{width:33%}
table.publikace td.w4{width:25%}
table.publikace td.w2{width:50%}
table.publikace tr.info th, table.publikace tr.info td{background:#f4ffe4;color:#000;font-weight:bold}

table.pob-photo td{padding:4px}

div.mapa{text-align:center;padding-top:1.5em}
div.mapa img{padding:2px;border:1px solid #aaa}
div.mapa p{margin:2px 0;font-size:0.9em}
div.mapa a{color:#333}



.calendar-hd{text-align:center;color:#000}
.calendar-hd a{color:#000}

table.akce-list{margin:0 0 1em 0;width:100%;border-collapse:collapse}
table.akce-list th{width:136px;vertical-align:top;text-align:left}
table.akce-list td{vertical-align:top}
table.akce-list h2{font-size:1.4em;font-weight:normal;margin:0 0 6px 0}
table.akce-list h2 a{color:#68aa01;font-weight:bold}
table.akce-list p.more{margin-top:1em;text-align:right;font-size:0.9em;padding-right:1em}
table.akce-list p.more a{color:#68aa01}


table.knihovna{width:99%;margin:0 0 1.5em 0}
table.knihovna th.hd{text-align:left;font-size:1.1em;background:#68aa01;color:#fff;padding:6px}
table.knihovna td.pic{text-align:right}
table.knihovna td.pic img{padding:1px;border:1px solid #ccc}
table.knihovna td.desc{background:#eee;color:#333;padding:0 6px}
table.knihovna tr.data th{width:110px;font-weight:normal;text-align:left;}
table.knihovna tr.data td{}


.dcaptcha{width:90px;float:left}
.dcaptcha table { border-collapse: collapse; font-size: 1px; line-height: 0; width: auto; }
.dcaptcha td { padding: 0 !important; width:2px;height:2px;overflow:hidden; color:#000 !important}

table.gentab{width:100%;border-collapse:collapse;border-left:1px solid #ccc;border-top:1px solid #ccc}
table.gentab th, table.gentab td{text-align:left;vertical-align:top;padding:8px;border-right:1px solid #ccc;border-bottom:1px solid #ccc}

ul.knihovny{margin:1em 0 1em 1em;padding:0}
ul.knihovny li{float:left;width:30%}












