            @font-face {
  font-family: 'Attractive';
  src: url('Attractive-Regular.eot');
	src: url('Attractive-Regular.eot?#iefix') format('embedded-opentype'),
	     url('Attractive-Regular.woff2') format('woff2'),
       url('Attractive-Regular.woff') format('woff'),
	     url('Attractive-Regular.ttf') format('truetype'),
	     url('#Attractive') format('svg');

}



body {
    max-width: 80em;
    color: #202020;
    font-size: 1em;
    text-align:left;
    font-family: Attractive, sans-serif;
    background-color:#fafafa;
    text-align: center;
    margin: 0 auto;
    
}
a, .link_fake {
  color: #000;
  text-decoration: none;
}
a:hover, .link_fake:hover {
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}
   
.vrch {
    margin:0px;
    padding:0px;
    height:102px;
    background-image: url('obr/loga/logoweb.png');
    background-repeat: no-repeat;
    background-position: 99% 50%;
    background-color: #fff;
    border-bottom:3px solid #7196D1;
}
.vrch h1{
    font-size: 22px;
}
.vrch_tymy{
    border-bottom:3px solid #7196D1;
    /*border-top: 3px solid #7196D1;*/
    text-align: left;
    padding: 5px;
    background-color: #fff;
}
.vrch_tymy a{
    margin-left: 55px;
}
.vrch_tymy a img{
    opacity: 0.5;
    border: 0px solid #000;
}   
     
.cele {
    display: grid;
    text-align: left;
    border-top:20px solid #5C87CA;
    background-color:#F2F2F2;
}  

.cele > * {
  margin-bottom: 0.5em;
}

.cele > :last-child {
  margin: 0;
}

@media screen and (min-width: 60em) {
.cele  {
  grid-template-columns: 1fr 2.7fr  1.3fr;
  grid-column-gap: 0.5em;
}

.cele > * {
  margin-bottom: 0;
}

.side_1 {
  order: -1;
	}

.side_1  {
  	padding:0px;
  	margin:0px;
  	border-top: dotted #BCBEAE 1px;
  }
.side_1,  .side_2 li {
  	list-style:none;
    margin: 0px;
  	padding: 0px;
  	/*border-bottom: dotted #BCBEAE 1px;*/
  }
.side_1, .side_2 li a {
  	text-decoration: none;
  	display:block;
  	/* background-color:#E6F4F8; */
  	margin:0px;
  	/*padding: 4px;*/
  }


  }
.side_1  li a span {
 float: right;
  }

 /*
  .content h2  {
   font-size: 2em;
   color: #24678d;
   padding-bottom: 0.5em;
   }
 */
 
.content {
    background-color: #fff;
    border: 1px solid #CBCBCB;    
    background-image: url('mhbl/top_table_gradient.png');
    background-repeat: repeat-x;
    background-position: top;
    padding: 0.3em 0.6em ;
}
    .overflow{
        overflow: auto;
        width: 580px; /*sirka - sirka sloucu*/
    }


  .content h2+p {
        font-size: 1.25em;
        line-height: 1.4;
        text-align: justify;
        padding-bottom: 1em;
        }

 }
}   
/* 
.menu {
    text-align:left;
    float:left;
    width:200px;
    margin:0px;
    padding:3px 3px 3px 3px;
}

.right {
    text-align:left;
    float:right;
    width:280px;
    margin:0px;
    padding:3px 3px 3px 3px;
}  

*/

.reset{
    clear:both;
    line-height:0px;
    font-size:0px
}
#pata{
    font-size:10px;
    text-align:center;
    vertical-align:middle;
    height:20px;
}

menu{
    padding: 8px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #CBCBCB;
}
menu li {
    list-style:none;
    /*padding: 0px;    
    background-image: url('mhbl/menu_li.gif');
    background-repeat: no-repeat;
    background-position: 2px 9px; */    
}
.no_menu{
     list-style:none;    
    padding: 0px;    
    background-image: none;
}
menu li a{
    color:#656565;
    display: block;
    padding: 5px 5px 5px 12px; 
    border-bottom: 1px dotted #DADADA;
    text-decoration: none;
}

menu li a:hover{
    text-decoration: none;
    background-color: #DADADA;
    /*background-image: url('mhbl/menu_li.gif');
    background-repeat: no-repeat;
    background-position: 2px 9px; */    
}
menu li a span{
    vertical-align: super;
}
.menu_prvni{
    font-weight: bold;
    color: #fff;
    background-image: url('mhbl/menu_prvni.png');
    background-repeat: repeat-x;
    background-position: top;
    border-bottom: 1px solid #fff;
    height: 19px;
    vertical-align: middle;
    padding: 5px 0px 0px 5px;
    margin: 0px;
    
}
.menu_prvni a {
    font-weight: bold;    
    color: #fff;
    padding-left: 15px;
    padding-top: 0px;
    background-image: url('mhbl/box_blue.png');
    background-repeat: no-repeat;
    background-position: 0% 40%;
    border: none;
}
.menu_prvni a:hover {
    text-decoration: underline;
    font-weight: bold;
    color:#fff;
    background-color: transparent;
    background-image: url('mhbl/box_blue.png');
    background-repeat: no-repeat;
    background-position: 0% 40%;
    
}



