/* CSS Document */
body{font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #000; background: url('../images/background.png') 50% 0px repeat-y;}
a{text-decoration: none; color: #f76331;}

label.error   {color: #db2307; display: block; margin: 5px 0 0 5px;}

.left{float: left;}
.right{float: right;}
.clear{height: 0px; overflow: hidden; clear: both;}

acronym{border-bottom: 1px dotted #aaa; cursor: help;}

.nodisplay{display: none !important;}

/**/
.shell{width: 1000px; margin: 0px auto;}


/* HEADER */
  .header{height: 110px; width: 1000px; margin-bottom: 80px;}                          
    
    /* LOGO */
    .logo_shell{width: 700px; height: 110px;}
      .logo{padding-top: 55px;}
        .logo a{display: block; float: left; width: 225px; height: 46px; background: url('../images/logo.png') no-repeat;}
        .motto{display: block; width: 470px; height: 46px; font-weight: normal; line-height: 78px; text-align: center; float: left; color: #b0b0b0; font-style: italic; font-size: 12px; font-family: arial;}
    
    /* TOPRIGHT */
    .topright{width: 290px; height: 110px; position: absolute; top: 0px; margin-left: 710px;}
      .search{margin: 0px 0px 20px 0px; text-align: left; }
        .searchform{height: 55px; width: 290px;}
          .divinput{width: 242px; height: 22px; padding: 4px 0px 0px 5px; background: url('../images/search.png') no-repeat;}
            .divinput input{border: 0px; background: url('../images/google.png') no-repeat left;}
          .divsubmit{width: 30px; height: 26px;}
            .divsubmit input{width: 26px; height: 26px; border: 0px; background: #FFF; color: #f46231;}
          .choice{font-size: 10px; text-indent: 10px; color: #787878;}
            .choice label{position: relative; top: -2px; left: -3px;}
            
            
        .options  {font-size: 10px; padding-top: 4px;}
        .options label  {position: relative; top: -3px;}
            
      .sss  {width: 150px;}
    
    /* TOPMENU */
    .topmenu{height: 30px; margin-top: 80px; width: 290px; color: #f76331; font-size: 14px;}
      .topul{}
      .topul li{display: block; float: right; width: 90px; height: 30px; margin-left: 2px;}
        .topul a{display: block; width: 90px; height: 30px; line-height: 32px; background: url('../images/button.png') no-repeat; text-align: center; }
        .topul a:hover{background: url('../images/button_hover.png') no-repeat; color: #FFF;}
      .top_active{background: url('../images/button_hover.png') no-repeat !important; color: #FFF;}
      
  /* MENU */
  .menu{width: 991px; padding-left: 9px; height: 30px; position: absolute; top: 110px; background: url('../images/menu.png') 0px 100% no-repeat #f76331;}
    
        
    #pop_01, #pop_02, #pop_03, #pop_04{background: url('../images/arrow.png') no-repeat right; padding-right: 12px; z-index: 30;}
    .pop_down{display: none; z-index: 30; font-size: 12px; background: #cccccc; border-left: 1px solid #f46231; border-top: 1px dashed #b2b2b2;}
      .pop_down li{text-align: left; line-height: 18px;}
      .pop_down a{color: #373737; display: block; padding: 3px 20px 3px 10px; background: #cccccc;}
      .pop_down a:hover{color: #000000; background: #b6b6b6; border-left: 3px solid #f46231; padding-left: 7px;}
    .ul_shell_1{position: absolute; margin-top: 26px; margin-left: -130px;}
    .ul_shell_2{position: absolute; margin-top: 26px; margin-left: -135px;}
    .ul_shell_3{position: absolute; margin-top: 26px; margin-left: -67px;}
    .ul_shell_4{position: absolute; margin-top: 26px; margin-left: -78px;}
                                            
  /* BREADCRUMBS */
  .breadcrumbs{font-size: 12px; margin: 38px 0px 14px 0px; text-indent: 10px; position: absolute; top: 120px; color: #6d6d6d; }
    .breadcrumbs a{color: #6d6d6d; font-size: 11px; }
    .breadcrumbs a:first-child{font-weight: bold;}
    .breadcrumbs a:hover{color: #f76331; text-decoration: underline;}
                                            
  /* CONTENT */
  .content{background: #fff; min-height: 400px;}
  .content a{}
  .content a:hover{text-decoration: underline;}
  
    /* ARTICLES */
    .articles{width: 720px; color: #353535;}
      
      /* TOP ČLÁNEK */
      .toparticle{margin-bottom: 35px;}
      .toparticle h2{font-size: 24px; font-weight: normal; padding-top: 5px; margin-bottom: 10px;}
      .toparticle h2 a{color: #31a1f7;}
      .toparticle h2 a:hover{color: #f76331; text-decoration: underline;}
      
      .article_top{width: 708px; height: 4px; background: url('../images/clanek/top.png') no-repeat;}
      .article_middle{padding: 0px 10px 15px 15px; min-height: 105px; width: 683px; background: url('../images/clanek/middle.png') bottom repeat-x #e9e9e9; }
      .article_bottom{width: 708px; height: 5px; background: url('../images/clanek/bottom.png') no-repeat;}
      
      .article_info{margin-bottom: 10px; color: #777;}
      .article_info a{}
      .perex{font-size: 12px; line-height: 18px;}
      
      .article{border-bottom: 1px solid #eeeeee; padding-bottom: 20px; margin-bottom: 20px;}
        .article h2{padding-left: 15px; background: url('../images/sipka.png') left center no-repeat; font-size: 18px; font-weight: normal; margin-bottom: 8px;}
      
      .article_text{width: 535px;}  
      .article_image{width: 190px; text-align: center;}
        .article_image img{max-width: 180px;}
      
      .defcat {font-size: 10px; margin-bottom: 8px;}
                                 
      .last_article{border: 0px;}
      
      .navigation{text-align: center; font-size: 14px;}
    
    .no_articles{text-align: center; margin-top: 30px; font-size: 16px;}
    
    .pagination{text-align: center;}
    
    /* RIGHTPANE */
    .rightpane{width: 252px; padding: 5px 0px 10px 15px; border-left: 1px solid #eeeeee;}

    .hpAdvert{margin-top: 20px; margin-bottom: 20px;}
      

  /* ČLÁNEK */
  .clanek{width: 725px; font-size: 12px; line-height: 20px; color: #2d2d2d;}
    .cl_hlavicka{margin-bottom: 40px; min-height: 200px;}
      .cl_hlavicka h1{color: #f76331; font-size: 28px !important; line-height: 36px; font-weight: normal; margin-bottom: 20px; width: 740px; float: left;}
      .cl_info{text-indent: 15px; margin-bottom: 20px !important; width: 740px; font-size: 12px; line-height: 12px;}
      .cl_perex{font-size: 14px; line-height: 20px; width: 690px; font-weight: bold; border-left: 1px solid #f76331; padding: 3px 0px 3px 10px; }
      .cl_adsense_1{width: 250px; background: url('../images/adsense.png') no-repeat; width: 254px; height: 254px;}
      .cl_adsense_2{text-align: center; margin-top: 25px;}
      .clanek p{margin-bottom: 15px;}
      .clanek h2{color: #316ef7; font-size: 20px; font-weight: normal; margin: 50px 0px 15px 0px; border-bottom: 1px solid #afc8fe; padding-bottom: 5px; padding-left: 2px;}
      .clanek h3{color: #316ef7; font-size: 16px; font-weight: normal; margin: 30px 0px 5px 0px; }
      .clanek img{max-width: 700px;}
      .clanek dl{margin: 0px 0px 15px 15px; }
      .clanek dt{}
      .clanek dd{margin-left: 10px; border-left: 2px solid #999; padding-left: 3px;}
      
    .cl_i{padding: 30px 0px 40px 0px; text-align: center;}
    .cl_p{margin-top: 5px; text-align: center; font-size: 12px; color: #b2b1b1;}
      .cl_p span{color: #515151;}
      
    .cl_bar{margin: 50px 0px 40px 0px; background: url('../images/bar1.png') no-repeat; width: 720px; height: 44px; line-height: 44px; color: #515151;}
      .cl_bar a{color: #515151;}
      .cl_bar a:hover{color: #000;}
      .cl_bar img{vertical-align: middle; position: relative; top: -2px; margin-right: 5px;}
      .bar_ul{margin-left: 15px; list-style-type: none !important;}
        .bar_ul li{display: block; float: left; margin-right: 25px; padding: 0px !important; background: none !important;}
        .bar_ul li:hover{color: #000;}
        
        .cl_sdileni{float: left; display: block; margin-right: 5px; margin-left: 0px !important;}
          .popisek_sd{font-size: 12px; color: #515151;}
          .cl_sdileni li{margin-right: 3px; margin-top: 8px; overflow: hidden;}
          .sd_fb{display: block; width: 27px; height: 27px; background: url('../images/icons/bw_fb.png') no-repeat;}
          .sd_tw{display: block; width: 27px; height: 27px; background: url('../images/icons/bw_twitter.png') no-repeat;}
          .sd_li{display: block; width: 26px; height: 27px; background: url('../images/icons/bw_linkuj.png') no-repeat;}
          .sd_em{display: block; width: 28px; height: 27px; background: url('../images/icons/bw_email.png') no-repeat;}
            .sd_fb:hover{background: url('../images/icons/fb.png') no-repeat;}
            .sd_tw:hover{background: url('../images/icons/twitter.png') no-repeat;}
            .sd_li:hover{background: url('../images/icons/linkuj.png') no-repeat;}
            .sd_em:hover{background: url('../images/icons/email.png') no-repeat;}
          .cl_sdileni span{visibility: hidden;}
          
          .related{font-size: 12px; width: 360px;}
            .related h4{font-size: 14px;}
            .relatedul{margin-left: 30px;}
            .relatedul li{}
            .relatedul a:hover{color: #4c81f8;}
        .sdileni_cl{}
        .up_li{float: right !important; margin-right: 10px !important;}
        
        .clanek_failure{font-size: 16px; text-align: center; margin-top: 50px;}
        
        /* třídy do článku */
        .cl_kod{margin: 20px 30px 40px 30px; }
        .cl_kod pre{color: #1629b7; background-color: #eee; padding: 20px;}
        .popisek_kod{text-align: center; font-size: 12px; color: #b2b1b1;}
	         .popisek_kod span{color: #515151;}
        
        .m_input, .m_output, .m_error{margin: 10px 20px 20px 20px !important; font-size: 14px;}
        .m_input{font-family: Courier New; color: #f00;}
        .m_output{font-family: Courier New; color: #00f;}
        .m_error{font-family: Courier New; color: #cc00cc;}
        
        .t_c{color: #f00;}
        .t_m{color: #00f;}
        .t_z{color: #1ba60d;}
        .t_zl{color: #e4e219;}
        .t_o{color: #f76331; font-weight: bold;}
        
        .cl_t{padding: 30px 0px 40px 0px; text-align: center;}
          .cl_t table{margin: 0px auto; min-width: 200px; border: 1px solid #aaa; }
          .cl_t table td, .cl_t table th{padding: 3px 8px; border: 1px solid #aaa; }
          .cl_t table tr:hover{background: #eee;}
          .cl_t table th{background: #eee;}
          
          
          .clanek ul{margin-bottom: 20px; list-style-type: none; margin-left: 0px; margin-left: 15px;}
            .clanek ul li{padding-top: 3px; padding-left: 15px; background: url('../images/odrazka.png') 0px 10px no-repeat;}
        
        .results{display: none;border:1px solid #aaa; margin:30px; padding:15px;}
        
        .nomargin{margin-bottom: 0px !important;}
        
        .authordiv{margin-top: 50px; font-size: 10px;text-indent: 5px;}
        .author{width: 454px; height: 168px; background: url('../images/author.png') 0px 0px no-repeat;}
        .authorfoto{width: 110px; float: left; margin: 17px;}
        .authorinfo{width: 290px; float: right; padding-top: 20px; padding-right: 20px;}
        .authorinfo h3{margin-top: 0px !important; padding-bottom: 4px; border-bottom: 1px solid #d5d5d5; color: #F76331 !important;}
        .authorinfo h3 span{color: #F76331 !important; display: block; float: right; font-size: 14px;}
        .authorpopis{font-size: 12px; padding-top: 10px; line-height: 18px;}
        
        /* DISKUSE */
        .cl_diskuse{margin-top: 25px;}
        .cl_diskuse div{color: #f76331; font-size: 26px; line-height: 28px; font-weight: normal; margin-bottom: 10px;}
          .cldisk_ul{border: 1px solid #d9d9d9; width: 720px; margin-left: 0px !important; margin-bottom: 5px !important;}
          .cldisk_ul li{display: block; width: 710px; height: 25px; line-height: 25px; font-size: 14px; padding-top: 0px !important; color: #313131; padding-left: 10px !important; clear: both;}
          .cl_diskuse{}
            .cl_diskuse a{text-decoration: none; color: #6c6c6c; font-size: 12px;}
            .cl_diskuse a:hover{text-decoration: none; color: #000;}
          .cldisk_ul li:hover{background: #b4cee1 !important; text-decoration: none; color: #FFF;}
          .a_even{background: #ebebeb !important;}
          .a_odd{background: #fff !important;}
            .cl_d_datum{display: block; float: left; width: 120px;}
            .cl_d_text{display: block; float: left; width: 440px;}
            .cl_d_nick{display: block; float: left; width: 150px;}
          .cl_vstup{text-align: right; padding-right: 10px; width: 700px !important; border-top: 1px solid #ccc; background: #fff !important;}
          .cl_vstup:hover{background: #ffffff !important;}
            .cl_vstup a{color: #f76331; font-size: 14px !important;}

/* DISKUSE */
  .diskuse{margin: 10px 0px 40px 0px; width: 720px;}
    .dis_hlavicka{margin-bottom: 60px;}
    .diskuse h2{background: url('../images/discussion.png') no-repeat left; padding-left: 60px; font-size: 24px; color: #313131; height: 42px; line-height: 38px; font-weight: normal; margin-bottom: 10px;}
    .diskuse h3{background: url('../images/add.png') no-repeat left; padding-left: 60px; font-size: 24px; color: #313131; height: 42px; line-height: 38px; font-weight: normal; margin-bottom: 30px;}
      .diskuse h2 a{color: #f76331;}
      .diskuse h2 a:hover{color: #4c81f8;}
      .dis_pocet{position: absolute; height: 42px; z-index: 20; line-height: 34px; font-size: 20px; color: #fff; width: 50px; text-align: center;}
      
      .nomargin {margin-bottom:5px !important;}

      .disperex{font-size: 12px; line-height: 18px; padding-left: 60px; padding-right: 20px; margin-bottom: 45px; font-style: italic;}
   
   .subdiskul{}
    .subdiskul li{display: block; float: left; padding-left: 18px; margin-left: 10px; height: 16px; line-height: 16px;}

    .newcomment {background: url('../images/newcom.gif') 0px 50% no-repeat;}
    .orderup    {background: url('../images/orderup.png') 0px 50% no-repeat;}
    .orderdown  {background: url('../images/orderdown.png') 0px 50% no-repeat;}
  

    .zpet_nahoru{font-size: 14px; position: absolute; margin-left: 490px;}
      .zpet_nahoru a{color: #515151;}
      .zpet_nahoru a:hover{color: #000;}
      .zpet_nahoru img{vertical-align: middle; position: relative; top: -2px;}
   
    .disk_adsense{width: 220px; text-align: center;}

   .nazory{width: 720px; margin-left: 15px;}
   .nazor{width: 700px; background: #fff; margin-bottom: 30px;}
    .nazor_top{height: 19px; border-bottom: 1px solid #BCBCBC;}
      .nazor_id_left{width: 4px; height: 19px; background: url('../images/diskuse/left.png') no-repeat; float: left;}
      .nazor_id_middle{padding: 0px 3px; color: #fff; font-weight: bold; font-family: arial; font-size: 14px; height: 19px; line-height: 19px; background: #f76331; min-width: 5px; float: left;}
      .nazor_id_right{width: 4px; height: 19px; background: url('../images/diskuse/right.png') no-repeat; float: left;}
      .nazor_jmeno{height: 19px; width: 300px; line-height: 19px; font-size: 14px; margin-left: 6px;}
        .nazor_jmeno a{color: #313131;}
        .nazor_jmeno a:hover{color: #f76331; text-decoration: none;}
        .nazor_jmeno span{color: #aaa !important; font-size: 12px; padding-left: 10px;}
      .nazor_sipka{width: 13px;}
      .nazor_datum{height: 19px; width: 200px; font-size: 11px; line-height: 19px; text-align: right; margin-right: 10px;}
      .nazor_text{background: url('../images/diskuse/stin.png') top repeat-x; line-height: 20px; min-height: 20px; padding: 4px; color: #383838; font-size: 12px;}
        .deleted_n{color: #aaaaaa !important; font-style: italic;}
        
      .sunmay{background-color: #eaf4d5;}
        
      .nazor_menu{display: none; position: absolute; margin-left: 570px; margin-top: 19px;}
      .nazor_menu div{width: 129px; border: 1px solid #f76331; background: url('../images/diskuse/shadow.png') no-repeat top #fff;}
        .nazor_menu p{}
        .nazor_menu p a{display: block; width: 119px; font-size: 12px; height: 25px; line-height: 25px; padding-left: 10px; color: #383838; position: relative; top: 0px; z-index: 60;}
        .nazor_menu p a:hover{text-decoration: none; background: #b4e55f; color: #000;}     
        .nazor_menu p a img{margin-right: 10px;}     

  .pridat_novy{margin-top: 100px; background: url('../images/diskuse/shadow2.png') repeat-x top #fff; border: 1px solid #aaa; padding: 20px; width: 600px;}

  .nazor_form{width: 410px;}
  .nazor_popisky{width: 150px; padding-left: 30px; padding-top: 0px;}

  .caranec{height: 2px; overflow: hidden; border-bottom: 1px solid #aaaaaa; width: 398px; position: relative; top: 1px; left: 1px;}
  .inputp{margin-bottom: 15px;}
  .inputp1{margin-top: 15px; padding-left: 40px;}
    .nazor_input_jmeno{border: 1px solid #aaa; height: 20px; font-size: 16px; padding: 3px; width: 190px; margin-right: 10px; margin-left: 1px;}
    .submit_nazor{padding: 10px 0px; width: 140px; font-size: 20px; margin-left: 4px;}
    
    .popisky_ul{list-style-type: square; color: #313131; font-size: 14px; }
      .popisky_ul li{margin-bottom: 5px; line-height: 20px; font-size: 12px;}
  
  .checkbox_zap{position: relative; top: 2px;}
  .no_comments{text-align: center; font-size: 16px; margin-top: 30px;}
  
        
/* PATIČKA */
  .footer{width: 736px; padding: 17px 30px 0px 230px; height: 83px; background: url('../images/footer.png') no-repeat; color: #fff; text-align: center; font-size: 12px; line-height: 14px; margin-top: 80px;}
  .footer_links{text-align: center; margin-bottom: 30px;}
  .footer_links a{color: #000; text-decoration: none;}
  .footer_links a:hover{color: #f76331; text-decoration: underline;}

/* DATABÁZE */
  .db_t{padding: 30px 0px 40px 0px; text-align: left; font-size: 14px;}
  .db_t table{min-width: 200px; border: 1px solid #aaa; width: 100%;}
  .db_t table td, .db_t table th{padding: 8px 8px; border: 1px solid #aaa; text-align: left;}
  .db_t table tr:hover{background: #eee;}
  .db_t table th{background: #eee;}
  .db_zkratka{width: 60px;}
  
  
/* DATABÁZE */
  .db_table{padding: 30px 0px 40px 0px; text-align: left; font-size: 12px;}
  .db_table table{min-width: 200px; border: 1px solid #aaa; width: 100%;}
  .db_table table td, .db_table table th{padding: 5px 8px; border: 1px solid #aaa; text-align: left; vertical-align: middle;}
  .db_table table tr:hover{background: #eee;}
  .db_table table th{background: #eee;}
  .souv_zkratky {width: 120px;}


/* BLANKPAGE */
.blankpage    {}
.blankpage h1 {font-size: 20px; color: #F76331;}

.kontakt      {margin: 20px 10px;}
.kontakt h2   {font-size: 16px; color: #F76331; margin: 10px 0px;}
.kontakt h3   {font-size: 14px; color: #000000; margin: 10px 0px;}
.kontakt p    {margin-bottom: 5px;}

/* mapa webu */
.mw           {padding-top: 5px;}
.mw li        {padding: 3px 0px;}
.mw0          {font-weight: bold; padding-left: 10px; }
.mw1          {font-weight: normal !important; padding-top: 5px;padding-left: 10px; } 
.mw3          {font-weight: bold; padding-left: 10px; }
.mw3>li       {margin-bottom: 5px; }
.mw3>li:before{content: "» "; }
.mw0>li:before{content: "• "; }

/* Poslední komentáře */
.lastcomments     {margin: 10px 0px;}
.lastcomments h3  {margin-bottom: 5px; font-size: 16px !important;}

.hpkom            {background: url('../images/comment.png') 0px 3px no-repeat; padding-left: 20px; margin: 4px 0px; font-size: 11px !important; line-height: 15px !important;}
.hpkom a          {color: #f76331;}
.hpkom a:hover    {color: #f76331;}
.orangestrong     {color: #f76331;}
.hpkomdatum       {font-weight: bold;}

.hpkom1            {background: url('../images/comment.png') 0px 3px no-repeat; padding-left: 20px; margin: 4px 0px; font-size: 11px !important; line-height: 15px !important;}
.hpkom1 a          {color: #000000;}
.hpkom1 a:hover    {color: #f76331;}

/* news */

.h3class          {padding-bottom: 4px; border-bottom: 1px solid #aaaaaa; margin-bottom: 10px; color: #f76331; font-size: 12px;}
.righthref        {float: right; font-size: 11px; font-weight: normal;}
      
.novinka          {line-height: 16px; font-size: 12px; margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #eeeeee; }
.novinka a        {text-decoration: none; color: #F76331 !important; font-weight: bold;}
.novinka a:hover  {text-decoration: underline;}

.newsDatum        {width: 40px; float: left; text-align: center;}
.newsText         {width: 200px; float: right; color: #222222;}
.datumTop         {height: 13px; background: #317cf7; color: #fff; font-size: 10px; line-height: 13px;}
.datumMiddle      {height: 30px; line-height: 28px; font-size: 22px; color: #222222; border: 1px solid #317cf7; background: #fff;}
.datumBottom1     {width: 36px; height: 1px; margin: 0px auto; border: 1px solid #317cf7; border-top: none;}
.datumBottom2     {width: 34px; height: 1px; margin: 0px auto; border: 1px solid #317cf7; border-top: none;}

.lastcomment      {margin-bottom: 20px;}
.commentdiv       {position: absolute; z-index: 1000; font-size: 11px; line-height: 15px;}
.quoted           {width: 202px; height: 13px; background: url('../images/quoted.png') 0px 0px no-repeat;}
.quotedtext       {padding: 5px; background: #efefef; width: 190px; border: 1px solid #a9a9a9; border-top: 0px; -moz-box-shadow: 2px 2px 3px #888; -webkit-box-shadow: 5px 5px 3px #888;
}

.hledame          {text-align: center; height: 267px; line-height: 227px;}
.hledame img      {vertical-align: middle;}

/* anketa */

.hpanketa            {background: url('../images/question.png') 0px 2px no-repeat; padding-left: 20px; margin: 4px 0px; font-size: 11px !important; line-height: 15px !important;}
.hpanketa a          {color: #222222;}
.hpanketa a:hover    {color: #f76331;}
.hpanketadatum       {font-weight: bold;}

.odpoved             {background: url('../images/right.png') 20px 2px no-repeat; padding-left: 40px; margin: 4px 0px; font-size: 11px !important; line-height: 15px !important; cursor: pointer;}
.odpoved1            {background: url('../images/right.png') 20px 2px no-repeat; padding-left: 40px; margin: 4px 0px; font-size: 11px !important; line-height: 15px !important;}
.odpoved:hover       {color: #f76331; text-decoration: underline;}

.alert               {background: url('../images/alert.png') 20px 2px no-repeat; padding-left: 40px; margin: 4px 0px; font-size: 11px !important; line-height: 15px !important;}
.success             {background: url('../images/ok.png') 20px 2px no-repeat; padding-left: 40px; margin: 8px 0px; font-size: 11px !important; line-height: 15px !important;}
.info                {background: url('../images/info.png') 20px 2px no-repeat; padding-left: 40px; margin: 4px 0px; font-size: 11px !important; line-height: 15px !important;}

.successanketa       {display: none;}
.procenta            {margin: 5px 0px 7px 40px; height: 5px; border: 1px solid #aaa; background: #eeeeee;}




#cse-search-results iframe {width: 700px !important;}


.anketa             {margin-top: 30px;}



















