body {
    font-size: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align:center !important; 
    color:darkblue;
    font-family: arial;
    margin-top: 0px;
}

li { list-style-type:none;}

.cl-b { clear:both;}
fieldset { border:none; }
img { border:none; }
a { color: darkblue;}
a:hover {text-decoration:none; color:lightblue}
.l { text-align:left;}
.r { text-align:right;}
.c { text-align:center;}
.fl-l {float:left;}
.fl-r {float:right;}	
.in-line-menu {margin:0;}
.in-line-menu li {display:inline; margin-right:7px;}
.small {
	font-size:70%;
}
.b {font-weight:bold;}

h2 {
    font-size:130%;
    margin:0;
    text-align:center;
}

h3 {
    font-size:120%;
    margin:0;
    margin-bottom:15px;
    text-align:center;
}
#sto {
    width:100%;
}
.sto {
    width:100%;
}
#sto td, #sto th { text-align:left; }
table .colored 
{
	background:silver;
	color:white;
	padding:0 5px;
}

/* --------------------------------------- */
#content {
		float:left;
    padding:0;
		margin:0;
    width:786px !important;
    min-height:550px !important;
    text-align:left !important;
		/*
    margin-left:auto !important;
    margin-right:auto !important;
		*/
    background:url('../img/bg_ring_a.gif');
    padding-bottom:15px !important;
}

/* --------------------------------------- */
#top {
    width:780px !important;
    height:80px !important;
    background:url('../img/nadpis.gif') no-repeat !important;
    background-position:150px 18px !important;
    position:relative;
}

#top .logo {
	position:relative; 
    top:15px;
    left:90px;
	display:inline;
	width:50px;
	float:left;
}
#login_form {
	display:inline;
	width:550px;
	float:right;
	margin:0;
	padding-top:1px;
	text-align:right;
}
#login_form form{
	margin:0;
	padding:0;
}
#login_form form input
{
	font-size:11px;
	height:11px;
	width:60px;
}
#login_form .submit {
	color:white;
	height:18px;
	line-height:9px;
	
}
#login_form .prihlasen {
	float:right;
	display:inline;
	margin-left:40px;
}
#login_form .odhlasit {
	margin-left:10px;
	display:inline;
}

#sprava_menu {
	position:absolute;
	top:71px;
	left:175px;
}
#sprava_menu ul {
	margin:0;
	padding:0;
	float:left;
}
#sprava_menu li{
    float:left;
	 display:inline;
    padding:0;
    margin:0;
    background:silver;
	 margin-right:4px;
}
#sprava_menu li a{
    padding:0 4px;
    color:white;
}

div.christmas
{
	position:relative;
	left:51px;
	top:10px;
	background-color:white;
	background-image:url('../img/vanoce.gif');
	background-repeat: repeat-x;
	background-position:top left;
	height:90px;
	width:730px;
	z-index:0;
}
div.christmas h3
{
	text-align:center;
	font-size:14px;
	padding-top:70px;	
	color:red;
	letter-spacing:2px;
	z-index:0;
}
/* --------------------------------------- */
#left {
	font-size:95%;
    padding:0;
    width:114px !important;
    /*height:650px !important;*/
    margin:0 !important;
    padding-left:51px !important;
    margin-top:10px !important;
    float:left !important;
    text-align:right !important;
    font-weight:bold;
}

#left ul {
    padding:0;
    text-align:right;
    margin:0;
}
#left li {
    padding-right:3px !important;
    margin-top:10px;
	line-height:12px;
}

/* pozadi linku trid, obrazek, pozice*/
#left .tridy li {
    margin-top:6px;
	line-height:16px;
    background:url('../img/pencil2_y_short.gif') no-repeat;
    background-position:43px 2px;
}
#left .tridy a {
	padding-right:5px;
    text-decoration:none;
}

#left a {
	text-decoration:none;
}
#left a:hover {
	text-decoration:underline;
}
#left .spodni {
	margin-top:30px;
}
#left .reklama {
	border-top:1px solid black;
	margin-top:70px;
}
/* ---------------- */
#last_news {
    float:left !important;
    width:598px !important;
    height:auto;
	/*background:white ;
    border:1px solid black;*/
	padding:5px 0;
	z-index:5;
	position:relative;
	top:-5px;
	left:10px;
}

#last_news .nadpis {
	background:url('../img/banner_long.gif') no-repeat;
	padding-top:26px; 
	padding-left:10px;
	margin-bottom:0px;
	color:white;
	font-weight:bold;
	height:23px;
	z-index:5;
}
#last_news .text {
	margin-right:10px;
	padding:1px 5px;
	background:#F2D8A4;
}

/* --------------------------------------- */
#middle {
    float:left !important;
    width:577px !important;
    height:auto;
    padding:5px !important;
    margin-left:10px !important;
    margin-top:10px !important;
    background:url('../img/bg_cr_b2.gif') ;
    border:1px solid black;
}

#menu {
    padding:5px 0;
    text-align:center;
    border:1px solid black;
    font-family: cursive;
}
#menu ul {
    margin:0;
    font-weight:bold;
}
#menu li{
    display:inline;
    margin:0 5px;
}


#hop_img {
    width:350px;
    float:left;
    margin-left:20px;    
}

#by_hop_links {
    font-weight:bold;
    margin-top:20px;
    width:100px;
    float:left;
    line-height:25px;
}

/* --------------------------------------- */
#bottom {
    width:786px !important;
    border-top:1px solid brown;
    clear:both;
		float:left;
    text-align:center;
    margin:0 !important;
    padding:10px 0 0 0 !important;
}
/* --------------------------------------- */
.confirm {
    background-color:red;
    padding:5px;
		margin-left:51px;
    text-align:center;
    font-weight:bold;
    color:white;
}
#detail {
    margin:5px;
}
.button {
	border:1px solid #B69D22;
	background:#FFE563;
	text-decoration:none;
	padding:1px 3px;
}
.page {
	margin-bottom:5px;
	border:1px solid #B69D22;
	background:#FFE563;
}

#reklama {
		float:right;
		margin-top:3px;
		margin-right:3px;
		height:468px; 
		width:60px;
}