﻿body {
	font-family: /*Calibri,*/ Verdana, Sans-Serif;
	font-size: /*.75eM*/ .7eM;
	margin : 10px 0px 0px 0px; /* osazeni celeho tela 20px zezhora */
	padding : 0px;
	color: #221e1f;
	behavior: url(/Style%20Library/csshover.htc) /* emulace :hover pro IE6 */
}

form {
	width: 1004px; /* celkova sirka stranky - pocita se i se svislym posuvnikem */
	margin: 0px auto; /* vycentrovani stranky Opera, FF, IE6+ */
	text-align: center; /* vzcentrovani stranky IE5 */
}
body>form { /* zruseni height pro Operu a FF (pouzivaji min-height v predchozi definici) */
	height: auto;
}

#main {
	float: left;
	text-align: left; /* zarovnani elementu na vycentrovane strance doleva */
}

a {
	text-decoration: none;
	color: #221e1f;
}

a:hover {
	text-decoration: underline;
	color: #d7161f;
}

p {
	margin: 0px 0px 10px;
	padding: 0px;
}

input, select {
	font-family: /*Calibri,*/ Verdana, Sans-Serif;
	font-size: 1eM;
	height: 20px;
	line-height: 20px;
}
input.inputText {
	border: none;
	background: #e3e3dd;
	padding: 0px 10px;
	
}
select {
	border: none;
	background: #e3e3dd;
	padding-left: 10px;
}
image {
	border: 0px;
}

.date {
	font-weight: bold;
}


/* --- obecny seznam horizontalni --- */
ul.horizontalLinks {
	display: block;
	margin: 0px;
	padding: 0px;
}
ul.horizontalLinks li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#siteLinks ul.horizontalLinks li {
	font-weight: bold;
}

/* --- hlavicka --- */
#header {
	width:720px;
	height: 100px;
	position: relative;
	background: url(/img/header.gif) #bdbcaf;
}
h1 {
	position: absolute;
	font-size: 1.2eM;
	margin-top: 60px;
	margin-left: 107px;
}
h1 span {
	color: #ed1c23;
}

#header #headerAnimation {
	position: absolute;
	top: 0px;
	left: 0px;
}


/* --- odkazy na dalsi portaly --- */
#portalLinks {
	height: 20px;
	line-height: 20px;
	width: 720px;	
}
#portalLinks ul {
	float: right;
	padding-right: 10px;	
}
#portalLinks .separator {
	color: #bdbcaf;
}
#portalLinks div {
	float: left;
	padding-left: 10px;
	color: #aeaea3;
}


/* --- odkazy v ramci webu + jazykove verze --- */
#siteLinks {
	height: 20px;
	line-height: 20px;	
	width: 720px;
	background: #edebe5;
}
#siteLinks ul {
	padding-left: 10px;
}
#siteLinks .separator {
	color: #ffffff;
}

#languageLinks {
	float: right;
	padding-right: 10px;
}
#languageLinks .separator {
	color: #221e1f;
}

/* --- hlavni menu --- */
#mainMenu {
	width: 720px;
	height: 40px;
	position: relative; /* menu musi byt relativni a s velkym z-indexem, aby rozbalovaci menu prekrylo ostatni veci na strance */
	z-index: 100;
}
#mainMenu ul li { /* prvek hlavniho menu */
	display: block;
	float: left;
	position: relative; /* element je pozicovan relativne kvuli absolutne umistenym rozbalovacim menu */
	width: 120px;
	height: 40px;
	/*behavior: url(/police/hover.htc); /* emulace li:hover pro IE6 */
	background: #d7161f url(/img/menu-decoration.gif) right top no-repeat;
}
#mainMenu ul li.selected {
	background: #003366 url(/img/menu-decoration-selected.gif) right top no-repeat;
}
#mainMenu ul li:hover ul { /* po najeti mysi nad element se zobrazi podmenu */
	display: block;
}
#mainMenu a { /*element a se zobrazuje jako blok, a vyplnuje cely obsah elementu li */
	display: block;
	width: 120px;
	height: 40px;	
	color: #ffffff;
}
#mainMenu a:hover {
	text-decoration: none;
}
#mainMenu a span { /* pomocny element kvuli odsazeni */
	display: block;
	margin: 6px 30px 0px 10px;
}

