/*     stylovani elementu     */
*{
	margin:0;
	padding:0;
}

strong{
	font-weight: bold;
}
em,blockquote{
	font-style: italic;
}
th{
	text-align: left;
	vertical-align: top;
}
img{
	border: 0;
}

a{
	color: #5D9B12;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}

h1,h2,h3,h4,h5{
	color: #6AA324;
	font-weight: bold;
	text-align: left;
}
h1{
	width: 910px;
	height: 35px;
	margin: 6px 6px 20px;
	padding: 10px 10px 0 38px;
	background: url('../images/design/h1-bg.gif') top left no-repeat;
	font-size: 150%;
	text-align: left;
}
h2{
	font-size: 130%;
}
h3{
	font-size: 110%;
}
h4,h5{
	font-size: 100%;
}

fieldset{
	margin: 5px 0;
	padding: 5px;
	border: 1px #ABE06D solid;
}
legend{
	padding: 0 5px;
	color: #6AA324;
	font-weight: bold;
	font-size: 110%;
}

	

	

/*     obecne tridy     */
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.fright{
	float: right;
}
.left{
	text-align: left;
}
.fleft{
	float: left;
}
.clear{
	clear: both;
}
.normal{
	font-weight: normal;
}

table.visibleTable{
	margin: 10px 0;
	border-top: 1px #D1F8FE solid;
	border-left: 1px #D1F8FE solid;
}
table.visibleTable th,table.visibleTable td{
	border-right: 1px #D1F8FE solid;
	border-bottom: 1px #D1F8FE solid;
	padding: 3px 5px;
}

p.hlaska{
	text-align: center;
	font-weight: bold;
	font-size: 110%;
}

.pagination{
	margin: 20px auto;
	width: auto;
	border-top: 2px #D1F8FE solid;
	border-bottom: 2px #D1F8FE solid;
	border-left: 3px #D1F8FE solid;
	border-right: 3px #D1F8FE solid;
	padding: 3px 0;
	text-align: center;
	font-size: 140%;
}

.exception{
	margin: 0 30px;
	font-size: 120%;
}

.obligatory{
	color: red;
	font-weight: bold;
}
.formDescription{
	font-size: 90%;
}

img.callendar_icon{
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid red;
}
img.callendar_icon:hover{
	background-color: red;
}








/*     Layout    */

body{
	font: 85% "Trebuchet MS",Sans-Serif;
	background-color: #9DEFFD;
	color: #00A0BB;
}
#page{
	width: 968px;
	min-height: 600px;
	padding: 0 12px;
	background: #fff url('../images/design/bg.gif') top left repeat-y;
	text-align: left;
}

#top{
	width: 968px;
	height: 89px;
	background: #8EEEFF url('../images/design/top-bg.jpg') top left no-repeat;
}

#logo {
	width: 190px;
	height: 64px;
	position: absolute;
	left: 88px;
	top: 12px;
	overflow: hidden;
	cursor: hand;
	z-index: 2;
}
#logo span {
	display: block;
	width: 190px;
	height: 64px;
	position: absolute;
	left: 0;
	top: 0;
	z-index:3;
	background: url('../images/design/logo.gif') top left no-repeat;
	cursor: pointer;
}

#menu{
	width: 968px;
	margin-top: 1px;
	background: #0DC64B url('../images/design/menu-bg.gif') top left repeat-y;
}
#menu ul{
	padding: 0 48px;
	list-style: none;
	display: table;
}
#menu ul li{
	display: block;
	padding: 10px;
	float: left;
	font-size: 120%;
	font-style: italic;
}
#menu ul li a{
	color: #fff;
	text-decoration: none;
}
#menu ul li a:hover{
	text-decoration: underline;
}


#content{
	min-height: 400px;
	padding-bottom: 20px;
}

