/* CSS www.zlatuska.cz, autor Lukáš Máčel */

html, body {
   height: 100%;
   color: #000;
   font-family: Eurostile, Heltivetica, Arial, sans-serif;
}

body {
   background: #fff;
	text-align: center;
	font-family: Eurostile, Heltivetica, Arial, sans-serif;
	font-size: 13px;
}

h1 {
   font-size: 17px;
   margin-bottom: 12px;
   padding-bottom: 3px;
   border-bottom: 1px solid #ccc;
   color: #000;
}

h2 { font-size: 15px; margin: 10px 0 8px 0;}

h3 { font-size: 14px; margin: 10px 0 8px 0; color: #000;}

p { text-align: justify; margin: 5px 0 5px 0; line-height: 130%; }

p.note {
	margin: 6px 0 4px 0;
	padding-top: 3px; 
	text-align: right;
	font-style: italic; 
	border-top: 1px solid #ccc;
}

p.a-right {
	text-align: right;
}

p.a-left {
	text-align: left;
}

ul { 
	margin: 10px 0 10px 40px;
	padding: 0;
}

ul li { 
	margin-bottom: 5px;
	margin-left:  0;
}

table { margin: 6px 0 6px 0; }

th,td { 
   font-size: 12px;
   font-family: Eurostile, Heltivetica, Arial, sans-serif; 
   padding: 0 0.5em 0.5em; 
   text-align: left;
   vertical-align: top; 
   border: 1px solid #ccc;}

th {white-space: nowrap;}
td { color: #812104; font-weight: bold; }

a:link, a:visited {
	color: #C30009;
	background-color: transparent;
	text-decoration: none;
}
	
a:hover {
   color: #C30009;/* #cb2222; */
	background-color: transparent;
	text-decoration: underline;
}

a.back {
	width: 30px;
	display: block;
	position: absolute;
	top: 3px;
	left: 525px;
}

a.article:link, a.article:visited { color: #000;}
a.article:hover {color: #C30009;}


.highlight { color: #812104; }
.bold { font-weight: bold; }
.right {text-align: right;}
/*.left {text-align: left;}*/
.center {text-align: center;}
.comment { color: #000; font-weight: normal;}

.imgLeft {
	float:left; 
	margin: 0 10px 10px 0;
}

.imgRight {
	float: right; 
	margin: 0 0 10px 15px;
}

/* definice div-oblasti */
#centerbox {
   width: 820px;
   margin-left: auto; margin-right: auto;
   text-align: left;
}

#header {
   width: 800px; height: 139px;
   float: left;
   clear: left;
   background: #fff url("img/komp/header.jpg") no-repeat;
}

/*#head {
   width: 174px;
   height: 142px;
   float: left;
   background: #fff url("img/komp/head.jpg") no-repeat;
}

#left-part {
   width: 416px;
   height: 102px;
   background: #fff url("img/komp/left.gif") no-repeat right;
   float: left;
}

#right-part {
   width: 210px;
   height: 102px;
   float: left;
   background: #fff url("img/komp/right.jpg") no-repeat;
}*/

#menu-bar {
   width: 180px;
   float: left;
   clear: left;
   margin: 0;
}

#menu-bar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu-bar ul li {
   float: left;
   clear: left;
   margin: 0;
}

#menu-bar ul li a {
   width: 174px;
   display: block;
} 


/* offline items*/
a#aktualne { height: 26px; background-image: url("img/komp/aktuality-b.png");}
a#texty {height: 26px; background-image: url("img/komp/texty-b.png");}
a#media {height: 26px; background-image: url("img/komp/media-b.png");}
a#univerzita {height: 26px; background-image: url("img/komp/univerzita-b.png");}
a#program {height: 26px; background-image: url("img/komp/program-b.png");}
a#senat {height: 26px; background-image: url("img/komp/senat-b.png");}
a#zivotopis {height: 26px; background-image: url("img/komp/zivotopis-b.png");}
a#podporuji {height: 26px; background-image: url("img/komp/podporuji-b.png");}
a#galerie {height: 26px; background-image: url("img/komp/galerie-b.png");}
a#odkazy {height: 26px; background-image: url("img/komp/odkazy-b.png");}
a#kontakt {height: 37px; background-image: url("img/komp/kontakt-b.png");}

a#kancelar {height: 53px; margin-top: 20px; background-image: url("img/komp/kancelar-b.png");}

a#mesto {height: 40px; margin-top: 20px; background-image: url("img/komp/mesto-b.png");}
a#brno2006 {height: 26px; background-image: url("img/komp/brno2006-b.png");}
a#brno-info {height: 26px; background-image: url("img/komp/info-b.png");}
a#nadrazi {height: 36px; background-image: url("img/komp/nadrazi-b.png");}

/* online items*/
a#aktualne.selected, a#aktualne:hover {height: 26px; background-image: url("img/komp/aktuality-c.png");}
a#texty.selected, a#texty:hover {height: 26px; background-image: url("img/komp/texty-c.png");}
a#media.selected, a#media:hover {height: 26px; background-image: url("img/komp/media-c.png");}
a#univerzita.selected, a#univerzita:hover {height: 26px; background-image: url("img/komp/univerzita-c.png");}
a#program.selected, a#program:hover {height: 26px; background-image: url("img/komp/program-c.png");}
a#senat.selected, a#senat:hover {height: 26px; background-image: url("img/komp/senat-c.png");}
a#zivotopis.selected, a#zivotopis:hover {height: 26px; background-image: url("img/komp/zivotopis-c.png");}
a#podporuji.selected, a#podporuji:hover {height: 26px; background-image: url("img/komp/podporuji-c.png");}
a#galerie.selected, a#galerie:hover {height: 26px; background-image: url("img/komp/galerie-c.png");}
a#odkazy.selected, a#odkazy:hover {height: 26px; background-image: url("img/komp/odkazy-c.png");}
a#kontakt.selected, a#kontakt:hover {height: 37px; background-image: url("img/komp/kontakt-c.png");}

a#kancelar:hover {height: 53px; margin-top: 20px; background-image: url("img/komp/kancelar-c.png");}

a#mesto:hover {height: 40px; margin-top: 20px; background-image: url("img/komp/mesto-c.png");}
a#brno2006:hover {height: 26px; background-image: url("img/komp/brno2006-c.png");}
a#brno-info:hover {height: 26px; background-image: url("img/komp/info-c.png");}
a#nadrazi:hover {height: 36px; background-image: url("img/komp/nadrazi-c.png");}

span.out {
   display: none;
}

/* -------------- obsahovy ramce --------------- */
#content-box {
   width: 595px;
   margin: 0 0 0 10px;
   position: relative;
   float: left;
   clear: none;
   background-color: #fff;
}

#content {
	position: relative;
	margin: 20px;
	margin-bottom: 5px;
	padding-bottom: 15px;
	margin-top: 0;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
	color: #000;
}