#mainMenu ul ul { /* rozbalovaci podmenu */
	background: #c0c0b3 url(/img/menu-rollon-decoration.gif) right top no-repeat;
	opacity: .95; /* castecna pruhlednost Opera + FF*/
	filter:alpha(opacity=95); /* castecna pruhlednost IE */
	position: absolute;
	margin: 0px;
	padding: 0px 0px 0px; /* odsazaeni seznamu zvrchu a zespodu*/
	width: 120px;
	top: 40px;
	left: 0px;
	display: none; /* v zakladnim postaveni neni rozbalovaci menu videt */
}
#mainMenu ul li.selected ul {
	background: #c0c0b3 url(/img/menu-rollon-decoration-selected.gif) right top no-repeat;
}
#mainMenu ul ul li { /* prvek rozbalovaciho podmenu */
	margin: 0px;
	padding: 5px 10px 5px 10px; /* odsazeni polozky seznamu zezdola a zleva */
	height: auto;
	width: auto;
	float: none;
	background: none;
}
#mainMenu ul ul a {
	display: inline;
	color: #221e1f;
}
/*#mainMenu ul ul a:hover {
	color: #d7161f;
	text-decoration: underline;
	color: #ffffff;
}*/
#mainMenu ul ul li:hover {
	background: #003366;
}
#mainMenu ul ul li:hover a {
	color: #ffffff;
}

/* --- submenu (levy sloupec) --- */
#submenu {
	width: 142px;
	float: left;
	text-align: right;
	min-height: 40px; /* zarucuje, ze stred bude vzdy odsazen */
	margin-top: 187px;
}
#submenu ul {
	margin: 0px 20px 0px 10px;
	padding: 0px;
}
#submenu li {
	margin: 0px;
	padding: 0px 0px 2px;
	list-style-type: none;
}
#submenu a.selected  {
	color: #d7161f;
}

/* --- CMS konzole --- */
#authoringConsole {
	font-size: .8eM;
	margin-top: 10px;
	padding: 10px 20px 10px 10px;
	text-align: left;
	background: #edebe5;
}
#authoringConsole a {
	display: block;
}
#authoringConsole hr {
	margin: 2px;
}




/* --- dulezite informace (pravy sloupec) --- */
#importantLinks {
	width: 122px;
	float: right;
	text-align: left;
	margin-top: 15px;
}
#importantLinks h2 {
	margin: 0px 0px 20px;
	padding: 0px;
	font-size: 1.2eM;
}
#importantLinks h3 {
	margin: 0px;
	padding: 0px;
	font-size: 1.1eM;
}
#importantLinks ul {
	margin: 0px 0px 20px;
	padding: 0px;
}
#importantLinks li {
	list-style: none;
}


#phoneContact {
	display: block;
	float: right;
	text-align: left;
	margin: 140px 0px 0px 0px;
	height: 20px;
	line-height: 20px;
	background: #003366 url(/img/phone.gif) left no-repeat;
	width: 122px;
	color: white;
	font-size: 1.3eM;
	font-weight: bold;
}
#phoneContact:hover {
	text-decoration: none;
}
#phoneContact span {
	margin-left: 25px;
}



/* --- vyhledavani v databázi odtažených vozidel--- */
#searchTowedAwayCars {
	float: right;
	text-align: left;
	margin: 20px 0px 0px 0px;
	width: 122px;
	background: #edebe5;
	min-height: 98px;
}
#searchTowedAwayCars div {
	padding: 4px;
}
#searchTowedAwayCars h3 {
	margin: 0px;
	padding: 0px 0px 6px;
	font-size: 1.1eM;
}
#searchTowedAwayCars .inputText {
	float:left;
	width: 74px;
	height: 20px;
	line-height: 20px;
	background: #ffffff;
}
#searchTowedAwayCars .inputImageButton {
	float:left;
}

	
/* --- telo stranky --- */
#body {
	background: #edebe5;
	width: 720px;
	height: 400px; /* minimalni vyska stranky pro IE */
	min-height: 400px; /* minimalni vyska stranky pro IE */
}
#main>#body {
	height: auto;/* zruseni height pro Operu a FF (pouzivaji min-height v predchozi definici) */
}
#body a {
	color: #d7161f;
}
#body a:hover {
	text-decoration: underline;
}

