@charset "utf-8";
/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro spartak.cz
	Author:			 e-invent s.r.o., www.e-invent.eu, www.profiweby.cz, e-mail: nachod(@)e-invent.eu
	Modified:	   1. 8. 2008

	==[ TOC ]==
  1. Body       (tělo)
  2. Tags       (všeobecné prvky - h1, input, ...)
  3. Classes    (třídy pro vše platící - .clear, .float-x ..)
  4. Container  (rozvržení celé stránky)
  5. Header     (Hlavička)
  6. Sidebar    (postraní sloupec)
  7. Content    (obsah)
  8. Footer     (patička)
  9. Other      (ostatní)

	==[ Colors ]==
	1. #  - h1
	2. #  - h2	
	3. #  - a
----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body  {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url(../images/bg.png) top center repeat-x;
	color: #333;
	text-align: center;

}
/*-- [ 2. Tags ] -----------------------------------------------*/
h1 {font-size: 170%; color:#1d3a78; line-height:100%; margin:0px; padding:0px;}
h2 {font-size: 125%;  color:#1a4b75; line-height:100%; margin:0px; padding:0px;}
h2.odkaz, h2.odkaz a{color:#5c7ebd; text-decoration:none; line-height:20%;}
h2.odkaz{padding-bottom:10px;}
h3 {font-size: 100%;margin-bottom: 5px;}
ul {margin:0 0 5px 0px; list-style: none;}
ul li{margin:0 0 3px 0; list-style: none; padding-left:25px; background:url(../images/li.gif)  5px 5px no-repeat;}
a {color:#1d3977;}
a:hover {color:#709002;}
img {border:none; text-decoration:none;}
fieldset {margin: 5px 0 5px 0; padding: 10px;}

/*-- [ 3. Classes ] -----------------------------------------------*/
.nounder {text-decoration: none;}
.float-r {float: right;}
.float-l {float: left;}
.clearfloat { 
	clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
	overflow: hidden;
}
.date {margin-bottom: 10px;}
.icondl {
  margin: 5px 0 5px 0;
  padding-top: 5px;
  width: 230px;
  height: 22px;
  padding-left: 35px; 
  background:transparent url(../images/btn-download.png)  left center no-repeat;
}
.icondl a{color: #251565;  text-decoration: none;}
.icondl a:hover{text-decoration: underline;}
.iconpic {
  margin: 5px 0 5px 0;
  padding-top: 5px;
  width: 230px;
  height: 22px;
  padding-left: 35px; 
  background:transparent url(../images/btn-picture.png)  left center no-repeat;
}
.uni {
margin-left: 10px;
border: 0px solid blue;
}
.uni img {border: 3px solid #fff;}

.iconpic a{color: #251565;  text-decoration: none;}
.iconpic a:hover{text-decoration: underline;}
.font-size-90 { font-size:90%;}
.font-size-85 { font-size:85%;}
a.link {color:#020f17; display:block; padding:5px 20px 5px 5px; font-weight:bold; text-align:right; background:#e4eff5 url(../images/li-sipka.gif)  right center no-repeat;}
a.link:hover {color:#000;}

/*formuláře*/
.txt-input, .txt-area, .objednavka-pole, textarea {
	padding:2px;
	margin:2px 0px;
	color:#8a8672;		
	background: #fff url("../images/bg-input.gif") left top no-repeat;
	border:1px solid #ccc;
	}
.txt-select, select {
	padding:2px;
	margin:2px 0px;
	color:#8a8672;		
	background: #fff url("../images/bg-input.gif") left top no-repeat;
	border:1px solid #ccc;
	}
.txt-input:hover, .txt-area:hover, .objednavka-pole:hover {border:1px solid #333;}
.txt-input:focus, .txt-area:focus, .objednavka-pole:focus {border:1px solid #6f8e11; color:#555;}

input {	
	background: #fff url("../images/bg-input.gif") left top no-repeat;
	border:1px solid #ccc;
}
input:hover {border:1px solid #333;}
input:focus {border:1px solid #6f8e11; color:#555;}

.formulare {
float: left;
padding: 10px 10px 10px 10px;
margin-bottom: 10px;
background: #dce4e4 url(../images/bg-panelheader.png) left top no-repeat;
width: 628px;
}
.formulare:hover {background: #dce4e4 url(../images/bg-panelheaderhover.png) left top no-repeat;}
.formulare td {padding: 2px 0 2px 0;}
.formulare h3 {padding-bottom: 10px;font-size: 120%;color: #1d3a78;}
.formulare input {width: 200px;height: 20px;}
.formulare input.file {height: 25px;}
.formulare .spodecek {clear: both;margin-left: -10px;margin-bottom: -15px;}
.formulare .button-modre {width:104px;height:27px;} 

/*button*/
.button {
	border:none; 
	color:#fff; 
	width:77px; 
	height:24px;
	font-weight:bold;
	line-height:25px;
	vertical-align:middle;
	cursor:pointer;
	border:solid 1px #100a29;
	background:#29176f; overflow:hidden;
}
.button-modre {
  margin-top: 10px;
	border:none; 
	color:#fff; 
	width:104px; 
	height:27px;
	font-weight:bold;
	line-height:27px;
	vertical-align:middle;
	cursor:pointer;
  overflow:hidden;
  background: transparent url(../images/btn-modre.png) left top no-repeat;
}
.button-modre:hover{border: 0;background: transparent url(../images/btn-modrehover.png) left top no-repeat;}
.button-modre:focus{border: 0;background: transparent url(../images/btn-modrehover.png) left top no-repeat;}

.hvezda {color: red;}

#mainContent #subMenu  ul li {float:left; position:relative; margin-left:0px; list-style:none;}
#mainContent #subMenu  ul li .img-left { display:none; position:absolute; width:5px; height:5px; top:0px; left:0px; background:url(../images/menu-edge-l1.png);}
#mainContent #subMenu  ul li .img-right {display:none; position:absolute; width:5px; height:5px; top:0px; right:0px;background:url(../images/menu-edge-r1.png);}

.button-zel {
	float:right;
	position:relative; 
	color:#fff; 
	height:25px;
	font-weight:bold;
	line-height:25px;
	vertical-align:middle;
	cursor:pointer;
	padding:0px 8px 0px 40px;
	margin:8px;
	background: #597201 url("../images/button-middle.png") left top repeat-x;
  overflow:hidden;
}
.button-zel:hover {
	color:#ebf7c0; 
}
.button-zel .button-l {
	display:block; position:absolute; width:37px; height:25px; top:0px; left:0px; 
	background: #597201 url("../images/button-left.png") left top no-repeat;
}
.button-zel .button-r {
	display:block; position:absolute; width:3px; height:25px; top:0px; right:0px; 
	background: #597201 url("../images/button-right.png") left top no-repeat;
}


/*-- [ 4. Container ] -----------------------------------------------*/
#imgFight { 
	background: url(../images/bg1.jpg) top center no-repeat;
} 
#mainContainer { 
	width: 968px;  
	margin: 0px auto; 
	padding:0px 15px;
	text-align: left;
} 

/*kalendar*/
.calendar #cal-telo th {background: #01679f url("../images/bg-calendar-blue.png") left top no-repeat;color: #fff;}
.calendar #cal-telo td a {background-color: #01679f;}
.calendar .cal-l {background: #989696 url("../images/btn-left-blue.png") 5px 5px no-repeat;}
.calendar .cal-r {background: #989696 url("../images/btn-right-blue.png") 5px 5px no-repeat;}

.calendar {border: 1px solid #989696;width: 239px;background-color: #989696;text-align: center;margin:18px 0 15px 28px;}
.calendar .cal-l {float: left;padding: 5px;width: 20px;height: 19px;}
.calendar .cal-c {float: left;padding: 5px;width: 165px;text-align: center;font-size: 120%;font-weight: bold;color: #fff;}
.calendar .cal-r {float: right;padding: 5px;width: 20px;height: 19px;}
.calendar #cal-telo {clear: both;margin-top: 5px;border: 0px;border-collapse: collapse;margin-left: 1px;}
.calendar #cal-telo td, .calendar #cal-telo th {width: 33px;height: 28px;text-align: center;border: 1px solid #d9d7d7;margin: 0;padding: 0px;}
.calendar #cal-telo td {background-color: #fff;}
.calendar #cal-telo td a {
  color: #fff;
  width: 31px;
  height: 21px;
  display:block;
  margin-left: 1px;
  padding-top: 4px;
  text-decoration: none;
  background-color: #b7271b;
}
.calendar #cal-telo th {background: #b7271b url("../images/bg-calendar.png") left top no-repeat;color: #fff;}
.rss {float: right;padding: 0 20px 0 25px;margin: 0 10px 10px 0;background: transparent url("../images/icon-rss.gif") left top no-repeat;line-height: 160%;}
.calendar #cal-telo th {background: #01679f url("../images/bg-calendar-blue.png") left top no-repeat;color: #fff;}
.calendar #cal-telo td a {background-color: #1d3976;}
.calendar .cal-l {width:30px;height:30px;border:none;background: #989696 url("../images/btn-left-blue.png") 5px 5px no-repeat;}
.calendar .cal-r {width:30px;height:30px;border:none;background: #989696 url("../images/btn-right-blue.png") 5px 5px no-repeat;}


/*-- [ 5. Header ] -----------------------------------------------*/
#header {position:relative; }
/*lišta kecy, ...*/
#top1 {position:relative; height:20px; text-align:left; color:#d8dfec;}
#top1 a{color:#d8dfec;}
#top1 a:hover{color:#fff;}
/*logo, vlajky, ...*/
#top2 {position:relative; display:block; height:93px;}
#top2 #logotype {position:absolute; top:7px; left:34px; width:267px; height:20px; z-index:5; }
#top2 .obrazek {position:absolute; top:0px; left:311px; z-index:1;}
/*hledej*/
#top2 .search  ul.menuQuick {position:absolute; right:0px; top:-22px; width: 300px; height:22px; margin:0px; padding:0px;}
#top2 .search  ul a{color:#c5e164; text-decoration:none;}
#top2 .search  ul a:hover{color:#fff;}
#top2 .search  ul.menuQuick li {float:left; background:none; padding:0px; margin:0px; font-weight:bold;}
#top2 .search  ul.menuQuick li a{float:left; height:20px;  padding: 2px 10px 0px 10px; background:url(../images/bt-lista1.png) top left repeat-x;}
#top2 .search  ul.menuQuick li a.activated {float:left; height:20px;  padding: 2px 10px 0px 10px; margin-right:1px; background:#597bbb;}
#top2 .search  ul.menuQuick li span {display:none; }
#top2 .search {
	position:absolute;
	top:2px;
	right:0;
	text-align:left;
	z-index:7;
	width:300px;
	color:#fff;
	background:#597bbb url(../images/bg-search.png) bottom left no-repeat;
}
#top2 .search form{
  display:block;
  margin:15px;
}
#top2 .search form .searchdiv {
  display: inline;
}
#top2 .search .text {
	border:1px solid #3c60a2;
	background:#fff url(../images/bg-input.gif) top left no-repeat; 
	height:23px;
	width:235px;
	margin-bottom:3px; padding:1px 2px 0;
	margin-top: 0px;
	float:left;
}
#top2 .search .btn {
	border:none; 
	background: url(../images/bg-hledej.png) bottom left no-repeat; 
	width:25px; height:25px; margin-top:0px;
	cursor: pointer;
	float:right;
}
#top2 .search #searchform #w1 {clear: both;border: 0;background-color: transparent;background-image: none;}
#top2 .search #searchform #w2 {border: 0;background-color: transparent;background-image: none;}

/*TOP*/
#top3 {
  display:block;
  position:relative;
  width:968px;
  height:38px;
  margin-bottom:10px;
} 
.is2col #top3 {
  margin-bottom:0px;
} 
/*main menu*/
#main-menu {
display:block;
position:relative;
font-size:100%;
height:38px; width:968px; background:url(../images/menu.png) top left no-repeat;
}

#main-menu ul.nav li a span {
float:left;
font-size:100%;
line-height:25px;
margin:0 1px 0px 0px;
}

#main-menu ul.nav {
	list-style-type:none;
	height:25px;
	padding:0px;
	padding-top:4px;
	margin-left:7px;
}

#main-menu ul.nav li {
	display:inline;
	float:left;
	padding:0px;
	background: url('../images/dot.gif') no-repeat top left;
}

#main-menu ul.nav li a {
	display:block;
	float:left;
	text-decoration:none;	
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	padding:0px;
	height:25px;
	line-height:25px;
	vertical-align:bottom;
	margin-right:5px;
	font-size:90%;
}

#main-menu ul.nav li a img {
	height:25px;
	width:10px;
	float:left;
	vertical-align:middle;
}

#main-menu ul.nav li.aon a {
	color:#1a4c75; background: url(../images/middle.gif) 0px 0px repeat-x;
}

#main-menu ul.nav li.aon a img.inter_right{
	background: transparent url(../images/right.gif) 0px 0px no-repeat;
}

#main-menu ul.nav li.aon a img.inter_left{
	background: transparent url(../images/left.gif) 0px 0px no-repeat;
}

#main-menu ul.nav li.aoff a:hover {
	color:#fff; background: url(../images/middle1.gif) 0px 0px repeat-x;
}

#main-menu ul.nav li.aoff a:hover img.inter_right {
	background: transparent url(../images/right1.gif) 0px 0px no-repeat;
}

#main-menu ul.nav li.aoff a:hover img.inter_left {
	background: transparent url(../images/left1.gif) 0px 0px no-repeat;
}

