html, body { margin:0; padding:0; }
html { font-size:106.5%; background:#ECEB98; }
body { font-size:76.5%; background:#ECEB98 url(img/2010/top-stripe.png) 0% 0% repeat-x; text-align:center; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; color:#1B1B1B; line-height:1.5; }
/*- obecne -*/
img { border:0; }
table { _font-size: 100%; }
p { margin-bottom:1.5em; }
a, a:link,
a:visited { color:#822F17; }
a:hover { text-decoration:none; }
h1, h2, h3,
h4, h5, h6 { text-align:left; font-weight:normal; }
h4 { font-size:100%; font-weight:normal; }
code { font-size:125%; =font-size:115%;/**/ }
/*- obecne classy -*/
.cleaner,
.clearer,
.cistic { display:block; clear:both; height:1px; visibility:hidden; overflow:hidden; }
.hide,
.blind,
.nevid { position:absolute; left:-2000px; top:-2000px; width:1px; height:1px; overflow:hidden; }
.none { display:none; }
.hr { clear:both; padding-bottom:65px; background:url(img/2010/hr.png) 50% 100% no-repeat; margin:0; }
.raquo { text-decoration:none!important; color:#822F17!important; font-weight:bold; }
.err { color:#822F17; }
.more-info { clear:both; text-align:right; font-weight:bold; font-size:115.5%; }
.center { display:block; margin:0 auto; }
/*- zatim asi nepouzite pro plovani -*/
.fl-l { float:left; margin:0 1em 0.5em 0; }
.fl-r { float:right; margin:0 0 0.5em 1em; }
/*- zatim asi nepouzite pro ilustrace -*/
.ill { padding:1em; border:1px solid red; text-align:center; }
.ill p { margin:0; }
/*- rozlozeni -*/
#habrovka { background:transparent url(img/2010/bottom-stripe.png) 0% 100% repeat-x;}
#flowers-top { background:transparent url(img/2010/top.png) 50% 0% no-repeat; }
/*-#flowers-bottom { background:transparent url(img/2009/bottom.gif) 50% 100% no-repeat; }-*/
#page { width:980px; background:#F5F5CF; margin:0 auto; padding:10px; text-align:left; }
/*- hlavicka -*/
#header { height:134px; position:relative; }
#header h1 { margin:0; position:relative; z-index:5; }
#header h1 img { _vertical-align:bottom; }
/*- navigace - zalozky -*/
#nav { float:left; width:100%; _width:auto; background:#DEDD3A; position:relative; z-index:2; }
#nav ul#menu { margin:0; padding:0; width:100%; }
#nav ul#menu li { float:left; background:#DEDD3A; width:116px; list-style-type:none; margin:0; border-right:6px solid #F5F5CF; }
#nav ul#menu li.last { border-right:0; }
#nav ul#menu li a,
#nav ul#menu li a:visited { font-weight:bold; font-size:108%; display:block; width:116px; margin:0; padding:3px 0; color:#822F17; text-align:center; text-decoration:none; }
#nav ul#menu li a:hover { color:#DEDD3A; background:#822F17; }
#nav ul#menu li ul { position:absolute; visibility:hidden; }
#nav ul#menu li:hover ul,
#nav ul#menu li.hover ul { visibility:visible; background:#FEFEFE; width:116px; padding:0; margin:0; }
#nav ul#menu ul li a,
#nav ul#menu ul li a:visited { font-weight:bold; color:#822F17; background:#ECEB98; border:0; }
#nav ul#menu ul li a:hover { color:#DEDD3A; background:#822F17; /*color:#822F17; background:#ECEB98;*/ }
#nav ul#menu li li { float:none; margin:0; _margin-left:-16px; _mar\gin-left:0px; width:116px !important; border:0; }
#nav ul#menu li { behavior: url(hover.htc); /*- Protoze IE nedodrzuje CSS standarty, pouzijeme tento *.htc soubor -*/ }
/*- hlavni cast -*/
#main { padding:10px 30px 20px; background:#F5F5CF url(img/2010/listi-text.png) 50% 10px no-repeat; clear:both; }
#main h1,
#main h2 { font-size:250%; background:transparent url(img/2010/hx.png) 0 8px no-repeat; margin-bottom:0.3em; padding:0 0 0 46px; color:#822F17; }
#main .sl li,
#main h3 { font-weight:bold; font-size:115.5%; padding-left:33px; background:url(img/2010/li-dark.png) 0 8px no-repeat; list-style-type:none; }
#main h3 { font-size:131.5%; color:#822F17; }
/*- hezke nadpisy OBECNE -*/
.hx { background:none !important; padding:0 !important; }
.hx a,
.hx .a { display:block; margin-bottom:-0.5em; height:52px; background-position:0 0; background-repeat:no-repeat; }
/*- hezke nadpisy KONKRETNE -*/
#bannery a, #bannery .a { width:140px; background-image:url(img/2010/bannery.png); }
#dalsi-akce a,
#dalsi-akce .a { width:240px; background-image:url(img/2010/dalsi-akce.png); }
#diky a, #diky .a { width:418px; background-image:url(img/2010/diky.png); }
#divadlo a, #divadlo .a { width:143px; background-image:url(img/2010/divadlo.png); }
#divadlo .domtab h3 { margin-left: 10px; }
#doprovodny-program a,
#doprovodny-program .a { width:290px; background-image:url(img/2010/doprovodny-program.png); }
#facebook a, #facebook .a { margin-bottom:-0.2em; width:160px; background-image:url(img/2010/facebook.png); }
#fotky a, #fotky .a { width:123px; background-image:url(img/2010/fotky.png); }
#historie a, #historie .a { width:262px; background-image:url(img/2010/historie.png); }
#hudba a, #hudba .a { width:119px; background-image:url(img/2010/hudba.png); }
#kde-je-habrovka a,
#kde-je-habrovka .a { width:251px; background-image:url(img/2010/kde-je-habrovka.png); }
#kontakty a, #kontakty .a { width:160px; background-image:url(img/2010/kontakty.png); }
#letak a, #letak .a { width:121px; background-image:url(img/2010/letak.png); }
#navstevni-kniha a,
#navstevni-kniha .a { width:241px; background-image:url(img/2010/navstevni-kniha.png); }
#novinky a, #novinky .a { width:147px; background-image:url(img/2010/novinky.png); }
h1#novinky .a { margin-bottom:0em; }
#o-festivalu a,
#o-festivalu .a { width:308px; background-image:url(img/2010/o-festivalu.png); }
#ozveny-habrovky a,
#ozveny-habrovky .a { width:257px; background-image:url(img/2010/ozveny-habrovky.png); }
#plakat a, #plakat .a { width:126px; background-image:url(img/2010/plakat.png); }
#poradatel a, #poradatel .a { width:653px; background-image:url(img/2010/poradatel.png); }
#program a, #program .a { width:148px; background-image:url(img/2010/program.png); }
#program-pro-deti a,
#program-pro-deti .a { width:254px; background-image:url(img/2010/program-pro-deti.png); }
#pro-tisk a, #pro-tisk .a { width:150px; background-image:url(img/2010/pro-tisk.png); }
#soutez-kapel a,
#soutez-kapel .a { width:334px; background-image:url(img/2010/soutez-kapel.png); }
#workshopy a, #workshopy .a { width:177px; background-image:url(img/2010/workshopy.png); }
/*- ?vypis divadel a kapel? -*/
#main .sl,
#main .teleso { float:left; width:328px; }
#main .sl li a { color:#1B1B1B; }
/*- SNAD jen HP -*/
#hp { }
#hp #time,
#hp #news { font-size:139.5%; margin:20px 0; text-align:center; }
#hp #prog .sl { width:293px; }
#hp #prog .sl ul { margin:0 0 0 76px; padding:0; }
#hp #prog .sl ul li { background:none; padding-left:0; }
#hp #prog .sl h3 { margin-top:15px; margin-left:20px; margin-bottom:5px; }
#hp #prog #doprpr h3 { margin-top:40px; margin-left:20px; }
#hp #prog #slkapel .sl { width:330px; }
#hp .hp td { vertical-align:top; }
#hp .hp .news { width:500px; }
#hp .hp .fb { padding-left:40px; width:380px; }
/*- ANOTACE -*/
#anotace .push { width:864px; margin-left:76px; }
#anotace .anot { float:left; width:412px; margin:0 20px 1.5em 0; text-decoration:none !important; }
#anotace .anot img { float:left; margin:0 1.2em 0.4em 0; border:2px solid #822F17; }
#anotace .anot h3 { font-weight:bold; font-size:115.5%; background:none; padding:0; margin:0; }
#anotace a.anot h3 { text-decoration:underline; }
#anotace a:hover.anot h3 { text-decoration:none; }
#anotace .anot span { color:#1B1B1B; }
.dekujeme a { display:block; font-size:139.5%; text-align:center; margin:0 2em; }
/*- DOMTABY pro Divadla a Kapely -*/
ul.domtabs { display:block; width:300px !important; margin:0 20px 0 40px; }
#main .domtabs li.active a { text-decoration:none; color:#822F17 !important; }
#main .teleso { width:500px; float:left; overflow:hidden; margin-top:-40px; }
#main .teleso p strong { color:#822F17; }
#main .teleso h2 { }
#main .teleso h2 strong,
#main .teleso h2 em { font-weight:normal; /*-background:url(img/2009/title.gif);-*/ }
#main .teleso .mp3 { font-weight:bold; }
#main .teleso .url { clear:left; font-weight:bold; }
/*- fotky, boxiky ... -*/
#main p.text:first-letter { font-size: 135%; color:#822F17; }
#main .foto img,
#main .foto object { border:10px solid #FFFFFF; }
#main .box { padding:8px; overflow:hidden; }
#main .left { float:left; margin:8px 12px 8px 0; }
#main .right { float:right; margin:8px 0 8px 12px; }
#main .popis { font-weight:bold; font-size: 89%; padding: 2px 3px; }
#main .ad { text-align:center; margin:1em 0; }
.program { width:100%; }
.poradi th, .program th,
.poradi td, .program td { background:#F2E500; vertical-align:top; padding:2px 6px; }
.program th, .program td { width:30%; }
.poradi th, .program th { color:#F2E500; font-size:115.5%; padding-left:36px; background:#822F17 url(img/2009/li-light.gif) 6px 8px no-repeat; }
.program td { padding-bottom:6px; }
.poradi { width:45%; }
.poradi th.col1 { width:0.4em; }
.poradi th.col3 { width:3em; }
/*- fotogalerie -*/
.fotky { width:900px; }
.fotky td { text-align:center; padding:0.5em 0; }
.fotky img { background:white; padding:5px; vertical-align:middle; }
.fotky a:hover img { background:#822F17; }
/*- partneri - VSUDE -*/
.partneri { width:100%; background:#FFFFFF; }
.partneri td { text-align:center; padding:1.5em 0; }
#hp .partneri { margin-top:2em; }
#hp .partneri td { padding:1em 0; }
/*- soutez - hlasovani -*/
#contest { border-top:4px solid #822F17; padding-top:6px; position:relative; }
#contest .band { border-bottom:2px solid black; padding:0 20px 8px; }
#contest .band .right { font-size:125%; margin-bottom: 0px; }
#contest .band .right img { height:90px; }
#contest .band h2 { padding:0; background:none; }
#contest .band h2 a { font-size:75%; font-weight:normal; padding-right:24px; background:url(http://www.habrovka.cz/img/play.gif) 98% 70% no-repeat; }
#contest .band .inq { width:300px; height:55px; overflow:hidden; }
#contest .band .sms { font-size:115.5%; }
/*- paticka -*/
#footer { background:#DEDD3A; width:100%; clear:both; }
#footer p { text-align:center; padding:0.8em 1em; margin:0; font-size:89%; font-weight:bold; }
/*- zvyraznit kapelu -*/
.zvyraznena { border-color:#F2E500; padding:3px; padding-left:0px; font-size:20px; }
/*- hlasovani - II. kolo -*/
.poradi2 td { margin:0; padding:0; }
.poradi2 img { margin-top:2px; }
/*- info vpravo-*/
#anotace td { width:500px; }
#informace { }
#informace td { vertical-align:top; width:50%; padding-left:50px; }
#informace img { float:right; padding-right:30px; }
#informace h3 { padding-left:50px; }
#anotace .push .more-info { padding-right:140px; }
/* */
.cas { font-weight: bold }
/* Fotogalerie - Lightbox */
/*uzivatel musi mit na pameti ze chceme videt scrollbar vzdy, proto je nutne ho mit zapnuty a pocitat s jeho sirkou 17px!!!*/
/*tedy sirka galerie musi byt o 17px vice a sirka thmbus pole take, pokud je vse nalezato tak se jedna o vysku*/
/*rozmery galerie*/
#lightBox {background-color: black; width: 790px; height: 652px; padding-top:10px; padding-left: 10px; padding-right: 10px;}
#lightBox .image-browser-image {width: 640px; height: 640px; border: 1px solid #333; overflow: hidden; padding: 0px; float: left; position: relative;}
/*nahledovy pas*/
#lightBox .image-browser-thumbs { width: 147px;height: 642px; overflow-y:scroll; float: right;}
#lightBox .image-browser-thumbs div.image-browser-thumb-box { height: 120px; width: 120px; padding: 0px; margin: 3px; border: 1px solid #333;}
/*ramecek okolo aktivniho nahledu*/
#lightBox .image-browser-thumbs div.image-browser-active {border: 3px solid red;}
/*zasednuti pod galerii*/
div.image-browser-root { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.habrovka.cz/img/lightbox/bg.png', sizingMethod='scale' );}
div[class~="image-browser-root"] { background: url(http://www.habrovka.cz/img/lightbox/bg.png); }
/*ovladaci tlacitka*/
#lightBox .image-browser-prev { position: absolute; top: 20px; left: 20px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(http://www.habrovka.cz/img/lightbox/lb-previous-active.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.habrovka.cz/img/lightbox/lb-previous-active.png'));}
#lightBox .image-browser-prev:hover { background: url(http://www.habrovka.cz/img/lightbox/lb-previous-hover.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.habrovka.cz/img/lightbox/lb-previous-hover.png')); }
#lightBox .image-browser-next { position: absolute; top: 20px; left: 66px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(http://www.habrovka.cz/img/lightbox/lb-next-active.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.habrovka.cz/img/lightbox/lb-next-active.png')); }
#lightBox .image-browser-next:hover { background: url(http://www.habrovka.cz/img/lightbox/lb-next-hover.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.habrovka.cz/img/lightbox/lb-next-hover.png')); }
#lightBox .image-browser-prev-disabled { position: absolute; top: 20px; left: 20px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(http://www.habrovka.cz/img/lightbox/lb-previous-inactive.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.habrovka.cz/img/lightbox/lb-previous-inactive.png')); }
#lightBox .image-browser-next-disabled { position: absolute; top: 20px; left: 66px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(http://www.habrovka.cz/img/lightbox/lb-next-inactive.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.habrovka.cz/img/lightbox/lb-next-inactive.png')); }
#lightBox .image-browser-close { position: absolute; top: 20px; left: 600px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(http://www.habrovka.cz/img/lightbox/lb-close-active.png); _background:none ;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.habrovka.cz/img/lightbox/lb-close-active.png'));}
#lightBox .image-browser-close:hover { background: url(http://www.habrovka.cz/img/lightbox/lb-close-hover.png); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.habrovka.cz/img/lightbox/lb-close-hover.png'));}
/*image preload pro hover obrazky navigace do poskytnutych skrytych DIVu, je mozno nacist i pro disabled */
#lightBox div.image-browser-prev-preload { background: url(http://www.habrovka.cz/img/lightbox/lb-previous-hover.png);}
#lightBox div.image-browser-next-preload { background: url(http://www.habrovka.cz/img/lightbox/lb-next-hover.png);}
#lightBox div.image-browser-close-preload { background: url(http://www.habrovka.cz/img/lightbox/lb-close-hover.png);}
/*- FACEBOOK -*/
/* HTTP Host: b.static.ak.fbcdn.net */
/* Generated: February 23rd 2010 10:03:00 AM PST */
/* Machine: 10.16.140.102 */
/* Source: Local Cache */
/* Location: rsrc:4:5k4ljc7c */
/* Locale: nu_ll */
/* Path: css/b1yunhjfoso44w4k.pkg.css */
body.fan_widget{background:transparent}
.fan_box .full_widget{border:solid 7px #FFF !important; background:white}
.fan_box .full_widget .connect_top{background:#FFF !important}
.fan_box .connections{ min-height:150px}