/* Document css */   /* css pro Mystics */

/*=================================================================================================================================================================================================*/
/*=============================S P O L E Č N É    P R A M E T R Y =================================================================================================================================*/
/*=================================================================================================================================================================================================*/

body { margin:0;
       background: url(../grafika/cerny.png);
       background-repeat: repeat; }

/* ============================= Z Á H L A V Í ===============================*//* ============================= Z Á H L A V Í ===============================*/

 /* #blok-pro-klavesy  - css na stylypromystics-menu-vrchni */

#blokpodklavesama   { width:1000px;     /* v tomto bloku je hlavní nadpis stránky */    
                      he ight: 110px;
                      margin: 0 auto; 
                      margin-top: 40px;
                      margin-bottom: 60px ;
                      bor der: 1px solid red; }

/*==================== H L A V N Í  B L O K - T E X T ========================*//*==================== H L A V N Í  B L O K - T E X T ========================*/

#hlavnibloktext {width: 1300px;
                 margin: 0 auto;
                 margin-bottom: 20px;
                 padding-top: 0px;
                 pad ding-bottom: 20px;
                 f ont-family: century ghotic; 
                 bor der: 1px solid white; }                

#textblok-1 { width: 1100px; 
              margin: 0 auto; 
              margin-top: 20px;
              margin-bottom: 30px; 
              bor der: 1px solid pink; }

#zluta-cara { width: 1260px; 
              height: 5px;
              margin: 0 auto; 
              margin-top: 5px;
              margin-bottom: 5px;
              border-top: 2px solid #ffcc66;  /* barva vrchní cáry - predelu*/
              bor der: 1px solid white; }

#zluta-cara-mala { width: 800px; 
                   height: 5px;
                   margin: 0 auto; 
                   margin-top: 5px;
                   margin-bottom: 5px;
                   border-top: 2px solid #ffcc66;  /* barva vrchní cáry - predelu*/
                   bor der: 1px solid white; }

/* ============================ N A D P I S Y ================================*//* ============================ N A D P I S Y ================================*/

h1 { text-shadow: 2px 2px 2px #000;   /*stín pod písmem - html5 */ 
     text-align: center;
     margin: 0px; 
     padding-top: 20px;
     color: grey; #dddddd;
     font-family: batang;}

h2 { text-shadow: 2px 2px 2px #000;   /*stín pod písmem - html5 */ 
     text-align: center;
     margin: 0px; 
     padding-top: 10px;
     color: grey; #dddddd;
     font-family: constantia;
     font-size: 150%;}

.nadpis-h2-2 { font-family: open sans semibold; 
               font-size: 160%;
               color: grey;
               text-align: centered;
               margin-top: 40px;
               ma rgin-left: 67px;
               margin-bottom: 20px; 
               bor der-bottom: 1px solid grey; }     

h3 { text-align: left;
     margin: 0px; 
     padding-top: 10px;
     padding-left: 140px;
     color: grey; #dddddd;
     font-family: calisto MT bold; }

h4 { font-family: open sans semibold;
     font-size: 140%;
     text-align: center;
     margin: 0px; 
     padding-top: 10px;
     color: #dddddd;}
     
     
/* ============================= T E X T Y ===================================*//* ============================= T E X T Y ===================================*/

p  { font-family: candara light;
     font-size: 150%;          
     line-height: 140%;  /* výška rádku */
     color: #BBBBBB; 
     text-indent: 3em;
     text-align: justify;
     bor der: 1px solid white; }

.span-format-pro-text { co lor: purple; /* barva textu */
                        te xt-decoration: underline; /* podtržení textu */
                        background: black;} /* barva pozadí pod textem */

#upozorneni  { width: 1090px;
               margin: 0 auto; /*modul vycentrován */
               font-size: 130%;          
               font-family: Calibri light;
               font-style: italic;      /* kurzíva */
               color: white;
               text-align: center; }

#text-na-stred  { width: 1090px;
                  margin: 0 auto; /*modul vycentrován */
                  font-size: 140%;          
                  font-family: Calibri light;
                  font-style: italic;      /* kurzíva */
                  color: white;
                  text-align: center; }

#slozeno  { width: 805px; /* šířka uzpůsobena modulu pro video, který je 810px !! */
            margin: 0 auto; /*modul vycentrován */
            font-size: 120%;     /* použito pod videjkem , složení klipu */     
            font-family: corbel light;
            color: grey;
            font-style: italic;      /* kurzíva */
            text-align: center;
            margin-top: 30px;
            margin-bottom: 10px;
            bor der: 1px solid blue; }
             
