/* CSS Document pro Zachranles.cz */ 
/* autor GVP 09/2009 */

* {
	padding: 0;
	margin: 0;
}

body {
	font-size: 62.5%;
	background-image: url(../images/bg_body.png);
	font-family: verdana, arial, sans-serif;
}
/*Font-size: 1.0em = 10px when browser default size is 16px*/


img {/*clear:both;*/ float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}

img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:1px solid rgb(150,150,150);}
img.right {/*clear:both;*/ float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}

img.u {
/*clear:both;*/
float:none;
border: none;
padding: 0;
margin: 0;

}

a {
	color: rgb(70,122,167);
	font-weight: bold;
	text-decoration: none;
	}
a:hover {color:rgb(42,90,138); text-decoration:underline;}
a:visited {color:rgb(42,90,138);}

a img {border:none;}

a:hover img {border:solid 1px none;}

.unit a {
	background: url(../images/link.png) no-repeat right;
	padding: 11px 11px 0 0px;
}

blockquote {
	clear:both;
	margin:0 30px 0.6em 30px;
	background: url(../images/uvoz.png) no-repeat;
	color: #70100C;
	font-size: 90%;
	font-style: italic;
	text-align:center;
}


.uv {
float: none;
border: none;
margin: auto;
}

#stranka {
	width: 900px;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: solid 1px rgb(150,150,150);
	font-size: 1.0em;
}

/* hlavicka */

#hlavicka {
	width: 900px;
	font-family: "trebuchet ms", arial, sans-serif;
	overflow: visible !important; /* ff */
  overflow: hidden; /*IE6*/  
}

#hlavicka-ram {
	width:900px; 
	height:3px; 
	background-color:#DADBDF;
}

#hlavicka-top {
	width: 900px;
	height: 100px;
	background: url(../images/hlavicka.jpg); 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

#zahlavi {
	width:900px;
	height:90px; 
	background: url(../images/les.jpg);
	overflow:visible !important; 
	overflow:hidden;
}
  
#hlavicka-dno {
	width:900px; 
	height:40px;
	background:rgb(255,255,255) url(../images/bg_prechodka.jpg) repeat-y;
}


#hlavicka-prechod {
	clear:both; 
	width:900px; 
	padding:0.3em 0 0.3em 0; 
	background:rgb(255,255,255) url(../images/bg_prechodka.jpg) repeat-y;
}

#hlavicka-top h1 {
  margin: 0px 50px 0 110px;
  font-size: 600%;
	letter-spacing: 2px;
	color: white;	
}

#hlavicka-top h2 {
	margin: 0 0 0 120px;
	color: white;
	font-size: 230%;
	letter-spacing: 6.2px;
}

#searchform {
  float:right;
  width:350px; 
  padding:0 17px 0px 0px !important; 
  padding:0 12px 0px 0px /*IE6*/;
}

#searchform form fieldset {
  float:right; 
  border:none;
}

#searchform input.field {
  width:11.5em; 
  padding:0.2em 0 0.2em 0; 
  border:1px solid rgb(200,200,200); 
  font-family:verdana,arial,sans-serif; 
  font-size:120%;
  color:grey; 
}

#searchform input.button {
  width:1.3em; 
  padding:1px !important; 
  padding:0 ; 
  border:solid 1px rgb(150,150,150); 
  text-align:center; 
  font-family:verdana,arial,sans-serif; 
  background:rgb(220,220,220); 
  color:rgb(80,80,80);
  font-size:120%;
}

#searchform input.button:hover {
  cursor:pointer; 
  border:solid 1px rgb(80,80,80); 
  color: white; 
  background-color:#5A8E00;
}


/* navigace */
#navigace {
	float: left;
	width: 900px;
	border: none;
	background: rgb(220,220,220) url(../images/bg_dno_nav.jpg) no-repeat;
	color: rgb(75,75,75);
	font-size: 130%;
}

#navigace ul {
	list-style-type: none;
}

#navigace ul li {
	float: left;
	position: relative;
  z-index: auto !important;
  z-index: 1000;
	border-right: solid 1px rgb(175,175,175);
}

#navigace ul li a {
  float: none !important;
  float: left;
	display: block;
	height: 2.4em;
	line-height: 2.4em;
	padding: 0 16px 0 16px;
	text-decoration: none;
	font-weight: bold;
	color: rgb(48,48,48);
	}

#navigace ul li a:hover {
	background-color: #5F8901;
	text-decoration: none;
	color: #ffffff;	
}

