@import "basic.css";
@import "menu_rs.css";
@import "reklama.css";

#headname { height:0px; margin:0px; padding:0px; }
#headname a { display:block; position:absolute; width:372px; height:133px; left:145px; top:28px; }
#headname span { display:none; }

/* cely blok stranky */
#centrum-hostetin { width:670px; position:relative; left:141px; top:0px; }

 /* levy sloupec s nabidkou programu */
 #box0 { width:141px; height:581px; position:absolute; top:0px; } /* background:url('../img/left-y.jpg') top left repeat-y #7E7E7E; */
 #box0 #tmp { background:url('../img/pozadi-leve-2.jpg') top left no-repeat; height:700px; width:141px; }
 #box0 #opacity1 { position:absolute; top:187px; background-color:white; width:141px; height:255px; -moz-opacity:0.45; filter:alpha(opacity=45); }
 #box0 ul#programy { padding:0px 0px 4px 0px; margin:0px; top:187px; list-style-type:none; width:140px; position:absolute; }
 #box0 ul#programy li { padding:3px 0px 0px 6px; margin:4px 0px 0px 4px; font-size:1px; }
 #box0 ul#programy li a { color:white; text-decoration:none; font-weight:bold; font-size:12px; display:block; height:18px; }
 #box0 #link-veronica { display:block; width:100%; height:45px; position:absolute; top:14px; }
 #box0 #link-csop     { display:block; width:60px; height:54px; position:absolute; top:68px; }
 #box0 a span { display:none; }
 #box0 #model-projects { padding:4px 0px 4px 4px; margin:0px; background-color:#FFFFFF; position:relative; top:161px; }
 #box0 #model-projects a { text-decoration:none; display:block; padding:0px 0px 0px 6px; margin:0px; font-size:12px; line-height:18px; background-color:#FFFFFF; color:#676666; font-weight:bold; }
 #box0 #model-projects a:hover { text-decoration:underline; }
 
 /* box1 je stredovy sloupec designu */
 #box1 { width:669px; margin:0px 4px 0px 4px; font-size:95%; background:url('../img/pozadi2sl.png') top right repeat-y white; }
 #menu { margin:0; padding:0; width:669px; height:25px; position:absolute; top:3px; left:145px; z-index:100; }

 #box1 #logo-hp-cs, #box1 #logo-hp-en { width:100%; height:161px; }
 #box1 #logo-hp-cs { background:url('../zahlavi/default_hp-cs.jpg') 0px 28px no-repeat white; }
 #box1 #logo-hp-en { background:url('../zahlavi/default_hp-en.jpg') 0px 28px no-repeat white; }
 #box1 #logo-in-cs, #box1 #logo-in-en { height:92px; }
 #box1 #logo-in-cs { background:url('../zahlavi/default_in-cs.jpg') 0px 28px no-repeat white; }
 #box1 #logo-in-en { background:url('../zahlavi/default_in-en.jpg') 0px 28px no-repeat white; }
 #box1 #logo-in-cs a, #box1 #logo-in-en a { display:block; width:370px; height:65px; position:relative; top:25px; }
 #box1 #logo-in-cs a span, #box1 #logo-in-en a span { display:none; }

 #menu form#search { padding:0; margin:0; height:21px; width:199px; background-color:#FFCB8C; position:absolute; top:0px; left:376px; }
 #menu form#search fieldset { padding:0; margin:0; border:none; }
 #menu form#search legend { display:none; }
 #menu form#search div#searchbox { margin:1px 1px 1px 0px; padding:0px 2px; background-color:white; height:19px; width:87px; float:left; display:block; }
 #menu form#search input#query { margin-top:2px; padding:0px; width:100%; border-width:0px; height:14px; background-color:white; font-size:12px; }
 #menu form#search input#submit { border-width:0px; cursor:pointer; }
 #menu form#search label { margin:3px 0px 0px 0px; width:77px; text-align:left; padding-left:10px; float:left; display:block; font-weight:bold; color:black; font-size:12px; cursor:pointer; }

 #menu #language { width:90px; height:21px; margin:0; padding:0; border-width:0px; display:block; position:absolute; top:0px; right:0px;  }
 #menu #language a { display:block; width:90px; height:21px; }
 #menu #language a#LG-en { background:url('../img/english.png'); }
 #menu #language a#LG-cs { background:url('../img/cesky.png'); }
 #menu #language a span { display:none; }
 #box1 #doplnek { height:100px; }
 #box1 #doplnek.hp2 { height:89px; }


 #box1 #content { width:372px; float:left; padding-bottom:20px; }
 #box1 #path { padding:0em 0.55em; font-size:90%; }
 #box1 #path a { text-decoration:none; border-bottom-width:1px; border-bottom-style:dotted; }
 #box1 #path a:hover { border-bottom-style:solid; }
 #box1 #content ul.podmenu { margin:0em 0em 2em 0em; padding:0.2em 0em 0em 0em; }
  ul.podmenu li { float:left; margin:0em; padding:0em 0.5em; list-style-image:none; list-style-type:none; line-height:1em; }
  ul.podmenu li.ok { background:url('../img/wall.gif') center right no-repeat; }
  ul.podmenu li a { text-decoration:none; color:#676666; font:bold 0.9em "Tahoma"; }
  ul.podmenu li a:hover { text-decoration:underline; }
  ul.podmenu li a:visited { color:#768D76; }
 #box1 #content.max { width:100%; background-color:white; }
 #box1 #content table { border-collapse:collapse; }
 #box1 #content table td { border:2px solid #EDEDD5; }

 #box1 #sloupec { width:293px; float:right; padding-bottom:20px; background-color:#EDEDD5; min-height:430px; }
 #box1 #sloupec h2 { border:4px solid white; border-width:4px 0px; margin:0px; padding:5px 6px 4px 6px; }
 #box1 #sloupec h2 a { color:white; text-decoration:none; }
 #box1 #sloupec h3 { margin:0.5em 0.5em 0em 1.35em; }
 #box1 #sloupec h5, #box1 #sloupec h5 a { color:#333367; font:bold 13px Arial; margin:4px 5px 0px 6px; padding:0px; }
 #box1 #sloupec h5 a { border-bottom:0px solid #333367; text-decoration:none; margin:0em; }
 #box1 #sloupec h5 a:hover { border-bottom-width:1px; }
 #box1 #sloupec p { margin:0px 6px 6px 6px; padding:0px; color:#333333; line-height:1.20em; }
 #box1 #sloupec p a { text-decoration:none; border-bottom-width:1px; border-bottom-style:dotted; }
 #box1 #sloupec p a:hover { border-bottom-style:solid; }
  #sloupec div.vypis { margin:0px 6px; padding:0px; }
  #sloupec div.vypis span { display:block; margin-bottom:0px; color:#333367; position:relative; top:-2px;  font-size:0.8em;  }
  #sloupec div.vypis a { color:#333367; border-color:#333367; }
  #sloupec div.vypis a:hover { color:#333367; border-color:#333367; }
  #sloupec ul { margin:0.5em 1em; padding:0.5em 3em; }
  #sloupec ul li { margin:0.1em 0em; padding:0em; }

 /* vkladani obrazku v textove casti */
 #box1 #sloupec #imgbox1 { padding:0px 0px 0px 5px; margin:5px 0px 10px 0px; clear:both; background-color:#E8F0C8; list-style-type:none; }
 #box1 #sloupec #imgbox1 li { display:block; float:left; width:67px; height:67px; background:#F8F8EF; margin:0px 5px 5px 0px; padding:0px; }
 #box1 #sloupec #imgbox1 li a { display:block; overflow:hidden; width:67px; height:67px; background-repeat:norepeat; }
 #box1 #sloupec #imgbox1 li a.size_1 { background-position:0px 68px; }
 #box1 #sloupec #imgbox1 li a.size_2 { background-position:0px 0px; }
 #box1 #sloupec #imgbox1 li a.size_1:hover { background-position:0px 0px; }
 #box1 #sloupec #imgbox1 li a span { display:none; }
 #box1 #sloupec #zvetsenina { clear:both; padding:5px 0px 0px 0px; border-bottom:5px solid white; }
 #box1 #sloupec #zvetsenina img { margin:0px 0px 5px 5px; }
 #box1 #sloupec #zvetsenina p { font-size:0.9em; line-height:1.2em; }
 
 #box1 #sloupec .imgbox1 a img { float:left; margin-right:5px; border:1px solid #B0C170; border-width:0px; }
 #box1 #sloupec .imgbox1 img.mi { border:none; margin-right:26px; }

 /* maly kalendarik u pozvanek */
 #box1 #content table#calsm { width:100%; border-collapse:separate; border-spacing:4px; }
   #content table#calsm caption { font-size:0.9em; text-align:left; caption-side:bottom; }
   #content table#calsm thead th { text-align:left; background-color:#FD8725; font-weight:bold; color:white; padding:3px 0px 2px 10px; }
   #content table#calsm thead th#day5, #content table#calsm thead th#day6  { background-color:#CC0000; }
   #content table#calsm tbody td { border-width:0; padding:0; min-height:40px; width:14%; overflow:hidden; vertical-align:top; cursor:default; text-align:left; }
   #content table#calsm td table { width:100%; margin:0; border-collapse:separate; border-spacing:0px 4px; }
   #content table#calsm td table thead th { background:#666666; color:white; margin:0; padding:2px 0px 0px 3px;  }
   #content table#calsm td table thead th.a { padding-left:20px; background:url('../img/active_day.png') 5% 50% no-repeat #666666; }
   #content table#calsm td table tbody td { font-size:0.8em; border-width:0px; text-align:left; overflow:hidden; background-color:#F0F0F0; padding:1px 3px; }
   #content table#calsm td table tbody td a { text-decoration:none; }
   #content table#calsm td table tbody td a:hover { text-decoration:underline; }
   #content table#calsm td.d { }
   #content table#calsm td.w { }
   #content table#calsm td.o { -moz-opacity:0.4; filter:alpha(50); }

  #dhtmltooltip { width:280px; position:absolute; top:0px; left:0px; background-color:lightyellow; padding:4px 7px; border:1px solid #EBEBD0; visibility: hidden; z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
  }

 /* obrazek na prave strane stranky */
 #box3 { width:151px; height:492px; position:absolute; left:818px; top:0px; background:url('../img/pozadi-prave.jpg') top left no-repeat; float:right; }
 #box3 a#podporuji_nas { border:4px solid white; border-width:4px 4px 4px 0px; background-color:#EE8B2D; white-space:nowrap; margin:0px; padding:1px 6px;
                         color:white; text-decoration:none; font-weight:bold; font-size:12px; display:block; float:left; }
 
 /* zaverecna paticka stranky */
 p#paticka { clear:both; font:normal 0.8em/1.6em Tahoma; letter-spacing:0.08em; padding-top:10px; padding-bottom:0.5em; color:black; background-color:white; margin:0em 0em 0em 0em; }
 p#paticka a { color:black; }
 p#paticka a.nolink { text-decoration:none; }
 p#paticka span { color:#FACE8E; }
 p#paticka img { margin:5px 10px 0px 0px; }


