/*
 * screen.css - styl pro zobrazeni na obrazovce
 * Autor: Radek Liska, radarfox at seznam.cz 
 */

/* ==============================================[ pozicni bloky ] */

body {
	margin-top: 7px;
	padding: 10px 0 10px;
	color: #666;
	text-align: center;
	font-size:12px;	
}

#all {
	position: relative;
	margin: 0px auto;
	padding: 180px 0 0;
	width: 996px;
	text-align: left;
}

#wrap {
	background: url(../img/wrap.gif) repeat-y;
}

#inner {
	float: right;
	width: 747px;
	overflow: hidden;
}

table {
	font-size:12px;
  text-align:left;	
}
/* ==============================================[ sloupec ] */

#lcolumn,
#rcolumn {
	float: left;
	padding: 15px 0 15px;
	width: 239px;
	background: url(../img/lcolumn.gif) no-repeat right top;
	color: white;
}

#rcolumn {
	float: right;
	background-image: url(../img/rcolumn.gif);
}

/* ==============================================[ obsah ] */

#main {
	float: left;
	width: 498px;
	border-top: 5px solid #ccc;
	background: url(../img/main.gif) no-repeat right top;
	overflow: hidden;
	z-index:10;
}

#main .container {
	margin: 10px 15px;
}

/* ==============================================[ hlavicka ] */

#head {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 180px;
}

/* ==============================================[ paticka ] */

#foot {
	padding: 35px 0 0;
	background: url(../img/foot.gif) no-repeat;
	text-align: right;
}

#foot .container {
	margin: 0;
	padding: 15px;
	border: 1px solid #999;
}

#foot a {
	color: #666;
	text-decoration: none;
}

#foot a:hover {
	text-decoration: underline;
}

/* ==============================================[ logo ] */

#logo {
	position: absolute;
	top: 47px;
	left: 0;
	z-index: 2;
	margin: 0;
	width: 747px;
	height: 147px;
}

#logo a {
	display: block;
	height: 100%;
}

#logo span {
	display: none;
}

/* ==============================================[ menu v hlavicce ] */

#topmenu {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 747px;
	list-style: none outside;
	overflow: hidden;
}

#topmenu li {
	float: left;
	padding: 0 14px;
	border-right: 1px solid #666;
}

#topmenu li.last {
	border-right: none;
}

#topmenu a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

#topmenu a:hover {
	text-decoration: underline;
}

/* ==============================================[ piktogramy v hlavicce ] */

#piktogram {
	position: absolute;
	top: 17px;
	left: 771px;
	margin: 0;
	padding: 0;
	width: 210px;
	height: 150px;
	list-style: none outside;
	z-index:1000000000000
}

#piktogram li {
	float: left;
	width: 70px;
	height: 75px;
}

#piktogram a {
	display: block;
	position: relative;
	height: 100%;
}

#piktogram span {
	display: none;
}

/* ==============================================[ menu ve sloupci ] */

#sidemenu {
	margin: 0;
	padding: 0;
	font-size: 117%;
	list-style: none outside;
}

#sidemenu li {
	border-bottom: 1px dotted #c73f33;
}

#sidemenu a {
	display: block;
	padding: 6px 15px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
}

#sidemenu a:hover {
	background: #eee;
	color: #c73f33;
}

#submenu {
  display:block;
	padding-left: 20px;
	font-size: 100%;
	text-align:left;
	list-style: disc outside;
}

.pdf {
  display:block;
	text-align:left;
	list-style-type: none;
}

#submenu li {
	border-bottom: 1px solid RGB(169,52,39);
}

#submenu a {
	display: block;
	padding: 6px 15px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
	background: RGB(169,52,39);
}

#submenu a:hover {
	background: #eee;
	color: #c73f33;
}
#submenu2 {
	margin-left: 10px;
	padding-left: 0px;
	font-size: 90%;
	list-style: none outside;
}

#submenu2 li {
	border-bottom: 1px solid RGB(169,52,39);
}

#submenu2 a {
	display: block;
	padding: 6px 15px;
	color: white;
	font-weight: normal;
	font-style:italic;
	text-decoration: none;
	letter-spacing: 1px;
	background: RGB(169,52,39);
}

#submenu2 a:hover {
	background: #eee;
	color: #c73f33;
}
#submenu3 {
	margin-left: 20px;
	padding-left: 0px;
	font-size: 70%;
	list-style: none outside;
}

#submenu3 li {
	border-bottom: 1px solid RGB(169,52,39);
}