/* --- drobeckova navigace --- */
#breadcrumb {
	float: left;
	padding: 7px 10px 0px;
	width: 460px;
}

/* --- strankovani --- */
#pagingTop {
	text-align: right;
	padding: 7px 10px 0px;
}
#pagingBottom {
	height: 20px;
	line-height: 20px;
	text-align: center;
	clear: both;
	width: 720px;
	background: #edebe5; 
}
#pagingTop a, #pagingBottom a  {
	color: #221e1f;
}
#pagingTop a.selected, #pagingBottom a.selected {
	color: #d7161f;
}
#pagingTop a:hover, #pagingBottom a:hover {
	color: #d7161f;
}




/* --- paticka --- */
#footer {
	margin-top: 20px;
	background: #edebe5;
	width: 720px;
	height: 20px;
	line-height: 20px;
}
#footer div {
	padding: 0px 0px 0px 10px;
}

#actionLinks {
	float: right;
	padding-right: 10px;
}
#actionLinks .separator {
	color: #ffffff	;
}


/* --- hlavni obsah stranky --- */
#content {
	margin: 0px 20px 0px;
	padding: 0px;
}
h2 {
	clear: left;
	font-size: 1.3eM;
	padding: 0px;
	margin: .5eM 0px;
}
h3, h4 {
	font-size: 1.2eM;
	padding: 0px;
	margin: .5eM 0px;
}
#content a {
	text-decoration: underline;
}
.clear {
	height: 0px;
	font-size: 0px;
	clear: both;
}
#content #leftColumn {
	float: left;
	width: 200px;
	margin-top: .5eM;
}
#content #rightColumn {
	float: right;
	width: 440px;
	margin-top: .5eM;
}
#content #leftColumn h2, #content #rightColumn h2 {
	font-size: 1.1eM;
	height: 20px;
	line-height: 20px;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 30px;
	background: url(/img/arrow_news.gif) top left no-repeat #ffffff;
}
#content img {
	margin-bottom:0.5em;
}
#content img[align="left"] {
	margin-right:1em;
}
#content img[align="right"] {
	margin-left:1em;
}


/* --- seznam aktualit --- */
.newsArticle {
	margin-bottom: 20px;
	margin-left: 20px;
	/*line-height: 1eM;*/
	text-align: justify;
}
.newsArticle h3 {
	display: inline;
	font-size: 1eM;
}

/* --- seznam stranek --- */
.article h3 {
	font-size: 1.1eM;
	height: 20px;
	line-height: 20px;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 30px;
	background: url(/img/arrow_news.gif) top left no-repeat;
}
#body .article h3 a {
	color: #221e1f;
	text-decoration: none;
}


/* --- obecne tabulky --- */
td {
	vertical-align:	top;
}
.tableBorder {
	border-collapse: collapse;		
}
.tableBorder td, .tableBorder th {
	padding: 5px;
	border: 1px solid #96947e;
	border-collapse	: collapse;
}

.border {
	border: 1px solid #96947e;
}


.galleryRow {
	clear:left;
	margin-top:1em;
}
.galleryItem {
	float:left;
	margin-left:40px;
}
.galleryItem.firstColumn {
	margin-left:0;
}
.galleryItemDescription {
	margin-top:0.5em;
	text-align:center;
}


/* --- ankety ---- */
.campaignSend {
	font-size: 1eM;
	line-height: 1eM;
	border: none;
	/*background: #bdbcaf url(/police/img/arrow_search.gif) right no-repeat;*/
	background: #bdbcaf;
	border: 1px solid #96947e;
	/*padding: 2px 24px 2px 4px;*/
	margin-left: 20px;
}
