body{
    margin: 0;
    padding: 0;
    border: 0;
    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 : #343434;
    cursor: Default;
}


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


/* ------------------------------------------------------------------------------------------------------ */
/* http://css-tricks.com/perfect-full-page-background-image/
#bg {
            /* Set rules to fill background */
            min-height: 100%;
            min-width: 1024px;
            /* Set up proportionate scaling */
            width: 100%;
            height: auto;
            /* Set up positioning */
            position: fixed;
            top: 0;
            left: 0;
            z-index:-1;
            filter:alpha(opacity=90); opacity:0.9;
        }
        @media screen and (max-width: 1024px){
            img#bg {
                left: 50%;
                margin-left: -512px; }
        }
/* ------------------------------------------------------------------------------------------------------ */
/* FONT */

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('./font-bebas/BebasNeue-webfont.eot');
    src: url('./font-bebas/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font-bebas/BebasNeue-webfont.woff') format('woff'),
         url('./font-bebas/BebasNeue-webfont.ttf') format('truetype'),
         url('./font-bebas/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* ========================================================================================= RAMY+MENU ========================================================================================= */
#page {
  width: 610px;
  margin-top: 0;
  margin-bottom: 1.5em;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  border: 0px solid red;
  color: #fff;
  background-color : transparent;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index:0;
}

#ram_r1 { text-align:left; width: 610px; border: none; background-color:#202020; margin: 0px; padding: 0px; overflow: hidden; }

#obsah  { text-align:left; width: 580px; border: none; background-color:transparent; position: relative; top: 0px; left: 0px; margin: 15px; padding: 0px; color: white; overflow: hidden;}


#new_menu_r1   { width: 610px; margin: 10px 0 20px 0; padding: 0px; border: 0px solid gray;   background-color:transparent;  text-align:left; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }

#new_menu_r1 #ta  { overflow: visible; display:inline-block; line-height: 48px; font-size: 48px; height: 48px; font-weight:400; letter-spacing: -1px; text-align: left; margin: 10px 0 0 0; padding: 0px;
                 color: #c0c0c0; text-decoration: none; font-family:Wire One, sans-serif  }

#new_menu      { width: 610px; margin: 0; overflow:hidden;height:20px; padding: 0px; border:none; background-color:#ffffff; cursor: Default; text-align:left; }

#new_menu LI       { background-color: #ffffff; color: #000000;  display:inline-block;clear:both; margin: 0; padding: 0; list-style-type: none; cursor:pointer;cursor:hand;}
#new_menu LI:hover { background-color: #ff00ff; color: #ffffff; text-decoration:none; }
#new_menu LI:hover a { background-color: #ff00ff; color: #ffffff; text-decoration:none;  }

#new_menu a         { background-color: #ffffff; color: #000000; text-decoration: none; overflow: hidden; display:block; clear: both; font-size: 20px; line-height: 22px; text-align:left; margin: 0; padding: 0 5px 0 5px; border: 0; text-decoration: none; font-family:BebasNeueRegular, Helvetica, sans-serif; cursor:pointer; cursor:hand;  }

.topicons { display:inline;float:right;clear:both;width:42px;height:20px;overflow:hidden;border:none;position:relative;}
.topicon1 { width:20px;height:20px;overflow:hidden;border:none;position:absolute;left:0;top:0;}
.topicon2 { width:20px;height:20px;overflow:hidden;border:none;position:absolute;left:22px;top:0;}
IMG.topico11 { border:none;width:20px;height:20px;position:absolute;left:0;top:0;z-index:1;}
IMG.topico12 { border:none;width:20px;height:20px;position:absolute;left:0;top:0;z-index:2;display:none}
IMG.topico21 { border:none;width:20px;height:20px;position:absolute;left:0;top:0;z-index:1;}
IMG.topico22 { border:none;width:20px;height:20px;position:absolute;left:0;top:0;z-index:2;display:none}
.topicon1:hover IMG.topico12 { display:block;}
.topicon2:hover IMG.topico22 { display:block;}

#buvip   { display:inline; clear:both;}

/* =========================================================================================== HP ============================================================================================= */

#default { width:580px; height:370px; position:relative; top:0px;left:0px;  }
#default IMG { width:580px; height:370px; border:none; }