#submenu3 a {
	display: block;
	padding: 6px 15px;
	color: white;
	font-weight: normal;
	font-style:italic;
	text-decoration: none;
	letter-spacing: 1px;
	background: RGB(169,52,39);
}

#submenu3 a:hover {
	background: #eee;
	color: #c73f33;
}
/* ==============================================[ mapa ve sloupci ] */

#mapa {
	width:230px;
	height:106px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../img/mapa.gif) no-repeat center top;
}

#mapa_text {
	margin: 15px 0 0;
	padding: 0px 15px 0;
}

#mapa_text h2 {
	color: white;
	font-size: 117%;
}

#mapa_text p {
	padding: 0 0 0 15px;
}

/* ==============================================[ partnery ve sloupci ] */

#partnerska_mesta {
	width:230px;
	height:106px;
	color: #ffffff;
}

#partnerska_mesta_text {
	margin: 15px 0 0;
	padding: 0px 15px 0;
}

#partnerska_mesta h2 {
	color: #ffffff;
	font-size: 117%;
}

#partnerska_mesta a {
	padding-left: 20px;
	color: #ffffff;
}

/* ==============================================[ boxy ve sloupci ] */

.box {
	border-bottom: 1px dotted white;
}

.boxlast {
	border-bottom: none;
}

.box h3,.boxlast h3 {
	margin: 10px 15px;
	color: white;
	font-size: 117%;
}

.box .container,.boxlast .container {
	margin: 10px 15px;
}

.box ul,.boxlast ul {
	margin: 0 15px;
	padding: 0;
	list-style: none outside;
}

.box a,.boxlast a {
	color: white;
	text-decoration: none;
}

.box a:hover,.boxlast a:hover {
	color: white;
	text-decoration: underline;
}

/* ==============================================[ mimon vcera - slideshow ] */

#slide {
	border-bottom: 10px solid #585858;
	background: url(../img/slide.gif) no-repeat;
	height:125px;
}

#slide .container {
	margin: 18px 5px 21px;
}

#slide .img {
	float: left;
	padding: 0 4px;
	white-space: nowrap;
}

#slide img {
	width: 90px;
	height: 70px;
}


/* ==============================================[ menu ] */
.glossymenu{
margin: 25px 0;
padding:0px;
width: 239px; /*width of menu*/
}

.glossymenu a.menuitem{
background: #c73f33;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background: #eee;
color:black;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: RGB(169,52,39);
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid RGB(169,52,39);
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
text-decoration: none;
padding: 1px 0;
padding-left: 25px;
}

.glossymenu div.submenu ul li a:hover{
background: #eee;
color: RGB(169,52,39);
}

.newsmenu{
margin: 0;
padding:0px;
width: 470px; /*width of menu*/
}

.newsmenu a.menuitem{
background: white;
font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#c73f33;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 2px;
text-decoration: none;
}


.newsmenu a.menuitem:visited, .newsmenu .menuitem:active{
color:#c73f33;
text-decoration:underline;
}

.newsmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.newsmenu a.menuitem:hover{
background: white;
color:#c73f33;
}

.newsmenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.newsmenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.newsmenu div.submenu ul li{
border-bottom: 1px solid white;
}

.newsmenu div.submenu ul li a{
display: block;
font: normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 1px 0;
padding-left: 0px;
}

.newsmenu div.submenu ul li a:hover{
background: white;
color:#c73f33;
text-decoration:underline;
}
/* ==============================================[ konec menu ] */
img {

}

#mestska_policie a{
	position: absolute;
	top: 291px;
	left: 325px;
	width: 60px;
	height: 30px;
	z-index:100;
	border:1px solid yellow;
}

.thumbnail {
width:130px;
height:130px;
display:block;
float:left;
}
.thumbnail p{
padding-left:7px;
}

.anketa {
color:white;
margin:0;
padding:0;
}
.anketa table tr td{
color:white;
margin:0;
padding:0;
}
.anketa img{
border:0px solid black;
margin:0px;
padding:0px;
display:inline;
}
#submit_anketa{
color:black;
background:gray;
margin:2px;
padding:0;
border:0;
}
/*skryte odkazy */
.skryj	{ 
position:absolute; 
left:-1000px; 
top:-1000px; 
width:1px; 
height:1px; 
overflow:hidden;
}

.news-img {
	float: left;
}

.news-img img {
	width: 90px;
	border: 0;
	margin: 0;
}

.news-border {
	border: 1px solid gray;
	width: 360px;
	padding: 3px 5px;
	float: right;
}

.banner{
border:0px solid black;
margin:2px;
padding:0px;
}