dt{
    margin-top:15px;
    font-weight:BOLD;
}

dd{

}

.tab th {
    font-weight:BOLD;
    padding: 2px;
}
.tab td {
    color: #000000;
    padding: 2px;
}
.tabgal th {

    color:#000000;
    padding: 4px;
    font-size:12px;
    font-family: Attractive, sans-serif;
}
.tabgal td {
    background-color:#E6F4F8;
    border: solid #BCBEAE 1px;
    color: #000000;
    padding: 4px;
    font-size:11px;
    font-family: Attractive, sans-serif;
}

.red{
    color: #FF0000;
}
.left{
    text-align: left;
}
.center {
    text-align:center;
}
.top{
    vertical-align: top;
}
.bottom{
    vertical-align: bottom;
}
.center_bile {
    text-align:center;
    background-color:#555555;
    padding:0px;
    margin:0px;
}
.right {
    text-align:right;
}
.male8 {
    font-size: 0.75em;
}
.zdrojak {
    border: 1px #007591 solid;
    background-color:#F7FCFD;
    padding: 2px;
    margin-left: 56px;
}
.zdrojak2 {
    border: 1px #007591 solid;
    background-color:#F7FCFD;
    padding: 2px;
}
.vypis_box{
    padding-bottom:6px;
    padding-top:6px;
}
.vypis_nadpis{
    background-image: url('mhbl/box_orange.png');
    background-repeat: no-repeat;
    background-position: center left;    
}
.vypis_nadpis a{
    font-family: Attractive, sans-serif;
    font-size: 13px;
    padding: 2px 2px 2px 15px;
    font-weight: bold;
}
.vypis_nadpis a:hover{
    text-decoration: none;
    font-weight:bold;
    font-size: 13px;
}
.vypis_nadpis span{
    float:right;
    font-weight:BOLD;
    padding-right: 6px;
    color:    #656565;
}
.vypis_popis {

    padding: 2px;
    padding-left: 6px;

}
.vypis_info {
    padding: 2px;
    padding-left: 6px;
    text-align:left;

}
.kom_odp0{
    margin-left:0px;
    margin-top:10px;
}
.kom_odp1{
    margin-left:20px;
    margin-top:10px;
}
.kom_odp2{
    margin-left:40px;
    margin-top:10px;
}
.kom_odp3{
    margin-left:60px;
    margin-top:10px;
}
.kom1{
    padding: 2px;
    padding-left: 6px;
    background-color:#E6F4F8;
    border-bottom: solid #DDDED6 1px;
    border-top: solid #BCBEAE 1px;
}
.kom2{
    padding: 2px;
    background-color:#F7FCFD;
}
.kom2_gal{
    padding: 2px;
    min-height:400px;
    _height: 400px;
}
.kom2_gal p{
    padding-left: 5px;

}
.kom3{
    font-family: Attractive, sans-serif;
    font-size: 10px;
    padding: 2px;
    padding-left: 6px;
    background-color:#F7FCFD;
    text-align:left;
    border-bottom: solid #EEEEEA 1px;
}

input, textarea, .inputbook_hledej, .inputbook, .input, .textarea, .textarea_clanek, .textarea_popis, .input_hledej, .forum_quick_find{
    border:1px solid #C0C0C0;
    padding:2px;
    font-size: 13px;
    font-family: Attractive, sans-serif;;
    background: url("mhbl/input_bg.gif") no-repeat 0 0;
    background-color: #fff;
}
.checkbox {
    padding: 0px;
    margin: 1px;
    font-size: 10px;
}
.readonly {
    background-color:#F0F0F0;
    cursor:default;
    background-image: none;
}
.PovinnyUdaj{
    background-color:#E6F4F8;
    font-weight:BOLD;
    padding:2px;
}
.textarea {
    width: 350px;
    height: 150px;
}
.smajl{
    display: inline;
    vertical-align: middle;
    border:0px;
}
.smajl2{
    margin: 2px;
    border: 1px solid #000;
}





