/*--- WEB --- WEB --- WEB --- WEB --- WEB --- WEB --- WEB --- WEB --- WEB --- WEB --- WEB --- WEB ---*/


/*------------------------- SPOLEČNÉ -------------------------*/
body              {background: #000066 URL('grafika/tapeta1.jpg') repeat fixed 0 0; color: #C0C0C0;}
.prostytext       {color: #C0C0C0; font-weight: normal;}
.pulka            {width: 50%;}
.center           {text-align: center;}
div.info          {width: 780px; margin: 0 auto; text-align: justify; font-weight: normal; color: white;}
div.bloktextu     {margin: 0 2%; padding: 0.5em 0.5em;}
div.hr_tenka      {margin: 0 2%; border-top: 1px yellow solid;}
table.tabulka     {border: 0; width: 96%; margin: 0 auto; border-collapse: collapse;}
table.tabulka th  {text-align: center; font-size: 100%; color: #FFCC00; background-color: #000000; margin: 0 2%; padding: 0.5em 0;}
table.tab_hlav_h4 {border: 0; width: 96%; font-weight: bolder; text-align: center; font-size: 100%; color: #FFCC00; background-color: #000000; margin: 0 2% 0.5em; padding: 0.4em 0;}
strong            {color: #FFCC00; font-weight: bold;}
.obrvtextu        {padding: 0.5em 0}
.tr_zvyraz        {background: transparent URL('grafika/tapeta1_s.jpg') repeat fixed 0 0;}
div.pruh_funkci   {text-align: center; background-color: #02023E; border: 1px black solid; margin: 0 auto; padding: 0.5em 0; width: 96%;}
div.pruh_funkci a, .tlacitko
                  {font-size: 90%; text-align: center; margin: 0 0.1em; padding: 0 0.5em; text-decoration: none; font-variant: small-caps; color: white; background-color: #3C3CFF; border: 3px #3C3CFF outset;}
div.pruh_funkci a:hover, .tlacitko:hover,
div.pruh_funkci a.zmacknuto, .tlacitko.zmacknuto,
div.pruh_funkci a.zmacknuto:hover, .tlacitko.zmacknuto:hover
                  {color: #D2D2FF; background-color: #0000DC; border: 3px #0000DC inset;}
a                 {color: #66CCFF}
a:hover           {color: white}
a:visited         {color: #3399FF}
a:visited:hover   {color: white}
hr                {color: #FFCC00; background-color: #FFCC00; height: 1px; border: none; }
h1                {color: #FFCC00}
h1,h6             {text-align: center; margin-top: 0px; margin-bottom: 0px}
h2                {text-align: center; font-size: 200%; color: #FFCC00; font-style: italic; background-color: #000000; margin: 0 2%; padding: 0.5em 0;}
h4                {text-align: center; font-size: 100%; color: #FFCC00; background-color: #000000; margin: 0 2%; padding: 0.5em 0;}
h5                {font-size: 100%; font-weight: normal; color: white; margin: 0;}

/*------------------------- ZÁHLAVÍ -------------------------*/
body#str_zahlavi    {background-image: URL("grafika/zahlavi1.jpg"); margin:0;}
table#zahlavi       {width: 980px; height: 120px; margin: 0 auto; border-collapse: collapse;}
#zahlavi_levhor     {width: 150px; height: 110px;}
#zahlavi_strhor     {width: 740px; height: 110px; vertical-align: bottom; text-align: center; background-image: URL("grafika/nadpis1.jpg"); border: none;}
#zahlavi_prahor     {width: 90px; height: 110px; vertical-align: top; text-align:center;}
#zahlavi_dolni      {width: 980px; height: 10px; padding-top: 5px; vertical-align: top;}
.navigace li        {display: inline; padding: 0.1em; margin: 0;}
.navigace a         {text-decoration: none; font-variant: small-caps; color: white; background-color: #3C3CFF; border: 3px #3C3CFF outset; padding: 0 0.3em;}
.navigace a:visited {color: white;}
.navigace a:hover, .navigace a.zmacknuto, .navigace a.zmacknuto:hover
                    {color: #D2D2FF; background-color: #0000DC; border: 3px #0000DC inset;}
div#webarchiv       {margin-top: 5px;}
#zahlavi_plne, #zahlavi_mini { z-index: 1; }
a.ukaz_tlac, a.skryj_tlac { z-index: 150; }
a.ukaz_tlac, a.skryj_tlac, a.ukaz_tlac *, a.skryj_tlac *
                    {width: 28; height: 27; border: 0; margin: 0; padding: 0;}
a.ukaz_tlac         {background-image: URL("grafika/tla_ukazmenu_off.jpg"); }
a.skryj_tlac        {background-image: URL("grafika/tla_skryjmenu_off.jpg");}
a.ukaz_tlac:hover   {background-image: URL("grafika/tla_ukazmenu_on.jpg");}
a.skryj_tlac:hover  {background-image: URL("grafika/tla_skryjmenu_on.jpg");}
a.ukaz_tlac img.tlac, a.skryj_tlac img.tlac { visibility: hidden;}

#zahlavi_mini ul.navigace {margin-top: 0;}
#zahlavi_mini, #zahlavi_plne.skryto {display: none;}
#zahlavi_mini.zobrazeno, #zahlavi_plne {display: block;}
#zahlavi_mini a.levy,  #zahlavi_plne a.levy  {position: absolute; top: 1px; left: 1px; right: auto;}
#zahlavi_mini a.pravy, #zahlavi_plne a.pravy {position: absolute; top: 1px; right: 1px; left: auto;}

#mininavig          {margin: 2px 30px 0 0; background: black URL('grafika/mininadpis.jpg') no-repeat scroll 100% 0;}

/*------------------------ VÝBĚR ŘADY -----------------------*/
#vyberRady          {overflow: visible; position: relative; }
#obalNabidky        {position: absolute; left: 0; }
#obalVyberu         {}
#obalNabidky        {margin: 1px; margin-left: 2px; height: 1px; max-width: 100%; }
#vyberRady label    {display: block; text-align: center; padding: 2px; font-size: 14px; }
#vyberRadyInput, #obalNabidky, #vyberRady label { width: 80px; font-size-adjust: 0.45; }
#vyberRadyInput, #obalNabidky { text-align: left; font-size: 15px; }
#nabidkaDokonceni   {z-index: 101; border: 1px dotted gray;}
#obalNabidky, #nabidkaDokonceni, #obalVyberu { color: black; background-color: transparent; }
.nabidnutaRada, .zvolenaRada { padding: 1px 2px; max-width: 100%; z-index: 102; cursor: pointer; }
.nabidnutaRada      {color: black; background-color: white; opacity: .85; filter: alpha(opacity=85); }
.zvolenaRada, .nabidnutaRada.zvolenaRada { color: white; background-color: navy; opacity: 1; filter: alpha(opacity=100); }
.nabidnutaRada, .zvolenaRada { padding-left: 0.2em; }

/*---------------------- hacky pro IE ;| --------------------*/
.nabidnutaRada, .zvolenaRada { _width: 100%; _cursor: hand; }
#obalNabidky        { _margin-left: 0px; }

/*-------------------------- ÚVOD --------------------------*/
table.uvod      {width: 800px; margin: 0 auto; border-collapse: collapse;}
td.uvod_lupa    {width: 200px;}
td.uvod_popis   {width: 600px; vertical-align: top; }

/*----------------------- FOTOGALERIE ----------------------*/

img.galerie     { border: 3px solid black; }
span.popisy     {font-size: 16px; color: #FFFF00}
.fotoinfopopisy {color: #FFFF00}
.fotoinfopruh   {background-color: #000000; font-size: 80%}
.vypischyb2     {height: 10em; width: 27em; overflow: auto; float: right; margin: 1em; font-family: monospace;
                  background: yellow; color: black; border: 2px dashed black;}
.vypischyb2 ul  {margin: 0; padding-left: 1em; list-style-type: none;}
.vypischyb2 li  {margin: 0; }

/*------------------------- ZOBROBR ------------------------*/
.jsonblock  { display: none; }
.jsoffblock { padding: 0; border: 0; margin: 5px 0 0 0; }
body#prototypy-cz.zobrobr, .obr-obal1, .obr-obal2, .obr-obal3, .obr-obal4
           { height: 100%; margin: 0; padding: 0; border: none; }
.obr-obal2 { display: table; width: 100%; }
.obr-obal3 { display: table-row; }
.obr-obal4 { display: table-cell; vertical-align: middle; }
.obr-obal1 .jsonblock { position: fixed; top: auto; bottom: 0;
        padding: 20px; left: 0; right: 0; margin: 0 auto; width: 760px; }

.fotoinfobox, .fotoinfobox.shown { visibility: visible; position: relative; z-index: 500; }
.fotoinfobox { width: 760px; padding: 2px; border: 0; margin: 0 auto; background: navy; }
.fotoinfobox p { margin: 5px; }
.fotoinfobox a { margin: 0 .0em; }
.fotoinfobox .navigace { margin: 3px; border: 0; padding: 0; }
.fotoinfobox .navigace li { display: inline; line-height: 150%; }
.navigace li span.tiny { display: inline-block; font-size: 1px; }

table.fotoinfonavig { width: 100%; padding: 0; border: 0; margin: 0;
    margin-top: 0.3em; border-collapse: collapse; }
td.leftmost { text-align: left; }
td.rightmost { text-align: right; }

td.picprops { background-color: black; padding: 2px 5px; }
td.picprops dl.fotoinfo { background-color: inherit; margin: 0; text-align: center; }
dl.fotoinfo dt { display: inline; margin-left: 0.5em; color: yellow; }
dl.fotoinfo dd { display: inline; margin-left: 0.5ex; }

.wclose { display: none; }

#dbg { position: fixed; left: auto; right: 0; top: 0; color: lime; margin: 1em; }
#dbg1, #dbg2, #dbg3, #dbg4 { padding: 1px; border: 0; margin: 0.2em 0; }
#db1 { margin-top: 0; }
#dbg span, #dbg1 > *, #dbg2 > *, #dbg3 ul > li *, #dbg4 > p > *
        { color: lime; background: black; opacity: 0.7; }
#dbg { filter: alpha(opacity=70); }
#dbg3 ul, #dbg3 ul > li { padding: 0; border: 0; margin: 0; }
#dbg3 ul { list-style: none; margin: 0.0em 0; }
#dbg3 ul > li { margin: 1px 0; }
#dbg4 { height: 150px; overflow: auto; }
#dbg4 > p { border-top: 1px solid lime; border-bottom: 1px solid black;
        margin: 0; padding: 1px 0; }

.navigace a.wide { padding: 0 1.5em; }
.navigace a.disabled, .navigace a.disabled:hover
      { color: #BABACC; background-color: #5454a8; border: 3px #5454a8 outset; }
.tiny, span.tiny, br.tiny { font-size: 1px; visibility: hidden;
        padding: 0; border: 0; margin: 0; }
.X--C-B { clear: both; }
.X--F-R { float: right; }

/*------------------------- ODKAZY -------------------------*/
table.odkazy    {margin-top: 0.3em;}
td.odkaz        {padding: 0.3em 1em 0.3em 0; width: 35%; text-align: right;}
td.popis_odkazu {padding: 0.3em 0 0.3em 1em; width: 65%;}

/*------------------------- PŘEHLED -------------------------*/
table.prehled   {padding: 0;}
td.nozn         {width: 11%;}
td.stoz         {width: 13%;}
td.stav         {width: 10%;}
td.maji         {width: 12%;}
td.depo         {width: 24%;}
td.pozn         {width: 30%;}
td.preh_left    {padding: 0.3em; text-align: left;}
td.preh_cent    {padding: 0.3em; text-align: center;}

/*-------------------------- TIRÁŽ --------------------------*/
table.autori    {border: 0; width: 60%; margin: 0 auto; padding: 10px; font-weight: bold}
table.zdroje    {border: 0; width: 80%; margin: 0 auto; padding: 10px; font-weight: bold}

/*------------------------- NOVINKY -------------------------*/
form#novinky    {display: inline;}
.akt            {color: #CCCCFF;}
.sir            {color: #FF9933;}
.web            {color: #FFFF66;}
td.datum        {width: 6em; _width: 7em; padding: 0.4em 0.7em; vertical-align: top;}
td.novinka      {padding: 0.4em 0.7em;}


/*-------------------------- POPISY -------------------------*/
table.popisy    {border: 0; width: 80%; margin: 0 auto;}
td.odskok_1     {width: 15%; padding: 5; text-align: left;}
td.sek_rad      {width: 25%; padding: 5; text-align: left;}
td.odk_obr      {width: 18%; padding: 5; text-align: center;}
td.odskok_2     {width: 5%; padding: 5; text-align: left;}
td.vyt_akt      {width: 37%; padding: 5; text-align: left;}


/*NOVÉ-ZÁHLAVÍ*/
#zahlavi .uzivform {display: inline;}
div.zahluztlac { padding: 0;}
#zahlavi_plne ul.navigace {margin: 0; padding: 0;}


/*NOVÉ-UŽIVATEL*/
table.uzivdatform input, table.uzivdatform select, table.uzivdatform textarea,
                {margin: 0 5px 5px;}
td.td_msg       {color: red; font-weight: bolder;}
td.td_label     {text-align: right; padding-right: 1ex; vertical-align: top;}
table.uzivdatform {width: 80%; margin: 0 auto; background: transparent URL('grafika/tapeta1_s.jpg') repeat fixed 0 0;}
table.uzkatab   {width: 23%; margin: 0 auto; background: transparent URL('grafika/tapeta1_s.jpg') repeat fixed 0 0;}
span.zadanyudaj {font-weight: bold;}
.C_Head         {width: auto; margin: 1em auto; text-align: center;}
.formellabel    {float: left; clear: left; width: 8em; max-width: 20%; text-align: right;}
.formelement    {float: left; width: 20em; max-width: 45%;}
input, select, textarea {margin: 0 5px 5px;}
table.uzivdatform textarea {width: 90%;}
.ukaztab        {margin: 0 auto}


/*NOVÉ-UŽIVATEL, ALE OBECNÉ*/
.tiny { font-size: 1px; }
._CL_L { clear: left; }

/*NOVÉ-OBECNÉ*/
label             {color: white;}
.right            {text-align: right;}
.errred           {color: red; font-weight: bolder;}
.vysvetleni       {color: grey; padding: 0 0 0.7em 1ex; font-size: 80%}


.status_changed { color: lime; }