#main-menu ul.nav li.aon a.none, 
#main-menu ul.nav li.aoff a.none, 
#main-menu ul.nav li.aon a:hover.none,
#main-menu ul.nav li.aoff a:hover.none {
    position:relative;
    background: url('../images/dot.gif') no-repeat top left;
}


/*navigace*/
#navigace {
  position:absolute;
  display:block;
  left:0px;
  top:180px;
  width:978px;
  z-index:3;
  height:29px;
  padding:5px 10px 5px 10px;
  background:url(../images/bg-navigace.png) top left no-repeat;
  font-size:80%;
}
/*-- [ 6. Sidebar ] -----------------------------------------------*/
.is2col #sidebar-l{
  float: left; 
	margin:0 0 0 -968px;	
	width: 300px; /*IE6 fixed*/
	overflow: hidden;
}

#sidebar-r {
	float: left; 
	width: 300px; /*IE6 fixed*/
	overflow: hidden;
	margin:0px;
	padding:0px;
}
.is2col #sidebar-r{
  display:none;
background:#898481 url(../images/bg-nadpis-seda.png) center left no-repeat;}
.seda {background:#cfe2ee; padding:15px 10px 10px 10px;}
/*aktuality*/
.sidebar #news h3 {font-size:115%; padding-top:10px;}
.sidebar #news em {color:#aaaaa9; font-size:85%;}
.sidebar #news .newsArchive {margin-top:10px; padding-left:15px; background:url(../images/bg-newsarchive.gif) center left no-repeat;}
/*partneři*/
.sidebar #partners  {text-align:center;}
.sidebar #partners a {display:block; margin:0px auto; padding:20px 0px 0px 0px;}

/*side menu*/
#sidebar-l #sideMenu {background:#f2f0ef;}
#sidebar-l #sideMenu ul {margin:0; padding:0; list-style:none;}
#sidebar-l #sideMenu ul li {margin:0; padding:0px; list-style:none; background:url(../images/menu-carka.gif) bottom left no-repeat;}
#sidebar-l #sideMenu ul li:hover {background-color:#eee;}
#sidebar-l #sideMenu ul li a {padding-left:30px; display:block; line-height:220%; font-weight:bold; text-decoration:none; color:#515151; background:url(../images/menu-li.gif) 10px 10px no-repeat;}
#sidebar-l #sideMenu ul li a:hover{background-color:#cbc8c7; color:#fff;}
#sidebar-l #sideMenu ul li a.activated {background-color:#cbc8c7; color:#fff;}

.partneribox {
  display: table;
  margin: 20px 0 0 15px;
  padding:0; 
  overflow: hidden;
  width: 265px;
  border: 1px solid #fff;
  display:block;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;  
  border-collapse: collapse;
}
.partneribox li {
  display: table;
  overflow:hidden;
  float:left;
  margin:0; 
  padding: 0;
  list-style:none;
  width: 130px;
  height: 110px;
  background:none;
  text-align:center;
}
.partneribox li.part-l {border-right: 1px solid #c5d4d0;border-bottom: 1px solid #c5d4d0;}
.partneribox li.part-r {border-bottom: 1px solid #c5d4d0;}
.partneribox li.part-x {border-right: 1px solid #c5d4d0;}
.partneribox li a {width:130px;height: 110px;line-height:110px;display:table-cell;text-align:center;vertical-align: middle;}

/*sloupec aktualne*/
.sidebar #aktualni{
  display:block;
  position:relative;
  width:300px;
  height:269px;
	background:#c5d4d0;
	margin-bottom:10px;
	overflow: hidden;
} 
.sidebar #aktualni-top{
  position:absolute;
  top:0px;
  width:300px;
  height:5px;
	background:url(../images/bg-aktualni-top.gif) 0px 0px no-repeat;
}
.sidebar #aktualni-bottom{
  position:absolute;
  bottom:0px;
  width:300px;
  height:5px;
	background:url(../images/bg-aktualni-bottom.gif) 0px 0px no-repeat;
	font-size: 0px;
}
.sidebar #aktualni h2 a{
  font-size:85%;
  display:block;
  width:280px;
  padding:0px 10px;
  height:31px;
  line-height:31px;
  vertical-align:middle;
  color:#c1d3f3;
  text-decoration:none;
  background:url(../images/sidebar-nadpis.png) 0px -31px no-repeat;
} 
.sidebar #aktualni h2 a:hover{
  background:url(../images/sidebar-nadpis.png) 0px 0px no-repeat;
} 
.sidebar .applesubmenu{
  display:block;
  height:197px; /* +31px */
  padding: 10px 0 0px 0;
} 
.sidebar #aktualni ul{
  margin:13px 0px 0px 10px;
  line-height:180%;
} 
.sidebar #aktualni li{
  background:url(../images/li-sidebar.png) 5px 8px no-repeat;
}
.sidebar #aktualni #poptavky{
  background:url(../images/bg-poptavka.jpg) bottom right no-repeat;
}
.sidebar #aktualni #novinka{
  background:url(../images/bg-novinka.jpg) bottom right no-repeat;
}
.sidebar #aktualni #rss{
  background:url(../images/bg-rss.jpg) bottom right no-repeat;
}
.sidebar #aktualni #prace{
  background:url(../images/bg-prace.jpg) bottom right no-repeat;
}
.sidebar #aktualni #inzerce{
  background:url(../images/bg-inzerce.jpg) bottom right no-repeat;
}
 
