/* General styles - see: http://matthewjamestaylor.com/blog/ultimate-2-column-right-menu-pixels.htm */
body {
  margin:5px 0 0 0;
  padding:0;
  border:0;			/* This removes the border around the viewport in old versions of IE */
  width:100%;
  background:#fff;
  /*min-width:600px;*/    /* Minimum width of layout - remove line if not required */
  			/* The min-width property does not work in old versions of Internet Explorer */
  font-size:90%;
  text-align:center; /* tohle tu musí být, pokud chceme mít pevnou šířku */
}
#fixed {
   margin:0 auto;
   width:960px;
   text-align:left;
}
/*a {
	color:#369;
}
a:hover {
	color:#fff;
	background:#369;
	text-decoration:none;
}*/
h1, h2, h3 {
  margin:.8em 0 .2em 0;
  padding:0;
}
p {
  margin:.4em 0 .8em 0;
  padding:0;
}
img {
	margin:10px 0 5px;
}
/* Header styles */
#header {
  clear:both;
  float:left;
  width:100%;
}
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:both;
  float:left;
  width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* 2 column right menu settings */
.rightmenu {
  background:#ff9;
  margin-bottom:10px; 
}
.rightmenu .colleft {
  float:left;
  width:200%;
  margin-left:-210px; /* cislo A */
  position:relative;
  right:100%;
  background:#fff;
}
.rightmenu .col1wrap {
  float:left;
  width:50%;
  position:relative;
  left:50%;
  padding-bottom:1em;
}
.rightmenu .col1 {
  margin:0 15px 0 225px;  /* cisla I, J, K, L */
  overflow:hidden;
}
.rightmenu .col2 {
  float:right;
  width:180px; /* cislo B */
  position:relative;
  left:195px; /* cislo C */
}
/* Footer styles */
#footer {
  clear:both;
  float:left;
  width:100%;
	border-top:1px solid #000;
	padding-top:5px;
	padding-bottom:10px;
	text-align: center;
	color: #666;
	font-size: 75%;
}
#footer p {
  padding:10px;
  margin:0;
}
    
/*---------------------------------*/
/*   odsud je to mozno upravovat   */
/*---------------------------------*/

body {
  font-family: verdana, arial, sans-serif;
  background:#fff5e8;
}

/* Header */
#header {
  background: url(../img/logo80x117tr.gif) no-repeat;
  background-position: left bottom;
  /*height:117px;*/
	border-bottom:1px solid #000;
}

#logotext {
  font-size: 58px;
  margin-left: 250px; 
  margin-top: 10px;
  margin-bottom: 20px;
}

/* Menu */
#menu {
	left: 120px;
}

#fixed {
	/*border-left:1px solid #000;*/
}

/* Pozadi v hlavnim (levem) sloupci a prava cast ramecku*/
.rightmenu .colleft {
	background: #f9ff9a;
}

/* Hlavní nadpis v hlavnim sloupci */
.col1 h1 {
	font-weight: normal;
  text-align: center;
  color: #f40309;
}

/* Pozadi a ramecek v pravem sloupci ### tak to neni*/
.rightmenu {
	background: #f9ff9a;
	border-right:1px solid #000;
	border-left:1px solid #000;
}

/* Boxy v pravem sloupci */
.box { 
	border: 1px solid #ce0829; /*#FF6633 - oranzova; #f40309 - cervena sukynka*/
	margin-top: 15px;
	margin-bottom: 15px;
	/*background: #ce0829 #eee;*/
}

.box .box-head { 
	background: #ce0829;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 5px;
}
.box .box-head h3 { 
	text-align: center;
	color:#fff;
	margin-top: 0;
}

.box div.box-content, .box ul { 
	background: #eee;
	padding-top: 3px;
	padding-bottom: 5px;
}

.box div { 
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}

.box ul {
	list-style: none outside;
	/*text-align: left;*/
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	/*padding-bottom: 5px;*/
	padding-left: 0;
}

.box a, .box a:visited {
	text-decoration:none;
}
.box a:hover {
	text-decoration:none;
	color: black;
}
.odkazy {
	padding-left:2em;
	font-size: 90%;
}
.odkazy li{
	margin:0;
	padding:0;
}

* html .odkazy li{
  margin-left: -40px;
}

/* Footer */
#footer {
  background:#fff5e8;
  border-bottom: 1px solid #000;
}

/* Fotogalerie */
.album{
  width:150px;
  height: 150px;
  border: 1px solid #000;
  text-align: center;
  vertical-align: middle;
}
.album a img{
	border: 2px solid lightgrey;
}

/* An IE6 hack for trigerring the following "a:hover img" selector */
* html .album a:hover{font-weight:bold;}

.album a:hover img{
	border: 2px solid blue;
}

