#background {
	background-image: url(../images/kolaslavy/background.gif);
	background-repeat: repeat-y;
	width: 990px;
	padding-bottom: 20px
}

/*header*/
#wheels_title {
	position: relative;
	background-image: url(../images/kolaslavy/title.jpg);
	width: 990px;
	height: 51px;
}

/*------------------------------------------------------------------------------*/

/*div se sirkou skoro cele stranky*/
.information_div {
    clear: both;
	position: relative;
	width: 952px;
	left: 19px;
	color: #d7b369;
    margin-top: 20px;
}

.information_div .title{
	position: relative;
	background-color: #2b0000;
	font-weight: bold;
	position: relative;
	top: 0px;
	width: 952px;
}

.information_div .top{
	background-image: url('../images/kolaslavy/rounded_top_big.gif');
	position: relative;
	width: 952px;
	height: 2px;
	background-repeat: no-repeat;
	font-size:1px;
	line-height:0;
}

.information_div .content {
	background-color: #401816;
	width: 952px;
}

.information_div .content .text{
	position: relative;
	left: 30px;
	width: 912px;
}

.information_div .bottom{
	position: relative;
	width: 952px;
	height: 2px;
	background-image: url('../images/kolaslavy/rounded_bottom_big.gif');
	font-size:1px;
	line-height:0;
}

/*------------------------------------------------------------------------------*/

/*div pro texty, stara se hlavne o odsazeni*/
.text {
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	left: 20px;
	width: 912px;
}

/*maly separator*/
.separator {
	position: relative;
	background-color: #d7b369;
	height: 1px;
	width: 100%;
	font-size:1px;
	line-height:0;
}

/*velky separator pres celou stranku*/
.separator_big {
    clear: both;
	background-image: url(../images/kolaslavy/separator.png);
	background-repeat: repeat-x;
	margin-bottom: 10px;
	margin-top: 10px;
	height: 3px;
	width: 100%;
	clear: both;
}

/*tlacitko*/
.button_in {
	background-image: url(../images/kolaslavy/button_in.gif);
	width: 122px;
	height: 23px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	color: #bf9d55;
	border: 0px;
	background-color: transparent;
	cursor: pointer;
	margin: 5px;
}

.button_out {
	background-image: url(../images/kolaslavy/button_out.gif);
	width: 122px;
	height: 23px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	color: #bf9d55;
	border: 0px;
	background-color: transparent;
	cursor: pointer;
	margin: 5px;
}

/*div pro tlacitka dole na strance*/
.buttons {
	margin: 0 auto;
	text-align: center;
	padding: 10px;
}

.sms_example_div {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-left: 20px;
	width: 350px;
	border: 1px solid #401816;
}

.color_div {
	width: 30px;
	height: 15px;
	border: 1px solid black;
}
/*------------------------------------------------------------------------------*/
/*cervene policko*/
.small_red_area {
	background-image: url(../images/kolaslavy/small_red_area.gif);
	width: 110px;
	height: 23px;
	color:  #d7b369;
}

/*zlute policko*/
.small_yellow_area {
	background-image: url(../images/kolaslavy/small_yellow_area.gif);
	width: 140px;
	height: 23px;
	text-align: center;
	color: #401816;
	margin-left: 8px;
}

.small_red_area .titletext{
	width: 90px;
	position: relative;
	left: 10px;
	top: 5px;
}

.small_yellow_area .boldtext {
	position: relative;
	top: 5px;
	width: 140px;
	font-weight: bold;
	text-align: center;
}

/*------------------------------------------------------------------------------*/
/*div pro kolo a info o nem*/
.wheel {
	margin-top: 10px;
	position: relative;
	left: 20px;
	width: 950px;

}

/*vlastni kolo*/
.wheel .applet {
	position: relative;
	width: 650px;
	text-align: left;
	float: right;
        margin-bottom: 10px;
}

/*info o kole*/
.wheel .info {
	color:  #d7b369;
	width: 265px;
}

.wheel .info .text {
	width: 245px;
	left: 10px;
}

.wheel .info .top{
	background-image: url(../images/kolaslavy/rounded_top_small.gif);
	height: 3px;
	width: 265px;
	font-size:1px;
	line-height:0;
}

.wheel .info .bottom{
	background-image: url(../images/kolaslavy/rounded_bottom_small.gif);
	height: 3px;
	width: 265px;
	font-size:1px;
	line-height:0;
}

/*nadpis pro info*/
.wheel .info .title{
	background-color: #2b0000;
	font-weight: bold;
	text-align: center;
	width: 265px;
}

/*dalsi nadpis v infu*/
.wheel .info .separ_title{
	background-color: #401816;
	font-weight: bold;
	text-align: center;
	width: 265px;
}

/*obycejny div v infu se svetle bordo barvou*/
.wheel .info .common{
	background-color: #401816;
	width: 265px;
}

/*div obsahujici info o sms*/
.wheel .info .sms{
	background-color: #2b0000;
	text-align: center;
	width: 265px;
}

/*zlute policko pro tvar sms*/
.sms_format{
	background-image: url(../images/kolaslavy/small_yellow_line_area.gif);
	margin-top: 5px;
	margin-bottom: 3px;
	color: #401816;
	font-weight: bolder;
	height: 18px;
	width: 246px;
	font-size: 13px;
}

/*------------------------------------------------------------------------------*/
/*tabulka pro vypis kol*/
.wheels_table {
	position: relative;
	width: 912px;
	color: #d7b369;
	border-color: #d7b369;
	border-width: 1px;
	border-style: solid;
}

/*header tabulky*/
.title_table_row {
	font-weight: bold;
	color: #401816;
	background-color: #d7b369;
}

/*lichy radek tabulky*/
.odd_table_row {
    background-color: #501816
}

/*sudy radek tabulky*/
.even_table_row {
    background-color: #501C16
}

/*div pro umisteni tabulky*/
.wheels_table_div {
	position: relative;
	width: 912px;
	padding-top: 5px;
	padding-bottom: 5px;
	left: 20px;
}

tr {
	vertical-align: top;
	color: #d7b369;
}

.rules_tr {
	vertical-align: top;
	color: #000000;
}

a:link {color: #cccccc; text-decoration: none; }
a:active {color: #cccccc; text-decoration: none; }
a:visited {color: #cccccc; text-decoration: none; }
a:hover {color: #d7b269; text-decoration: none; }