/*tlačítko registrace firmy*/
/*-- [ 7. Content ] -----------------------------------------------*/
#mainContent {
	float:left;
	display:inline;
	width:658px;
	margin:0px 10px 0px 0px;
} 
.is2col #mainContent { width:648px; margin:10px 0px 10px 320px;}
/* heading, anchor and paragraph margins*/
#mainContent h1 {margin-bottom: 0.8em;} 
#mainContent h2, #mainContent h3 {margin: 0.5em 0 0.2em; line-height: 120%;} 
#mainContent p, .sidebar p {margin-bottom: 0.5em; line-height:150%;} 
#mainContent .seda {background:#f2f0ef; padding:10px; margin-bottom:8px;}
#mainContent hr {margin-top: 10px;height: 1px; background-color: #c5d4d0;border: 0;}

#mainContent #minibar {margin-bottom: 15px;padding: 5px 0 5px 0;border-bottom: 1px solid #c5d4d0;border-top: 1px solid #c5d4d0;}
#mainContent #minibar a {text-decoration: none;}
/*fotky*/
.fotka {float:left;width: 48%;margin: 0 3px 3px 0;padding:4px;background-color: #f7f7f7;}
.fotka:hover {background-color: #eeeeee;}
.fotka a {float:left;}
.fotka .fotkatext {width: 200px;height: 69px;margin-left: 10px;float:left;}



.fotky {margin:8px;}
.fotky a{ 
	background-color:#fff; 
	float:left; 
	padding:1px;
	border:2px solid #d2e4ef; 
	text-decoration:none;
	/*width:100px;
	height:75px;*/
	margin: 8px;
}
.fotky a:hover { border-color:#709002;} 

.foto {margin:3px 5px 0px 5px;}
.foto{ 
	background-color:#d2e4ef; 
	float:left; 
	padding:1px;
	border:2px solid #d2e4ef; 
	text-decoration:none;
	margin:8px 8px 3px 9px;
}
.foto:hover { border-color:#de0a87;}

/*hra*/
.hra {width: 160px;float:left;margin: 0 40px 30px 0;text-align:center}
.hra a {text-decoration:none;}
 
/*hint*/
#mainContent #flash{
	display:block;
	position:relative;
	width: 648px;
	height: 259px;
	padding:5px;
	background:red;
	margin-bottom:10px;
	background:url(../images/flash-ramecek.gif) 0px 0px no-repeat;
}
#mainContent #flash .ramecek{
  position:absolute;
  width:658px;
  height:300px;
  top:0px;
  left:0px;
}

#mainContent #topbanner{
	display:block;
	width: 658px;
	height: 269px;
	margin-bottom:10px;
}

.srameckem {border: 3px solid #fff;}
.srameckem2 {border: 3px solid #dce4e4;}

#mainContent .hint-left#map-box h2 {background: none;margin: 8px 0 0 20px;padding: 0;}
#mainContent .hint-left#map-box h2 a {background: none;padding: 0;}
#mainContent .hint-left #map-menu {width:100%;background: transparent url(../images/mapa-head.png) left top repeat-x;height: 24px;}
#map-menu img {float:left;}
#map-menu input {float:left;height: 24px; padding: 0 5px 0 5px;border: 0;cursor: pointer;}
#map-menu input:hover {border: 0;}
#map-menu .map-on {background: transparent url(../images/mapa-on-c.png) left top repeat-x;}
#map-menu .map-off {background: transparent url(../images/mapa-off-c.png) left top repeat-x;color: #888787;}
#map-menu .map-off:hover {color: #000;text-decoration: underline;}
#mainContent .hint-left #map {width: 620px; height: 430px; margin-left: 20px; margin-top: 10px; margin-bottom: 10px;}
.hint-left .calendar .rss {margin-right:0;padding-right:0;margin-top:15px;}

#map-menu {width:620px;background: transparent url(../images/mapa-head.png) left top repeat-x;height: 24px;}


#mainContent .detail2 {float: left;width: 98%;margin-bottom: 20px;}
#mainContent .detail3 {clear:both;width: 50%;float: left;margin-bottom: 10px;}
#mainContent .detail4 {margin-right: 10px;float: right;margin-bottom: 10px;}
#mainContent .detailtext {clear: both;}

#mainContent .akce br {margin-bottom: 10px;}
#mainContent .detailakce {float: left; margin-right: 10px;}

#mainContent .kategorie {
  float: left;
  margin: 0 8px 10px 0px;
  width: 294px; /*real 314*/
  height: 145px; /*real 160*/
  padding: 5px 10px 10px 10px;
  background: transparent url(../images/bg-katheader.png) left top no-repeat;  
}
#mainContent .kategorie:hover {background: transparent url(../images/bg-katheaderhover.png) left top no-repeat;}
#mainContent .kategorie .ikonecka {float: left; width: 90px;}
#mainContent .kategorie .texticek {float: right; width: 200px;font-size: 90%;position: relative;}
#mainContent .kategorie .texticek a h2 {color: #1d3a78;}

#mainContent .strankovani {
  text-align: center;
  width: 648px; 
  height:25px;
  margin-bottom: 15px;
  padding-bottom: 3px;
  background: transparent url(../images/bg-strankovani.png) left top no-repeat;
}
#mainContent .strankovani .prev {
  margin-left: 5px;
  padding-left: 14px;
  background: transparent url(../images/str-left.gif) left 7px no-repeat;
  float:left;
  line-height: 22px;
  color: #657f08;
}
#mainContent .strankovani .next {
  margin-right: 5px;
  padding-right: 14px;
  background: transparent url(../images/str-right.gif) right 7px no-repeat;
  float:right;
  line-height: 22px;
  color: #657f08;
}

