@charset "utf-8";
/*----------------------------------------------------------------------------
	Description: Kaskádové styly
	Author:			 e-invent s.r.o., nachod(@)nachod@e-invent.eu, www.e-invent.eu
	Modified:	   28. 8. 2009

	==[ 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;}
html {
	background:#fff url(../images/html-back.jpg) top left repeat-x;
	
}
body  {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/body-back.jpg) top center no-repeat;
	color: #000000;
	text-align: center; 	
}

/*-- [ 2. Tags ] -----------------------------------------------*/
h1 {font-size: 150%;}
h2 {font-size: 125%;}
h3 {font-size: 100%;}
a {color:#333;}
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%;}

/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 998px;  
	margin: 0 auto; 
	text-align: left;
}
#contentContainer {
	min-height:300px;
	background:#fff url(../images/main-back.png) left top repeat-y;
} 

/*-- [ 5. Header ] -----------------------------------------------*/
#header {
	position: relative;	height:300px;
	background: url(../images/body-back.jpg) top center no-repeat;	
}
#header h1 {display:none;}
/*logotyp*/
#logotype { position:absolute; top:40px; left:40px; width:398px; height:100px;}
#logotype span { display:none;} 
/*navigace*/
#navMenu {
	width:655px; height:26px;
	position:absolute; top:173px; left:300px;	
}
#navMenu .arrow, #navMenu .doubleArrow {
	float:left;
	margin:6px 5px; /*IE6 fixed*/
}
#navMenu .numHolder {
	float:left;
	cursor:default;
	white-space:nowrap;
	text-align:center;
	font-size:11px;
	width:563px;
  margin-top:8px;	
}
#navMenu .numHolder b,
#navMenu .numHolder span {padding:0px 2px;}
#navMenu .numHolder a {color:#fff; text-decoration:none;}
#navMenu .numHolder a:visited {color:#bbb;}
#navMenu .numHolder a:hover {color:#efc126; text-decoration:underline;}
#navMenu .numHolder a.selected {color:#efc126; text-decoration:none;}

/*datum*/
#dateHolder {
	color:#fff; font-size:18px;
	position:absolute; top:250px; left:219px;
}
#dateHolder span {float:left;}
#dateHolder span.month {margin-left:22px;}
#dateHolder span.year {margin-left:18px; color:#efc126;}
/*nastavit jako domovskou stranku*/
#setAsHomepage {
	position:absolute;
	top:258px; right:10px; 
	background:url(../images/ico-home.png) right bottom no-repeat;
	padding-right:33px; padding-top:18px;	
	color:#ddd; text-decoration:none;
	font-size:90%;
}
#setAsHomepage:hover {text-decoration:underline;}
/*-- [ 6. Sidebar ] -----------------------------------------------*/
#sidebar {
	float: left; 
	width: 256px;
	overflow: hidden;
	padding-bottom:4.5em;
	color:#000;
}
#sidebar .holder {width:250px; margin:3px;}
/*-- [ 7. Content ] -----------------------------------------------*/
#mainContent {
	float:right;
	width:742px;
	font-size:90%;
} 
/* main tags*/
#mainContent h2 {font-size:12px; color:#30b3e5; margin-bottom: 1em;} 
#mainContent h2 a {color:#028bbf;}
#mainContent h2 a:hover {color:#055776;}
#mainContent h3 {font-size:12px; color:#333; margin-bottom: 0.2em;} 
#mainContent h3 a {color:#333;}
#mainContent h3 a:hover {color:#000;}
#mainContent p {color:#333;}
#mainContent .plainContent {margin:1em;} 
#mainContent a {color:#333;}
#mainContent ul {margin:0 0 5px 20px;}
#mainContent ul li{margin:0 0 3px 0;}
/*akce 1*/
#mainContent .akce1 {
	border-bottom:2px solid #e5e5e5; 
	border-right:2px solid #e5e5e5; 	
	background:#fff url(../images/item-akce-back.png) 220px top repeat-y;
}
#mainContent .akce1 .holder {border-right:1px solid #fff;border-bottom:1px solid #fff;border-top:1px solid #fff;}
#mainContent .akce1 .textContent {
	float:left;
	width:198px;
	height:116px;
	padding:15px 10px 15px 15px;
	overflow: hidden;
}
#mainContent .akce1 .time {
	float:left; width:40px; line-height:146px; vertical-align:middle;
	color:#30b3e5; font-size:12px; font-weight:bold;
	background:url(../images/item-border-arrow.png) left center no-repeat;
	padding-left:26px;
}
#mainContent .akce1 .banner {
	float:left; 
	width:450px; height:146px;
}

