  

/* VŠEOBECNĚ *******************************************************/

    * { margin: 0px; padding: 0px; font-size: 11px; font-family: Tahoma, sans-serif; }

    img { border: 0px; }

    a { text-decoration: none; color: #CB1103; }

    a:hover { text-decoration: underline; }

    input.send { border: 1px solid #30668C; background-color: #468BB4; background-image: url( "images/check_send.gif" ); color: #FFFFFF; margin: 0px 25px; padding: 0px 10px; }

    body { text-align: center; }

    td { vertical-align: top; }

    div.cleaner { width: 100%; clear: both; border: 1px solid #000; }

    

    

    

    

/* HLAVNÍ BLOK *****************************************************/

    #page { margin: 0px auto; text-align: left; width: 1000px; }

    

    

    

    

  /* HORNÍ MODRÉ MENU **********************************************/

        #top_menu ul { list-style-type: none; }

        #top_menu ul li { float: left; width: 333px; height: 28px; background-color: #174074; background-image: url( "images/topmenu_separator.gif" ); background-position: right; background-repeat: repeat-y; }

        #top_menu ul li.last { background-image: url( "" ); }

        #top_menu ul li a { display: block; width: 100%; padding-top: 6px; text-align: center; font-weight: bold; color: #FFFFFF; height: 24px; }

        

        

        

        

  /* PANELY: LOGO, REGISTRACE DOMÉNY VE 3 KROCÍCH, ONLINE PODPORA **/

        #panely { clear: both; width: 100%; border-top: 2px solid #FFFFFF; }

        

        

        

        

    /* LOGO ********************************************************/

            #logo { background-image: url( "images/logo_bg.gif" ); width: 437px; height: 156px; float: left; text-align: right; cursor: pointer; }

            #logo h1 { margin: 20px 10px 0px 0px; line-height: 27px; color: #174074; font-size: 17px; font-weight: bold; }

            #logo h2 { color: #CB1103; margin: 7px 10px 0px 0px; font-size: 17px; }

            #logo h3 { margin-right: 10px; color: #174074; font-size: 24px; }

            #logo ul { list-style-type: none; margin-top: 15px; float: right; }

            #logo ul li { float: left; color: #A3A5A8; font-weight: bold; color: #A3A5A8; padding: 4px; font-size: 15px; }

            

            

            

            

    /* REGISTRACE DOMÉNY VE 3 KROCÍCH ******************************/

            #check { width: 341px; height: 156px; background-color: #5383B9; float: left; margin-left: 3px; background-image: url( "images/check_main_bg.gif" ); background-repeat: no-repeat; background-position: 0px 25px; }

            #check h4 { background-color: #CB1103; border-left: 15px solid #5385B9; border-right: 15px solid #5385B9; padding: 5px 0px 0px 20px; height: 22px; font-size: 12px; color: #FFFFFF; }

            #check form { margin-top: 15px; color: #FFFFFF; font-size: 14px; text-align: center; }

            #check form span { font-size: 13px; margin-left: 15px; }

            #check a { color: #FFFFFF; text-decoration: underline; font-size: 12px; }

            #check form input { font-size: 13px; }

            

            

            

            

    /* ONLINE PODPORA **********************************************/

            #podpora { float: left; margin-left: 3px; background-color: #3567A2; width: 215px; height: 156px; background-image: url( "images/podpora_bg.jpg" ); }

            #podpora p { padding: 7px 0px 13px 10px; font-size: 13px; font-weight: bold; color: #FFFFFF; }

            #podpora p a { text-decoration: none; color: #FFFFFF; font-size: 12px; }

            #podpora p span { color: #CB1103; font-size: 13px; font-weight: bold; }

            #podpora p.big { padding: 10px; font-weight: bold; font-size: 17px; }

            #podpora p.big span { color: #CB1103; font-weight: bold; font-size: 17px; }

            #podpora p.spojeni { padding: 0px; margin-top: 0px; }

            #podpora p.spojeni a { display: block; font-size: 10px; height: 23px; padding: 7px 0px 3px 10px; }

            

            

            

            

            

            

            

            

  /* HLAVNÍ VELKÝ BLOK: LEVÝ SLOUPEC, STŘEDOVÝ SLOUPEC, PRAVÝ SLOUPEC */

        #main { border-top: 2px solid #FFFFFF; clear: both; width: 100%; }

        

        

        

        

    /* LEVÝ SLOUPEC ************************************************/

            #sloupec_levy { width: 249px; float: left; }

            #sloupec_levy h4 { padding: 5px 0px 0px 15px; color: #FFFFFF; font-size: 13px; height: 23px; border-left: 15px solid #3F75B1; background-color: #CB1103; }

            #sloupec_levy h5 { color: #FFFFFF; background-color: #3F75B1; padding: 4px 0px 4px 30px; background-image: url( "images/sipka_modra.gif" ); background-repeat: no-repeat; background-position: 15px 7px; cursor: pointer; }

            #sloupec_levy h5 a { color: #FFFFFF; }

            #sloupec_levy ul { list-style-type: none; }

            #sloupec_levy ul li { background-image: url( "images/sipka_cervena.gif" ); background-repeat: no-repeat; background-position: 15px 7px; padding-left: 30px; line-height: 20px; border-bottom: 1px solid #CCCCCC; }

            #sloupec_levy ul li a { display: block; color: #000000; font-weight: bold; }

            #sloupec_levy ul li a.active { color: #CB0114; }

            #sloupec_levy span img { margin: 15px 0px; }

            #sloupec_levy p { margin: 3px 0px 10px 30px; line-height: 17px; }

            

            

            

            

    /* STŘEDNÍ SLOUPEC *********************************************/

            #sloupec_stred { width: 534px; float: left; }

            #sloupec_stred .datum { background-color: #D1E4F1; height: 21px; padding-top: 7px; text-align: right; padding-right: 20px; font-size: 10px; color: #3F86B1; text-transform: uppercase; font-weight: bold; }

            #sloupec_stred h4 { font-size: 16px; margin: 15px 0px 0px 5px; background-image: url("images/stred_h4.gif"); background-repeat: no-repeat; height: 26px; padding: 0px 0px 0px 25px; color: #155171; clear: both; }

            #sloupec_stred h4 span { font-size: 16px; color: #CB1103; }

            #sloupec_stred p { line-height: 17px; margin: 10px; }

            #sloupec_stred ul li { margin-left: 20px; padding: 7px 0px 0px 20px; background-image: url( "images/point.gif" ); background-position: 1px 5px; background-repeat: no-repeat; list-style-type: none; line-height: 17px; }

            #sloupec_stred div.demo { background-image: url( "images/demo_arrow.gif" ); background-repeat: no-repeat; background-position: 150px 30px; }

                

                #obsah { padding: 0px 20px; }

                #obsah p  { line-height: 17px; padding: 10px 0px; }

                #obsah p.true { font-weight: bold; color: #249302; }

                #obsah p.error { font-weight: bold; color: #CB0114; border: 1px solid #CB0114; background-color: #FF9CA6; margin: 10px 0px; padding: 5px; }

                #obsah h5 { font-size: 14px; margin: 0px; padding: 10px 0px 0px 0px; color: #C10000; }

                #obsah li { margin-left: 20px; padding: 7px 0px 0px 20px; background-image: url( "images/point.gif" ); background-position: 1px 5px; background-repeat: no-repeat; list-style-type: none; line-height: 17px; }

                #obsah span.blue { font-weight: bold; color: #0000FF; }

                #obsah span.red { font-weight: bold; color: #FF0000; }

                #obsah tr { background-color: #AEC7EE; }

                #obsah tr.green { background-color: #9CFF9E; }

                #obsah tr.red { background-color: #FF9CA6; }

                #obsah td { font-size: 11px; padding: 3px 5px; }

                #obsah td.nadpis { background-color: #356AA9; color: #FFFFFF; padding: 3px 5px 3px 5px; font-weight: bold; text-align: center; }

                #obsah td.nadpis-left { background-color: #356AA9; color: #FFFFFF; padding: 3px 5px 3px 5px; font-weight: bold; }

                #obsah td.error { font-weight: bold; color: #FF0000; }

                #obsah td.error input { border: 1px solid #FF0000; background-color: #FFDDDD; }

                #obsah td.koncovky span { float: left; width: 60px; }

                #obsah input { padding: 2px; }

                #obsah form { margin: 10px 0px; }

                #obsah form.kontrola { margin: 0px; padding: 0px; }

                #obsah form.kontrola input { width: 80px; background-color: transparent; padding: 0px; margin: 0px; color: green; border: 0px; font-weight: bold; }

                #obsah input.send { margin-left: 0px; }

            

            

            

            

    /* PRAVÝ SLOUPEC ***********************************************/

            #sloupec_pravy { width: 216px; float: left; }

            #sloupec_pravy h4 { padding: 5px 0px 0px 15px; color: #FFFFFF; font-size: 13px; height: 23px; border-right: 15px solid #3F75B1; background-color: #CB1103; }

            #sloupec_pravy h5 { color: #FFFFFF; background-color: #3F75B1; padding: 4px 0px 4px 30px; background-image: url( "images/sipka_modra.gif" ); background-repeat: no-repeat; background-position: 15px 7px; }

            #sloupec_pravy ul { list-style-type: none; }

            #sloupec_pravy ul li { background-image: url( "images/sipka_cervena.gif" ); background-repeat: no-repeat; background-position: 15px 7px; padding-left: 30px; line-height: 20px; border-bottom: 1px solid #CCCCCC; }

            #sloupec_pravy ul li a { display: block; color: #000000; font-weight: bold; }
            
            #sloupec_pravy #wdbox li a { display: inline; }
            
            #sloupec_pravy #wdbox li { margin-left: 22px; padding: 5px; background-image: none; list-style-type: disc; border: 0px;}

            #sloupec_pravy p { margin: 5px 5px 10px 5px; text-align: justify; line-height: 17px; }

            #sloupec_pravy p.link { text-align: right; margin: -5px 5px 20px 5px; padding: 0px; }

            #sloupec_pravy p span { color: #CB0107; font-weight: bold; }

            #sloupec_pravy p img { margin-top: 5px; }

            #sloupec_pravy p a { font-weight: bold; }

            #sloupec_pravy p.navsteva { text-align: center; }

            #sloupec_pravy #prlinks     { text-align: center; line-height: 25px; }
            

            

            

            

  /* SPODNÍ NABÍDKA S MODRÝM POZADÍM *******************************/

        #bottom_menu { width: 100%; clear: both; text-align: center; background-color: #174074; height: 39px; }

        #bottom_menu p { height: 24px; background-color: #3F75B1; border-bottom: 2px solid #FFFFFF; color: #FFFFFF; padding: 5px;}

        #bottom_menu a { color: #FFFFFF; }

        

        

        

        

  /* KONEC: COPYRIGHT A DOPORUČUJEME *******************************/

      #bottom { margin-top: 10px; }

      

      

      

      /* DOPORUČUJEME **********************************************/

        #doporucujeme { margin-bottom: 10px; text-align: center;}
        
        
        
  /* TWITTER **********************************************/
     #twitter_div ul    { list-style: none; padding: 0px 10px; }
     #twitter_div ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px gray; line-height: normal; }
     #twitter_div span  { display: block; padding-bottom: 3px; }
     #twitter-link      { display: block; text-align: center; margin-bottom: 5px; margin-top: 10px; }
     #twitter-link img  { width: 100px; height: 35px; }      