.text-na-stred {text-align: center;
                font-size: 120%;}

.zvyrazneni-na-stred {text-align: center;
                      font-size: 150%;
                      font-family: Calibri Light;
                      color: #ffcc66;}
                      
.zvyrazneni-na-stred-modra {text-align: center;
                            font-size: 130%;
                            font-family: Calibri Light;
                            color: #ffcc66;}

/* ======================== O B R Á Z K Y ====================================*//* ======================== O B R Á Z K Y ====================================*/

#modul-pro-obrazek { width: 1090px;
                     margin: 0 auto; /*modul vycentrován */
                     text-align: center; /* data uvnitř modulu vycentrovány */
                     margin-top: 20px;
                     margin-bottom: 30px;
                     bor der: 1px solid blue; }   
                   
/* ================== O D K A Z   Š I P K A   N A H O R U ====================*//* ================== O D K A Z   Š I P K A   N A H O R U ====================*/

#div-pro-sipku { width: 1280spx;
                 height: 50px;
                 margin-top: 2px;
                 margin-bottom: 20px;
                 bor der: 1px solid green; }

#sipka-zpet { width: 40px;
              height: 40px;
              margin-top:5px;
              margin-left: 50px;
              bor der: 1px solid red; }

#sipka-zpet a {display: block; 
               width: 40px;     /* šírka bloku */
               height: 40px;     /* výška  bloku */
               overflow: hidden;}                       

#sipka-zpet a:hover {text-indent: -40px;}

/* ======== O D K A Z   Š I P K A  Z  P Ř I H L Á Š E N Í - UPROSTŘED ========*/ /* ======== O D K A Z   Š I P K A  Z  P Ř I H L Á Š E N Í - UPROSTŘED ========*/

#sipka-zpet-uprostred { width: 40px;
                        height: 40px;
                        margin-top:-10px;
                        margin: 0 auto;
                        bor der: 1px solid red; }

#sipka-zpet-uprostred a {display: block; 
                         width: 40px;     /* šírka bloku */
                         height: 40px;     /* výška  bloku */
                         overflow: hidden;}                       

#sipka-zpet-uprostred a:hover {text-indent: -40px;}

/* =================== M O D U L Y   P R O   V I D E A =======================*//* =================== M O D U L Y   P R O   V I D E A =======================*/

#modul-video  { width: 810px;
                hei ght: 710px;   /* není-li hodnota, výška je automaticky */
                padding-top:5px;
                margin: 0 auto; 
                margin-top: 20px;
                margin-bottom: 20px;
                bor der: 1px solid white; }

#blok-pro-video  { width: 700px;    /* hlavní blok pro div-pro-video a v nem video */
                   height: 460px; 
                   margin: 0 auto; 
                   bor der: 1px solid pink; }

#div-pro-video  { width: 560px; /* div pro video */
                  hei ght: 425px;
                  margin: 0 auto; 
                  margin-top: 5px;
                  padding-top: 5px;
                  bor der: 1px solid green; }

/* ========== M O D U L Y   P R O   V I D E O   POUSTEVNÍK ===================*//* ========== M O D U L Y   P R O   V I D E O   POUSTEVNÍK ===================*/

#blok-pro-video-postevnik  { width: 500px;    /* hlavní blok pro div-pro-video a v nem video */
                             height: 320px; 
                             margin: 0 auto; 
                             bor der: 1px solid pink; }

#div-pro-video-postevnik  { width: 400px; /* div pro video */
                            hei ght: 300px;
                            margin: 0 auto; 
                            margin-top: 5px;
                            padding-top: 5px;
                            bor der: 1px solid green; }

/*========= T L A Č Í T K A  - O D K A Z Y - PRO NORMAL - WWW ================*//*========= T L A Č Í T K A  - O D K A Z Y - PRO NORMAL - WWW ================*/
/*========= T L A Č Í T K A  - O D K A Z Y - PRO NORMAL - WWW ================*//*========= T L A Č Í T K A  - O D K A Z Y - PRO NORMAL - WWW ================*/


/* ===================== TLAČÍTKO PRO NOTA ODKAZ ============================*//* ===================== TLAČÍTKO PRO NOTA ODKAZ ============================*/
#modul-nota-cd-odkaz-normal-www { width: 500px;
                                  height: 150px;
                                  margin: 0 auto; 
                                  margin-bottom: 0px;
                                  bor der: 1px solid red; }
                                      