/* paticka */
#paticka {
  clear:both; 
   width:900px; 
   padding:1.0em 0 1.0em 0; 
   background: #e1e1e1 url(../images/bg_paticka.jpg) no-repeat; 
   font-size:1.0em; 
   overflow:visible !important; 
   overflow:hidden /*IE6*/;
}

#paticka p {
	line-height: 1.3em;
	text-align: center;
	color: rgb(125,125,125);
	font-weight: bold;
	font-size: 110%;
}

#paticka p.credits {
	font-weight: normal;
}

#paticka a {
	text-decoration: underline;
	color: rgb(125,125,125);
}

#paticka a:hover {
	text-decoration: none;
	color: rgb(0,0,0);
}

 /* telo  - vlastni obsah */

#telo {
  clear:both; 
  width:900px; 
  padding-bottom:30px; 
  background:transparent url(../images/bg_main.jpg) top left repeat-y;}

#obsah {
  display:inline; /*Fix IE floating margin bug*/; 
  float:left; 
  width:440px; 
  margin:0 0 0 30px; 
  overflow:visible !important /*Firefox*/; 
  overflow:hidden /*IE6*/;
}


/* leva sekce - upoutavky */
#leva {
  display:inline /*Fix IE floating margin bug*/; 
  float:left; 
  width:185px; 
  margin:0 0 0 15px; 
  overflow:visible !important;
  overflow:hidden /*IE6*/;
  }

#leva h1 {
  clear:both; 
  margin:0 0 5px 0; 
  padding:4px 10px 3px 10px; 
  background-color:#5D8D00; 
  font-family:"trebuchet ms",verdana,arial,sans-serif; 
  color:rgb(255,255,255); 
  font-weight:bold; 
  font-size:140%;
  letter-spacing: 2px;
}

#leva h2 {
  clear:both; 
  margin:1.0em 10px 0.5em 10px; 
  color:rgb(80,80,80); 
  font-weight:bold; 
  font-size:110%;
}

#leva p {
  clear:both; 
  margin:0 10px 1.0em 10px; 
  color:rgb(80,80,80); 
  line-height:1.3em; 
  font-size:110%;
}

.tags {
  width:183px; 
  margin:0 0 2.5em 0; 
  padding:0 0 10px 0; 
  border:solid 1px rgb(160,214,81); 
  background-color:rgb(217,239,185);
}

.tags:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

.round-topleft {
  width:10px; 
  height:10px; 
  position:absolute; 
  z-index:100; 
  background:url(../images/bg_topleft.gif) no-repeat; 
  margin-top:-1px; 
  margin-left:-1px;
}


.round-topright {
  width:10px; 
  height:10px; 
  position:absolute; 
  z-index:100; 
  background:url(../images/bg_topright.gif) no-repeat; 
  margin-top:-1px; 
  margin-left:174px;
}

.round-botleft {
  width:10px; 
  height:10px; 
  position:absolute; 
  z-index:100; 
  background:url(../images/bg_botleft.gif) no-repeat; 
  margin-top:-1px; 
  margin-left:-1px;
}


.round-botright {
  width:10px; 
  height:10px; 
  position:absolute; 
  z-index:100; 
  background:url(../images/bg_botright.gif) no-repeat; 
  margin-top:-1px; 
  margin-left:174px;
}

/* prava sekce -  aktuality */

#aktual {
  display:inline /*Fix IE floating margin bug*/; 
  float:right; 
  width:200px; 
  overflow:visible !important;
   overflow:hidden; /*IE6*/
}


/* puvodne h1 first - dodelat del vzoru */
#aktual h1.zahlavi {
  clear:both; 
  margin:0px; 
  padding:4px 20px 3px 20px; 
  background-color:#5D8D00; 
  font-family:"trebuchet ms",arial,sans-serif; 
  color:rgb(255,255,255); 
  font-weight:bold; 
  /*font-size:150%;*/
  font-size:140%;
  letter-spacing: 2px;
}
/*
clear:both; 
  margin:0 0 5px 0; 
  padding:4px 10px 3px 10px; 
  background-color:#5D8D00; 
  font-family:"trebuchet ms",verdana,arial,sans-serif; 
  color:rgb(255,255,255); 
  font-weight:bold; 
  font-size:140%;
  letter-spacing: 2px;
*/

