/* 

	CSS Document - media screen

*/

/*

 color:

 #FFFFBF - vanilkova

 #CCE227 - zelena z kyticky

 #9DCD33 - zelena hlavicka Jackie

 

 #3E517D - modra

*/



/* GLOBALNI STYLY STRANKY */

body, td, th {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

}

body {

	background-color: #3E517D;

	color:#FFFFBF;

	text-align: left;

	margin: 5px 2px 2px 2px;

  padding: 5px  2em  2em  2em;

}



#celastrana{

	width:980px;

	margin: 0px auto;

}

#banner{

	position: relative;

	height:200px;

	margin: 0px auto;

	top: -5px;

	

	font-weight: bold;

	text-align: center;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

/* 

h1.a{

	text-decoration:none;

}

*/

#uvod {

	text-align: center;

/*	height: 450px; */
  margin-bottom: 10px

}

#uvod h4{

	color: #CCE227;

	font-weight: bold;

	text-align: center;

}



#uvod image{

	text-align: center;

	margin: 10px auto;

}



#kontakt{

	width: 960px;

	text-align: center;

	font-size: 9px;

	position: relative;

	padding: auto;

	margin: auto;

	margin-bottom: 5px;

	padding-top: 10px;

	vertical-align: bottom;

}

#kontakt a {

	border: none;	

	text-decoration: none;

}

.videoimg{

	position: relative;

	float: right;

	display: block;

	margin-right: 5px;

  vertical-align: bottom;

}

img.videoimg{

	margin:1em;

	margin-right:0;

	margin-top:0.4em;

}



hr{

  width:100%;

	color: #9DC0D0;

}

.nadpis {

	margin: 10px 10px;

	padding: 10px 0 20px 20px;

	color: #0F4D2A;

	border-left: 7px solid #A3BA92;

	background-image: url(grafika/line_telo_z.gif);

	background-repeat: repeat-y;

	text-align: left;

}

.popis {

	font-size: 12px;

}

.italic {

	font-style: italic;

}

.news {

	text-align:left;

 	margin-bottom: 10px;

}

.news_datum, .tituly{ 

	color: #9DC0D0;

	font-weight:bold

}


.news_caption, strong{

	color: #CCE227;

	font-weight: bold;

}

.fotky ul {
	list-style-type: none;
}

.videa ul, li {
  list-style-image: none;
	list-style-type: none;
  padding-left: 0;
  margin-left: 0;

}
.videa li {
  padding: 2px;
}

.video_datum{
  padding-top: 5px;
	color: #9DC0D0;
	font-weight:bold
}

.video_odsad{

	position: absolute;

	left: 180px;

}

.fotogalerie, .videogalerie{
  position: relative;
  left: 10px;
	width: 100%;
	text-align: left;
}

ul.videogalerie {
  margin-left: -5px;
}


.fotky_odstup{ 

	position: absolute;

	left: 180px;

}



.paticka{

	background-color:#9DCD33;

	margin: 2px;

	padding: 2px;

	vertical-align: middle;

	color: #3E517D;

  width:100%;

	font-size: smaller;

	margin-top: 2em;

	position: relative;

}



.paticka a {

	color: #3E517D;

	text-decoration:none;

}

.paticka a:hover {

	color: #3E517D;

	text-decoration:none;

}

.portretobr{

	border-width:1px;

	border-color:#9DCD33;

	border-style:solid;

	margin-top: 5px;

	padding: 5px;

}

#aktuality_in_img {

	position: relative;

	float:left;

	top: 5px;

	border-width: 0px;

	margin-right: 15px;

	margin-bottom: 10px;

	text-align: left;

	width: 180px;

}

#aktuality_in_img img{

	border-width: 0px;

	margin: 0px;

	padding: 0px;

}

#aktuality_in_imgr {

	position: relative;

	float:right;

	top: 10px;

	border-width: 0px;

	margin-left: 15px;

	margin-bottom: 10px;

	text-align: right;

	max-width: 180px;

}

#aktuality_in_imgr img{

	border-width: 0px;

	margin: 0px;

	padding: 0px;

}



.odsazeni50{

  left: 450px;

}

.nowrap {

	white-space: nowrap;

}



label {

	width: 160px;

	font-weight: bold;

}

.divgroup_item label {

	font-weight: normal;

}



img {

	border: 0;

}

table {

	padding: 0px;

	margin: 0px auto;

	border-collapse: collapse;

}



td {

	font-size: 13px;

	text-align: left;

}



ul {

  list-style-image: url('images/gr_puntik.png');

/*	list-style-type: disc; */

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 14px;

	font-weight: normal;

	font-size: 12px;

	text-decoration:none;

}