#mainContent .strankovani .strankovani2 {float: left;line-height: 25px;height: 25px;width: 490px;text-align:center;display: block;}

#mainContent .strankovani .numko {padding: 1px 5px 2px;border: 1px solid #99c10e;}
#mainContent .strankovani span.numko {background-color: #f3ffcb;color: #1d3a78;}
#mainContent .strankovani a.numko {background-color: #fff;text-decoration: underline;color: #657f08;}
#mainContent .strankovani a.numko:hover {background-color: #dffa82;color: #333;}
#mainContent .strankovani form {width: 100px;line-height: 22px;display: inline;}
#mainContent .strankovani form input {border: 1px solid #99c10e;background-image: none;background-color: #f3ffcb;height: 22px;vertical-align:top;margin-top:2px;}
#mainContent .strankovani form input#stranka {height: 18px;width: 25px;padding-top: 2px;}

/*Katalog firem*/
#mainContent .firma {width: 628px;margin: 10px 0 10px 0;padding: 10px 10px 10px 10px;background: transparent url(../images/bg-panelheader.png) left top no-repeat;}
#mainContent .firma:hover {background: #dce4e4 url(../images/bg-panelheaderhover.png) left top no-repeat;}
#mainContent .firma .spodecek {clear: both;margin-left: -10px;margin-bottom: -18px;}
#mainContent .firma .webthumb {padding: 5px 5px 21px 4px;width: 154px;margin-bottom: 5px;background: #cfdaef url(../images/bg-firmicka.png) bottom right no-repeat;}
#mainContent .firma .webthumb img {border: 3px solid #fff;}
#mainContent .firma a:hover {color: #486ab4;}
#mainContent .firma a p {text-decoration: none;}
#mainContent .firma h3 {margin-bottom: 10px;}

