/*
10px - 65%
11px - 70%
12px - 75%
13px - 80%
14px - 85%
15px - 90%
16px - 95%
17px - 100%
...
*/
body {
	padding:			0px;
	margin:				0px;
	background:			#454545 url(../img/body_bg.gif) repeat-x;
	text-align:			center;
	}
h1 {
	font-weight: normal;
	font-size: 160%;
}
h2 {
	font-size: 110%; 
	margin-bottom: 1.4em;
	text-align: left;
}
h3 {
	font-size: 140%; 
	margin-bottom: 1.4em;
	text-align: left;
}
form {
	padding:			0px;
	margin:				0px;
	}
ol, ul {
	margin-top:			5px;
	margin-left:		20px;
	}
li {
	list-style-image:	url(../img/li.gif);
	}
a:link {
	font:	 			normal 100% tahoma, arial, verdana;
	color: 				#ffffff;
	text-decoration:	underline; 
	}
a:visited {	
	font:	 			normal 100% tahoma, arial, verdana;
	color: 				#ffffff;
	text-decoration:	underline;
	}
a:hover {
	font:	 			normal 100% tahoma, arial, verdana;
	color: 				#ffffff;
	text-decoration:	underline;
	}
.clear {
	clear:				both;
	}
.clear_left {
	clear:				left;
	}
select {
  color: #ffffff;
  background: #E6A804;
  border: 1px solid #EFB104;
  font-size: 11px;
  font-family: Tahoma, Arial, Verdana;
  }
.input {
  color: #ffffff;
  background: #E6A804;
  border: 1px solid #EFB104;
  font-size: 11px;
  width: 220px;
  font-family: Tahoma, Arial, Verdana;
  }
.button {
  color: #ffffff;
  background: #E6A804;
  border: 1px solid #EFB104;
  font-size: 11px;
  font-family: Tahoma, Arial, Verdana;
  }
form { 
	margin: 0px;
	display: inline;
	}
image {  
	text-decoration: none; 
	border: 0px; 
	}
/*************************************  hlavicka *************************************/
.head_top {
	margin:				auto;
	width:				785px;
	height:				58px;
	background:			url(../img/head_1.jpg) no-repeat;
	font:	 			bold 65% tahoma, arial, Verdana;
	color: 				#A2A2A2;
	}
.in_head_top {
	padding-top:		40px;
	}
.head {
	margin:				auto;
	width:				785px;
	height:				131px;
	}
/************************************ // hlavicka ************************************/
.content {
	margin:				auto;
	width:				785px;
	background:			url(../img/content_bg.gif) repeat-y;
	}
/************************************* levy sloupec *************************************/
.leftrow {
	float:				left;
	width:				180px;
	background:			url(../img/leftrow_bg.gif) repeat-y;
	text-align:			left;
	}
.leftrow .top {
	width:				180px;
	background:			url(../img/leftrow_top.jpg) no-repeat;
	}
.leftrow .bottom {
	width:				180px;
	background:			url(../img/leftrow_bottom.jpg) no-repeat 0% 100%;
	}
/* oddeleni */
.dep {
	padding:			10px 15px 50px 44px;
	}
.dep_item {
	padding:			0px 10px 0px 0px;
	background:			url(../img/dep_item_bg.gif) no-repeat 100% 0%;
	text-align:			right;
	}
.dep_item_check {
	margin:				3px 0px;
	height:				2px;
	background:			url(../img/hr.gif) repeat-x;
	}
#dep1 img, #dep1_act img {
	width:				110px;
	height:				20px;
	border:				0px;
	}
#dep2 img, #dep2_act img {
	width:				110px;
	height:				20px;
	border:				0px;
	}
#dep3 img, #dep3_act img {
	width:				110px;
	height:				20px;
	border:				0px;
	}
#dep4 img, #dep4_act img {
	width:				110px;
	height:				20px;
	border:				0px;
	}
#dep5 img, #dep5_act img {
	width:				110px;
	height:				20px;
	border:				0px;
	}
#dep6 img, #dep6_act img {
	width:				110px;
	height:				20px;
	border:				0px;
	}
#dep7 img, #dep7_act img {
	width:				110px;
	height:				20px;
	border:				0px;
	}
#dep8 img, #dep8_act img {
	width:				110px;
	height:				20px;
	border:				0px;
	}
#dep9 img, #dep9_act img {
	width:				110px;
	height:				20px;
	border:				0px;
	}
#dep10 img, #dep10_act img {
	width:				110px;
	height:				20px;
	border:				0px;
	}
#dep1 {
	background:			url(../images/dep/informace.gif) no-repeat 100% 0%;
	}
#dep1 a:hover img, #dep1_act {
	background:			url(../images/dep/informace_act.gif) no-repeat 100% 0%;
	}
#dep2 {
	background:			url(../images/dep/draha.gif) no-repeat 100% 0%;
	}
#dep2 a:hover img, #dep2_act {
	background:			url(../images/dep/draha_act.gif) no-repeat 100% 0%;
	}
#dep3 {
	background:			url(../images/dep/fotky.gif) no-repeat 100% 0%;
	}
#dep3 a:hover img, #dep3_act {
	background:			url(../images/dep/fotky_act.gif) no-repeat 100% 0%;
	}
#dep4 {
	background:			url(../images/dep/mapa.gif) no-repeat 100% 0%;
	}
#dep4 a:hover img, #dep4_act {
	background:			url(../images/dep/mapa_act.gif) no-repeat 100% 0%;
	}