.hlasovani_nadpis{

    font-weight: bold;
    padding: 2px;
    width:120px;

}
.hlasovani{
    padding: 2px;
    width:120px;
    text-align:center;
}
.nastenka_nadpis{
    font-family: Attractive, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align:left;
}
.nastenka{
    width:150px;
    text-align:left;
    background-color: #EDEDDC;
    padding:3px;
    margin-right:0px;
    float:right;
}
.mezera{
    border:0px;
    margin-top:16px;
}
.mezera2{
    border:0px;
    margin-top:16px;
    margin-bottom:16px;
}
.vtip{
    border: 1px dotted #2D2D2D;
    padding: 2px;
    margin:5px;
}
.help {
    border-bottom: 1px dotted #000;
    cursor:help;
}
.cotojatka {
    border: 2px #EEEEEA solid;
    background-color:#F7FCFD;
    padding:2px;
 }
 .popisek {
    font-family: Attractive, sans-serif;
    font-size: 10px;
    padding: 1px 3px 1px 3px;
    border: 1px #EEEEEA solid;
    background-color:#F7FCFD;
}
.popisek a{
    font-family: Attractive, sans-serif;
    font-size: 10px;
}
.popisek a:hover{
    font-family: Attractive, sans-serif;
    font-size: 10px;
}
.NahodnyObrazekMenu{
    border:1px solid #000;
}
pre {
    background-color: white;
    overflow: auto;
    font-family: Courier New;
    padding:2px;
    font-size: 11px;
    border:1px solid black;
    text-align: left;
}
code {
    color:blue;
    background-color: #FEFCF5;
    font-family: Courier New;
    text-align: left;
}
.StrankovaniCenter{
    border: 1px #EEEEEA solid;
    background-color:#e8efff;
    text-align:center;
    margin-top:10px;    
}
.NoBorder{
    border:0px solid #000;
}

.suda{
    background-color: #f4f4f4;
}
.licha{

}
.ObrazekUVypisu{
    float:right;
    margin-left:4px;
    border-color:#000;
}
.hide{
    display: none;
}

h3.category_headline  {
   font-size: 1.4em;
   margin: 0.1em 0 0.1em;
      }

td.category_article a {
  text-transform: uppercase;
  border-bottom: 1px dotted ;
  }      

/* SPORT *********************************************************/

    
/* tabulka rozpis, tabulka poradi  */
table.poll,
table.sport_tabulky_sirka,
table.sport_detail_zapasu,
table.forum_tabulky,
table.anketa_menu,
table.stats_table,
table.sport_menu_tabulky,
table.sport_tabulky{
    border-collapse: collapse;
    width: 100%;
    border: 4px solid #EDEDED;

}
table.poll td,
table.sport_tabulky_sirka td,
table.sport_detail_zapasu td,
table.forum_tabulky td,
table.anketa_menu td,
table.stats_table td,
table.sport_menu_tabulky td,
table.sport_tabulky td{
    padding:  5px 2px 5px 5px;
    border-bottom: 1px solid #DADADA;
    cursor: default;    

}
table.poll td a,
table.sport_tabulky_sirka td a,
table.sport_detail_zapasu td a,
table.forum_tabulky td a,
table.anketa_menu td a,
table.stats_table td a,
table.sport_menu_tabulky td a,
table.sport_tabulky td a{
    background-image: none;
    border: none;
    padding: 0px;
}
table.poll th,
table.sport_tabulky_sirka th,
table.sport_detail_zapasu th,
table.forum_tabulky th,
table.anketa_menu th,
table.stats_table th,
table.sport_menu_tabulky th,
table.sport_tabulky th{
    padding: 3px 5px;
    background: #EDEDED;
    border-bottom: 1px solid #DADADA;
    text-align: center;

}


table.sport_detail_zapasu td{
    padding:  5px 2px 5px 5px;
    border-bottom: 0px solid #DADADA;
    cursor: default;    

}    
    
    
.little_nadpis{
    color:orange;
    font-size:11px;
    font-weight:bold;
    cursor:default;
}
.sport_obrazek_hrace{
    background-color:#E6F4F8;
    padding:3px;
    border:1px solid #BCBEAE;
}

.sport_tabulky_sirka {
    border-collapse: collapse;
    border: 0px solid black;
    cursor:default;
    margin-top:3px;
    margin-bottom:3px;
}
    .sport_tabulky_sirka th {
        font-weight:BOLD;
        color:#000;
        padding: 2px 10px 2px 10px;
        text-align:center;
    }

    .sport_tabulky_sirka td {
        border-top: 0px solid #E0E0E0;
        border-bottom:0px solid #656565;
        border-collapse: collapse;
        padding: 2px 8px 2px 8px;
        margin:0px;
    }



/* **************** DISKUSE ************* */