#mainContent .firmavip {width: 628px;margin: 10px 0 10px 0;padding: 10px 10px 10px 10px;background: transparent url(../images/bg-panelvipheader.png) left top no-repeat;}
#mainContent .firmavip:hover {background: #dce4e4 url(../images/bg-panelvipheaderhover.png) left top no-repeat;}
#mainContent .firmavip .spodecek {clear: both;margin-left: -10px;margin-bottom: -18px;}
#mainContent .firmavip .webthumb {padding: 5px 5px 21px 4px;width: 154px;margin-bottom: 5px;background: #c2df5d url(../images/bg-firmickavip.png) bottom right no-repeat;}
#mainContent .firmavip .webthumb img {border: 3px solid #fff;}
#mainContent .firmavip a:hover {color: #486ab4;}
#mainContent .firmavip a p {text-decoration: none;}
#mainContent .firmavip h3 {margin-bottom: 10px;}



/*#mainContent .firmavip {margin: 10px 0 10px 0;padding: 10px 10px 10px 10px;background: transparent url(../images/bg-vypisyvip.gif) left top no-repeat;}
#mainContent .firmavip:hover {background: transparent url(../images/bg-vypisyvip-hover.gif) left top no-repeat;}*/


#mainContent .perex {float: right;width: 525px;margin-bottom: 10px;}
#mainContent .clanek {float: left;margin-bottom: 10px;padding: 5px 5px 21px 5px;background: #dce4e4 url(../images/bg-detail2.png) bottom right no-repeat;}
#mainContent .clanek img{border: 3px solid #fff;}