#div-nota-cd-odkaz-normal-www { width: 110px;
                                height: 125px;
                                margin: 0 auto;
                                margin-top: 10px;
                                bor der: 1px solid white; } 
                                
#div-nota-cd-odkaz-normal-www a { display: block;  
                                  width: 110px;     /* šířka bloku */
                                  height: 125px;     /* výška  bloku */
                                  overflow: hidden;  }

#div-nota-cd-odkaz-normal-www a:hover {text-indent: -110px;}

/* ===================== TLAČÍTKO PRO KNIHA ODKAZ ============================*//* ===================== TLAČÍTKO PRO KNIHA ODKAZ ============================*/
 
#modul-kniha-odkaz-normal-www { width: 500px;
                                  height: 150px;
                                  margin: 0 auto; 
                                  margin-bottom: 0px;
                                  bor der: 1px solid red; }
                                      
#div-kniha-odkaz-normal-www { width: 110px;
                                height: 125px;
                                margin: 0 auto;
                                margin-top: 10px;
                                bor der: 1px solid white; } 
                                
#div-kniha-odkaz-normal-www a { display: block;  
                                  width: 110px;     /* šířka bloku */
                                  height: 125px;     /* výška  bloku */
                                  overflow: hidden;  }

#div-kniha-odkaz-normal-www a:hover {text-indent: -110px;}

/*=============== T L A Č Í T K A  - O D K A Z Y - PRO X-ZONU ================*//*=============== T L A Č Í T K A  - O D K A Z Y - PRO X-ZONU ================*/
/*=============== T L A Č Í T K A  - O D K A Z Y - PRO X-ZONU ================*//*=============== T L A Č Í T K A  - O D K A Z Y - PRO X-ZONU ================*/
           

/* ===================== TLAČÍTKO PRO NOTA ODKAZ ============================*//* ===================== TLAČÍTKO PRO NOTA ODKAZ ============================*/

#modul-nota-cd-odkaz  { width: 1090px;
                        height: 200px;
                        margin: 0 auto; 
                        margin-bottom: 0px;
                        bor der: 1px solid red; }

#div-nota-cd-odkaz { width: 120px;
                     height: 160px;
                     margin: 0 auto;
                     margin-top: 5px;
                     margin-left:15px; 
                     float: left;
                     bor der: 1px solid white; }

#div-text-nota-cd { width: 895px;
                    hei ght: 220px;
                    margin: 0 auto;
                    margin-top: 10px;
                    margin-left: 20px; 
                    float: left;
                    bor der: 1px solid green; }

#div-nota-cd-odkaz a { display: block;  
                       width: 120px;     /* šířka bloku */
                       height: 150px;     /* výška  bloku */
                       overflow: hidden;  }

#div-nota-cd-odkaz a:hover {text-indent: -120px;} 



/* ================ TLAČÍTKO PRO KNIHA-PERO ODKAZ ============================*//* ================ TLAČÍTKO PRO KNIHA-PERO ODKAZ ============================*/

#modul-kniha-cerna1-odkaz  { width: 1090px;     /* zde musí být název kniha-cerna1, protože kniha-cerna dělá error */
                           height: 170px;
                           margin: 0 auto; 
                           margin-bottom: 0px;
                           bor der: 1px solid red; }

#div-kniha-pero-odkaz { width: 110px;
                        height: 130px;
                        margin: 0 auto;
                        margin-top: 5px;
                        margin-left: 10px;
                        float: left;
                        bor der: 1px solid white; }

#div-text-kniha-pero { width: 900px;
                       hei ght: 220px;
                       margin: 0 auto;
                       margin-top: 10px;
                       margin-left: 40px; 
                       float: left;
                       bor der: 1px solid green; }


#div-kniha-pero-odkaz a { display: block;  
                          width: 110px;     /* šířka bloku */
                          height: 130px;     /* výška  bloku */
                          overflow: hidden;  }

#div-kniha-pero-odkaz a:hover {text-indent: -110px;} 


/* ===================== TLAČÍTKO PRO MASKU ODKAZ ============================*//* ===================== TLAČÍTKO PRO MASKU ODKAZ ============================*/

#modul-maska-odkaz  { width: 1090px;
                      height: 150px;
                      margin: 0 auto; 
                      margin-bottom: 0px;
                      bor der: 1px solid red; }

