/* Document css */

/* pro KONTAKT mystics.cz */


/*------------------------ MODUL KONTAKT - HLAVNÍ -----------------------------*/ 
/*------------------------ MODUL KONTAKT - HLAVNÍ -----------------------------*/


#modul-kontakt-1    { width: 810px;
                      height: 220px;
                      margin: 0 auto; 
                      margin-top: 40px;
                      margin-bottom: 0px;
                      bor der: 1px solid white; }
                      
/*---- BLOK  OBÁLKA ----------------------------------------------------------*/

#blokobalka { width: 300px;
              height: 200px;
              float: left;
              margin: 5px 10px; 
              bor der: 1px solid pink;  }

#div-obalka-1 { width: 150px;
                height: 120px;
                margin: 0 auto;
                margin-top: 10px; 
                bor der: 1px solid pink; }

#div-obalka-1 a {display: block; 
               width: 148px;     /* šírka bloku - je nutné o 2px mín, jinak tam je cárka */
               height: 90px;     /* výška  bloku */
               overflow: hidden;  }

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

#div-mail-1  { width: 240px;
             height: 40px;
             margin: 0 auto; 
             margin-top: 9px;
             font-size: 120%;
             font-family: calibri;
             color:  #6699ff;    /* barva svetle modrá pro text mailu */
             text-align: center;
             bor der: 1px solid red; }

#div-mail-1 a { color: #6699ff;}   /* modrá barva odkazu na maily */

#div-mail-1 a:hover { color: #ffff99;}   /* žlutá, zmena barvy odkazu na maily */




.mailkontakty { color: white; #6699ff;   /* svetle modrá */  
                font-family: calibri;
                font-size: 100%;
                text-align: center;
                padding-top: 30px;  } 

/*---- BLOK  MOBIL -----------------------------------------------------------*/

#blokmobil { width: 160px;
             height: 200px;
             float: left;
             margin: 5px 5px; 
             bor der: 1px solid aqua;  }

#div-mobil { width: 80px;
             height: 120px;
             margin: 0 auto;
             margin-top: 5px;
             bor der: 1px solid aqua; }

#div-cislo { width: 140px;
             height: 40px;
             margin: 0 auto; 
             margin-top: 14px;
             font-size: 120%;
             font-family: calibri;
             color: #6699ff;   /* svetle modrá */
             text-align: center;
             bor der: 1px solid aqua; }

/*---- BLOK  DOMECEK ----------------------------------------------------------*/

#blokdomek { width: 290px;
            height: 200px;
            float: left;
            margin: 5px 10px; 
            bor der: 1px solid green;  }

#div-domek { width: 120px;
             height: 120px;
             margin: 0 auto;
             margin-top: 5px; 
             bor der: 1px solid green; }

#div-mesto  { width: 270px;
             height: 40px;
             margin: 0 auto; 
             margin-top: 14px;
             font-family: calibri;
             font-size: 120%;
             color: #6699ff;   /* svetle modrá */ 
             text-align: center;
             bor der: 1px solid green; }

#div-domek a {display: block;  /* odkaz na mapu obrázkem domku */
             width: 120px;     /* šírka bloku */
             height: 104px;     /* výška  bloku */
             overflow: hidden;  }

#div-domek a:hover {text-indent: -120px;} 


/*------------KONEC MODULU KONTAKT HLAVNÍ--------------------------------------*/

#modul-kontakt-2    { width: 810px;
                      height: 230px;
                      margin: 0 auto; 
                      margin-top: 40px;
                      margin-bottom: 0px;
                      bor der: 1px solid grey; }

#popis-kontaktu-2 { width: 740px;
                    height: 40px;
                    float: left;    
                    margin: 15px;       
                    font-family: calibri;
                    font-size: 130%;  /* máte-li zájem, napište mi */
                    color: silver;
                    text-align: center;
                    padding-left: 10px;
                    bor der: 1px solid yellow;}

#blokobalka-fanklub { width: 300px;
                      height: 100px;
                      margin: 0 auto; 
                      margin-top: 70px;
                      margin-bottom: 5px;
                      bor der: 1px solid blue;  }

#div-obalka-2 { width: 150px;
                height: 80px;
                margin: 0 auto;
                margin-top: 10px; 
                bor der: 1px solid orange; }

#div-obalka-2 a {display: block; 
                 width: 148px;     /* šírka bloku - je nutné o 2px mín, jinak tam je cárka */
                 height: 90px;     /* výška  bloku */
                 overflow: hidden;  }

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

#div-mail-2  { width: 240px;
               height: 40px;
               margin: 0 auto; 
               margin-top: 80px;
               font-size: 120%;
               font-family: calibri;
               color:  #6699ff;    /* barva svetle modrá pro text mailu */
               text-align: center;
               bor der: 1px solid tomato; }


#div-mail-2 a { color: #6699ff;}   /* modrá barva odkazu na maily */

#div-mail-2 a:hover { color: #ffff99;}   /* žlutá, zmena barvy odkazu na maily */




/*------------KONTAKT FANKLUB ------------------------------------------------*/