/*Inzerce*/
#mainContent .katinzerce {margin-bottom: 10px;}
#mainContent .inzerce {margin: 10px 0 10px 0;padding: 10px 10px 10px 10px;background: transparent url(../images/bg-panelheader.png) left top no-repeat;}
#mainContent .inzerce:hover {background: #dce4e4 url(../images/bg-panelheaderhover.png) left top no-repeat;}
#mainContent .inzerce img {margin-left: -10px;margin-bottom: -20px;}
#mainContent .inzerce a:hover {color: #486ab4;}
#mainContent .inzerce h3 {margin-bottom: 10px;}

/*Poptávky*/
#mainContent .katpoptavky {margin-bottom: 10px;}
#mainContent .poptavky {margin: 10px 0 10px 0;padding: 10px 10px 10px 10px;background: transparent url(../images/bg-panelheader.png) left top no-repeat;}
#mainContent .poptavky:hover {background: #dce4e4 url(../images/bg-panelheaderhover.png) left top no-repeat;}
#mainContent .poptavky img {margin-left: -10px;margin-bottom: -20px;}
#mainContent .poptavky a:hover {color: #486ab4;}
#mainContent .poptavky h3 {margin-bottom: 10px;}

/*Práce*/
#mainContent .katprace {margin-bottom: 10px;}
#mainContent .prace {margin: 10px 0 10px 0;padding: 10px 10px 10px 10px;background: transparent url(../images/bg-panelheader.png) left top no-repeat;}
#mainContent .prace:hover {background: #dce4e4 url(../images/bg-panelheaderhover.png) left top no-repeat;}
#mainContent .prace img {margin-left: -10px;margin-bottom: -20px;}
#mainContent .prace a:hover {color: #486ab4;}
#mainContent .prace h3 {margin-bottom: 10px;}

