@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: Tahoma, Arial, Helvetica, sans-serif;
	background: #fff url(../images/bg.jpg) top center repeat-x;
	color: #333;
	text-align: center;
	margin:0 0 0 0; 	
}
/*-- [ 2. Tags ] -----------------------------------------------*/
h1 {font-size: 180%; color:#db0404; line-height:150%;}
h2 {font-size: 125%;}
h3 {font-size: 100%;}
ul {margin:0 0 5px 20px;}
ul li{margin:0 0 3px 0;}
a {color:#db0404;}
a:hover {color:#000;}
img {border:none; text-decoration:none;}
/*-- [ 3. Classes ] -----------------------------------------------*/
.float-r {float: right;}
.float-l {float: left;}
.clearfloat { 
	clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
	overflow: hidden;
}
.font-size-90 { font-size:90%;}
.font-size-85 { font-size:85%;}
a.link {color:#db0404; display:block; text-align:right; background: url(../images/li.gif)  right 70% no-repeat; margin-right:8px; padding-right:7px;}
a.link:hover {color:#000;}
/*-- [ 4. Container ] -----------------------------------------------*/
#imgFight { 
	background: url(../images/bg1.png) top center no-repeat;
} 
#mainContainer { 
	width: 998px;  
	margin: 0px auto; 
	text-align: left;
} 
#mainContainer1 { 
  width:998px;
	background: #fff;
	background: #fff url(../images/main_bg.png) repeat-x;
	overflow: hidden;
} 
/*-- [ 5. Header ] -----------------------------------------------*/
#header {position:relative; height:204px; }
/*logo, vlajky, ...*/
#top1 {position:relative; height:145px;}
#top1 #logotype {position:absolute; top:99px; left:34px; width:200px; height:70px; z-index:5; }
#top1 .obrazek {position:absolute; top:0px; left:0px; z-index:1;}
/*hledej*/
#top1 .search {
	position:absolute; top:0px; right:20px;
	height:23px;
	text-align:right;
	z-index:7;
}
#top1 .search p{
  padding-top:10px;
	display:block;
	color:#fff;
	text-align:right;
}
#top1 .search strong{
	display:block; font-size:105%;
}
#top1 .search form{
	display:block;
	position:relative;
}
#top1 .search .text {
	border:1px solid #f70707;
	background:#fff url(../images/bg-input.gif) top left no-repeat; 
	position:absolute; top:0px; right:30px;
	height:18px;
	margin:0; padding:1px 2px 0;
}
#top1 .search .btn {
	border:none; 
	background:#bc040b url(../images/bg-hledej.png) top left no-repeat; 
	position:absolute; top:0px; right:0px;
	width:22px; height:22px;
}
/*TOP*/
#top2 {
  position:absolute;
  left:0px;
  top:168px;
  z-index:2;
  width:990px;
  height:35px;
	padding:0px 20px;
	font-size:16px;
	color:#fff;
	height:35px; 
	line-height:51px;
} 
/*main menu*/
#top2 ul.menuMain, #top2 ul.menuMain li, #top2 ul.menuQuick, #top2 ul.menuQuick li {margin:0; padding:0; list-style:none;font-size: 12px;text-transform: uppercase;font-family: Tahoma;}
#top2 ul.menuMain li{float:left; margin:0px 0px 0px 0px;}
#top2 ul.menuMain li .menu-l {float:left; width:4px; height: 36px; background:url(../images/bg-menu-left1.gif) top left no-repeat;margin-left:0px;}
#top2 ul.menuMain li .menu-r {float:left; width:4px; height: 36px; background:url(../images/bg-menu-right1.gif) top right no-repeat;margin-right:1px;}
#top2 ul.menuMain li a {font-size:90%; font-weight:bold; text-decoration:none; float:left; padding:0px 9px 0px 9px; color:#fff; height:36px; line-height:35px; vertical-align:middle; background:url(../images/bg-menu-middle1.gif) right top repeat-x;}
#top2 ul.menuMain li a:hover {color:#ff0000;}
#top2 ul.menuMain li.selected {background:url(../images/bg-menu-middle.gif) right top repeat-x;margin:0px 4px 0px 4px;}
#top2 ul.menuMain li.selected  .menu-l {position:relative;height: 36px;background:url(../images/bg-menu-left.gif) top left no-repeat;margin-left: -4px;}
#top2 ul.menuMain li.selected  .menu-r {position:relative;height: 36px;background:url(../images/bg-menu-right.gif) top right no-repeat;margin-right:-2px;}
#top2 ul.menuMain li.selected  a {color:#000;background: url(../images/menu_sipka.gif) no-repeat center bottom;}
#top2 ul.menuMain li.selected a:hover {color:#000;}

