/*--- 2 sloupce na sub ---*/
.box .column_box .column_right .half_left {
    float: left;
    width: 300px;
    margin: 0 20px 0 0;
    }
.box .column_box .column_right .half_right {
    float: right;
    width: 300px;
    }
.box .column_box .column_right .half_left img,
.box .column_box .column_right .half_right img  {
    vertical-align: middle;
    margin: 0 5px 0 0;
    } 
.box .column_box .column_right .half_left h2,
.box .column_box .column_right .half_right h2  {
    font-size: 90%;
    padding: 5px 0;
    margin: 0 0 5px 0;
    }       
/*--- columns ---*/
.box .column_box {
    padding: 0;
    }
.box .column_box .column_left {
    width: 280px;
    padding: 0;
    float: left;
    display: inline;
    }
.box .column_box .column_right {
    width: 630px;
    padding: 0;
    margin: 0 40px 0 0;
    float: right;
    display: inline;
    position: relative;
    }
/*---- obsah leveho sloupce ----*/
/*---- obsah leveho sloupce ----*/
.subnavigace {
    padding: 0 40px 0 0;
    border-right: 1px solid #000;
    margin: 0 40px 0 30px; 
    }
.subnavigace ul {
    margin: 0;
    padding: 0;
    }
.subnavigace ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: right;
    font-size: 80%;
        width: 170px;
    } 
.subnavigace ul li ul {
    margin: 0 0 10px 0;
    padding: 0;
    }
.subnavigace ul li a {
    display: block;
    padding: 5px;
    color: #000;
    text-decoration: none;
    }       
.subnavigace ul li a:hover,
.subnavigace ul li a.active {
    display: block;
    padding: 5px;
    background: #FF6600;
    color: #fff;
    text-decoration: none;
    }       
.subnavigace ul li ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }  
.subnavigace ul li ul li a {
    display: block;
    padding: 2px 15px 2px 5px;
    font-size: 11px;
    color: #333;
    text-decoration: none;
    background: #fff url('../img/sub_bck_nav_li.gif') 98% 5px no-repeat;
    }       
.subnavigace ul li ul li a:hover,
.subnavigace ul li ul li a.active {
    color: #FF6600;
    display: block;
    padding: 2px 15px 2px 5px;
    font-size: 11px;
    text-decoration: none;
    background: #fff url('../img/sub_bck_nav_li.gif') 98% 5px no-repeat;
    }                 
.subnavigace ul li ul li a.active {
    font-weight: bold;
}    
    
/*---- obsah praveho sloupce ----*/
.box .column_box .column_right h1 {
    padding: 0 0 5px 0;
    margin: 0;
    }
.box .column_box .column_right h2 {
    padding:  0 0 10px 0;
    margin: 0;
    }
.box .column_box .column_right p {
    font-size: 80%;
    padding: 0 0 10px 0;
    margin: 0;
    }
.box .column_box .column_right ul  {
    margin: 10px 0;
    padding: 0;
    }
.box .column_box .column_right ul li {
    list-style-type: square;
    font-size: 80%;
    padding: 0;
    margin: 0 0 0 25px;
    }
    
.box .column_box .column_right img.il {
    float: left;
    margin: 5px 10px 10px 0;
    border: 1px solid #ccc;
    }
.box .column_box .column_right img.ir {
    float: right;
    margin: 5px 0 10px 10px;
    border: 1px solid #ccc;
    } 
.box .column_box .column_right table {
    border-collapse: collapse;
    border: none;
    width: 630px;
    }              
.box .column_box .column_right table th,
.box .column_box .column_right table td {
    border: 1px solid #ccc;
    padding: 5px;
    color: #000;
    font-size: 80%;
    }                
.box .column_box .column_right table th {
    background: #eee;
    }

.box .column_box .column_right div.print {
    padding: 10px 0;
	font-size: 80%;
	text-align: right;
    }