/*Novinky*/
#mainContent .vypisnovinek {border-top: 1px solid #c5d4d0;padding: 10px 10px 10px 10px;}
#mainContent .vypisnovinek:hover {background-color: #f7f7f7;}
#mainContent .vypisnovinek h2 {margin-bottom: 5px;margin-top: 5px;}
#mainContent .vypisnovinek img {border: 3px solid #c5d4d0;}
#mainContent .vypisnovinek .nov_text {display:block;}
#mainContent .vypisnovinek .nov_obr {float: left;margin: 0 10px 5px 0;}
#mainContent a.nov_arch {
  float: right;
  display:block;
  background: transparent url(../images/icon-grey.gif) 0 3px no-repeat;
  padding-left: 16px;
  text-decoration: none;
  color: #9c9c9c;
  margin-bottom: 10px;
}
#mainContent a.nov_arch:hover {text-decoration: underline;color: #000;background: transparent url(../images/icon-black.gif) 0 3px no-repeat;}

#mainContent #map {width: 620px; height: 430px;}


.viceinformaci {color: #709002;margin-top: 8px;display: block;padding-left: 15px; background: transparent url(../images/bodka.png) 0 2px no-repeat;text-decoration: none;}
.viceinformaci:hover {color: #709002;text-decoration: underline;}

.viceinformaci2 {
  float: right;
  margin: 5px 5px 0 0;
  padding-top: 5px;
  width: 100px; /*real 135*/
  height: 22px;
  padding-left: 35px;
  color: #709002;   
  background:transparent url(../images/btn-vice.png)  left center no-repeat;
}
.viceinformaci2 a{color: #709002;  text-decoration: none;}
.viceinformaci2 a:hover{text-decoration: underline;}

#mainContent ul.mapastranek li {line-height: 140%;background:none;padding-left: 0px;}
#mainContent ul.mapastranek li a {text-decoration: none;color: #000;padding-left: 15px;background: transparent url(../images/icon-black.gif) left 2px no-repeat;}
#mainContent ul.mapastranek li a:hover {text-decoration: underline;color: #9C9C9C;background: transparent url(../images/icon-grey.gif) left 2px no-repeat;}
#mainContent ul.mapastranek li ul {margin-left: 15px;}
#mainContent ul.mapastranek li ul li a {padding-left: 10px;background: transparent url(../images/icon-bk.gif) left 6px no-repeat;}
#mainContent ul.mapastranek li ul li a:hover {background: transparent url(../images/icon-bk.gif) left 6px no-repeat;}
#mainContent ul.mapastranek li ul li ul li a {padding-left: 10px;background: transparent url(../images/icon-bk.gif) left 6px no-repeat;}
#mainContent ul.mapastranek li ul li ul li a:hover {background: transparent url(../images/icon-bk.gif) left 6px no-repeat;}

#mainContent #linkovani {clear: both;padding-top: 15px;}

/*hint*/
#mainContent .hint-left, .sidebar .hint-left, #mainContent .hint-right {
	width:324px; 
	float:left; 
	background:#fff url(../images/sidebar-thick-middle.png) left top repeat-y;
	margin:10px 0px 6px 0px;
}
#mainContent .hint-left {
	margin-right:30px;
}
#mainContent .hint-left h2, .sidebar .hint-left h2, #mainContent .hint-right h2{
margin:0px; padding:0px; margin-right:121px;	 
background:#fff url(../images/sidebar-slim-topm.png) left top repeat-x;
}

#mainContent .hint-right h2 a, #mainContent .hint-left h2 a, .sidebar .hint-left h2 a{
display:block; position:relative;
height:26px; line-height:26px; 
color:#020f17; 
padding:0px 5px 0px 10px; 
text-decoration:none; 
margin:0px;
font-size:95%;
background:url(../images/sidebar-slim-topl.png) left top no-repeat; 
}
#mainContent .hint-left, .sidebar .hint-left {margin-right:6px;}
#mainContent .hint-left ul, .sidebar .hint-left ul, #mainContent .hint-right ul {list-style:none; margin:10px 10px 15px 20px; line-height:140%;}
#mainContent .hint-left ul li, .sidebar .hint-left ul li, #mainContent .hint-right ul li{ 
	background:url(../images/li.gif) left 6px no-repeat; 
	padding-left:20px; 
}
#mainContent .hint-left ul li, .sidebar .hint-left ul li, #mainContent .hint-right ul li{}
#mainContent .hint-left.uvod, .sidebar .hint-left.uvod, #mainContent .hint-right.uvod {width:369px;}
#mainContent .hint-left.uvod {margin-right:10px;}
#mainContent .hint-left.cela {width:658px; background:#fff url(../images/bg-width-middle.png) left top repeat-y;}
#mainContent .posun {margin:0px 5px 0px 90px;}

#mainContent .hint-right .hint-vice, #mainContent .hint-left .hint-vice, .sidebar .hint-left .hint-vice{
  float:right;
	width:121px; 
	height:26px;
	line-height:26px;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	font-size:85%;
	background:#fff url(../images/sidebar-slim-top.png) left top no-repeat;
}
#mainContent .hint-right .hint-vice a, #mainContent .hint-left .hint-vice a, .sidebar .hint-left .hint-vice a{
	color:#fff;
}
#mainContent .hint-right .hint-vice a:hover, #mainContent .hint-left .hint-vice a:hover{
	color:#cdf14f;
}

