
.newsticker {
/*newsticker width should have the same value as marquee left*/
width:990px;
height:15px;
font-size: 15px;
padding-top: 5px;
font-weight: bold;
background-color: black;
margin:auto;
position:relative;
left:auto;
clear:both;
overflow:hidden;
left: -10px;
color: white;
}

.newsticker p {margin: 0; padding: 0;}

a
{
	color: #cc0000;
}

a img
{
	border: 0px;
}

form
{
	margin: 0px;
    padding: 0px;
}

body
{
    margin: 0px;
    font-family: Tahoma, Helvetica, sans-serif; /* Psmo pro celou strnku */
    font-size: 70%;
	color: black;
	padding-bottom: 10px;
}

#root
{
	width: 990px;
	height: auto;
	margin: auto;
}

#header-cz
{
	width: 990px;
	height: 261px;
	background: url(../obrazky/header.gif) no-repeat;
}

#header-en
{
	width: 990px;
	height: 261px;
	background: url(../obrazky/header_en.gif) no-repeat;
}

#header-de
{
	width: 990px;
	height: 261px;
	background: url(../obrazky/header_de.gif) no-repeat;
}

#header-top
{
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
}

#header-top a
{
	color: black;
	text-decoration: none;
}

.button
{
	width: 28px;
	height: 28px;
	background: url(../obrazky/submit.gif) no-repeat;
	border: 0px;
}

.ul
{
	list-style-image: url(../obrazky/li.gif);
	margin: 0px;
	padding: 0px;
	margin-left: 16px;
}

.ul-line
{
	list-style-image: url(../obrazky/li.gif);
	margin: 0px;
	padding: 0px;
	margin-left: 16px;
}

.ul-line li
{
	margin-bottom: 5px;
}

#fabia
{
	width: 208px;
	height: 84px;
    margin-top: 0;
	padding-left: 526px;
	padding-top: 32px;
	color: white;
	font-weight: bold;
	float: left;
}

#octavia .ul,#fabia .ul {margin:0; padding:0; margin-left:30px; font-size:11px;}
#octavia .ul li { margin-bottom: 6px; }
#fabia .ul li { margin-bottom: 6px; }

#octavia
{
	width: 208px;
	height: 84px;
	float: left;
    margin-top: 0;
	margin-left: 30px;
	padding-top: 32px;
	color: white;
	font-weight: bold;
}

#menu
{	
	width: 971px;
	height: 4px;
	padding-left: 19px;
	padding-top: 11px;
}

#menu a.ml
{
	display: block;
	text-decoration: none;
	color: black;
	font-weight: bold;
	float: left;
	width: 126px;
	text-align: center;
	margin-right: 12px;
    font-size: 11px;
}

#menu #lgs { width:90px; float:left; }
#menu #lcz { display: block; float: left; width:16px; height:12px; background-image:url(../obrazky/cz.jpg); margin-right: 10px; }
#menu #len { display: block; float: left; width:16px; height:12px; background-image:url(../obrazky/en.jpg); margin-right: 10px; }
#menu #lde { display: block; float: left; width:16px; height:12px; background-image:url(../obrazky/de.jpg);  }

#news-nadpis
{
	color: #cc0000;
	font-size: 13px;
	font-weight: bold;
    margin: 0; padding: 0;
}

#newsform
{
	width: 200px;
    padding: 0;
	margin-top: 55px;
	margin-left: 341px;
    height: 60px;
}
#newsform a { font-size: 10px; }
#newsform input[type=submit],#newsform input[type=text]{ float: left;}

#content
{
	width: 970px;
	padding: 0px; margin: 0px;
	padding: 10px;
	height: auto;
	color: #333333;
}

#content h1
{
	font-size: 130%;
	margin: 0px; padding: 0px;
	margin-bottom: 8px;
	margin-top: 5px;
}

#content h1 span
{
	color: #cc0000;
}

#content h2
{
	font-size: 110%;
	margin: 0px; padding: 0px;
	margin-bottom: 8px;
}

#content h2 span
{
	color: #cc0000;
}

#content p
{
	line-height: 160%;
}

#news1
{
	width: 163px;
	height: auto;
	border-right: 1Px dotted #333333;
	float: left;
	line-height: 160%;
	padding-right: 15px;
}

#news2
{
	width: 164px;
	height: auto;
	float: left;
	padding-left: 15px;
	line-height: 160%;
}

#main_img
{
	width: 358px;
	min-height: 327px;
	background: url(../obrazky/moznosti.gif) right top no-repeat;
	padding-right: 612px; 
}

#main_img_en
{
	width: 358px;
	min-height: 327px;
	background: url(../obrazky/icons_en.gif) right top no-repeat;
	padding-right: 612px; 
}

#main_img_de
{
	width: 358px;
	min-height: 327px;
	background: url(../obrazky/icons_de.gif) right top no-repeat;
	padding-right: 612px; 
}

#footer
{
	width: 980px;
	height: 38px;
	border-top: 4px solid #cc0000;
	background-color: #d4d2cb;
	color: #333333;
	padding-top: 10px;
	font-size: 90%;
	padding-left: 5px;
	padding-right: 5px;
}

#footer a
{
	color: #333333;
	text-decoration: none;
}

#doporucujeme
{
	text-align: center;
	color: #999999;
	margin-top: 10px;
}

#doporucujeme a
{
	color: #999999;
}

.table tr th
{
	background-color: #FEBF01;
	color: #333333;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

.table tr td
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.table .suda
{
	background-color: #CCCCCC;
}

.table .licha
{
	background-color: white;
}

.cervena
{
	color: #cc0000;
}

.center
{
	width: 100%;
	text-align: center;
}

.clear {
  clear: both;
  margin: 0;               /* keep flush with adjacent containers */
  padding: 0;
  height: 0;
  overflow: hidden;
}

.left-align
{
	text-align: left;
}

.right-align
{
	text-align: right;
}

.center-align
{
	text-align: center;
}

.left-float
{
	float: left;
}

.right-float
{
	float: right;
}

.no-top
{
	margin-top: 0px;
	padding-top: 0px;
}

.no-bottom
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.tucne
{
	font-weight: bold;
}

/************************** DATE PICKER ****************************/
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}