#top2 ul.menuQuick ul {margin-right:20px;}
#top2 ul.menuQuick li {float:right; padding-top:16px;}
#top2 ul.menuQuick li span {display:none; }
#top2 ul.menuQuick li a {float:left; text-align:center; width:25px; height:14px; padding-top:5px; margin:0px 2px 10px 2px; background:url(../images/bg-quick-menu.gif) right top no-repeat;}


/*navigace*/
#top3 {
  position:absolute;
  display:block;
  left:20px;
  top:210px;
  width: 950px;
  z-index:3;
   height:36px;
   padding:0px 0px 5px 0px;
   font-size:80%;
}

#top3 #panel{float:left;width:920px;height:36px;padding-top:0px;background-image:url(../images/top3_center.png);background-repeat: repeat-x;}
#top3 #panel .left{float:left;padding-top: 0px;}
#top3 #panel .linka {width:8px;height:36px;background: url(../images/linka.png);float:left;margin:0 10px 0 10px;}
#top3 #panel .linkap {width:8px;height:36px;background: url(../images/linka.png);float:left;margin:0 10px 5px 10px;}
#top3 #panel .left .text {float:left;padding-top:10px;font-size:120%;}
#top3 #panel .right{float:right;width:450px;}
#top3 #panel .right .btn {float: right}
#top3 #panel .right .search {width: 285px;}
#top3 #panel .right img {float:left;}
#top3 .leftokraj{float:left;width:22px;height:36px;background: url(../images/top3_left.png) no-repeat left top;}
#top3 .rightokraj{float:right;width:8px;height:36px;background: url(../images/top3_right.png) no-repeat right top;}
#top3 a {color:#000;}
#top3 a:hover {color:#db0404;}

/*navigace-search*/
#top3 #panel .search {
  display:block;
  height:34px;
  /*width:260px;*/ 
	padding-left:0px;
	padding-top:0px;
  float:right;
  }
#top3 #panel .search .pod{
  padding: 0px;
  margin: 0px;
  padding-right:4px;
  float:left;
}

#top3 #panel .search .lupa {
  display:block;
  float:left;
  margin-top: 7px;
  width:26px;
  height:23px; 
	background:url(../images/lupa.png) no-repeat;
  }
#top3 #panel .search .text {
  padding-top: 4px;
  margin-top: 7px;
  height:23px; 
	width:156px;
	color:#333;
	border:0px solid #fff;
	background:url(../images/search_text.png) 0px 0px no-repeat;}

#top3 #panel .search .btn {background: url(../images/btn_hledej.png) no-repeat;width:68px;height:23px;border:none;margin-top: 7px;}