#bottom{
	clear: both;
	width: 968px;
	padding-top: 18px;
	background: #fff url('../images/design/bottom-top.gif') top left no-repeat;
}
#bottomtext{
	display: table;
	width: 968px;
	min-height: 20px;
	padding: 15px 0;
	background: #04B640 url('../images/design/bottom-bg.gif') top left repeat-y;
	color: #fff;
}
#bottomtext a{
	color: #fff;
}
#bottomtext #inzerce{
	text-align: right;
	margin: 0 50px 10px;
}
#bottomtext #copy{
	float: left;
	margin-left: 50px;
}
#bottomtext #devel{
	float: right;
	margin-right: 50px;
}

#textPage{
	margin: 0 30px;
}

	

	


/*   detail kategorie katalogu   */
.catalogListItemClassic{
	width: 903px;
	margin: 0 0 10px 30px;
	background: url('../images/design/katalog-box-bg.gif') top left repeat-y;
}
.catalogListItemClassic .catalogListItemClassicContent{
	min-height: 40px;
}
.catalogListItemClassic .catalogListItemClassicBottom{
	width: 903px;
	height: 11px;
	clear: both;
	background: url('../images/design/katalog-box-bottom.gif') bottom left no-repeat;
}
.catalogListItemClassicImage{
	width: 65px;
	height: 60px;
	float: left;
	margin: 5px 0 0 5px;
}
.catalogListItemClassic h2{
	padding: 10px 15px 10px 70px;
	margin: 0;
	font-size: 125%;
}
.catalogListItemClassicContent{
	margin-left: 70px;
}

/* zpetna navigace */
.backNav{
	width: 910px;
	height: 21px;

	margin: -19px 6px 20px;
	padding: 2px 10px 0 38px;
	background: url('../images/design/backnav-bg.gif') top left no-repeat;
}
.backNav a{
	color: #00A0BB;
}

/* podkategorie */
.catalogSubCats{
	display: table;
	list-style: none;
	width: 903px;
	margin: 0 0 10px 30px;
}
.catalogSubCats li{
	height: 21px;
	float: left;
	width: 270px;
	padding: 0 0 0 30px;
	margin: 0 0 15px;
	background: url('../images/design/subcat-icon.gif') top left no-repeat;
}
.catalogSubCats a{
	color: #7C7978;
}

/*  vyber okresu a mesta  */
.catalogSelect{
	margin: 0 10px 20px;
	border: 1px #9DEFFD solid;
}
.catalogSelectDistrict{
	border-bottom: 1px #9DEFFD solid;
	padding: 5px;
}
.catalogSelectTown{
	padding: 5px;
}


/*   detail polozky   */
.catalogDetailClassic{
	margin: 0 30px;
}
.catalogDetailClassicDescription{
	margin:  20px 0;
}
.catalogDetailClassicBlock{
	width: 412px;
	margin-top: 20px;
	margin-right: 40px;
	float: left;
}
.catalogDetailClassic h2{
	width: 412px;
	height: 30px;
	padding: 8px 20px 0 20px;
	background: url('../images/design/katalog-detail-h2-bg.jpg') top left no-repeat;
}
.catalogDetailClassicBlockContent{
	padding: 10px 20px;
}
.catalogDetailClassicBlockContent th,.catalogDetailClassicBlockContent td{
	padding: 2px 0;
}
.catalogDetailClassicBlockContent th{
	font-weight: normal;
	padding-right: 15px;
}
.catalogDetailClassicBlockContent td{
	font-weight: bold;
}


.catalogObceVybavenost th{
	font-weight: bold;
}
.catalogObceVybavenost td{
	font-weight: normal;
}
	







/*  stav silnic  */
table.doprava{
	border-top: 1px #E6ECB6 solid;
	border-left: 1px #E6ECB6 solid;
	margin: 20px 0;
}
table.doprava td, table.doprava th{
	border-right: 1px #E6ECB6 solid;
	border-bottom: 1px #E6ECB6 solid;
	padding: 2px 5px;
}


/*  kamery na D1   */
div.kamery{
	width: 230px;
	height: 210px;
	float: left;
	margin-right: 30px;
}
div.kamery .desc{
	font-size: 90%;
}






/* reklama  */
.reklama{
	text-align: center;
}