/* Vypis prispevku */
.pris_okraj{
    border:1px solid #BCBEAE;
    margin-bottom:10px;

}
.pris_okraj a{
    text-decoration: none;
}
.pris_okraj a:hover{
    color: #CC0000;
}
.pris_nazev{
    background-color: #E6F4F8;
    margin:0px;
    padding:2px 2px 2px 5px;
    font-weight:bold;
}
.pris_info{
    background-color:#F7FCFD;
    margin:0px;
    padding:2px 2px 2px 5px;
}
.pris_ip{
    color:grey;
}
.pris_clanek{
    padding:2px 2px 2px 5px;
}
.pris_odp{
    border-top:1px dotted #BCBEAE;
    padding:2px 5px 2px 5px;
    text-align:right;
}
.pris_admin{
    border-top:1px dotted #BCBEAE;
    padding:2px 5px 2px 5px;
}




/* Hlasky */
.msg_ok{
    border:1px solid #008000;
    padding:10px 10px 10px 30px;
    margin-bottom: 8px;
    background-color: #DFFFDF;
}
.msg_error{
    border:1px solid #FF0000;
    padding:10px 10px 10px 30px;
    margin-bottom: 8px;
    background-color: #FFDFDF;
}

.err_msg_ok{
    border:1px solid #008000;
    padding:10px;
    margin: 10px;
    background-color: #DFFFDF;
    text-align: left;
    top: 0px;
    left: 50%;
    z-index: 100;
    position: absolute;
    margin-left: -200px;
}
.err_msg_error div
{
    width: 400px;
}
.err_msg_error{
    border:1px solid #FF0000;
    margin: 10px;
    padding:10px;
    background: rgba(255, 223, 223, 0.7);
    text-align: left;
    top: 100px;    
    left: 50%;
    z-index: 100;
    position: absolute;
    margin-left: -200px;
}
.err_msg_error div
{
    width: 400px;
}
.err_msg_error_close{
    padding: 0px;
    margin: 0px;
    text-align: right;
    float: right;
}

.err_msg_error_close{
    padding: 0px;
    margin: 0px;
    text-align: right;
    float: right;
}

.iconCenter{
    display: inline;
    vertical-align: middle;
    border:0px;
}


/* admin menu sport */
.admin_menu, .div_filtr, .forum_navigace{
    text-align:left;
    margin-top: 10px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #CBCBCB;    
    background-image: url('mhbl/top_table_gradient.png');
    background-repeat: repeat-x;
    background-position: top;
}
.absmidle, .absmiddle{
    vertical-align: middle;
    margin-bottom: .25em;
}

.stars_2{
    opacity: 0.6;
}

.stars_3{
    opacity: 0.3;
}


/*reg a lost pass*/
.h1{
    border: 1px solid #7A7A7A;
    padding: 0px;
    width: 100%;
    background-color: #7A7A7A;
    font-weight: bold;
    vertical-align: middle;
    height: 18px;
    line-height: 18px;
    color: #FFFFFF;
}
.h1_box1{
    border: 1px solid #E89C55;
    text-align: left;
    float: left;
    height: 16px;
    margin-right: 5px;
}
.h1_box2{
    background: url('bazar/carList_o_bg.png') top left repeat-x;
    background-color: #DD6B01;
    color: #ffffff;
    font-weight: bold;
    padding: 1px;
    font-size: 11px;
    height: 14px;
    width: 14px;
    line-height: 14px;
    vertical-align: middle;
    text-align: center;
}

/* STRANKOVANI */
.linker{
    text-align: center;
}

.linker strong{
    border: 1px solid #F0F0F0;
    font-weight: bold;
    padding: 2px 4px;
}
.linker a{
    border: 1px solid #AEE4FF;
    text-decoration: none;
    background-color: #D7F2FF;
    padding: 2px 4px;
}
.linker a:hover{
    border: 1px solid #6CCFFF;
    text-decoration: none;
    background-color: #AEE4FF;
}

.PosledniVysledky{
    line-height: 20px;
    margin: 2px;
    padding: 2px 5px 3px 5px;
    font-weight: bold;
    font-size: 0.75em;
}
.PosledniVysledky a{
    text-decoration: none;    
    color: #ffffff;
}
.PosledniVysledky a:hover{
    text-decoration: underline;    
    color: #ffffff;
}
.PosledniVysledky_v{
    background: url('../images/icon/rozpis_v.png') top left no-repeat;
}
.PosledniVysledky_vp{
    background: url('../images/icon/rozpis_vp.png') top left no-repeat;
}
.PosledniVysledky_r{
    background: url('../images/icon/rozpis_r.png') top left no-repeat;
}
.PosledniVysledky_p{
    background: url('../images/icon/rozpis_p.png') top left no-repeat;
}
.PosledniVysledky_pp{
    background: url('../images/icon/rozpis_pp.png') top left no-repeat;
}