/* pomocne formatovaci tagy */
.hidden { display:none; }
.cleaner { display:block; width:100%; clear:both; height:1px; margin:-1px 0 0 0; padding:0; border:none; visibility:hidden; font-size:1px; }

/* strankovani delsich vypisu */
.linkovani { margin:0em 0.5em 0.6em 0.5em; font-size:0.8em; color:#CC0000; }
.linkovani a,
.linkovani span { padding:0em 0.5em; }
.linkovani a { color:#CC0000; text-decoration:none; background:url('../img/podtrzeni1.gif') bottom center no-repeat; }
.linkovani a:hover { color:#CC0000; text-decoration:none; background:url('../img/podtrzeni2.gif') bottom center no-repeat; }
.linkovani a.nolink { background-image:none; }


/* zarovnavaci znacky */
.r { text-align:right; }
.l { text-align:left; }
.c { text-align:center; }
.j { text-align:justify; }
.fr { float:right; }
.fl { float:left; }
img.fr { margin:0em 0em 0.5em 1em; }
img.fl { margin:0em 1em 0.5em 0em; }

/* znacky pro plovouci bloky */
.box50L { display:block; width:49%; float:left; }
.box50R { display:block; width:49%; float:right; }

/* styl obrazku na page 404 */
img.gloom { margin:10px; float:left; border-width:0px; }

/* styl formulare u nesletteru */
form#newsletter { margin:1em 3em; }

a.more img { background:url('../go.png') top left no-repeat; border-width:0px; vertical-align:middle; }
a.more:hover img { background-position:0px -14px; }
img#go { vertical-align:bottom; }

a.attachment img { background:url('../priloha.gif') top left no-repeat; border-width:0px; vertical-align:middle; margin-left:3px; }
a.attachment:hover img { background-position:-5px 0px; }



#err_box { display:none; }
#err_box #bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background-color:white; -moz-opacity:0.75; filter:alpha(opacity=50); }
#err_box #alert { position:absolute; top:35%; left:40%; width:20%; height:30%; background-color:#CC0000; color:white; border:1px outset #FF3333; overflow:auto; }
#err_box #alert h5 { margin:20px 20px 10px 20px; font-size:1.3em; }
#err_box #alert p { margin:0px 20px 20px 20px; }
#err_box #alert span { display:block; width:100px; margin:20px auto; padding:3px 0px; text-align:center; background-color:#999999; cursor:pointer; border:1px outset #999999; }