body{
    margin: 0px;
    padding: 0px;
    color: #fff;
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 70%;
    background-image: url("../images/background.gif");
    background-repeat: repeat;
    background-attachment: fixed;
    background-color : #000000;
    cursor: Default;
}


#bgimg {position:absolute; left:0px;top:0px; z-index:-1; width:100%; height:100%; filter:alpha(opacity=30); opacity:0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; }

/* -------------------------------------------------------------------------- */
/* ----------------------------HP-UVODNI-STRANKA----------------------------- */
/* -------------------------------------------------------------------------- */
#pagehome{
  width: 250px;
  height: 200px;
  padding: 0px;
  border: none;
  position: absolute;
  top: 69.9%;
  left: 65.9%;
  margin: -120px 0 0 -70px;
  overflow: visible;
  color: #fff;
  background : none;
  voice-family: "\"}\"";
  voice-family: inherit;
}

.mmenu_hp      { width: 250px; position: relative; margin: 0px; padding: 0px; border: none; font-size: 32px; font-family: Arial Black, Helvetica, sans-serif; float: right; cursor: Default; }
.mmenu_hp A    { text-decoration:none; color: white; }

.mmenu_hp #ta  { color: #ffffff; text-align: right; padding: 0px; overflow: visible; float: right; clear: both; margin: 0px; display:inline; background-color: black; text-decoration: none; line-height: 29px; height: 28px; letter-spacing: -1px; font-size: 32px; }
.mmenu_hp #at  { color: #ffffff; text-align: right; padding: 0px; overflow: visible; float: right; clear: both; margin: 0px; display:inline; background-color: black; text-decoration: none; line-height: 23px; height: 25px; letter-spacing: -1px; font-size: 32px; }
.mmenu_hp ul .bu         { border: none; line-height: 23px; height: 25px; letter-spacing: -1px; width: 250px; text-align:right; overflow: hidden; float: right; clear: both; margin: 0px; margin-top: 0px; padding: 0px; display: inline; background-color: transparent;}
.mmenu_hp ul .bu a       { color: #bb0000; background-color:black; display:inline;}
.mmenu_hp ul .bu a:hover { text-decoration: none; color: #ffffff; background-color: #bb0000; }

.mmenu_hp .bu         { border: none; line-height: 23px; height: 25px; letter-spacing: -1px; width: 250px; text-align:right; overflow: hidden; float: right; clear: both; margin: 0px; margin-top: 0px; padding: 0px; display: inline; background-color: transparent;}
.mmenu_hp .bu a       { color: #bb0000; background-color:black; display:inline;}
.mmenu_hp .bu a:hover { text-decoration: none; color: #ffffff; background-color: #bb0000; }

/* -------------------------------------------------------------------------- */
/* --------------------------CELY-RAM-STRANKY-------------------------------- */
/* -------------------------------------------------------------------------- */
#page {
  width: 770px;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  border: none;
  color: #fff;
  background-color : transparent;
  text-align: center;
  position: relative;
  overflow: visible;
}

/* -----SAMOTNY-OBSAH-STRANKY----- */
#obsah{ text-align:left; width: 551px; border: none; position: relative; top: 0px; left: 9px; margin: 0px; padding: 0px; color: white; overflow: hidden;}


/* -----MENU----- */
.mmenu      { width: 210px; position: relative; margin: 0px; padding: 0px; border: none; float: left; font-size: 28px; font-family: Arial Black, Helvetica, sans-serif; cursor: Default; }
.mmenu #ta  { color: #ffffff; line-height: 26px; letter-spacing: -1px; text-align: right; margin: 0px; padding: 0px; overflow: visible; height: 25px; float: right; clear: both; background-color: black; }
.mmenu #at  { color: #ffffff; line-height: 20px; letter-spacing: -1px; text-align: right; margin: 0px; padding: 0px; overflow: visible; height: 22px; float: right; clear: both; background-color: black; }
.mmenu .bu         { float: right; clear: both;line-height: 20px; height: 22px; width: 210px; text-align:right; background-color: transparent; margin: 0px; margin-top: 0px; padding: 0px; border: none; overflow: hidden; display: inline;}
.mmenu .bu a       { color: #bb0000; letter-spacing: -1px; background-color: black; }
.mmenu .bu a:hover { text-decoration: none; color: #ffffff; background-color: #bb0000; }
.mmenu LI   { background-color: black; display: inline; }
.mmenu A { text-decoration: none; color: white; }


/* -----SPODNI-LISTA----- */
#bottombox { width: 770px; padding: 0px; border: none; color: gray; background-color : transparent; text-align: right; position: relative; clear: both; line-height: 12px; font-size: 11px; margin-top: 20px; margin-left: 0px; margin-right:0px; margin-bottom: 0px; }
#bottombox span { display: inline; background-color:black }
#bottombox A { color: #bb0000; background-color: transparent; text-decoration: none; }
#bottombox A:hover { color: #ffffff; background-color: #bb0000; text-decoration: none }


.br { clear:both; }









/* ====================================================================================== */
/* =======================================FOTOAKCE======================================= */
/* ====================================================================================== */
/* -----VYMEZENI-NAHLEDU-FOTOGALERII----- */
.csstable_fotoakce     { width:554px; border: none; overflow: visible; }
.csstable_fotoakce A { text-decoration: none; color: white; }
.csstable_fotoakce_gal { width:555px; border: none; overflow: visible; }
.csstable_fotoakce_gal A { text-decoration: none; color: white; }


/* -----NAHLEDY-FOTOAKCI ----- */
.fotoakce_g_box           { width: 273px; height:162px; border: 0px; text-align: left; margin-right: 4px; margin-bottom: 4px; margin-left:0px; margin-top:0px; position: relative; display: inline; float: left; overflow: hidden; }
.fotoakce_g_box IMG       { position: absolute; top: 0px; left: 0px; width: 271px; height: 160px;  border: 1px solid gray; }
.fotoakce_g_box:hover IMG { border: 1px solid #bb0000; }

.fotoakce_g_box DIV.titul_on        { position: absolute; top: 1px; left: 1px; width: 271px; height: 160px; border: none; display: none; filter:alpha(opacity=80); opacity:0.8; background-color: black; z-index:2; }
.fotoakce_g_box:hover DIV.titul_on  { display:inline }

.fotoakce_g_box DIV.titul_transparent   { position: absolute; top: 119px; left: 5px; width: 263px; height: 42px; border: none; text-align: right; filter:alpha(opacity=100); opacity:1.0; z-index:3; }
.fotoakce_g_box DIV.titul_transparent P { line-height:19px; font-size:14px; background-color:#bb0000; color: #ffffff; text-align:right; display: inline; font-weight: bold; Text-transform: uppercase; }
.fotoakce_g_box:hover DIV.titul_transparent   { filter:alpha(opacity=100); opacity:1.0; display: none; }
.fotoakce_g_box:hover DIV.titul_transparent P { background-color:#bb0000; color: #ffffff }

.fotoakce_g_box IMG.start  { position: absolute; top: 67px; left: 112px; width: 49px; height: 28px; border: 0px; display: none; z-index:4; }
.fotoakce_g_box:hover IMG.start  { display:inline; }

.fotoakce_g_box_free  { width: 271px; height:138px; border: 1px solid #333333; background-color: #111111; text-align: left; margin-right: 4px; margin-bottom: 4px; margin-left:0px; margin-top:0px; position: relative; display: inline; float: left; }





/* -----NAVIGACE-FOTOAKCI----- */
.tab_navig      { border: none; height: 22px; width: 93px; position: relative; padding: 0px; margin: 0px; float:right; }

.gn_back_a IMG  { position: absolute; top: 0px; left: 0px; width: 40px; height: 19px; border: 1px solid #bb0000; }
.gn_back_a:hover IMG  { border: 1px solid white; }
.gn_back_b IMG  { position: absolute; top: 0px; left: 0px; width: 40px; height: 19px; border: 1px solid #444444; }

.gn_next_a IMG  { position: absolute; top: 0px; left: 47px; width: 40px; height: 19px; border: 1px solid #bb0000; }
.gn_next_a:hover IMG  { border: 1px solid white; }
.gn_next_b IMG  { position: absolute; top: 0px; left: 47px; width: 40px; height: 19px; border: 1px solid #444444; }

#gn_info       { position: absolute; top: 3px; left: 95px; height: 14px;  border: none; font-weight: bold; display: inline; background-color: black; }


/* -----NAHLEDY-VE-FOTOGALERII ----- */
.fotoakce_f_box1st           { width: 551px; height:212px; border: 0px; text-align: left; margin-right: 4px; margin-bottom: 4px; margin-left:0px; margin-top:0px; position: relative; display: inline; float: left; }
.fotoakce_f_box1st IMG       { position: absolute; top: 0px; left: 0px; width: 549px; height: 210px;  border: 1px solid gray; }
.fotoakce_f_box1st:hover IMG { border: 1px solid #bb0000; }

.fotoakce_f_box1st IMG.start { position: absolute; top: 92px; left: 251px; width: 49px; height: 28px;  border: none; display: none; }
.fotoakce_f_box1st:hover IMG.start { text-decoration: none; display: inline; }


.fotoakce_f_box1st DIV.blackbg { position: absolute; top: 1px; left: 1px; width: 549px; height: 210px; border: none; background-color: black; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity:0.7; display: none; }
.fotoakce_f_box1st:hover DIV.blackbg { display: inline; }

.fotoakce_f_box1st DIV.grid      { position: absolute; top: 8px; left: 8px; width: 535px; height: 200px; border: 0px solid red; background-color: transparent; text-align: right; }
.fotoakce_f_box1st h1         { line-height:27px; font-size:20px; background:#bb0000; color: #ffffff; text-align:right; display: inline; font-weight: bold; Text-transform: uppercase; }
.fotoakce_f_box1st:hover h1   { display:none; }


.fotoakce_f_box           { width: 107px; height:97px; border: 0px; text-align: left; margin-right: 4px; margin-bottom: 4px; margin-left:0px; margin-top:0px; position: relative; display: inline; float: left; }
.fotoakce_f_box IMG       { position: absolute; top: 0px; left: 0px; width: 105px; height: 95px;  border: 1px solid gray; }
.fotoakce_f_box:hover IMG { border: 1px solid #bb0000; }

.fotoakce_f_box IMG.go    { position: absolute; top: 36px; left: 40px; width: 27px; height: 25px;  border: 0px; display: none; }
.fotoakce_f_box:hover IMG.go    { display: inline; }

.fotoakce_f_box DIV.black-b       { position: absolute; top: 1px; left: 1px; width: 105px; height: 95px; border: 0px; background-color: black; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity:0.7; display:none; }
.fotoakce_f_box:hover DIV.black-b { display: inline; }

.textgalerie          { font-size: 12px; line-height: 140%; text-align: left; vertical-align: top; padding: 0px; margin: 0px; width:548px; border: none; background-color: black; display: inline; }
#theend { width: 12px; height: 12px; border: 1px solid #bb0000; margin-top: 4px; }
#theend:hover { border: 1px solid white; }









/* ====================================================================================== */
/* =======================================FOTOBLOG======================================= */
/* ====================================================================================== */
.csstable_fotoblog     { width:555px; border: none; overflow: visible; }
.csstable_fotoblog A   { text-decoration: none; }

.fotoblog_f_box1st           { width: 329px; height:299px; border: 0px; text-align: left; margin-right: 4px; margin-bottom: 4px; margin-left:0px; margin-top:0px; position: relative; display: inline; float: left; }
.fotoblog_f_box1st IMG       { position: absolute; top: 0px; left: 0px; width: 327px; height: 297px;  border: 1px solid gray; }
.fotoblog_f_box1st:hover IMG { border: 1px solid #bb0000; }

.fotoblog_f_box1st IMG.foto-start { position: absolute; top: 135px; left: 149px; width: 31px; height: 30px;  border: none; display:none; }
.fotoblog_f_box1st:hover IMG.foto-start { text-decoration: none; display: inline; }

.fotoblog_f_box1st SPAN.blackbg { position: absolute; top: 1px; left: 1px; width: 327px; height: 297px; border: none; background-color: black; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity:0.7; display: none; }
.fotoblog_f_box1st:hover SPAN.blackbg { display: inline; }

.fotoblog_f_box1st DIV.grid      { position: absolute; top: 8px; left: 0px; width: 319px; height: 50px; border: 0px solid red; background-color: transparent; text-align: right; }
.fotoblog_f_box1st h1         { line-height:22px; font-size:17px; background:#bb0000; color: #ffffff; text-align:right; display: inline; font-weight: bold; Text-transform: uppercase; }
.fotoblog_f_box1st:hover h1   { background-color:#bb0000; color: #ffffff; display: none; }

.fotoblog_f_box1st DIV.blackcr  { position: absolute; top: 250px; left: 1px; width: 327px; height: 48px; border: none; background-color: black; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity:0.7; display: none; }
.fotoblog_f_box1st:hover DIV.blackcr  { display: none; }

.fotoblog_f_box1st DIV.cred  { position: absolute; top: 227px; left: 10px; width: 309px; height: 65px; border: none; background-color: transparent; text-align:left; padding: 0px; overflow: hidden; display: inline; text-decoration: none; }
.fotoblog_f_box1st DIV.cred P  { line-height:16px; font-size:12px; background:#bb0000; color: #ffffff; text-align:left; display: inline; text-decoration: none; }
.fotoblog_f_box1st:hover DIV.cred P { background-color:#bb0000; color: #ffffff; text-decoration:none; cursor: pointer; display: none; }



.fotoblog_f_box           { width: 107px; height:97px; border: 0px; text-align: left; margin-right: 4px; margin-bottom: 4px; margin-left:0px; margin-top:0px; position: relative; display: inline; float: left; border: none; }
.fotoblog_f_box IMG       { position: absolute; top: 0px; left: 0px; width: 105px; height: 95px;  border: 1px solid gray; }
.fotoblog_f_box:hover IMG { border: 1px solid #bb0000; }


.fotoblog_f_box IMG.go        { position: absolute; top: 36px; left: 40px; width: 27px; height: 25px;  border: 0px; display: none; z-index: 0; }
.fotoblog_f_box:hover IMG.go  { display: inline; }


.fotoblog_f_box DIV.black-b       { position: absolute; top: 1px; left: 1px; width: 105px; height: 95px; border: 0px; background-color: black; z-index: 0; filter:alpha(opacity=40); -moz-opacity: 0.7; opacity:0.7; display:none; }
.fotoblog_f_box:hover DIV.black-b { display: inline; }

.fotoblog_f_box DIV.show_date     { position: absolute; top: 0px; left: 0px; width: 97px; height: 25px; border: 0px; padding:5px; z-index: 0; display:inline; text-align: right; }
.fotoblog_f_box DIV.show_date P   { background-color: #bb0000; color: white; text-align:right; display:inline; text-decoration: none; font-weight: bold; font-size: 13px; height: 8px; }
.fotoblog_f_box:hover DIV.show_date P    { display:none; }





.popiskabody {
    margin: 0px;
    padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px;
    color: #000;
    text-align: left;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color : #f5f5f5;
}





/* ====================================================================================== */
/* =========================================VIDEO======================================== */
/* ====================================================================================== */
/* -----NAHLEDY-VIDEI----- */
.videotxt           { width: 550px; border: 0px; text-align: left;}
.videotxt P         { text-align: left; display: inline; font-size: 12px; line-height:16px; background-color:black; }

.videobox           { width: 322px; height: 192px; border: none; position: relative; float: left; margin-right: 10px; text-decoration: none; }
.videobox:hover     { text-decoration: none; }
.videobox IMG       { position: absolute; top: 0px; left: 0px; width: 320px; height: 190px;  border: 1px solid gray; margin-bottom: 5px;}
.videobox:hover IMG { border: 1px solid #bb0000; }
.videobox:link      { text-decoration: none; color: white; }
.videobox DIV.gray  { position: absolute; top: 1px; left: 1px; width: 320px; height: 190px; border: none; background-color: black; text-align:left; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity:0.7; display: none; }
.videobox:hover DIV.gray  { display: inline; }


.videobox IMG.play  { position: absolute; top: 81px; left: 136px; width: 49px; height: 28px; border: none; z-index: 4; display: none; }
.videobox:hover IMG.play { display: inline; }

.videobox DIV.titl  { position: absolute; top: 5px; left: 5px; width: 312px; height: 170px; border: none; background-color: transparent; text-align:right; padding: 0px; }
.videobox DIV.titl P  { line-height:130%; font-size:17px; background:#bb0000; color: #ffffff; text-align:left; display: inline; font-weight: bold; }
.videobox:hover DIV.titl  { display: none; }

.videobox DIV.cred  { position: absolute; top: 153px; left: 10px; width: 312px; height: 25px; border: none; background-color: transparent; text-align:left; padding: 0px; }
.videobox DIV.cred P  { line-height:16px; font-size:12px; background-color:#bb0000; color: #ffffff; text-align:left; display: inline; text-decoration: none; }
.videobox:hover DIV.cred { display: none; cursor: pointer; }



/* ====================================================================================== */
/* =========================================WEB========================================== */
/* ====================================================================================== */
/* -----NAHLEDY-WEBU----- */
.webtxt           { width: 550px; border: 0px; text-align: left;}
.webtxt P         { text-align: left; display: inline; font-size: 12px; line-height: 16px; background-color: black; }
.webtxt A         { font-size: 12px; font-weight: bold; color: #bb0000; background-color: transparent; text-decoration: none; }
.webtxt A:hover   { color: #ffffff; background-color: #bb0000;  }
.webbox           { width: 322px; height: 192px; border: 0px; position: relative; float: left; margin-right: 10px; }
.webbox IMG       { position: absolute; top: 0px; left: 0px; width: 320px; height: 190px;  border: 1px solid gray; margin-bottom: 5px;}
.webbox:hover IMG { border: 1px solid #bb0000; }

.webbox SPAN.blackgrid       { position: absolute; top: 1px; left: 1px; width: 320px; height: 190px; border: none; z-index: 2; display: none; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity:0.7; background-color: black; }
.webbox:hover SPAN.blackgrid { display: inline; }

.webbox IMG.ukazse { width: 49px; height: 28px; border: none; position: absolute; top:80px; left: 135px; z-index: 4; display: none; }
.webbox:hover IMG.ukazse { display: inline; }



/* ====================================================================================== */
/* =========================================AUTOR======================================== */
/* ====================================================================================== */
/* -----TABULKA-AUTOR----- */
#tabkontakt { width: 555px; border: none; padding:0px; margin:0px; text-decoration: none; font-size: 12px; line-height: 16px; text-align: left; padding: 0px; margin: 0px; }
#tabkontakt P  { display: inline; background-color: black; }
#tabkontakt A  { text-decoration: none; color: #bb0000; background-color: transparent; }
#tabkontakt A:hover { text-decoration: none; color: #ffffff; background-color: #bb0000; }

#tabkontakt #iautor { width: 420px; text-align: left; float: left; clear: right; margin-bottom: 9px; }
#tabkontakt #fautor { width: 130px; text-align: right; float: right; margin-right: 4px; margin-bottom: 9px; }
#tabkontakt #fautor IMG { border: 1px solid gray; }
#tabkontakt #ccautor { width: 111px; text-align: left; float: left; padding: 0px; font-weight: bold; background: none; border: none; margin-top: 0px; }
#tabkontakt #cautor { width: 300px; text-align: left; float: left; padding: 0px;                     background: none; border: none; margin-top: 0px; }
#tabkontakt #cautor P { background-color: black; display:inline; }

#tabkontakt #fbook { border: none; margin: 0px; padding: 0px; width: 61px; height: 16px; }
#tabkontakt #fbook IMG { border: none; width: 61px; height: 16px; }

.refer           { width: 107px; height:97px; border: 0px; text-align: left; margin-right: 4px; margin-top: 4px; margin-left:0px; margin-bottom:0px; position: relative; display: inline; float: left; border: none; }
.refer IMG       { position: absolute; top: 0px; left: 0px; width: 105px; height: 95px;  border: 1px solid gray; }
.refer:hover IMG { border: 1px solid #bb0000; }
.refer .go           { position: absolute; top: 35px; left: 39px; width: 28px; height: 26px; border: 0px; background-color: transparent; z-index: 0; }
.refer:hover .go     { background-color: #bb0000; }
.refer .go IMG       { position: absolute; top: 6px; left: 8px; width: 12px; height: 14px;  border: 0px; display: none; z-index: 0; }
.refer:hover .go IMG { display: inline; }
.refer SPAN.bldi       { position: absolute; top: 1px; left: 1px; width: 105px; height: 95px; border: 0px; background-color: #000000; z-index: 0; filter:alpha(opacity=40); -moz-opacity: 0.7; opacity:0.7; display:none; }
.refer:hover SPAN.bldi { display: inline; }



/* ==========BUGS========== */
#chyba_gal  {  font-size: 14px; font-family: Arial Black, Helvetica, sans-serif; color: silver; line-height: 14px; text-align: left; margin: 0px; padding: 0px; float: left; width: 100%; }