/*-- [ 6. Sidebar ] -----------------------------------------------*/
/*-- [ 6a. Sidebar Left ] -----------------------------------------------*/
#sidebar-left {
	float: right; 
	margin:0 0 0 0;	
	width: 300px; /*IE6 fixed*/
	overflow: hidden;
	padding-bottom:0px; margin-bottom:0px;
}
.is2col #sidebar-left {margin-left:0;margin-top:35px;}
/*-- [ 6b. Sidebar Left ] -----------------------------------------------*/
#sidebar-right {
	float: left; 
	width: 300px; /*IE6 fixed*/
	overflow: hidden;
	padding-bottom:0px; margin-bottom:0px;
}
.is2col .sidebar h2 {margin-top:15px; width:280px; color:#737677; padding:10px 0px;font-weight:bold;font-size:140%;}
.sidebar h2 {margin-top:15px; width:280px; color:#737677; padding:10px 0px;}
.sidebar .seda {padding:0px 10px 10px 0px;width:260px;}
.sidebar .seda h1 {color: #7F0F06;}
.sidebar {padding-bottom:0px; margin-bottom:0px;}
/*search*/
.sidebar .search {
  display:block;
  height:34px;
  width:277px; 
	padding-left:10px;
	padding-top:5px;
	background:url(../images/search.png) 0px 0px no-repeat ;
  margin: 13px;
  }
.sidebar .search .pod{
  padding: 0px;
  margin: 0px;
  padding-right:4px;
  float:left;
}

.sidebar .search .lupa {
  display:block;
  float:left;
  height:23px;
  width:26px; 
	background:url(../images/lupa.png) no-repeat ;}
.sidebar .search .text {
  padding-top: 4px;
  height:23px; 
	width:156px;	color:#333;
	border:0px solid #fff;
	background:url(../images/search_text.png) 0px 0px no-repeat;}
.sidebar .search .btn {background: url(../images/btn_hledej.png) no-repeat;width:68px;height:23px;border:none;}

.sidebar #akt {background: url(../images/bg_aktuality.png) no-repeat top;padding-left:0px;}
.sidebar #akt h2 {padding-left:20px;}
.sidebar #news {width:260px;padding-top:20px;} 
.sidebar #news h2 {color:#6a6868; font-size:140%; margin-bottom:1em;background: url(../images/side_strong.gif) no-repeat left center;}
.sidebar #news .newsItem {margin-bottom:1.6em; min-height:39px;padding-bottom: 10px;padding-left:20px;}
.sidebar #news .newsItem .cont {padding-left:48px;}
.sidebar #news .newsItem h3 {font-size:100%; margin-bottom:0.3ex;}
.sidebar #news .newsItem p {font-size:90%;}
.sidebar #news .newsItem .calendar {
	float:left; position:relative; 
	overflow:hidden; 
	width:41px; height:30px;
	background:url(../images/calendar.gif) top left no-repeat;
	text-align:center;
	color:#fff;
}

.sidebar #news .newsItem .date {display:block; font-size:8px; margin-top:1px; line-height:11px;}
.sidebar #news .newsItem .year {display:block; font-size:10px;margin-top:10px; font-weight:bold;color:#a1a1a3;}
.sidebar #news .newsArchive { margin-left:30px; padding-left:20px; background:url(../images/side_menu_sipka.gif) left 5px no-repeat;}
.sidebar #news .newsArchive a:hover {color:#000;}
/*kontakt*/
.sidebar #kontakt {margin: 60px auto 0px auto; width:280px;}
.sidebar #kontakt .ukaz {padding-left: 20px;background:url(../images/side_menu_sipka.gif) left 5px no-repeat;}
.sidebar #kontakt strong {display:block;}
.sidebar #kontakt p {padding: 8px 20px 0px 20px;color:#000;}
.sidebar #kontakt #in_kontakt {border:1px solid #dfdfdf;}
.sidebar #kontakt h2 {font-size:140%; color:#fff;height:45px;line-height: 39px; padding:0 0 0 20px;background: url(../images/sidebar_kontakt.png) no-repeat;}
.sidebar #kontakt h3 {font-size:115%; color:#000;padding:10px 0 0 0px;}
/*partneři*/
.sidebar #partners  {text-align:center;}
.sidebar #partners a {display:block; margin:0px auto; padding:20px 0px 0px 0px;}

/*side menu*/
#sidebar-left #sideMenu {width:260px;padding-left:20px;}
#sidebar-left #sideMenu ul {margin:0; padding:0; list-style:none;}
#sidebar-left #sideMenu ul li {margin:0; padding:0px; list-style:none; border-top: 1px solid #737677;line-height:0%;font-weight: bold;}
#sidebar-left #sideMenu ul li:hover {background-color:#eee;}
#sidebar-left #sideMenu ul li a {padding-left:20px; display:block; line-height:220%;text-decoration:underline; color:#d8322f; background:url(../images/side_menu_sipka.gif) 0px 10px no-repeat;}
#sidebar-left #sideMenu ul li a:hover{background-color:#cbc8c7; color:#fff;}
#sidebar-left #sideMenu ul li a.activated {}
#sidebar-left #sideMenu ul ul {margin:0; padding:0; list-style:none;}
#sidebar-left #sideMenu ul ul li {margin:0; padding:0; list-style:none; border-top: 1px solid #c8cacb;line-height:0%;font-weight: normal;}
#sidebar-left #sideMenu ul ul li a {padding-left:35px; display:block; line-height:220%;text-decoration:underline; color:#d8322f; background:url(../images/li-sipka.gif) 20px 12px no-repeat;}
/*-- [ 7. Content ] -----------------------------------------------*/
#mainContent {
	float:left;
	display:inline;
	width:670px;
	margin:8px 8px 0px 10px;
}
#mainContent ul {margin: 0px;}
#mainContent ul li {list-style: none;padding-left: 12px;background: transparent url(../images/li-sipka.gif) 0px 5px no-repeat;}

.is2col #mainContent {width:670px;float:right;margin-top:35px;}
/* heading, anchor and paragraph margins*/
#mainContent h1 {padding:10px;color:#7f0f06;border-bottom: 1px #fff dotted}
.is2col #mainContent h1 {padding:10px;color:#7F0F06;border-bottom: 1px #fff dotted}  
#mainContent h2, #mainContent h3 {margin: 0.8em 0 0.1em;} 
#mainContent p, .sidebar p {margin-bottom: 0.5em; line-height:150%;} 
.is2col #mainContent p,.is2col .sidebar p {margin-bottom: 0.5em; line-height:150%;color:#333;}
#mainContent .seda {padding:10px; margin-bottom:8px;}
#mainContent .seda h2 {color: #7F0F06;margin-bottom: 5px;}
/*fotky*/
#mainContent .gal-fotky a {margin: 0 10px 10px 0; text-decoration:none;}
#mainContent .gal-fotky a img{border: 3px solid #c8cbcc;}
#mainContent .gal-fotky .gal-col-break {height: 10px;}

#mainContent .obra {text-decoration:none;} 
#mainContent .obr {margin: 5px 12px 5px 0px;border: 3px solid #c8cbcc;} 

.fotky {margin:3px 5px 0px 5px;}
.fotky a{ 
	height:94px; width:94px; 
	background-color:#FFF; 
	float:left; 
	padding:1px;
	border:2px solid #db0404; 
	text-decoration:none;
	margin:8px 8px 3px 9px;
}
.fotky a:hover { border-color:#000;} 
.fotky a img {height:94px; width:94px;}
/*hint*/
#mainContent .hint-left, #mainContent .hint-right { 
	float:left; 
	margin:0px 0px 10px 10px;
}
#mainContent .hint-left h2, #mainContent .hint-right h2{
	 margin:0px;
}
#mainContent .hint-left h2 a, #mainContent .hint-right h2 a{
	display:block;height:36px; line-height:36px; color:#fff; padding:0px 0px; text-decoration:none; margin:0px;
	background: url(../images/bg-nadpis.gif) no-repeat;
}
#mainContent .hint-left.uvod h2, #mainContent .hint-right.uvod h2{
	 margin:0px;
}
#mainContent .hint-left.uvod h2 a, #mainContent .hint-right.uvod h2 a{
	display:block;height:36px; line-height:36px; color:#fff; padding:0px 10px; text-decoration:none; margin:0px;
}
#mainContent .hint-left {margin-right:10px;}
#mainContent .hint-left ul, #mainContent .hint-right ul {list-style:none; line-height:140%;}
#mainContent .hint-left ul li, #mainContent .hint-right ul li{ 
	background:url(../images/li.gif) no-repeat center left; 
	padding-left:0px; 
}
#mainContent .hint-left.uvod, #mainContent .hint-right.uvod {width:315px;}
#mainContent .hint-left ul li a, #mainContent .hint-right ul li a {color:#db0404;}
#mainContent .hint-left ul li a:hover, #mainContent .hint-right ul li a:hover {color:#000;}
/*-- [ 8. Footer ] -----------------------------------------------*/
#footer { 
	color:#a9e8c7;
  padding-bottom:20px;
  height: 150px;
  background: url(../images/bg_bottom.png) repeat-x left bottom;
}
#footer h3 {
	float:left;
	font-size:130%; 
	color:#fff; 
	height:33px; line-height:30px;
	padding:0px 0px 0px 12px; 
}
#footer span.h3-l{
	float:left;
	height:33px; line-height:33px;
  width:4px;
  margin-left:10px; 
}
#footer a {color:#a9e8c7;}
#footer a:hover {color:#fff;}
/*fotogalerie*/
#footer #fotogalerie {float:left; margin:0px 0px 8px 8px; width:595px; height:100px;}
#footer #fotogalerie a {color:#db0404;}
#footer #fotogalerie a:hover {color:#000;}
/*kontakt*/
#footer #contact {float:right;  margin:0px 8px 8px 0px; width:375px; height:100px;}
#footer #contact p {font-size:90%; margin:0px 18px 0px 130px; }
#footer #contact a {color:#5d5956;}
#footer #contact a.img {width:115px; height:79px; float:left; margin:0px 0px 0px 10px;}
#footer #contact strong {display:block; margin-bottom:3px;}
/*info*/
#footer #info {display:block; width: 990px; padding:0px 7px 20px 8px; font-size:95%;margin: auto; background: url(../images/bg-info.gif) 0px 0px repeat-x;}
#footer #info .foot-menu {float:right;font-size:11px;width:269px; height:46px; line-height:37px; color:#fff; text-align:center; vertical-align:middle;background: url(../images/footer-menu.png) no-repeat; margin-right:15px; margin-top:90px; padding-top:5px;}
#footer #info .foot-menu a {color:#fff; margin:0 3px;}
#footer #info .foot-menu a:hover {color:#000;}
#footer #info .foot-copy, #footer #info .foot-author {color:#fff;text-align: left;margin-left:15px;}
#footer #info .foot-copy a, #footer #info .foot-author a {color:#fff;}
#footer #info .foot-author {width:380px; float:right; margin-top:10px; color:#fff; font-size:95%;}
#footer #info .foot-copy{padding:100px 10px 0px 0px;}

/*-- [ 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;}