.hp_r1    { text-align:left; width: 610px; border: none; background-color:#202020;     margin: 10px 0 0 0; padding: 0px; overflow: hidden; }
.hp_obsah { text-align:left; width: 585px; border: none; background-color:transparent; margin: 15px;       padding: 0px; color: white; overflow: hidden;}

.newsbox         { width: 186px; height:auto; min-height:177px; _height:177px; border: none; text-align: left; margin: 0 11px 1px 0; position: relative; display: inline; float: left; cursor:pointer;cursor:hand; text-decoration:none; color:#f5f5f5;}
.newsbox:hover   { text-decoration:none; color:#f5f5f5; }
.newsbox:hover IMG { border: 5px solid #ff00ff; }
.newsbox:hover .color { display:block; }
.newsbox:hover .newtit { background-color:#ff00ff;color:#ffffff;text-decoration:none; }

.newspic           { width: 186px; height:120px; border: 0px;              text-align: left; margin: 0 0 8px 0; position: relative; display: inline; float: left; overflow:hidden; }
.newspic IMG       { position: absolute; top: 0px; left: 0px; z-index:1 ; width: 176px; height: 110px;  border: 5px solid #424242; }
.newspic .color    { position: absolute; top: 0px; left: 0px; z-index:2 ; width: 176px; height: 110px;  border: 5px solid #424242; display:none; }

.newinfot          { width: 186px; border: 0px;              text-align: left; margin: 0; position: relative; display: block; float: left; overflow:hidden; cursor:pointer;cursor:hand;}
.newsbox .newtit { text-decoration: none; color: #cccccc; background-color: #424242; display: inline; font-family:BebasNeueRegular, Helvetica, sans-serif; font-weight:normal; font-size:18px; line-height:17px; padding:0 2px 0 2px; margin:5px 0 5px 5px; border:0;}
.newsbox H1 { font-size:26px; color: #f5f5f5; font-weight:normal; text-decoration:none; display:block; width:166px; margin: 5px 5px 5px 5px; font-family:BebasNeueRegular, Helvetica, sans-serif; line-height:23px }
.newsbox H2 { font-size:26px; color: #f5f5f5; font-weight:normal; text-decoration:none; display:block; width:166px; margin: 5px 5px 5px 5px; font-family:BebasNeueRegular, Helvetica, sans-serif; line-height:23px }
.newsbox H3 { font-size:26px; color: #f5f5f5; font-weight:normal; text-decoration:none; display:block; width:166px; margin: 5px 5px 5px 5px; font-family:BebasNeueRegular, Helvetica, sans-serif; line-height:23px }
.newsbox:hover H1 { color: #ff00ff; }
.newsbox:hover H2 { color: #ff00ff; }
.newsbox:hover H3 { color: #ff00ff; }
#lastbox { margin-right:0px; }







/* ========================================================================================= PATICKA ========================================================================================= */
#bottombox { text-align:left; width: 610px; border: none; margin: 20px 0 30px 0; padding: 0; background-color:transparent;overflow:visible}
#bottombox #ball { width: 610px; border: none; margin: 0; padding:0; display:block; text-align: justify; color: #444444;
                 font-family:BebasNeueRegular, Helvetica, sans-serif; font-size:36px; line-height:29px; text-transform:uppercase; cursor: default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
#bottombox #ball A { color: #444444; text-decoration:none; font-weight:normal; }
#bottombox #ball A:hover { color: #ff00ff; text-decoration:none;}

#ieinfo   { display:none; }

.bonoff1              { border: none; margin:1px 0 0 6px; width:25px;height:25px;position:relative;overflow:hidden;display:inline-block;float:right;}
.bonoff1 IMG.bbblack  { border: none; margin:0; width:25px;height:25px;position: absolute; top: 0; left: 0; z-index:1;}
.bonoff1 IMG.bbpink   { border: none; margin:0; width:25px;height:25px;position: absolute; top: 0; left: 0; z-index:2; display:none}
.bonoff1:hover IMG.bbpink { display:block; }

.bonoff2              { border: none; margin:1px 0 0 6px; width:25px;height:25px;position:relative;overflow:hidden;display:inline-block;float:right;}
.bonoff2 IMG.btblack  { border: none; margin:0; width:25px;height:25px;position: absolute; top: 0; left: 0; z-index:1;}
.bonoff2 IMG.btpink   { border: none; margin:0; width:25px;height:25px;position: absolute; top: 0; left: 0; z-index:2; display:none}
.bonoff2:hover IMG.btpink { display:block; }

.bonoffic1            { border: none; margin:1px 5px 0 0; width:24px;height:25px;position:relative;overflow:hidden;display:none;float:left; background-color:#444444; }
.bonoffic1:hover      { background-color:#ff00ff; }

#trans       { height:25px; border: none; background-color: transparent; margin: 0; padding:0; display:inline; float:left;  cursor: Default; color:#ff00ff; }

/*
#trans:hover { background-color: #ffffff; }
#trans:hover #google_translate_element { filter:alpha(opacity=100); opacity:1; -moz-opacity: 1; -khtml-opacity: 1; background-color: #ffffff; }
*/



#flag   { width: 40px; height:25px; position:absolute; top:0; left:0; z-index:999; border: none; }
#maska  { width: 40px; height:42px; background-color:#343434; position:relative; top:-4px; left:-44px; z-index:99; border: none; display:inline; float:right;}

#google_translate_element { padding:0px; margin:0;float:left;background-color:transparent; text-transform:uppercase;border:none; position:relative;left:-3px;}


#google_translate_element a { display:inline; color: #444444; font-family:BebasNeueRegular, Helvetica, sans-serif; font-size:36px; line-height:26px; text-transform:uppercase;}
#google_translate_element img { display:none;}
#google_translate_element a:hover { color:#ff00ff; }




/* ======================================================================================= FOTOGRAFIE ======================================================================================= */

.fotogg        { width:580px; display:block; clear:both; margin: 0 0 40px 0; border:none; position:relative; text-decoration:none;}
 #flast { margin: 0; }
.fotogg:hover .titulek { color: #ff00ff; }
.fotogg:hover .preview { background-color: #ff00ff; }

.preview      { width: 580px; height:170px; border: 0px; margin: 5px 0 0 0; position: relative; display: block; text-align:left; background-color: #424242; }
.preview IMG  { width: 570px; height:160px; border: 0px; margin: 5px; padding:0;  }


/* ---GALERKY--- */
.csstable_fotoakce_gal { width:620px; border: none; overflow: hidden; margin:0;}

.fotoakce_f_box1st           { width: 580px; height:220px; border: 0px; text-align: left; margin: 5px 0 5px 0; position: relative; display: inline; float: left; }
.fotoakce_f_box1st IMG       { position: absolute; top: 0px; left: 0px; width: 570px; height: 210px;  border: 5px solid #424242; }
.fotoakce_f_box1st:hover IMG { border-color: #ff00ff; }


.fotoakce_f_box           { width: 112px; height:104px; border: 0px; text-align: left; margin: 0 5px 5px 0; position: relative; display: inline; float: left; }
.fotoakce_f_box IMG       { position: absolute; top: 0px; left: 0px; width: 102px; height: 94px; border: 5px solid #424242; }
.fotoakce_f_box:hover IMG { border-color: #ff00ff; }


#txtpole       { padding: 0px; margin: 0 5px 0 5px; width:570px; display: block; border:0; }
.textgalerie   { font-size: 12px; line-height: 160%; text-align: left; vertical-align: top; padding: 0px; margin: 0px; border: none; background-color: transparent; color: whitesmoke; display: inline;  }
.textgalerie P { padding: 0px; margin: 12px 0 4px 0; }






/* ========================================================================================= VIDEO ========================================================================================= */

.videodiv           { width: 580px; height: 220px; border: 0px; text-align: left; margin: 0 0 2px 0; display: block; clear:both; }
.videodiv IMG       { width: 570px; height: 210px; border: 5px solid #424242; margin: 0; }
.videodiv:hover IMG { border-color: #ff00ff; }

.videotxxt           { width: 570px; border: 0; text-align: left; margin: 0px 0 10px 5px;  display: inline; float:left; text-decoration: none; color: #f5f5f5; background-color:transparent; font-size: 12px; font-style:normal; line-height: 160%; text-align: left; vertical-align: top; padding: 0px; }
.videoinfo           { width: 580px; border: 0; text-align: left; margin: 0px 0 20px 0; display: block; float:left; text-decoration: none; color: #eeeeee; background-color:#424242;     font-size: 11px; font-style:italic; line-height: 160%; text-align: left; vertical-align: top; padding: 0px; }
.infob          { font-weight: bold; color:#ffffff; }





/* ==================================================================================== MULTIMEDIA ======================================================================================= */
.multidi { width: 580px; border: none; padding:0; margin:0 0 12px 0; text-decoration: none; font-size: 12px; line-height: 160%; text-align: left; overflow:hidden}
.multidi .mtext_full           { width: 570px; border: none; padding:0px; margin:0 5px 6px 5px; padding: 0px; text-decoration: none; text-align: left; float:left;  display:block; }

.multidi .mtext_right          { width: 350px; min-height:130px; _height:130px; margin:0 5px 0 0; border: none; padding:0px; padding: 0px; text-decoration: none; text-align: left; float: right; display:inline; }
.multidi .mtext_right a        { text-decoration:none;color:#fff }
.multidi .mtext_right a:hover  { text-decoration:none;color:#fff }

.multidi .multiref_l           { width: 210px; height:130px; border: 0px; margin: 0; position: relative; display: inline; float: left; border: none; }
.multidi .multiref_l IMG       { position: absolute; top: 0px; left: 0px; width: 200px; height: 120px;  border: 5px solid #424242 }
.multidi .multiref_l:hover IMG { border: 5px solid #ff00ff; }

.multitit  { text-decoration: none; color: #ffffff; background-color: transparent; display: block;  clear:both; font-size:18px; line-height:18px; height:18px; font-family:BebasNeueRegular, Helvetica, sans-serif; font-weight:normal; letter-spacing:1px; padding:0; margin:1px 0 0 0; border:0;}

.multig        { width:580px; display:block; clear:both; margin: 0 0 5px 0; border:none; position:relative; text-decoration:none;}
.multig:hover .preview { background-color: #ff00ff; }




/* ========================================================================================= BLOG ========================================================================================== */

.blogmenu { width: 585px; border: none; padding:0; display:block; overflow:hidden; position:relative; margin:10px 0 10px 0; text-decoration: none; font-size: 12px; line-height: 16px; text-align: left; overflow:hidden; cursor: hand; cursor: pointer; }
.blogmenu:hover { text-decoration:none; }
.blogmenu:hover .refer IMG { border: 5px solid #ff00ff; }
.blogmenu:hover .blogtit       { color:#ff00ff }
.blogmenu:hover .blogdate       { color:#ff00ff }

.blogcont      { width: 370px; min-height:100px; _height:100px; margin:0 0 0 5px; border: none; padding:0px; padding: 0px; text-decoration: none; text-align: left; float:left; display:inline; }
.blogtit       { font-size:24px; color: #f5f5f5; font-weight:normal; text-decoration:none; display:block; margin: 5px 0 5px 5px; font-family:BebasNeueRegular, Helvetica, sans-serif; line-height:24px }
.blogdate { text-decoration: none; color: #ffffff; display: block; font-family:BebasNeueRegular, Helvetica, sans-serif; font-weight:normal; letter-spacing:1px; font-size:15px; line-height:11px; margin:5px 0 0 5px; border:0; }

.blogpodtit   { text-decoration: none; color: #ffffff; background-color: transparent; display: block;  clear:both; font-size:18px; line-height:18px; height:18px; font-family:BebasNeueRegular, Helvetica, sans-serif; font-weight:normal; letter-spacing:1px; padding:0; margin:20px 0 9px 0; border:0;}
A.blogpodtit { text-decoration: none; font-weight:normal; }
A.blogpodtit:hover { text-decoration: none; font-weight:normal; color:#ff00ff; }
.triimg   { width:600px;overflow:hidden;border:none;margin:0 0 10px 0;padding:0px;display:block; }

.ikonawww           { width: 221px; height:60px; border: 0px; text-align: left; margin: 0 5px 5px 0; position: relative; display: inline; float: left; border: none; }
.ikonawww IMG       { position: absolute; top: 0px; left: 0px; width: 211px; height: 50px;  border: 5px solid #424242 }
.ikonawww:hover IMG { border: 5px solid #ff00ff; }

.btabka    { width:570px;border:none;margin:0 auto 12px auto; }
.btabka TR { line-height:16px; }
.btabka TD { padding:2px;text-align:center; }

.seznamsipek { list-style-image: URL('../images/list-arrow.gif') }
.seznamsipek LI { margin:0; }

.bestof { border:none; background-color: #707070; width:572px; height:122px; margin: 0 0 25px 0;}
.bestof IMG { border:none; width:570px; height:120px; margin: 1px;}

/* ======================================================================================= AUTOR ========================================================================================= */
#tabkontakt { width: 580px; border: none; padding:0px; margin:0px; text-decoration: none; font-size: 12px; line-height: 16px; text-align: left; padding: 0px; margin: 0px; overflow:hidden}

#tabkontakt #iautor { width: 395px; text-align: left; float: left; clear: right; margin:0; border:0px solid grey}

#tabkontakt #fautor { width: 160px; text-align: left; float: right; margin: 0; overflow:hidden; border:0px solid grey; }
#tabkontakt #fautor IMG#tom { border: 1px solid #707070; width:154px;height:188px;margin:40px 0 11px 0; }
#tabkontakt #fautor a       { text-decoration:none; color: white; }
#tabkontakt #fautor a:hover  { text-decoration:none; color: #ff00ff; }

.ik           { width: 32px; height:32px; border: none; margin: 1px 0 0 4px; position: relative; display: inline; float: right; }
.ik:hover .col { display:block; }
.ik2           { width: 32px; height:32px; border: none; margin: 1px 0 0 4px; position: relative; display: inline; float: right; }
.ik2:hover .col { display:block; }
.ik3           { width: 32px; height:32px; border: none; margin: 1px 0 0 4px; position: relative; display: inline; float: right; }
.ik3:hover .col { display:block; }
.ik4           { width: 32px; height:32px; border: none; margin: 1px 0 0 4px; position: relative; display: inline; float: right; }
.ik4:hover .col { display:block; }

.ipic        { width: 32px; height:32px; border: 0px;              text-align: left; margin: 10px 0 10px 0; position: relative; display: inline; float: left; overflow:hidden;}
.ipic IMG       { position: absolute; top: 0px; left: 0px; z-index:1 ; width: 32px; height: 32px;  border: none; }
.ipic .col   { position: absolute; top: 0px; left: 0px; z-index:2 ; width: 32px; height: 32px;  border: none; display:none; }


.refer           { width: 190px; height:120px; border: 0px; text-align: left; margin: 0 5px 5px 0; position: relative; display: inline; float: left; border: none; }
.refer IMG       { position: absolute; top: 0px; left: 0px; width: 180px; height: 110px;  border: 5px solid #424242 }
.refer:hover IMG { border: 5px solid #ff00ff; }

.kontaktbox { border: none; width:105px; margin: 0 10px 0 0; padding:0; text-align:center; float:left; }





/* ======================================================================================= VIP ========================================================================================= */
.vipbody  { margin:0;padding:0;border:none;background-color:#ff00ff;color:#ffffff;cursor: Default;overflow:hidden;
            text-align: center;font-family: BebasNeueRegular, Helvetica, sans-serif; font-size: 12px;}
.vipbody form       {width:255px;height:120px;border:none;margin:0;padding:0;text-align:center;}
.vipbody #vipinput  {margin:0;padding:0 2px 0 2px;border:none;position:absolute;top:38px;left:28px; background-color:#dddddd;color:#000000;width:200px;height:22px;}
.vipbody #vipinput:hover  {background-color:#ffffff;}
.vipbody #vipsubmit       {margin:0;padding:0;border:none;position:absolute;top:71px;left:110px;background-color:#dddddd;color:#000000;width:40px;height:22px;font-weight:bold;}
.vipbody #vipsubmit:hover {background-color:#ffffff;}
.vipbody #vipinfo         {position:relative;margin:32px 0 0 0; border:none; display:block;text-align:center;font-size:50px; font-weight:bold;text-decoration:none;color:#dddddd;}
.vipbody #vipinfo:hover   {text-decoration:none;color:#ffffff;}





/* ======================================================================================= ALL ========================================================================================= */
#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%; }


.titulek         { text-decoration: none; color: #ffffff; background-color: transparent; display: block;  clear:both;              font-size:24px; font-family:BebasNeueRegular, Helvetica, sans-serif; font-weight:normal; line-height:24px; letter-spacing:1px; padding:0; margin:5px 0 5px 5px; border:0;}
.titulek #drobek { text-decoration: none; color: #000000; background-color: #c0c0c0;     display: inline; clear:both; float:right; font-size:10px; font-family:Arial CE, Helvetica, sans-serif; font-weight:normal; line-height:10px; height:120px; padding:0; margin:2px 0 10px 5px; border:0;}
.txt     { text-decoration: none; color: #f5f5f5; background-color: none; display: block; font-size: 12px; line-height: 160%; text-align: left; vertical-align: top; padding: 0px; margin: 0 5px 0 5px; }
.txt SPAN.dt { color: #ffffff;background-color:#ff00ff;font-weight:bold;letter-spacing:-1px;padding:0 2px 0 1px; font-size:11px; }
.txt SPAN.wlink { color: #ff00ff; }
.txt a.skok       { font-weight:bold;color:white;text-decoration:none; }
.txt a.skok:hover { font-weight:bold;color:#ff00ff;text-decoration:none; }
.txt a.skok:hover SPAN.wlink { background-color:#ff00ff;color:#ffffff; }

.br { clear:both; }




/* ROZMERY 19.8.2011 */
/* hp_promo      580x370  */
/* hp_news       176x110  */
/* foto-preview  570x160  */
/* foto-1st      570x210  */
/* foto-icon     102x 94  */
/* video         570x210  */
/* multimedia    270x170  */
/* blog          220x100  */
/* autor-refer   180x110  */
/* COLOR-TEMPS: */
/* 01 : pozadi=121212 + panel=464646 + rameck=737373 + ruzovka=ff00ff + text-bg=303030*/
/* 02 : pozadi=404040 + panel=282828 + rameck=606060 + ruzovka=ff00ff */