@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body { background: url(../images/body.jpg) repeat-x #fbfbfb center top; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 13px; color: #333; }

/* hlavni styly */

p 		{ line-height: 150%; text-align: justify; margin-bottom: 10px; }
ul		{ margin-bottom: 10px; }
li		{ background: url(../images/list.gif) no-repeat 4px 6px; line-height: 20px; padding-left: 25px; }
li.sub	{ line-height: 20px; padding-left: 20px; _padding-left: 5px; }
ul, li 	{ list-style-type: none; }
form p 	{ margin: 0; padding: 0; }

a 			{ text-decoration: underline; color: #696; }
a:visited 	{ text-decoration: underline; color: #696; }
a:hover 	{ text-decoration: none; color: #696; }
a img 		{ border: none; }

h1			{ font-size: 30px; margin-bottom: 15px; text-transform: uppercase; padding: 20px 0 0 30px; color: #FFF; float: left; }
h2			{ font-size: 20px; margin-bottom: 15px; text-transform: uppercase; }
h3			{ font-size: 18px; margin-bottom: 10px; color: #693; }
h4			{ font-size: 14px; margin-bottom: 5px; color: #693; }

#page		{ width: 960px; margin: 0 auto; padding: 0 100px; }

#header		{ height: 120px; background: url(../images/header.jpg) right no-repeat; }
#logo		{ float: left; padding: 0 0 0 10px; border: 0; }

ul#navi				{ background: url(../images/navigace.jpg) no-repeat right; height: 32px; line-height: 32px; margin-bottom: 0; padding-right: 225px; text-align: right; }
ul#navi li			{ display: block; padding: 0; line-height: 32px; float: right; margin-left: 1px; background: none }
ul#navi	li a 		{ display: block; background: url(../images/navi-a.jpg) repeat-x; text-decoration: none; float: left; padding: 0 15px; color: #036; font-size: 13px; text-transform: uppercase; font-weight: bold; }
ul#navi	li a:hover 	{ background: url(../images/navi-over.jpg) repeat-x; text-decoration: none; color: #036; }

#StepNavi	{ background:  url(../images/step-navi.jpg) repeat-x; height: 40px; line-height: 40px; padding: 0 15px; margin: 0; font-size: 11px; }
#StepNavi a	{ padding: 0 10px; }

#LeftCol				{ float: left; width: 230px; margin-right: 20px; }

#LeftCol h2 			{ height: 50px; line-height: 50px; color: #FFF; padding-left: 60px; margin-bottom: 0; }
#LeftCol h2.H2Baseball	{ background: url(../images/h2-baseball.jpg) no-repeat;  }
#LeftCol h2.H2Softball	{ background: url(../images/h2-softball.jpg) no-repeat;  }

#LeftCol ul 			{ padding-left: 50px; min-height: 90px; _height: 90px; }
#LeftCol ul li a		{ color: #333; text-transform: uppercase; line-height: 20px; text-decoration: none; font-weight: bold;  }
#LeftCol ul li a:hover	{ text-decoration: underline; }
#LeftCol ul.ULBaseball	{ background: url(../images/ul-baseball.jpg) no-repeat top; }
#LeftCol ul.ULSoftball	{ background: url(../images/ul-softball.jpg) no-repeat top; }

#RightCol				{ float: right; width: 170px; }

#RightCol h2 			{ height: 50px; line-height: 50px; color: #FFF; padding-left: 10px; margin-bottom: 0; }
#RightCol h2.H2Sponzori	{ background: url(../images/h2-sponzori.jpg) no-repeat;  }

#RightCol ul 			{ padding: 0 10px; min-height: 90px; _height: 90px; }
#RightCol ul li a		{ color: #333; text-transform: uppercase; line-height: 20px; text-decoration: none; font-weight: bold;  }
#RightCol ul li a:hover	{ text-decoration: underline; }
#RightCol ul.ULSponzori	{ background: url(../images/ul-sponzori.jpg) no-repeat top; }
#RightCol ul.ULSponzori li	{ background: none; padding-left: 10px }
#RightCol ul.ULSponzori li a	{ font-size: 11px; color: #006600 }
#RightCol ul.ULSponzori li input	{ margin-bottom: 2px; }


#content	{ float: left; width: 520px; margin-top: 4px; }

#DalsiZapasy 	{ background: url(../images/p-stred.jpg) no-repeat bottom; height: 270px; padding-bottom: 10px; margin-bottom: 15px; overflow: hidden; font-size: 12px; }
#DalsiZapasy h2 { background: url(../images/h2-stred.jpg) no-repeat top; height: 50px; line-height: 50px; color: #FFF; padding-left: 20px; margin-bottom: 0; }
#DalsiZapasy h3 { color: #366; padding-left: 20px; margin-top: 15px; text-transform: uppercase; font-size: 13px; margin-bottom: 0; }
#DalsiZapasy p	{ padding: 0 50px 0 20px; margin-bottom: 5px; }
#DalsiZapasy p span { font-weight: bold; }


#bottom	{ line-height: 20px; height: 20px; text-align: center; font-size: 11px; margin-top: 10px; color: #333; } 
#bottom a { color: #696; }

.img_border	{ border: 1px solid #036; padding: 5px; margin-bottom: 10px; }

.clear	{ clear: both; }

/* MY EDIT */

img.novinka {
	padding: 4px;
	margin: 4px;
	width:150px;
	height:100px;
	float: left;
}
.picture {
	width:150px;
	height:100px;
	position:relative;
	margin:1px 5px 1px 5px;
	float:left;
	padding:1px;
	border: 1px solid #a6a6a6;
}
.picture:hover {
	border: 1px solid #818181;
}
.row-first { background-color:#eee; clear:both; height: 12px; padding: 5px 8px 8px 6px; width:510px; }
.row-second { background-color:#FBFBFB; clear:both; height: 12px; padding: 5px 8px 8px 6px; width:510px; }

div.main-roller {
	width:515px;
	border:1px solid;
	border-color:#818181;
	height: 300px;
	padding:6px;
	overflow: auto;
}
.skryty2 {
	display: none;
	cursor:pointer;
	position:absolute;
	border:1px solid;
	padding:3px;
	width: 270px;
	background-repeat:repeat-x;
	margin-left:0px;
	height: 75px;
	background-color:white;
	border-color:silver;
}
.center {
	text-align:center;
}
.styl2 {
	background-color:#BEED61;
}
.styl1 {
	background-color:#FBFBFB;
}

.sezona	{ float: right; margin-top: -20px; width: 150px; }
#filtr	{ border: 1px solid #CCC; padding: 5px; margin-bottom: 15px; }

.HracFotka			{ float: left; margin-right: 20px; margin-bottom: 20px; padding: 5px; border: 1px solid #cae1ad; width: 190px; }
#HracDetail			{ float: right; width: 290px; }
#HracDetail	li		{ background: none; padding-left: 0; border-bottom: 1px solid #e3efd4; height: 25px; line-height: 25px; }
#HracDetail	li span	{ font-weight: bold; display: block; float: left; width: 100px; }

#Scoreboard			{ margin-bottom: 20px; border: 1px solid #e3efd4; padding: 10px; text-align: center; }
#Scoreboard strong	{ color:#693; font-size: 15px; }
#Scoreboard span	{ font-size: 15px; font-weight: bold; padding: 0 10px; }

table#Statistiky 			{ border: none; padding: 1px; width: 100%; margin-bottom: 15px;}
table#Statistiky tr			{ border-bottom: 1px solid #e3efd4; }
table#Statistiky tr th 		{ padding: 0 3px; width: 30px; text-align: center; border-bottom: 2px solid #e3efd4; } 
table#Statistiky tr th.hrac	{ width: 180px; }
table#Statistiky tr td		{ text-align: center; }

.clear-both {clear:both;}

#udalosti 		{ display: block; width: 480px; background: url(../images/udalosti.jpg) no-repeat top; height: 190px; padding: 70px 20px 10px 20px; }