/* Pomocne tridy */
/* Vystredeni */
.stred {
	text-align:center;
}

/* trida pro ozdobnejsi nadpisy */
.ozdob { 
  color: #00f; 
  font-family: "Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: bold;
  border-bottom: 1px dotted #00f;
}  

/* trida pro jeste ozdobnejsi nadpisy */
.ozdob2 { 
  color: #00f; 
  font-family: "Comic Sans MS", "Palatino","Book Antiqua", Georgia, serif; 
  font-weight: normal;
  border-bottom: 1px dotted #00f;
}  

/* oramovana tabulka */
.tabulka {
	border-collapse: collapse;
}
.tabulka td {
	border: 1px dotted black;
	padding-left: 5px;
	padding-right: 5px;
}
.tabulka th {
	border: 1px dotted black;
	padding-left: 5px;
	padding-right: 5px;
}

.tabulka .centr {
  text-align: center;
}

/* neoramovana tabulka */
.tabulka-neoramovana td {
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}
.tabulka-neoramovana th {
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

/* tabulka v boxu */
.tabulka-box td {
  text-align: left;
	vertical-align: top;
}
.tabulka-box th {
	vertical-align: top;
}


/* Rozvrh a Akce*/

#rozvrh table {
	margin:20px auto;
}	

#rozvrh th,
#rozvrh td {
  padding: 3px 6px;
  vertical-align: top;
}
#rozvrh th {
  text-align: left;
  color: #fff;
}
#rozvrh thead th {
  background-color: #11d;    
}
#rozvrh .sortable thead th {
  padding-left: 18px;
}
#rozvrh tbody th {
  background-color: #6f93ce;
  padding-left: 6px;
}
#rozvrh tbody td {
  background-color: #eee;
  padding-left: 6px;
}

/* centrovani ve sloupci */
#rozvrh .centr { 
	text-align: center;
}
/* casovy udaj */
#rozvrh .hod { 
	text-align: right;
}
/* ikona info */
#rozvrh .info img{
	margin: 0;
	margin-bottom:-2px;
	padding: 0;
}
#rozvrh .info img, #rozvrh .info:hover img, #rozvrh .info:active img, #rozvrh .info:visited img {
	border: 0;
}

/* ikona +- */
#rozvrh .clickable{
	margin: 0;
	margin-bottom:-2px;
	padding: 0;
}



/*#rozvrh tbody td.herna {
  background-color: #e33;
}
#rozvrh tbody td.ucebna {
  background-color: #3e3;
}
#rozvrh tbody td.dilna {
  background-color: #33e;
}
#rozvrh tbody td.telocvicna {
  background-color: #3ee;
}*/
#rozvrh th img {
  float: left;
}




#rozvrh tr,
#rozvrh tr.even,
#rozvrh tr.first {
  background-color: #eee;
}
#rozvrh tr.odd,
#rozvrh tr.second {
  background-color: #ddd;
}
#rozvrh tr.third {
  background-color: #ccc;  
}

#rozvrh td.sorted {
	background: #ffd;
}
#rozvrh th.clickable {
  background: transparent url(../img/sort-arrows.png) no-repeat 0 0;
}
#rozvrh th.sorted-asc {
 background-position: 0 -20px;
}
#rozvrh th.sorted-desc {
  background-position: 0 -40px;
}

#rozvrh .filtered {
  display: none;
}

/* filterable table */

#rozvrh table.filterable {
  width: 78%;
  
}
#rozvrh .filters {
 float: right;
 width: 19%;
 padding-left:5px;
}

#rozvrh .filterable thead th {
  padding-left: 6px;
}
/*div.pager {
  margin-bottom: .25em;
}*/

#rozvrh .page-number,
#rozvrh .filter {
  padding: .2em;
}
#rozvrh .page-number {
  border: 1px solid #ccc;
  margin-right: 2px;
}
#rozvrh .active {
  background: #ccf;
  border: 1px solid #006;
}


#rozvrh tr.highlight {
  background: #ff6;
}
#rozvrh tr.plain {
  background: #fff;
}
#tooltip {
  position: absolute;
  z-index: 2;
  background: #efd;
  border: 1px solid #ccc;
  padding: 3px;
}

/* pro datum v aktualitach */
.aktual { 
  color: gray; 
}

/* ikona info v aktualitach*/
#aktual .info img{
	margin: -2px 0 -2px;
	padding: 0;
}
#aktual .info img, #aktual .info:hover img, #aktual .info:active img, #aktual .info:visited img {
	border: 0;
}

/* ikona lektor v rozvrhu*/
#rozvrh .lektor img{
	margin: -2px 0 -2px;
	padding: 0;
}
#rozvrh .lektor img, #rozvrh .lektor:hover img, #rozvrh .lektor:active img, #rozvrh .lektor:visited img {
	border: 0;
}