/*
definice barev
 #003366 - TC modrá
 #ffcc00 - TC žlutá 
 #fff2bf - svìtle žlutá
*/

body {font-family: Verdana, sans-serif; color: black;	background-color: #ffcc00;	background-image: url("img/braill7.jpg"); background-attachment: fixed;	margin: 0.2em auto; width: 75em; font-size:80%; }

/*obecné definice*/

abbr, acronym, dfn {border-bottom:dotted 1px; cursor:help;}
em {font-style: italic;}
p, cite {margin: 0.6em;}
pre {margin: 0.8em;}
img {border:0; margin:0.2em;}
td {padding: 0.2em;}
dl {margin-left:1em; padding-top: 0.5em;}
dl .prvni {background: #fff2bf;}
dt {font-weight:bold;}
.vycisti {clear: both;}
.nobullet {list-style-type: none;}
.bezokraju {border: 0px; padding: 0px;	margin: 0px;}
.lower-alpha {list-style: lower-alpha;}
.upper-alpha {list-style-type: upper-alpha;}
.upper-roman {list-style-type: upper-roman;}
.number {list-style-type: decimal;}
.schovej {display: none;}
.podtrhni {text-decoration:underline;}
.malepismo {font-size:80%;}
.italic {font-style: italic;}
.formular-udaje {margin-left:2em;}
.oramuj {border: 2px black solid; padding: 0.2em;}
.zvyrazni {color: red; font-weight: bold;}
.zlute-pozadi {color: black; background-color: #FFFF99;}
.cervene{color:red;}
.vlevo {text-align: left;}
.vpravo {text-align: right;}
.nastred {text-align: center;}
.obtekani-vpravo {float:right;}
.obtekani-vlevo {float:left;}
.tbl-str {margin:0 auto;}
.tbl-str-mp {margin:0 auto; font-size:70%;}
.tbl-str-vmp {margin:0 auto; font-size:60%;}
.tbl-str {margin:0.4em auto}
.sirka2{width:2%;}
.sirka4{width:4%;}
.sirka5{width:5%;}
.sirka6{width:6%;}
.sirka10{width:10%;}
.sirka12{width:12%;}
.sirka15{width:15%;}
.sirka20{width:20%;}
.sirka24{width:24%;}
.sirka25{width:25%;}
.sirka33{width:33%;}
.sirka35{width:35%;}
.sirka40{width:40%;}
.sirka45{width:45%;}
.sirka50{width:50%;}
.sirka60{width:60%;}
.sirka70{width:70%;}
.sirka76{width:76%;}
.sirka80{width:80%;}
.sirka98{width:98%;}
.kotvy {list-style-type: none; list-style-image: url(img/kotva.gif);}
.fajfka {list-style: none;}
.fajfka ul li:before {content: "✔"; padding-right: 8px; color: blue;}

.skryj {position:absolute; top:-500px; left:0; width:1px; height:1px; overflow:hidden;}

.sedepozadi {background-color: #E1E1E1; color: black}
.zlutepozadi {background-color: #FFFFB3; color: black}
.ruzovepozadi {background-color: #FFCC99; color: black}
.motto {font-weight: bold; font-style: italic;}
.navrcholu {border: 0px; padding: 0px; margin: 0px; position: relative; float: right; width: 80px;}

/*záhlaví*/

#zahlavi {border: 1px solid gray;	font-family: Verdana, sans-serif;	padding: 0.5em;	margin: 0 0 0.2em 0;	color: black;	text-align: left;	background: white;	min-height: 106px; _height: 106px;	background: url("img/hlavicka.jpg") no-repeat white; background-position: 265px; width: 73.8em; height:106px; }
.logo-tc {position:relative; top:0em; left:0em; margin-right: 0.5em; float:left; font:140% bold Verdana, sans-serif;}
#english {position: absolute;	top: 1em;	left: 60.5em;	width:14em;	margin:0.1em;	color: black;	background-color: #fff2bf;}	

#zahlavi p {margin: 0.1em;}
#zahlavi a {color: black;	background: white;	text-decoration: underline;	font-weight: bold;}
#zahlavi a:hover, #zahlavi a:focus, #zahlavi a:active {background-color: black; color: white;}

/*levý sloupec*/

#krajni {float:left; width: 15em; padding: 0.1em; margin: 0 0 3px 0;}
#krajni p {padding-left:0.3em;}
	
#menu {background: #003366; padding: 0.1em; margin: 0.1em; color: white; border: 1px solid #003366; font-size:90%;}
#menu a {display: block; color: white; background: #003366; font-weight: bold; margin: 0;	padding: 0.1em;	text-decoration: none;}
#menu a:hover, #menu a:focus, #menu a:active {background-color: #ffcc00; color: black;}
#menu h2 {font-family: Verdana, sans-serif;	font-size:120%;	color:black;	background: #ffcc00; 	font-weight: bold;	margin: 0.1em;	padding: 0.1em;	text-align: center;}
#menu li {list-style: none; padding:0em; margin:0em; border: 1px solid #003366;}
#menu ul{ padding:0em; margin:0em; border:0em}
#menu .english {display: inline;	}

.boxik { background-color: #fff2bf;  padding: 0.1em; margin: 0.1em; color: black; border: 1px solid black; font-size: 90%;	}
.boxik a {display: block;	color: black;	font-weight: bold;	margin: 0;	padding: 0.1em;	border: 1px solid #fff2bf;	text-decoration: underline;}
.boxik a:hover, .boxik a:active {background-color: #ffcc00;	color: black;}
.boxik h2 {font-size:120%;	color:black;	background-color:#ffcc00; 	font-weight: bold;	margin: 0.1em;	padding: 0.1em;   border: 1px solid black;   text-align: center;}
.boxik li {list-style: none; padding:0em; margin:0em;	border: 1px solid #fff2bf;}
.boxik ul{padding:0em; margin:0em; border:0em}
.boxik a:hover, .boxik a:focus, .boxik a:active {background-color: black; color: white;}
.boxik p {margin: 0.1em;}

/* obsah stránky*/

#hlavni {float: right;  width: 58.5em;  padding: 0.3em; background-color: white;  color: black;  border: 1px solid gray;  margin:0.1em 0.1em 0.5em 0.1em; line-height:1.5em}
#hlavni li {margin: 0.5em;}
#hlavni h1, #hlavni h2, #hlavni h3, #hlavni h4, #hlavni h5, #hlavni h6, #hlavni .akreditace {margin: 0.5em 0.1em 0.5em 0.1em; padding: 0.3em;}
#hlavni .akreditace {font-size: 110%; background-color: white;}
#hlavni h1 {margin: 0.5em 0.1em 0.5em 0.1em; font-size:1.6em; text-align: center;	background: #fff2bf;	padding:0.4em;}
#hlavni h2 {margin: 0.1em 0.1em 0.6em 0.1em; font-size:1.5em; color:#003366; background: #fff2bf;}
#hlavni h3 {font-size:1.3em; color:#003366; }
#hlavni h4 {font-size:1.1em;}
#hlavni h5 {font-size:1em;}
#hlavni dl, #hlavni ol, hlavni ul {margin: 0.5em 2em;}
#hlavni a, #english a {color: #003366; font-weight: bold; text-decoration: underline;}
#hlavni .krajske-stredisko a {background: #fff2bf;}
#hlavni a:focus, #hlavni a:hover, #hlavni a:active, #english a:hover, #english a:active {color: white; background-color: #003366;}
#english a {background-color: #fff2bf;}

#hlavni ul {margin-top: 0.5em; margin-bottom: 0.5em;}

#reklama {text-align: center;	border: 1px solid black; }
#reklama h2 {font-size: 120%;	float: left;	color: black;	background-color: white;	margin-top: 0.1em;	padding-top: 0em;	border-bottom: none;}

#zapati {clear: both; padding: 0.2em; margin: 0.1em; font-size: 80%; background-color: #fff2bf; border: 1px solid black; color: black; }
#zapati a {color: black; font-weight: bold;}

.card-left, .card-right {float: left; width: 180px; margin: 0 3px 3px 0; padding: 3px 0; text-align: center;  background: white; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 75%; min-height:210px; _height:210px; overflow:auto;}
.card-right {float: right;  margin: 0 0 15px 15px;}
.card-left p, .card-right p {line-height:1.2em}
/* * {border: 1px red solid;}*/

/*TABULKY*/

/*Funguje místo původních i pro Projekty, ale přidá ohraničení tabulkám Vyhledávání*/

table {border-collapse:collapse; border-color:#999;}
th, td {border: 1px solid; padding:.5em .75em;}


/* Původní Radek Pavlíček*/
/*
table {border-collapse:collapse; border-color:#999;}
td {border-color:#999;}
th {border-color:#999;}
*/

/*Tabulka Projekty*/
.projekt {width: 80%; table-layout: fixed}
.projekt th {text-align: left; width: 40%;}
.projekt td {text-align: right; font-weight: bold;}

/*Zvyraznit odkaz*/
.zvyraznilink {color: yellow}

/*Zvyranit odkaz červeně*/
a.zvyraznit_upozorneni:link {color: red; font-weight: bold;}
a.zvyraznit_upozorneni:focus {color: white; background-color: black; !important}

/*
.zvyraznit_upozorneni {color: red; font-weight: bold;}
a.zvyraznit_upozorneni:hover , a.zvyraznit_upozorneni:focus, a.zvyraznit_upozorneni:active {background-color: black; color: white !important;}
*/