#mainContent .hint-right .hint-bottom, #mainContent .hint-left .hint-bottom, .sidebar .hint-left .hint-bottom{
	width:324px; 
	height:14px;
	background:#fff url(../images/sidebar-thick-bottom.png) left top no-repeat;
}
#mainContent .hint-left.cela .hint-bottom{
	width:658px; 
	background:#fff url(../images/bg-width-bottom.png) left top no-repeat;
}
.sidebar .hint-left{
	width:300px; 
	background:#fff url(../images/sidebar-slim-middle.png) left top repeat-y;
}
.sidebar .hint-left .hint-bottom{
	width:300px; 
	background:#fff url(../images/sidebar-slim-bottom.png) left top no-repeat;
}
.sidebar .hint-left h2{
margin-right:6px;	 
}
.sidebar .hint-left .hint-roh {
float:right;
width:6px;
height:26px;
background:url(../images/sidebar-slim-topr.png) left top no-repeat; 
}
.sidebar .hint-left .h2{
display:block;
margin-right:6px;
width:294px;
background:#fff url(../images/sidebar-slim-top.png) left top no-repeat;
}
.sidebar #menu.hint-left ul{
display:block;
position:relative;
margin:0px 20px 0px 17px;
}
.sidebar #menu.hint-left li{
display:block;
position:relative;
line-height:200%;
vertical-align:middle;
background:none;
padding:0px;
margin:0px;
border-bottom:solid 1px #c5d4d0;
}
.sidebar #menu.hint-left li div.menupevna{
display:block;
position:relative;
height:37px;
}
.sidebar #menu.hint-left li a{
display:block;
text-decoration:none;
font-weight:bold;
padding-left:35px;
height:30px;
line-height:30px;
background:url(../images/menu-li.png) 0px -32px no-repeat;

}
.sidebar #menu.hint-left li a:hover{
color:#fff;
background:url(../images/menu-li.png) 0px 0px no-repeat;
}

.sidebar #menu.hint-left li ul {margin:0;}

.sidebar #menu.hint-left li ul li{
display:block;
position:relative;
line-height:200%;
vertical-align:middle;
background:none;
padding:0px;
margin:0px;
border-bottom:none;
border-top:solid 1px #c5d4d0;
}

.sidebar #menu.hint-left li ul li a {font-weight: normal;padding-left:60px;background:url(../images/menu-li2.png) 0px -32px no-repeat;}
.sidebar #menu.hint-left li ul li a:hover{background:url(../images/menu-li2.png) 0px 0px no-repeat;}

.anketauvod
{
  padding: 10px 20px 20px 20px;
}
.anketauvod strong {margin-bottom: 8px}
.pod_bar
{
  margin-bottom: 5px;
  height:15px;
  border:1px solid #c8d7d3;
  width: 200px;
}
.bar
{
  height:15px;
  background:url(../images/bg-anketa.gif) 0px 0px repeat-x;
}

/*-- [ 8. Footer ] -----------------------------------------------*/
#footer { 
  display:block;
  position:relative;
	color:#adcf38;
  background:#1d3976 url(../images/bg-footer.png) top left repeat-x; 
  margin-top:8px;
  padding:15px 0px 0px 20px;
  line-height:220%;
  height:71px;
  font-size:90%;
  margin:21px 0px 21px 0px;
}
#footer a {color:#adcf38;}
#footer a:hover {color:#fff;}

/*info*/
#footer .foot-menu {
 position:absolute; right:10px; top:-11px; width:280px; height:39px;
 line-height:39px; color:#1d3977; vertical-align:middle; text-align:center;
 background:url(../images/bg-footer3.png) bottom left no-repeat;
 }
#footer .foot-menu a {color:#1d3977; margin:0 3px; }
#footer .foot-menu a:hover {color:#709002;}
/*footertop*/
#footer .footer-top {
 position:absolute;
 top:-5px;
 left:0px;
 height:5px;
 width:968px;
 background:url(../images/footer-top.png) top left no-repeat;
 }
 /*footerbottom*/
#footer .footer-bottom {
 position:absolute;
 bottom:0px;
 left:0px;
 height:5px;
 width:968px;
 background:url(../images/footer-bottom.png) bottom left no-repeat;
 }

/*-- [ 9. Other ] -----------------------------------------------*/
/*error*/
#error h2{margin-bottom:0.6em; margin-left:0.2em;}
#error h3{font-size:150%;margin-bottom:0.3em; font-style:italic;}
#error p{margin-bottom:0.4px; color:#555;}
#error p.hint {font-weight:bold; color:#000;}
#error div.uri {padding:4px 10px 5px; margin-bottom:1em; border:1px dashed #ccc; color:#666;}
/*napiste nam, doporucit stranku*/
#mail-form {width:95%;}
#mail-form .text_area {width:99%;}
#mail-form th {width:105px; padding-right:5px;}
#mail-form input[type=reset] {color:#444;}