li {

	margin: 1px 0px;

}

dl {

	margin: 0.5em 0em;

}



dt {

	margin-top: 0.4em;

	font-weight: bold;

}

p {

	margin: 10px auto;

	text-align: justify;

	line-height: 1.5;

}

.priklad {

	padding-left: 20px;

	letter-spacing: 1pt;

	font-style: italic;

}

.line_control {

	padding: 10px 0px;

	width: 90%;

	text-align: right;

}

.info {

	text-align: center;

}

a {

	color: #CCE227; 

	font-weight: bold;

/*  text-decoration: none;

	color: #ff9900; */

}

a:hover {

	color: #CCE227; 

	font-weight: bold;

/*	color: #ff9900; */

/*	letter-spacing: 1pt;*/

}

.chyba {

	font-size: 14px;

	font-weight: bold;

	color: #C13C3F;

	text-align: center;

	margin-top: 5px;

	margin-bottom: 15px;

}

hr.cleaner {

	clear:both;

	height:1px;

	margin: -1px 0 0 0;

	padding:0;

	border:none;

	visibility: hidden;

}

div.cleaner {

	clear: both;

	height: 0px;

	font-size: 1px;

}



div#footer {

	clear: both;

	margin: 30px auto 10px auto;

	padding: 3px 0px;

	width: 90%;

	text-align: center;

	border-top: 1px solid #333;

	color: #333;

	font-size: 0.85em;

}



h1 {

	font-size: 2em;

	font-weight: bold;

	margin: 10px 0px 7px 20px;

}

h2 {

	font-size: 1.7em;

	font-weight: bold;

/*	font-style: italic; */

	margin: 8px 0px 5px 0px;

}

h3 {

	font-size: 1.3em;

	font-weight: bold;

	margin: 7px 0px 4px 0px;

}

h4 {

	font-size: 1.1em;

	font-weight: bold;

	margin: 5px 0px 3px 10px;

}



div#content {

  margin-top: 0px;

}

div#content iframe{

  margin: 1em;

}

div#content p {

  text-align:justify;

}

/* DALSI TABULKY */

.ramecek {

	border: 1px solid #A3BA92;

	background-color: #F9F59A;

/*	overflow: hidden;*/

}

.ramecek_pozadi {

	border: 1px solid #A3BA92;

	background-color: #FCDFAA;

	overflow: hidden;

}

.ramecek_povinny {

	border: 2px solid #C13C3F;

	background-color: #FCDFAA;

	overflow: hidden;

}

.ramecek_tlacitko {

	border: 1px solid #A3BA92;

	background-color: #C8DCF8;

	background-image: url(grafika/zeleny_prechod.gif);

	font-weight: bold;

	padding: 2px 8px;

	font-size: 13px;

	text-decoration: none;

	margin: 5px;

	color: #C13C3F;

	cursor: pointer;

}



a.blok {

	display: block;

	width: 100%;

}

a.blok2 {

	display: block;

	width: 100%;

	vertical-align: middle;

	text-align: center;

}

a.blok2:hover {

	background-color: #DDDDDD; 

}



div.filter_line {

	margin: 20px auto 0px auto;

	padding: 7px 15px;

	border: 1px solid #A3BA92;

	background-color: #D9EBD5;

}



/* */

.vetsi_pismo {

	font-size: 14px;

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 8px;

}



th.vd { 

	writing-mode: tb-rl; 

	filter: flipv fliph; 

	vertical-align: bottom; 

	text-align: left; 

	font-weight: normal; 

	border-top: 1px solid #A3BA92; 

	border-left: 1px solid #A3BA92; 

	padding: 5px 1px 5px 1px; 

	font-size: 12px;

}



td.vd { 

	border-bottom: 1px solid #A3BA92; 

	border-right: 1px solid #A3BA92; 

	padding: 1px 5px 1px 5px; 

	font-size: 12px;

}



/* rady */

ul.bezmezer {

	margin-bottom: 0px;

	margin-top: 0px;

}

div.okno_rady {

	position: relative;

	left: 50%;

	margin-left: -400px;

/*	top: 230px;*/

	width: 800px;

	padding: 7px;

	border: 1px solid #6699FF;

	background-color: #D5ECFF;	

}

div.rady_nadpis {

	margin-left: 30px;

	cursor:pointer;

}

div.rady_text {

	margin-left: 55px;

 	padding: 5px;

	width: 700px;

	border:1px solid #BBBBBB;

	background-color: #EEEEEE;

	overflow: auto;

}

div.toolbar_rady {

	padding: 2px;

	border-bottom: 1px solid #6699FF;

	background-color: #D5ECFF;	

	vertical-align: middle;

	display: block;

}