#div-maska-odkaz { width: 125px;
                   height: 132px;
                   margin: 0 auto;
                   margin-top: 10px; 
                   margin-left: 10px;
                   float: left;
                   bor der: 1px solid white; }

#div-text-maska { width: 900px;
                  hei ght: 220px;
                  margin: 0 auto;
                  margin-top: 10px;
                  margin-left: 40px; 
                  float: left;
                  bor der: 1px solid green; }

#div-maska-odkaz a { display: block;  
                     width: 110px;     /* šířka bloku */
                     height: 132px;     /* výška  bloku */
                     overflow: hidden;  }

#div-maska-odkaz a:hover {text-indent: -110px;} 

/* ==================== TLAČÍTKO PRO KAMERU ODKAZ ============================*//* ==================== TLAČÍTKO PRO KAMERU ODKAZ ============================*/

#modul-kamera-odkaz  { width: 1090px;
                       height: 180px;
                       margin: 0 auto; 
                       margin-bottom: 0px;
                       bor der: 1px solid red; }

#div-kamera-odkaz { width: 125px;
                    height: 140px;
                    margin: 0 auto;
                    margin-top: 10px; 
                    margin-left: 10px;
                    float: left;
                    bor der: 1px solid white; }

#div-text-kamera { width: 900px;
                   hei ght: 220px;
                   margin: 0 auto;
                   margin-top: 10px;
                   margin-left: 40px; 
                   float: left;
                   bor der: 1px solid green; }

#div-kamera-odkaz a { display: block;  
                      width: 125px;     /* šířka bloku */
                      height: 140px;     /* výška  bloku */
                      overflow: hidden;  }

#div-kamera-odkaz a:hover {text-indent: -125px;} 


/* ==================== TLAČÍTKO PRO OBRÁZEK ODKAZ ===========================*//* ==================== TLAČÍTKO PRO OBRÁZEK ODKAZ ===========================*/

#modul-obrazek-odkaz  { width: 1090px;
                        height: 170px;
                        margin: 0 auto; 
                        margin-bottom: 0px;
                        bor der: 1px solid red; }

#div-obrazek-odkaz { width: 100px;
                     height: 120px;
                     margin: 0 auto;
                     margin-top: 20px; 
                     margin-left: 30px;
                     float: left;
                     bor der: 1px solid white; }

#div-text-obrazek { width: 900px;
                    hei ght: 220px;
                    margin: 0 auto;
                    margin-top: 10px;
                    margin-left: 40px; 
                    float: left;
                    bor der: 1px solid green; }


#div-obrazek-odkaz a { display: block;  
                       width: 90px;     /* šířka bloku */
                       height: 120px;     /* výška  bloku */
                       overflow: hidden;  }

#div-obrazek-odkaz a:hover {text-indent: -90px;} 



/* ================= TLAČÍTKO PRO FOTOAPARÁT ODKAZ ===========================*//* ================= TLAČÍTKO PRO FOTOAPARÁT ODKAZ ===========================*/

#modul-fotoodkaz  { width: 900px;
                    height: 150px;
                    margin: 0 auto; 
                    margin-bottom: 0px;
                    bor der: 1px solid red; }

#div-fotoodkaz { width: 170px;
                 height: 120px;
                 margin: 0 auto;
                 margin-top: 10px; 
                 bor der: 1px solid white; }


#div-fotoodkaz a {display: block;  
                  width: 150px;     /* šířka bloku */
                  height: 120px;     /* výška  bloku */
                  overflow: hidden;  }


#div-fotoodkaz a:hover {text-indent: -150px;}     


           
/* ==================== TLAČÍTKO PRO DVD ODKAZ ==================================*//* ==================== TLAČÍTKO PRO DVD ODKAZ ==================================*/

#modul-dvdodkaz  { width: 900px;
                    height: 150px;
                    margin: 0 auto; 
                    margin-bottom: 0px;
                    bor der: 1px solid red; }

#div-dvdodkaz { width: 170px;
                 height: 120px;
                 margin: 0 auto;
                 margin-top: 10px; 
                 bor der: 1px solid white; }


#div-dvdodkaz a {display: block;  
                  width: 150px;     /* šířka bloku */
                  height: 150px;     /* výška  bloku */
                  overflow: hidden;  }


#div-dvdodkaz a:hover {text-indent: -150px;}     

/*======================= TLAČÍTKO PRO ZAJMY ODKAZ ==============================*//*======================= TLAČÍTKO PRO ZAJMY ODKAZ ==============================*/           