/*akce 2*/
#mainContent .akce2 {
	border-bottom:2px solid #e5e5e5; 
	border-right:2px solid #e5e5e5; 	
	background:#fff url(../images/item-akce-back.png) 276px top repeat-y;
}
#mainContent .akce2 .holder {border-right:1px solid #fff;border-bottom:1px solid #fff;border-top:1px solid #fff;}
#mainContent .akce2 h2 {margin-bottom:0.2em;}
#mainContent .akce2 h3 {margin-bottom:0.2em;}
#mainContent .akce2 .textContent {
	float:left;
	width:254px;
	/*height:52;*/
	padding:10px 10px 10px 15px;
	overflow: hidden;
}
#mainContent .akce2 .time {
	float:left; width:40px; line-height:72px; vertical-align:middle;
	color:#30b3e5; font-size:12px; font-weight:bold;
	background:url(../images/item-border-arrow.png) left center no-repeat;
	padding-left:26px;
}
#mainContent .akce2 .banner {
	float:left;
	width:394px; /*height:72;*/
}
/*akce 3*/
#mainContent .akce3 {
	border-bottom:2px solid #e5e5e5; 
	border-right:2px solid #e5e5e5; 	
	background:#fff url(../images/item-akce-back.png) 332px top repeat-y;
}
#mainContent .akce3 .holder {border-right:1px solid #fff;border-bottom:1px solid #fff;border-top:1px solid #fff;}
#mainContent .akce3 h2 {margin-bottom:0.2em;}
#mainContent .akce3 h3 {margin-bottom:0.2em;}
#mainContent .akce3 .textContent {
	float:left;
	width:310px;
	padding:10px 10px 10px 15px;
	overflow: hidden;
}
#mainContent .akce3 .time {
	float:left; width:40px; line-height:72px; vertical-align:middle;
	color:#30b3e5; font-size:12px; font-weight:bold;
	background:url(../images/item-border-arrow.png) left center no-repeat;
	padding-left:26px;
}
#mainContent .akce3 .banner {
	float:left;
	width:338px; /*height:72;*/
}



/*-- [ 8. Footer ] -----------------------------------------------*/
#foot {position:relative; font-size:12px; padding-bottom:75px}
/*menu*/
#foot .footMenu {
	position:absolute;
	width:720px;
	left:253px; top:51px;
	border-top:1px solid #000;

}
#foot .footMenu a {position:absolute;}
#foot .footMenu a.gotop {top:-15px; left:20px;}
#foot .footMenu a.prev {top:-33px; left:580px;}
#foot .footMenu a.next {top:-33px; left:660px;}

/*copy*/
#foot .copy {
	width:256px;
}
#foot .copy a {text-decoration:none; color:#000;}
#foot .copy p {padding-left:18px;}
#foot .copy a:hover {text-decoration:underline;}
#foot .copy .copyTop {
	padding-left:18px;
	position:absolute; top:-47px;
	padding-bottom:10px;
	line-height:160%;
}
#foot .copy .copyBottom {
	height:52px; line-height:52px; white-space:nowrap;
	background:#000; color:#fff;
	border-right:3px solid #eaeaea;
	border-left:3px solid #eaeaea;
	border-bottom:15px solid #eaeaea;	
	padding-left:15px;

}
#foot .copy .copyBottom a {color:#fff;} 
#foot .copy .copyBottom a.img {float:right; width:37px; height:37px; margin-top:7px; margin-right:10px;}
/*-- [ 9. Other ] -----------------------------------------------*/
/*kalendar*/
#kalendar_nacist_ajax {
 	height:420px; 	
}
#calendar{
	padding-left:9px;
	padding-bottom:182px;
	background:url(../images/kalendar-kostky.jpg) center bottom no-repeat;
}

#calendar .calendar-top {
	padding-left:50px;
	font-weight:bold;
	height:40px; line-height:37px; vertical-align:middle;
	background: url(../images/kalendar-ico.jpg) left top no-repeat;
	font-size:12px;
}
#calendar .calendar-top a{
	font-weight:normal;
	margin:0px 5px;
}
#calendar .calendar-main table {border-collapse: collapse;}
#calendar .calendar-main table td {
    border: 3px solid #eaeaea;
		width:30px; height:30px; line-height:30px;
		vertical-align:middle; text-align:center;
		font-size:12px; font-weight:bold;
		background:#fff;
		color:#777;
}
#calendar .calendar-main table td a {
    display: block;
		width:28px; height:28px; line-height:28px; 
		text-decoration:none;
    color: #000;
		border:1px solid #fff;
}
#calendar .calendar-main table td a:hover {border-color:#efc126;}
#calendar .calendar-main table td.selected a {background-color:#efc126;}
#calendar .calendar-main table thead td {
	background: #bbb;
	color: white;
}

#sidebar .facebook
{
    margin: 0px 5px;
    padding: 0px 0px 30px 0px;
    text-align: center;
    background: url(../images/fbicon.png) no-repeat right bottom;
}

#sidebar .facebook a
{
    display: block;
    background-color: #ffffff;
    color: #123f8c;
    font-size: 12px;
    padding: 5px 0px;
}

#sidebar .facebook a:hover
{
    text-decoration: none;
}