#aktual p.nadpis {
	clear: both;
	margin: 0 10px 10px 20px;
	color:rgb(80,80,80); 
	line-height: 1.3em;
	font-size: 110%;
	font-weight: bolder;
	border-bottom: medium solid #FC9D0D;
}

#aktual p {
	clear:both; 
	margin:0 10px 10px 20px; 
	color:rgb(80,80,80); 
	line-height:1.3em; 
	font-size:100%;}



/* sponzors*/


#sponzors hr {
	clear: both;
	width: 440px;
	height: 16px;
	border: none;
	background: #c0c0c0 url(../images/list.png) repeat-x;
}

.spnzr-vlevo {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.spnzr-stred {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.spnzr-vpravo {float:right; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}



.unit {
	width: 440px;
	margin-bottom: 10px !important; /*Non-IE6*/
	margin-bottom: 5px; /*IE6*/	
}

.unit2 {
	width: 640px;
	margin-bottom: 10px !important; /*Non-IE6*/
	margin-bottom: 5px; /*IE6*/	
}

/* obecne */
.center {text-align:center;}

.right {text-align:right;}

.tucne {font-weight: bolder;}

.ucet {
font-weight: bolder;
font-size: 160%;
}

.kurziva {font-style: italic;}

#obsah p:first-letter, .inic {
  font-size: 120%;
  font-weight: bold;	
}

#obsah h1 {
  clear:both;
  margin:0 0 0.4em 0; 
  padding:0 0 2px 0; 
  border-bottom:solid 7px rgb(225,225,225); 
  font-family:"trebuchet ms",arial,sans-serif; 
  color:rgb(80,80,80); 
  font-weight:bold; 
  font-size:220%;
  border-bottom: thick solid #FC9D0D;
}



#obsah h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:170%;}

#obsah h3 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:150%;}

#obsah h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
#obsah h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
#obsah h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
#obsah p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}

#obsah p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}


#obsah table {clear:both; width:400px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
#obsah table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
#obsah table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
#obsah table td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

p.block {
	border: thick double #54962C;
	padding: 5px;
	color: #505050;
	font-size: 90%;
}

#obsah ul {list-style:none; margin:0.5em 0 1.0em 0;}
#obsah ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../images/bg_odr.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:120%;}
#obsah ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
#obsah ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}


/*formular*/

.contactform {width:418px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 ; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}


/********************************/
/*  clear - floats */

#stranka:after, #hlavicka:after, #hlavicka-:after, #telo:after, #aktual:after, #obsah:after, #obsah div:after, #leva:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.unit:after, .spnzr-vlevo:after, .spnzr-stred:after, .spnzr-vpravo:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#paticka:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}


/***  PRINTING and MISCELLANEOUS  ***/
@media print {#hlavicka-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {#hlavicka- {width:900px; background:transparent;}}
@media print {#navigace {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {#telo {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {#aktual {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {#paticka {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important; overflow:hidden;}}

/*css pro kalendar*/
#cal {
clear: both;
float: none;
}

#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #666666;
	padding:1px;
	background-color: #fff;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}


#calendarDiv .selectBox{
   border: 1px solid #fff;
   color: #fff;
   position: relative;
   background-color: #C13B00;
}
#calendarDiv .selectBoxOver{
	border:1px solid #fff;
	background-color: #ff4d00;
	color: #fff;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #666666;		
	color: #fff;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
   border: 1px solid #666666;
   color: #fff;
   background-color: Silver;
   position: relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #003B00;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#0000ff;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #003B00;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
	color: #fff;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #C13B00;
   width:72px;
	color:#fff;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #C13B00;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #fff;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
	color: #fff;
}
#calendarDiv .monthYearActive{
	background-color:#ff4d00;
	color: #00ffff;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}

/* aktuality */

.nazev {
	margin-top: 10px;
	font: normal bold 170% "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px 0 2px 40px;
	background: transparent url(../images/list.png) no-repeat 3px 50%;
	border-bottom: 1px solid #549A2C;
	text-transform: none;
	color: red;
}

p.meta { 
   background-color: #FAFAFA;
	padding: 3px; 
   margin: 0;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}

.aktualita .meta .zapsal {
	background: url(../images/comm.gif) no-repeat left center;
	padding-left: 20px; 
   margin: 0 10px 0 5px;
}

.aktualita .meta .platnost {
	background: url(../images/cal.png) no-repeat left center;
   padding-left: 20px; 
   margin: 0 10px 0 5px;
}

.red {
	color: red;
}

.hidden {
visibility: hidden;
height: 0.4ex;
}