#modul-zajmyodkaz  { width: 500px;
                     height: 75px;
                     margin: 0 auto; 
                     margin-bottom: 0px;
                     bor der: 1px solid red; }

#div-zajmyodkaz { width: 205px;
                  height: 70px;
                  margin: 0 auto;
                  margin-top: 10px; 
                  bor der: 1px solid white; }


#div-zajmyodkaz a {display: block;  
                   width: 200px;     /* šířka bloku */
                   height: 67px;     /* výška  bloku */
                   overflow: hidden;  }

#div-zajmyodkaz a:hover {text-indent: -200px;}     

/*====================== TLAČÍTKO PRO SPISOVINY ODKAZ ===========================*//*====================== TLAČÍTKOL PRO SPISOVINY ODKAZ ===========================*/           

#modul-spisoviny-odkaz  { width: 530px;
                         height: 90px;
                         margin: 0 auto; 
                         margin-bottom: 0px;
                         bor der: 1px solid red; }

#div-spisoviny-odkaz { width: 260px;
                      height: 70px;
                      margin: 0 auto;
                      margin-top: 10px; 
                      bor der: 1px solid white; }

#div-spisoviny-odkaz a { display: block;  
                        width: 260px;     /* šířka bloku */
                        height: 67px;     /* výška  bloku */
                        overflow: hidden;  }

#div-spisoviny-odkaz a:hover {text-indent: -260px;}     

/*============-----=== TLAČÍTKO - KNIHA ČERNÁ -  ODKAZ =======-----===========*//*============-----=== TLAČÍTKO - KNIHA ČERNÁ -  ODKAZ =======-----===========*/    

#modul-kniha-cerna-odkaz  { width: 500px;
                            height: 230px;
                            margin: 0 auto; 
                            margin-bottom: 0px;
                            bor der: 1px solid red; }

#div-kniha-cerna-odkaz { width: 160px;
                         height: 205px;
                         margin: 0 auto;
                         margin-top: 10px; 
                         bor der: 1px solid white; }

#div-kniha-cerna-odkaz a { display: block;  
                           width: 150px;     /* šířka bloku */
                           height: 200px;     /* výška  bloku */
                           overflow: hidden;  }

#div-kniha-cerna-odkaz a:hover {text-indent: -150px;} 


/*========================== MODUL PRO FOTO WEST =============================*//*========================== MODUL PRO FOTO WEST ==============================*/

#modul-pro-foto-1  { width: 780px;
                     height: 420px;
                     margin: 0 auto; 
                     margin-bottom: 0px;
                     bor der: 1px solid red; }

.podnahledem { /*width a height není třeba    modul v němž je náhledové foto */

               float: left;
               margin: 30px 15px 15px 30px;   /*odsazení modulů podnahledem od sebe */
               padding-top: 5px;
               padding-bottom: 5px;
               padding-left: 5px;
               padding-right: 5px;
               bor der: 1px solid black; }







/* =============================== ZATÍM  NEPOUŽÍVANÉ ==================================*/
/* =============================== ZATÍM  NEPOUŽÍVANÉ ==================================*/


/* žlutá kurzíva */
.info { font-size: 110%;          /* odstavce info u vetšiny stránek */
        color: #ffff99;
        padding: 0px 100px 20px 100px;
        text-align: justify;
        font-family: calibri light; }

/* šedivý info text */
.info1 { font-size: 120%;          /* odstavce info u vetšiny stránek */
         color: #BBBBBB;
         padding: 0px 100px 20px 100px;
         text-align: center;
         text-indent: -3em;
         font-family: calibri light; }

/* červená text */
.info2 { font-size: 120%;          /* odstavce info speciál */
         color: red;
         padding: 0px 100px 20px 100px;

         text-align: justify;
         font-family: calibri; }           
        

.maleinfo { font-size: 100%;          
            color: grey;
            padding: 0px 100px 20px 100px;
            font-style: italic;
            text-align: justify;
            font-family: arial; }
            
.dolni-sipka-zpet { width: 30px;
                    height: 30px;
                    float: left;
                    margin-left: 30px;
                    bor der: 1px solid black; }

.dolni-sipka-zpet a {display: block; 
                     width: 30px;     /* šírka bloku */
                     height: 30px;     /* výška  bloku */
                     overflow: hidden;}                       

.dolni-sipka-zpet a:hover {text-indent: -30px;}