/* CsS styLes */
ul, li, h1, h2, 
h3, h4, h5   { margin:0px; padding:0px; font-weight:normal; }
img          { border:0px solid black; }
h1           { font-size:1.6em; color:#ffffff; text-transform:uppercase;}
h2           { font-size:1.4em; color: orange; }
h3           { font-size:1.3em; margin-top:20px; color: orange; }
h4           { font-size:1.0em; color:#ffffff; }
h5           { font-size:1.2em; color:#ffffff; }
h6           { font-size:1em; }
p            { margin:9px .1em; position:relative; text-align:justify; }
hr           { color:#2172cc; background:#2172cc; display:none; }
ul           { margin-left:1em; margin-top:.5em; }
ul ul        { margin-top:.2em; }
li           { list-style-type: disc; margin:10px 0px; margin-left:1em;  }
li li        { list-style-type:square; margin-left:1.9em; }
table        { margin:0px; padding:0px; margin-top:.5em; border-spacing:0px; text-align:left; border-collapse: collapse; }
th           { padding:.1em 1em; font-size:1.1em; background:url('images/th-bg.jpg') repeat-x #2172cc; color:white; font-weight:bold; border:1px solid #00704a; }
td           { padding:.1em 1em; border:1px solid #bfbfbf; background:#eeeeee }
a span       { cursor:pointer; }
a            { text-decoration:underline; font-weight:bold; color:orange; }
a:hover      { text-decoration:none; font-weight:bold;  }
body         { text-align:center; font-family:Arial, 'Trebuchet MS', 'Arial CE',geneva;  color:#fff; background:url('images/bg.jpg'); }
textarea,  
select       { border:1px solid #cccccc; }
strong       {  }
textarea,input,select   { font-family:Arial !important; color:#444444 !important; }

/* main IDs */
#wrapper            { font-size:.75em; line-height:19px; width:997px;  padding:0px 0px; padding-bottom:0px; background:url('images/content-bg.gif') repeat-y; margin:0px auto; position:relative; top:-8px; text-align:left; }
#header             { width:997px;  float:left; position:relative; }
#menu               { width:536px;  height:122px; float:left; position:relative; background:url('images/menu-hlava.jpg') no-repeat bottom;  }
#container          { width:997px; float:left; margin-left:0px !important }
#main               { font-size:1.1em; width:997px; background:url('images/content-bg.jpg') repeat-y; position:relative; top:-2px; padding:0px 0px; float:left; }
#footer             { clear:both; color:#888888; width:997px; height:156px; background:url('images/footer.jpg'); position:relative; top:-5px; }

/* Classes */
.db             { display:block; }
.cb             { clear:both; }
.fwb            { font-weight:bold; }
.tac            { text-align:center; }
.error          { color:red; font-weight:bold; }

/* top */
.top-right      { width:50%; _width:50.8%; position:absolute; left:50%; height:241px;  top:0px; }
.top-right span { position:absolute; left:495px; width:60px; height:385px; background:url('images/top-right-stin.jpg') repeat-x; top:0px; }
.top-left       { width:50%; _width:50.8%; position:absolute; right:50%; height:241px; top:0px; }
.top-left span  { position:absolute; right:495px; width:85px; height:385px; background:url('images/top-left-stin.jpg') repeat-x; top:0px; }

/* logo */
.logo           { width:461px; height:122px; position:relative; float:left; }
.logo span      { width:461px; height:122px; position:absolute; top:0px; left:0px; background:url('images/logo.jpg') no-repeat #ffffff; }
.logo strong    { display:none; }

.head next      { color:#000000; }


/* header */
#header .ruka       { width:461px; height:111px; background:url('images/menu-ruka.jpg') no-repeat; float:left; }
#header .telo       { width:536px; height:111px; position:relative; background:url('images/telo.jpg') no-repeat; float:left; }
#header .telo strong{ position:absolute; font-size:1.2em; left:113px;  top:87px; display:block; _display:none; width:260px; }

/* Menu */
#menu ul                    { position:relative; margin:0px; float:left; }
#menu li                    { display:block; margin:0px;  float:left; position:relative; }
#menu li p,
#menu li a                  { margin:0px; display:block; color:#ffffff; background:url('images/menu.gif') repeat-x; text-decoration:none; }
#menu li span               { display:none; }

#menu li.o-nas p,
#menu li.o-nas a             { width:56px; height:48px; background:url('images/menu-onas.jpg') no-repeat; }
#menu li.partneri p,
#menu li.partneri a             { width:70px; height:48px; background:url('images/menu-partneri.jpg') no-repeat; }
#menu li.projekty p,
#menu li.projekty a             { width:69px; height:48px; background:url('images/menu-projekty.jpg') no-repeat; }
#menu li.sponzori p,
#menu li.sponzori a             { width:70px; height:48px; background:url('images/menu-sponzori.jpg') no-repeat; }
#menu li.akce p,
#menu li.akce a             { width:53px; height:48px; background:url('images/menu-akce.jpg') no-repeat; }
#menu li.jak-pomoci p,
#menu li.jak-pomoci a             { width:81px; height:48px; background:url('images/menu-jakpomoci.jpg') no-repeat; }

#menu li.ke-stazeni p,
#menu li.ke-stazeni a             { width:69px; height:48px; background:url('images/menu-ke-stazeni.jpg') no-repeat; }
#menu li.kontakty p,
#menu li.kontakty a             { width:68px; height:48px; background:url('images/menu-kontakt.jpg') no-repeat; }


#menu li.active.o-nas .arr   {position:relative; top:10px; left:50%;margin-left:-27px; z-index:1000; border: 0px solid white; }
#menu li.active.o-nas .mline {position:relative; width: 40px; margin-left:-17px; height:3px;  top:36px; left:50%; z-index:1000; border: 0px solid white; }

#menu li.partneri .arr   {position:relative; top:10px; left:50%;margin-left:-32px; z-index:1000; border: 0px solid white; }
#menu li.partneri .mline {position:relative; width: 52px; margin-left:-24px; height:3px; top:36px; left:50%; z-index:1000; border: 0px solid white; }

#menu li.projekty .arr  {position:relative; top:10px; left:50%;margin-left:-32px; z-index:1000; border: 0px solid white; }
#menu li.projekty .mline {position:relative; width: 52px; margin-left:-26px; height:3px;  top:36px; left:50%; z-index:1000; border: 0px solid white; }

#menu li.sponzori .arr  {position:relative; top:10px; left:50%;margin-left:-32px; z-index:1000; border: 0px solid white; }
#menu li.sponzori .mline {position:relative; width: 55px; margin-left:-25px; height:3px; top:36px; left:50%; z-index:1000; border: 0px solid white; }

#menu li.akce .arr   {position:relative; top:10px; left:50%;margin-left:-23px; z-index:1000; border: 0px solid white; }
#menu li.akce .mline {position:relative; width: 34px; margin-left:-14px; height:3px; top:36px; left:50%; z-index:1000; border: 0px solid white; }

#menu li.ke-stazeni .arr   {position:relative; top:10px; left:50%;margin-left:-35px; z-index:1000; border: 0px solid white; }
#menu li.ke-stazeni .mline {position:relative; width: 61px; margin-left:-31px; height:3px; top:36px; left:50%; z-index:1000; border: 0px solid white; }


#menu li.jak-pomoci .arr   {position:relative; top:10px; left:50%;margin-left:-38px; z-index:1000; border: 0px solid white; }
#menu li.jak-pomoci .mline {position:relative; width: 66px; margin-left:-31px; height:3px; top:36px; left:50%; z-index:1000; border: 0px solid white; }


#menu li.kontakty .arr   {position:relative; top:10px; left:50%;margin-left:-32px; z-index:1000; border: 0px solid white; }
#menu li.kontakty .mline {position:relative; width: 52px; margin-left:-29px; height:3px; top:36px; left:50%; z-index:1000; border: 0px solid white; }

/* boxik */
.boxik          { position:relative; background:url('images/hp_podl.jpg') repeat-x #2172cc; width:355px; height:192px; float:left; margin-bottom:10px; }
.boxik.right    { margin-left:15px; }
.boxik h1       { margin-top:15px; position:relative; left:10px; margin-bottom:6px; }
.boxik .obrazek        { float:left; width:134px; height:148px; padding-top:14px; text-align:center;  }
.boxik .text        { float:left; margin-left:10px; width:201px; margin-right:10px; }
.boxik .button      { position:absolute; bottom:5px; right:20px; }
/* Content */
#main .content-top          { width:927px; position:relative; padding-top:11px; padding-left:75px; padding-right:15px; height:32px; background:url('images/content-header.jpg') no-repeat; float:left;  }
#main .content-top h1           { font-size:1.6em; color:#ffffff; text-transform:uppercase;}
#main .content-top span     { position:absolute; right:20px; top:8px; width:421px; }
#main .content-bg          { width:967px; min-height:216px; _height:236px; padding:10px 30px; padding-right:0px; background:url('images/content-mid.jpg') no-repeat; float:left;  }
#main .content-btm          { width:997px; height:21px; background:url('images/content-footer.jpg') no-repeat; float:left;  }
#main h1                    { font-size:1.4em; color: orange; }

#main .headline         { float:left; width:720px; }
#main .mod_newslist       { float:left; width:720px; }

.seznam-index li        {  margin:10px 0px; }
.leftblock              { width:730px; padding-left:10px; float:left; }
.rightblock              { width:225px;  float:right; }


#main .akce               { width:520px; padding-left:30px; margin:20px 0px;  }
#main .akce .ce_image     { float:left; margin-top:15px; }
#main .akce .ce_list            { float:left;   }
#main .akce li            { margin:10px 0; margin-left:0px; }
#main .akce p.more        { float:left; width:500px; }
#main .akce .nadpis    { width:500px; float:left; margin-top:20px;  }
#main .akce .first        { margin-top:0px; }

/* voziky */
.voziky             { height:163px; width:730px; float:left; position:relative; }
.voziky .vozik      { height:163px; width:175px; float:left; background:url('images/vozik.jpg') no-repeat; }
.voziky .napis_vozik{ width:237px; height:103px; position:relative; top:51px; float:left; background:url('images/invalidni_vozik.jpg') no-repeat; }
.voziky .setri{ width:104px; height:103px; position:relative; top:51px; float:left; background:url('images/setri.jpg') no-repeat; }
.voziky .vice   { float:left; height:103px; width:204px; position:relative; top:51px;}
.voziky .vice a      { display:block; position:relative; height:103px; width:204px; }
.voziky .vice a span    { position:absolute; top:0px; left:0px; height:103px; width:204px; background:url('images/repasovane_voziky.jpg') no-repeat; }
.voziky .videa          { text-align:right; height:20px; line-height:20px; vertical-align:middle; position:absolute; right:0px; top:0px; width:135px; background:url('tl_files/ikonky/puntik_maly.gif') left no-repeat; }

/* novinky-new-index */
.novinky-new-index      { width:720px; position:relative; background:url('images/novinky-box-bg.jpg') repeat-y; float:left; }
.novinky-new-index .headline    { width:720px; height:55px; background:url('images/i_hlavicka.jpg') no-repeat; position:relative; float:left; }
.novinky-new-index .headline h1 { color:#ffd488 !important; margin-top:22px; margin-left:80px;}
.novinky-new-index .image_container { margin:10px; width:280px; margin-top:10px; }
.projekty .novinky-new-index .headline    { width:720px; height:55px; background:url('images/p_hlavicka.jpg') no-repeat; float:left; }


.novinky-new-index.sponzori .image_container   { width:180px; text-align:center;}
.novinky-new-index.partneri .image_container   { width:180px; margin-right:20px; text-align:center;}
.novinky-new-index.partneri .text-part  { float:left; width:480px;}
.novinky-new-index p                    { margin:10px; width:400px; }
.novinky-new-index.akce_vypis           { padding-bottom:10px;  position:relative;    }
.novinky-new-index .obrazek  { float:left; margin:10px; margin-bottom:0px; width:280px;  margin-top:0px; }
.novinky-new-index .text_vypis          { float:left; width:380px; padding-top:20px; padding-left:20px;}

#main .novinky-new-index.sponzori             { background:url('images/sponzori-box-bg.jpg') repeat-y; border-bottom: 1px solid black;  }
#main .novinky-new-index.partneri             { background:url('images/partneri-box-bg.jpg') repeat-y; width:720px;  border-bottom: 1px solid black;  }
#main .novinky-new-index.ke-stazeni         { background:#463420; margin-top:15px; }
#main .novinky-new-index.ke-stazeni .enclosure { position:absolute; top:20px; right:15px; }
#main .novinky-new-index.ke-stazeni .ce_text    { padding-left:70px; float:left; padding-top:5px; padding-bottom:5px; }
.novinky-new-index.sponzori .ce_text    { margin-top:10px; }
.novinky-new-index.sponzori .info       { width:380px; float:left; }
.novinky-new-index.sponzori .castka     { position:relative; top:-10px; margin-left:25px; width:100px; float:left;}
.novinky-new-index.sponzori .www        { position:relative; bottom:-10px; display:block; width:180px; float:left; text-align:center;}
.novinky-new-index.sponzori .www a      { color:#fff;  }

.novinky-new-index.akce_detail      { width:720px; background:#4b3921; }
.novinky-new-index.akce_detail h1   { text-decoration:underline; font-weight:bold; color:orange; }
.novinky-new-index.akce_detail p    { width:680px; }
.novinky-new-index .detail      { width:680px; }
.novinky-new-index .text    { float:left; padding-top:10px; padding-left:20px;}
.novinky-new-index .more  { height:25px; width:75px; float:left; position:absolute; bottom:4px; right:0px; }
.novinky-new-index .more a      { display:block; position:relative; height:25px; width:75px; }
.novinky-new-index .more a span    { position:absolute; top:0px; left:0px; height:25px; width:75px; background:url('images/vice_zde.jpg') no-repeat; }
.novinky-new-index .text .images    { width:720px; margin-left:-20px; position:relative; top:8px; }

/* partneri */
.partneri-module           { width:223px; float:left; margin-top:30px; }
.partneri-module .top      { width:211px; height:39px; float:left; position:relative; background:url('images/box_hlavicka.jpg') 3px 0px no-repeat; }
.partneri-module .top h2    { color:#fff; position:absolute; top:12px; left:61px; }    
.partneri-module .bg        { width:213px; text-align:center; float:left; background:url('images/right-bg.jpg') repeat-y; }
.partneri-module .spol  { width:213px; float:left; height:52px; background:url('images/spol-partneri.jpg') no-repeat; }
.partneri-module .bottom      { width:207px; height:8px; float:left; background:url('images/right-btm.jpg') no-repeat; }
.partneri-module .ce_text p  { width:213px; text-align:center; }
.partneri-module .ce_text a  { color:#000; font-size:11px; }
.mod_newslist       { float:left; }
#right .mod_newslist       { float:left; width:223px; }


/* partneri */
.kalendar-module           { width:223px; color:black; float:left; margin-top:0px; }
.kalendar-module .cal-top   { width:213px; height:36px; margin-top:5px;  float:left; position:relative; left:3px; background:url('images/kalendar-top.jpg') no-repeat; }
.kalendar-module .top      { width:208px; height:39px; float:left; position:relative; background:url('images/box_hlavicka.jpg') 3px 0px no-repeat; }
.kalendar-module .top h2    { color:#fff; text-transform:uppercase; position:absolute; top:12px; left:66px; }    
.kalendar-module .bg        { width:213px; float:left; background:url('images/right-bg.jpg') repeat-y; }
.kalendar-module .bottom      { width:207px; height:8px; float:left; background:url('images/right-btm.jpg') no-repeat; }
.kalendar-module  p  { width:213px;  text-align:center; }
.kalendar-module .ce_text a  { color:#000; font-size:11px; }
.kalendar-module .ce_text { padding-left:20px; padding-right:15px;  float:left;  margin-top:5px; margin-bottom:5px; }
.kalendar-module .mesic       { font-size:9px; color:#FFFFFF; position:absolute; top:-12px; left:22px; }
.kalendar-module .den          { font-size:16px; font-weight:bold; color:#000000; position:absolute; top:5px; left:27px;  }
.kalendar-module h3         { color:black; font-size:13px; font-weight:bold; text-transform:uppercase; position:absolute; left:60px; top:-10px; }
.kalendar-module .vice   { float:right; width:58px; margin-right:10px;  height:20px; }
.kalendar-module .vice a  { display:block; width:58px; height:20px; position:relative; }
.kalendar-module .vice span  { position:absolute; top:0px; left:0px; width:58px; height:20px; background:url('images/akcedal.jpg') no-repeat; }

/* calendar */
.calendar               { float:left; }
.calendar table         { position:relative; left:15px; }
.calendar th            { padding:0px; background:orange; border:#eee solid 1px; text-align:center;   }
.calendar td            { padding:0px; background:#fff; width:25px; font-size:0.9em; text-align:center;  color:#000; }
.calendar td.active          { background:orange; }
.calendar td.active a       { color:#fff; }
.calendar th a            { color:#fff; text-decoration:none;}

p.back  { float:left; }
/* galerie */
#galerie.leftblock  { width:903px; }
#galerie .ce_text { width:900px; }
.galerie table  { border:none }
.galerie td     { border:none; background:none; padding:10px; }
.galerie td img { border:1px solid #fff}

.kontakty table  { border:none;  }
.kontakty td     { border:none; width:50%; vertical-align:top; background:none; padding:5px 5px; }
.kontakty td img { border:1px solid #fff}

.formular table  { border:none;  }
.formular td     { border:none;  vertical-align:top; background:none; padding:5px 5px; }
.formular td img { border:1px solid #fff}
.formular .text { width:190px; }
.formular .textarea     { width:380px; height:120px; }

/* */
.brownbg    { margin-bottom:10px; }
.brownbg .ce_list,
.brownbg .ce_text   { background:#473521; padding-left:10px; padding-right:10px; width:680px; }
/* pagination */
.pagination li  { float:left; list-style-type:none; }
/* Footer */
#footer img, #footer div    { float:left; } 

#footer a                   { color:darkred; font-weight:bold;  }
#footer strong            { color:#fff; }
#footer .gen-part           { width:374px; padding-top:4px; padding-left:6px; }
#footer .gen-part .indelec  { position:relative; top:18px; }
#footer .gen-part .eivr     { position:relative; top:-18px; }

#footer .kontakty           { width:270px; line-height:14px; font-size:11px; padding-top:4px; color:#000000; }
#footer .kontakty strong    { color:#000; }
#footer .kontakty .m1       { margin-left:10px; }
#footer .kontakty .m2       { margin-left:64px; }
#footer .kontakty .m3       { margin-left:10px; }
#footer .kontakty .m4       { color:darkred; font-weight:bold; margin-left:10px; margin-right:10px; }
#footer .kontakty .m5       { position:relative; top:4px; margin-bottom:14px; }

#footer .med-part           { width:284px; padding-top:4px; }
#footer .med-part .infoweb  { position:relative; top:20px; }
#footer .med-part .fajn     { position:relative; top:-18px; left:15px; }

/* ikonky */
.ikonky     { position:absolute; top:205px; right:10px; width:110px; height:20px;  }