#footer {
	margin-bottom: 10px;
	text-align: center;
	padding: 3px;
	clear: left;
}

/* --------------- odkaz zpet --------------------------------- */

#article-navigation {
	height: 30px;
	margin: 10px 0 0 100px;
	text-align: center;
}

#article-navigation a, #article-navigation div.selected {
	display: block;
	float: left;
	margin-right: 10px;
}

#article-navigation div.selected {
	color: #C30009;
	font-weight: bold;
}

/* ------------------------- kontakt---------------------------------------- */
#contact dl dt {
   float: left; 
   display: block; 
   width: 170px;
}

#contact dl dd {
   float: left; 
   display: block; 
   width: 370px; 
   margin: 0;
}

#contact dl dt, #contact dl dd {
   padding: 3px 0;
   margin: 2px;
}

#contact {
   height: 180px;
}

/* ------------------------- Galerie ---------------------------------------- */
#gallery {
   border: 1px solid black;
}
div.pic {
   float: left;
   height: 130px;
   width: 130px;
   margin: 5px 5px;
}

div.pic img {
   border: 0 none;
}

div.ls img { 
   height: 96px;
   width: 128px;
   margin: 16px 0;
}

div.pt img { 
   height: 128px;
   width: 96px;
   margin: 0 16px;   
}

#prace, #pratele, #volno {
   padding-bottom: 3px;
   border-bottom: 1px solid #ccc; 
}

#gal {
   margin-bottom: 20px;
   list-style-image: url('img/link.gif');
   clear: both;
}

div.subgal {
   height: 580px;
   width: 590px;
   /*width: 500px;*/
}