#dep5 {
	background:			url(../images/dep/cenik.gif) no-repeat 100% 0%;
	}
#dep5 a:hover img, #dep5_act {
	background:			url(../images/dep/cenik_act.gif) no-repeat 100% 0%;
	}
#dep6 {
	background:			url(../images/dep/rekordy.gif) no-repeat 100% 0%;
	}
#dep6 a:hover img, #dep6_act {
	background:			url(../images/dep/rekordy_act.gif) no-repeat 100% 0%;
	}
#dep7 {
	background:			url(../images/dep/kontakt.gif) no-repeat 100% 0%;
	}
#dep7 a:hover img, #dep7_act {
	background:			url(../images/dep/kontakt_act.gif) no-repeat 100% 0%;
	}
#dep8 {
	background:			url(../images/dep/online.gif) no-repeat 100% 0%;
	}
#dep8 a:hover img, #dep8_act {
	background:			url(../images/dep/online_act.gif) no-repeat 100% 0%;
	}
#dep9 {
	background:			url(../images/dep/webkamera.gif) no-repeat 100% 0%;
	}
#dep9 a:hover img, #dep9_act {
	background:			url(../images/dep/webkamera_act.gif) no-repeat 100% 0%;
	}
#dep10 {
	background:			url(../images/dep/partneri.gif) no-repeat 100% 0%;
	}
#dep10 a:hover img, #dep10_act {
	background:			url(../images/dep/partneri_act.gif) no-repeat 100% 0%;
	}
/************************************ // levy sloupec ************************************/

/************************************ prostredni cast ************************************/
.center {
	float:				left;
	width:				551px;
	}
.in_center {
	width:				551px;
	min-height:			430px;
	background:			transparent url(../img/center_top.jpg) no-repeat;
	}
.in_center .text {
	margin:				auto;
	width:				471px;
	padding-top:		20px;
	text-align:			justify;
	font:	 			normal 70% tahoma, arial, verdana;
	color: 				#ffffff;
	}
.title_check {
	width:				380px;
	margin:				3px 0px 10px;
	height:				2px;
	background:			url(../img/hr.gif) repeat-x;
	}
	
.img.foto {	
	border-color: #ccc;
	border-width: 1px;
	border-style: solid; 
	padding: 2px;
   background: white; 
   margin: 0px 0px 1px 10px; 
	}
/*********************************** // prostredni cast **********************************/
/************************************* pravy sloupec *************************************/
.rightrow {
	float:				left;
	width:				54px;
	background:			url(../img/rightrow_bg.gif) repeat-y;
	text-align:			left;
	}
.rightrow .top {
	width:				54px;
	background:			url(../img/rightrow_top.jpg) no-repeat;
	}
.rightrow .bottom {
	width:				54px;
	background:			url(../img/rightrow_bottom.jpg) no-repeat 0% 100%;
	}
/*********************************** // pravy sloupec ************************************/
/**************************************** paticka *****************************************/
.footer {
	margin:				auto;
	width:				785px;
	}
.footer .left {
	float:				left;
	width:				189px;
	height:				34px;
	background:			url(../img/footer_left.gif) no-repeat 100% 0%;
	}
.footer .center {
	float:				left;
	width:				531px;
	height:				34px;
	background:			url(../img/footer_bg.gif) repeat-x;
	text-align:			right;
	}
.footer .center .text {
	height:				34px;
	background:			url(../img/footer_text_bg.gif) repeat-x;
	font:	 			normal 65% tahoma, arial, verdana;
	color: 				#ffffff;
	}
.footer .center .text .in_text {
	vertical-align:		top;
	padding-top:		8px;
	}
.footer .center .text .in_text a:link {
	font:	 			normal 100% tahoma, arial, verdana;
	color: 				#ffffff;
	text-decoration:	none; 
}
.footer .center .text .in_text a:visited {	
	font:	 			normal 100% tahoma, arial, verdana;
	color: 				#ffffff;
	text-decoration:	none;
}
.footer .center .text .in_text a:hover {
	font:	 			normal 100% tahoma, arial, verdana;
	color: 				#ffffff;
	text-decoration:	underline;
}
.footer .right {
	float:				left;
	width:				65px;
	height:				34px;
	background:			url(../img/footer_right.gif) no-repeat 0% 0%;
	}
/************************************** // paticka ****************************************/
/************************ clanky *******************************/ 
/* nadpis clanku (standart) */
.title {
	margin-top:			5px;
	font:	 			bold 80% arial, verdana;
	color: 				#FF4C00;
}
.article .title a:link {
	font:	 			bold 100% arial, verdana;
	color: 				#FF4C00;
	text-decoration:	none; 
}
.article .title a:visited {	
	font:	 			bold 100% arial, verdana;
	color: 				#FF4C00;
	text-decoration:	none;
}
.article .title a:hover {
	font:	 			bold 100% arial, verdana;
	color: 				#FF4C00;
	text-decoration:	none;
}/* text clanku */
.article .text {
	font:	 			normal 70% arial, verdana;
	color: 				#000000;
}
/*******************************************************************************************************/
.text {
	font:	 			normal 100% arial, verdana;
	color: 				#000000;
	}
.text_normal {
	font:	 			normal 70% arial, verdana;
	color: 				#000000;
	}
.text_bold {
	font:	 			bold 70% arial, verdana;
	color: 				#000000;
	}