.box .column_box .column_right div.right div.print a {
	padding: 5px 0 5px 25px;
	display: block;
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/     
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

                        /*--- Firemni hraci ---*/
                        
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/     
.box .column_box .column_right .block_hrac {
    float: left;
    border: 1px solid #ccc;
    width: 190px;
    margin: 0 25px 20px 0; 
    }
.box .column_box .column_right .nomargin{
    margin: 0; 
    }
.box .column_box .column_right. .block_hrac .foto {
    width: 190px;
    height: 150px;
    }
.box .column_box .column_right .block_hrac h2 {
    padding: 10px;
    margin: 0;
    font-size: 80%;
    font-weight: bold;
    }
.box .column_box .column_right .block_hrac .odkaz {
    width: 190px;
    height: 23px;
    }
.box .column_box .column_right .block_hrac .odkaz a {
    height: 19px;
    width: 185px;
    padding: 4px 0 0 5px;
    display: block;
    float: right;
    color: #FF6600;
    text-decoration: none;
    font-size: 80%;
    background: #eee url('../img/lupa_v.gif') 166px 0 no-repeat;
    }
.box .column_box .column_right .block_hrac .odkaz a:hover {
    height: 19px;
    width: 185px;
    padding: 4px 0 0 5px;
    float: right;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 80%;
    background: #FF6600 url('../img/lupa_v.gif') 166px -23px no-repeat;
    }                           
            
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/     
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

                        /*--- Firemni hraci DETAIL ---*/
                        
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/     
.box .column_box .column_right .block_detail_hrac_top,
.box .column_box .column_right .block_detail_hrac_bottom,
.box .column_box .column_right .block_detail_hrac_page {
    border: 1px solid #ddd;
    border-bottom: none;
    width: 630px;
    }
.box .column_box .column_right .block_detail_hrac_page {
    border: none;
    border-top: 1px solid #ddd;
    }    
.box .column_box .column_right .block_detail_hrac_top .popis {
    float: left;
    width: 284px;
    border-right: 1px solid #ddd;
    }
.box .column_box .column_right .block_detail_hrac_top .popis h2 {
    font-weight: bold;
    font-size: 80%;
    padding: 5px;
    margin: 0;
    } 
.box .column_box .column_right .block_detail_hrac_top .popis h3,
.box .column_box .column_right .block_detail_hrac_bottom .foto_pas h3,
.box .column_box .column_right .block_detail_hrac_bottom .video h3 {
    font-weight: bold;
    background: #eee;
    font-size: 80%;
    padding: 5px;
    margin: 0;
    }     
.box .column_box .column_right .block_detail_hrac_top .popis p {
    font-size: 80%;
    padding: 5px;
    }
.box .column_box .column_right .block_detail_hrac_top .popis .odkaz {
    font-size: 80%;
    text-align: right;
    padding: 0 5px 5px 0;
    border-bottom: 1px solid #ddd;
    }
.box .column_box .column_right .block_detail_hrac_top .popis .odkaz a {}
.box .column_box .column_right .block_detail_hrac_top .foto {
    float: left;
    width: 345px;
/*    height: 310px;*/
    }
/*--- druha rada ---- foto a video ---*/   
.box .column_box .column_right .block_detail_hrac_bottom .foto_pas {
    float: left;
    width: 284px;
    border-right: 1px solid #ddd;
    }
.box .column_box .column_right .block_detail_hrac_bottom .foto_pas img {
    margin: 5px 0 0 5px;
    }

.box .column_box .column_right .block_detail_hrac_bottom .video {
    float: left;
    width: 345px;
    }
.box .column_box .column_right .block_detail_hrac_bottom .video .pole_video {
    margin: 5px;
//    background: #333;
    height: 178px;
    }
/*--- treti rada ---- strankovani ---*/
.box .column_box .column_right .block_detail_hrac_page .foto_page {
    float: left;
    width: 285px;
    }
.box .column_box .column_right .block_detail_hrac_page .video_page {
    float: left;
    width: 345px;
    }    
.box .column_box .column_right .block_detail_hrac_page .foto_page .ram,
.box .column_box .column_right .block_detail_hrac_page .video_page .ram {
    background: #eee;
    border: 1px solid #ddd;
    border-top: none;
    float: left;
    }
.ram a {
    background: #FF6600;
    color: #fff;
    font-size: 70%;
    display: block;
    text-align: center;
    margin: 3px;
    float: left;
    width: 14px;
    height: 14px;
    text-decoration: none;
    }    
.ram a:hover {
    background: #000;
    color: #fff;
    font-size: 70%;
    display: block;
    text-align: center;
    margin: 3px;
    float: left;
    width: 14px;
    height: 14px;
    text-decoration: none;
    }