p.pozn {

	text-align:center;

	padding-top: 10px;

	padding-bottom: 7px;

	font-size: 12px;

}

p.pozn_mala {

	text-align:center;

	padding: 5px 0;

	font-size: 10px;

	color: #333333;

}





/* aktuality */



div#containerE {

	margin: 10px; 

	float: left; 

 	width: 920px; 

}

div#container, div#containerI {

	margin: 20px 20px 20px 0px;

	padding: 1em;

	border: 3px solid #A3BA92;

	background-color: #FFFFFF;

	float: left; 

/* 	width: 900px; 

	margin: 10px; 

*/

}

div.news {

	margin: 1em 0em;

	border: 1px dashed #A3BA92;	

}

div.news_header {

	padding: 3px;

	background-color: #BDD2B4;

	border-bottom: 1px solid #A3BA92;	

}

h2.news_title {

	margin: 0px;

	padding: 0px;

	font-size: 1.4em;

	font-weight: bold;	

	float: left;

}

h3.news_info {

	margin: 0px;

	padding: 0px;

	font-size: 0.8em;

	font-weight: normal;	

	float: right;

	padding-left: 5px;

	text-align: center;

}

div.news_body {

	padding: 10px;

	background-color: #F0F2EA;

}

div.news_body a {

	font-weight: bold;

	text-decoration: underline;

}



div.news_control {

	border-top: 1px solid #111111;

	text-align: center;

	padding-top: 4px;

}



div.control_line {

	background-color: #D9EBD5;

	margin: -1em -1em 0 -1em;	

	padding: 5px 10px 3px 10px;

	border-bottom: 2px solid #A3BA92;	

}



div.control_line hr {

	color: #0F4D2A;

	height: 1px;

	margin: 2px 0px;

	padding: 0px;

	border: none;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #A3BA92;

}



div.news_control a {

	text-decoration: none;

	color: #000000;

}

span.actual {

	font-size: 1.2em;

	font-weight: bold	

}



div.comment {

	font-size: 0.9em;

	font-weight: bold;

	text-align: right;

	clear: both;

}



.important, .error {

	font-weight: bold;

	color: #f30;

	font-size: 1.2em;

	margin: 10px;

}



div.left_col {

	width: 120px;

	float: left;

	font-weight: bold;

	padding: 5px;

}

div.right_col {

	margin-left: 130px;

	padding: 5px;

}



.center {

	text-align: center;

}



.left {

	position: relative;

	float: left;

	display: block;

 	margin-left: 5px;

}



.right {

	position: relative;

	float: right;

	display: block;

	margin-right: 5px;

}



.align_left {

	text-align: left;

}



.align_right {

	text-align: right;

}



/* ------- ODKAZY --------- */



div#links {

	margin: 10px;

	padding: 10px;

	border: 3px solid #a3ba92;

	background-color: #d9ebd5;	

}

div#links div.column {

	width: 300px;

	float: left;

	margin: 0px 5px;

}

div#links h2 {

	margin: 0px;

	padding: 2px 5px;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #a3ba92;

	font-weight: bold;

	font-size: 1.2em;

}

div#links ul {

	padding: 0px;

	margin: 0px;

	list-style-type: none;

	border-top: 1px solid #a3ba92;

}

div#links li {

	margin: 0px;

	padding: 2px 10px;

	background-color: #fff;	

	border-bottom: 1px solid #d9ebd5;

	font-size: 0.9em;

}

div#links a {

	font-weight: bold;

}



/* ------------------ */



div.columns {

	position: relative;

}

div.column-left {

	position: relative;

	margin: 10px 270px 10px 20px;

}

div.column-right {

	position: relative;

	width: 250px;

	float: right;	

}

div.column-right div.skupina {

	position: relative;

	margin: 10px;

}



/* Sorting */

table.lines th.table-sortable {

	cursor:pointer;

	background-image:url(grafika/sort/sortable2.gif);

}

table.lines th.table-sorted-asc {

	background-image:url(grafika/sort/sorted_up2.gif);

}

table.lines th.table-sorted-desc {

	background-image:url(grafika/sort/sorted_down2.gif);

}



/* --------------------- */



.noprint {

/*	display: inline;  */

}

.only_print {

	display: none;

}

/* ------------------ */



.vertical {

	writing-mode: tb-rl; 

	filter: flipv fliph; 

	white-space: nowrap;

}

img.right{

	float:right;

	margin:1em;

	margin-right:0;

	margin-top:0.4em;

}

img.left{

	float:left;

	margin:1em;

	margin-left:0;

	margin-top:0.4em;

}