/*
*	Online hra
*/

@font-face {
    font-family: 'Conv_TCCB'; 
    src: url('img/fonts/TCCB.eot?#iefix') format('embedded-opentype');
    src: url('img/fonts/TCCB.eot');
    src: local('˘'), url('img/fonts/TCCB.woff') format('woff'), url('img/fonts/TCCB.ttf') format('truetype'), url('img/fonts/TCCB.svg#svgConv_TCCB') format('svg');
    font-weight: normal;
    font-style: normal;
}

#online-hraTop		{	
    padding: 56px 10px 0px 24px;
    background: url('img/rightContent_bg1_top.jpg') top left no-repeat;	
	background-size:cover !important;
}
#online-hraHolder	{	
    background: url('img/rightContent_bg1_bottom.jpg') bottom left no-repeat !important;	
	background-size:cover !important;
}

.online-hraBanner	{	
    background: url('img/game-content.jpg') -0px -0px no-repeat !important;	
}

#gameTimer			{	
    font-size: 60px;
    line-height: 60px;
    font-weight: bold;
    color: #a90000;
    background: url('img/game-timer.gif') center center no-repeat;
    height: 76px;
    text-align: center;	
    font-family: 'Conv_TCCB';
    padding: 10px 0px 30px;
}

#gcont				{	
    color: #383838;
    font-family: Verdana,Arial;
    font-size: 12px;
    line-height: 1.3em;
    padding: 8px 0px 0px 10px;
    color:#383838;	
}

#gcont h2 {
    height: 29px;
    line-height: 29px;
    margin: 0 0 9px;
    padding: 0;
    /*text-indent: -5000px;*/
    background: url("img/game-separator.gif") no-repeat left bottom transparent;
    font-size: 1em;
}

#gcont h2.rozcvicka {
    /*background: url("img/rozcvicka_bg.gif") no-repeat left bottom transparent; */
    color: #000000;
}

#gcont h2.sutazny_mod {
    /*background: url("img/sutazny_mod_bg.gif") no-repeat left bottom transparent;*/
}

#gcont h2.rebricek {
    /*background: url("img/rebricky_hracov_bg.gif") no-repeat left bottom transparent;*/
}

#gcont .game-but-training {
    text-indent: -5000px;
    background: url("img/button1.gif") no-repeat left bottom transparent;   
    width: 174px;
    height: 33px;     
}

#gcont .game-but-run {
    text-indent: -5000px;
    background: url("img/button2.gif") no-repeat left bottom transparent;   
    width: 233px;
    height: 33px;  
}

#gcont .game-but-start {
    text-indent: -5000px;
    background: url("img/button3.gif") no-repeat left bottom transparent;   
    width: 173px;
    height: 33px;  
}

#gcont .game-but-facebook {
    text-indent: -5000px;
    background: url("img/button4.gif") no-repeat left bottom transparent;   
    width: 233px;
    height: 33px;
}

#gcont .game-but-training,
#gcont .game-but-run,
#gcont .game-but-start,
#gcont .game-but-facebook {
    filter: alpha(opacity=80); 
    -khtml-opacity: 0.8;    
    -moz-opacity: 0.8;      
    opacity: 0.8;
}

#gcont .game-but-training:hover,
#gcont .game-but-run:hover,
#gcont .game-but-start:hover,
#gcont .game-but-facebook:hover {
    filter: alpha(opacity=100); 
    -khtml-opacity: 1;    
    -moz-opacity: 1;      
    opacity: 1;
}

p.button-holder {
    text-align: center;
    padding: 20px 0px 30px;
}

.button-holder button {
    cursor: pointer;
}

.marg-bottom-25 {
    margin-bottom: 25px;
}

.game-red			{	
    color:#a90000;	
}

.game-title			{	
    font-weight:bold;
    font-size:1.1em;
    line-height:26px;	
}
.game-title-red		{	
    color:#a90000;
    font-weight:bold;
    font-size:1.1em;
    line-height:26px;	
}

.game-separator		{	
    height:1px;
    line-height:1px;
    font-size:.1em;
    margin-top:10px;
    margin-bottom:8px;
    background:url('img/game-separator.gif') -0px -0px no-repeat;	
}

#online-hraTop div.title {
    background: url("img/title_bg.png") no-repeat scroll 0 0 transparent;
    height: 55px;
    text-indent: -5000px;
    width: 239px;          
}


div.clear {
    float: none;
    clear: both;
    font-size: 0px;
}

div.friends-list {
    padding:8px 0px 0px 10px;
    color:#383838;    
    font-size: 12px;
    font-family: Verdana, Arial;
}

div.friends-list div.friend {
    float: left;
    width: 50px;
    margin: 0px 6px 9px 0px;
    border: none;
}

div.friends-list div.friend div.image {
    text-align: center;
    height: 50px;
    position: relative;
    border: none;
}

div.friends-list div.friend div.image img,
div.friends-list div.friend div.image a {
    border: none;
}

div.friends-list div.friend div.image div.friend-score {
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 9px;
    text-align: center;
    background: rgb(0, 0, 0); /* The Fallback */
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    padding: 1px 0px;
    width: 100%;
}

div.friends-list div.friend div.name {
    font-size: 12px;
}

div.friends-list div.friend-line {
    height: 30px;
}

div.friends-list div.friend-line div.image {
    float: left;
    width: 26px;
}

div.friends-list div.friend-line div.image img {
    width: 22px;
    height: 22px;
}

div.friends-list div.friend-line div.name {
    width: 160px;
    float: left;
    padding-top: 3px;
}

div.friends-list div.friend-line div.poinst {
    width: 60px;
    float: left;
    text-align: right;
    padding-top: 3px;
}

.font-30px {
    font-size: 30px;
}

#friends-list td {
    color: #383838;
    font-family: Verdana;
    font-size: 12px;
    padding: 3px 5px 4px 9px;
    text-align: center;    
}

#friends-list td.text-left {
    text-align: left;  
    width: 100%;
}

#friends-list tr.bg1 td {
    background: url("img/bg1_bg.png") no-repeat scroll right top transparent;
}

#friends-list tr.bold-red td {
    color: #A90000;
    font-weight: bold;    
}

#game-badge	{	position:absolute;top:4px;right:215px;z-index:2500;background: url("img/game-badge.png") no-repeat right top transparent;width:76px;height:76px;cursor:pointer;	}


body.online-hra		{	font-family: Arial, Verdana;	font-size: .9em;	color: #000000;	background: #FFFFFF; padding-left:15px;	}
body.online-hra h1	{		}
body.online-hra h2	{		}

div.filter-selector select {
    font-size: 12px;
    width: 228px;
    padding: 1px;
}