html { background: #069 url("../i/main-back.jpg") left top repeat-x; }
body { font: 80% sans-serif; line-height: 1.6em; padding: 0; margin: 0; }
hr.cistic {	clear: both; height: 1px; border: 0; margin: 0; padding: 0; visibility: hidden;}
h2, h3, h4 { color: #39C; }
a { color: #c00; }

a:hover { text-decoration: none; }
ul { margin-left: 40px; list-style-type: none; }
li { padding: 5px 0 0 20px; background: url("../i/bodka.gif") left 10px no-repeat; }

ul.normal { margin-left: -20px; _margin-left: 20px; list-style-type: none;}
li.normal { padding: 5px 0px 0px 20px; background: url("../i/bodka.gif") left 10px no-repeat; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; _width: 98%; font-size: 95%; line-height: 100%; margin-top: 10px; }
table.noline { border-collapse: collapse; width: 450px; _width: 440px; font-size: 95%; line-height: 100%; margin-top: 10px; }
table.odpoved { border-collapse: collapse; width: 100%; _width: 98%; font-size: 95%; line-height:1.3em}
table.sipvz { border-collapse: collapse; width: 100%; _width: 98%; font-size: 1.1em; line-height:1.5em}
table.noborder { border-collapse: collapse; width: 98%; _width: 95%; line-height:1.5em;}

tr { padding: 0.3em 1em; border: 1px solid #ccc; }
tr.noline { padding: 0.3em 1em; border: 0px none #FFFFFF; }
tr.odpoved { padding: 0.3em 1em; border: 0px none #FFFFFF; }
tr.sipvz { padding: 0.3em 1em; border: 0px none #FFFFFF; }
tr.noborder { padding: 0.3em 1em; border: 0px none #FFFFFF; }

td { padding: 0.3em 1em; border-bottom: 1px solid #ccc; }
td.noline { padding: 0.3em 0.3em; border-bottom: 0px none #FFFFFF; }
td.odpoved { padding: 0.3em 0.3em; border-bottom: 0px none #FFFFFF; }
td.sipvz { padding: 0.3em 0.3em; border-bottom: 0px none #FFFFFF; }
td.noborder { padding: 0.3em 0.3em; border-bottom: 0px none #FFFFFF; }

.odd td { background: white; }
.even td {  background: #ffc; }
.even td.noborder {  background: white; }

#postava { position: absolute; right: 10%; _right: 12%; top: 0; width: 108px; height: 170px; display: block; }

#main-null { width: 90%; min-width: 999px; max-width: 1300px; _width: 999px; margin: 0 auto 0 auto; padding: 0; }

#hlavicka { background: url("../i/hlavicka.jpg") left bottom no-repeat; height: 95px; }
#hlavicka h1 { font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; color: white; font-style: italic; font-weight: normal; line-height: 40%; font-size: 170%; padding: 30px 0 0 120px;}
#hlavicka h2 { font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; color: #069; font-style: italic; font-weight: normal; line-height: 40%; font-size: 150%; padding: 0 0 0 120px;}

#menu { font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; width: 100%; list-style-type: none; padding: 0; margin: 0; display: block; float: left;}
#menu li { float: left; background: none; padding: 0;}
#menu li a { text-decoration: none; color: black; font-size: 120%; margin-right: 5px;}

#bila a { padding: 5px; margin-top: 10px; display: block; background: #f4f4f4; border-top: 4px solid silver; }
#zluta a { padding: 5px; margin-top: 10px; margin-top: 10px; display: block; background: #ff9; border-top: 4px solid #cc3; }
#zelena a { padding: 5px; margin-top: 10px; display: block; background: #cf9; border-top: 4px solid #693; }
#oranzova a { padding: 5px; margin-top: 10px; display: block; background: #fc3; border-top: 4px solid #f93; }
#modra a { padding: 5px; margin-top: 10px; display: block; background: #69c; border-top: 4px solid #369; }
#cervena a { padding: 5px; margin-top: 10px; display: block; background: #f99; border-top: 4px solid #c33; }

#menu a:hover{ padding: 10px 5px 10px 5px; margin-top: 0; text-decoration: underline; }

#menu #active { padding: 10px; margin-top: 0;}
#menu #active:hover { text-decoration: none;}

#obsah-null-bila { background: white url("../i/top-bila.jpg") left top repeat-x; padding: 50px 0 0 0; margin-top: 44px; _margin-top: 0; }
#obsah-null-zluta { background: white url("../i/top-zluta.jpg") left top repeat-x; padding: 50px 0 0 0; margin-top: 44px; _margin-top: 0; }
#obsah-null-zelena { background: white url("../i/top-zelena.jpg") left top repeat-x; padding: 50px 0 0 0; margin-top: 44px; _margin-top: 0; }
#obsah-null-oranzova { background: white url("../i/top-oranzova.jpg") left top repeat-x; padding: 50px 0 0 0; margin-top: 44px; _margin-top: 0; }
#obsah-null-modra { background: white url("../i/top-modra.jpg") left top repeat-x; padding: 50px 0 0 0; margin-top: 44px; _margin-top: 0; }
#obsah-null-cervena { background: white url("../i/top-cervena.jpg") left top repeat-x; padding: 50px 0 0 0; margin-top: 44px; _margin-top: 0; }

#obsah { padding: 10px; }

#searchform { padding: 0; margin: 0 0 10px 0; }
#search { border: 1px solid silver; padding: 5px; margin: 0; background: url("../i/input-back.jpg") left top repeat-x; }

#vlevo-null { width: 200px; float: left; border-right: 4px solid #f4f4f4; }
#vlevo { padding: 5px; }
#vlevo ul { padding: 0; margin: 0 0 20px 0; list-style-type: none; font-size: 100%; }
#vlevo li { padding: 5px 0 0 20px; background: url("../i/bodka.gif") left 10px no-repeat; }
#vlevo li a { color: black; }
#vlevo h2 { color: #c00; font-weight: normal; padding: 0 0 0 15px; margin: 5px 0 10px 0; font-size: 120%;}


#vpravo-null { width: 350px; float: right; border-left: 4px solid #f4f4f4; }
#vpravo { padding: 5px 5px 5px 15px; }
#vpravo h2 { padding: 0 0 0 35px; margin: 0; color: #c00; text-transform: uppercase; font-weight: normal; background: url("../i/aktualita.gif") left top no-repeat; line-height: 150%; }

#stredni-null { margin: 0 360px 0 210px; }
#stredni-null-vnitrni { margin: 0 0 0 210px; }
#stredni { padding: 5px; }
#stredni h2 { padding: 0 0 0 30px; margin: 0; color: #c00; text-transform: uppercase; font-weight: normal; background: url("../i/minilogo.gif") left top no-repeat; line-height: 150%; }

.imgvlevo { float: left; margin: 5px; margin-left:2px; border: 3px solid #9cf; }
.imgvpravo { float: right; margin: 5px; border: 3px solid #9cf; }
.imgvlevonob { float: left; margin: 7px; border: 0px; }
.imgvpravonob { float: right; margin: 7px; border: 0px; }

.aktualita-nadpis { color: #069; font-weight: normal;}
.vice { color: #069; font-weight: normal; padding: 0; margin: 0; }
.intro { padding: 0; margin: 0; }

#uvodni-bloky { padding: 0; margin: 0; list-style-type: none;}
.informacni-system, .jidelna { display: block; width: 71%; =width: 75%; _width: 69%; height: 76px; padding: 10px 10px 10px 110px; color: white; }
.jidelna { background: url("../i/jidelna.jpg") left top no-repeat;}
.informacni-system { background: url("../i/informacni-system.jpg") left top no-repeat;}
.informacni-system a, .jidelna a{ color: white; font-weight: bold; font-size: 120%;}

.pathway { position: absolute; z-index: 10; margin: 55px 0 0 13%; left: 0; font-size: 95%;}
.pathway a { color: black; }

.boxik-null { width: 99%; padding: 0; margin: 0; }
.boxik { padding: 5px;}
.nahledovy { float: left; width: 120px; margin: 5px; border: 4px solid #9cf; }
.nadpis { color: #c00; font-weight: normal; padding: 0 0 0 15px; margin: 5px 0 10px 10px; background: url("../i/bodka-nadpis.gif") left center no-repeat; float: left; font-size: 120%;}
.introtext { width: 80%; float: left; }
.vice-informaci { width: 80%; float: right; display: block; text-align: right;}

.subnadpis { color: #c00; padding: 0 0 0 15px; margin: 5px 0 10px 10px; background: url("../i/bodka-nadpis.gif") left center no-repeat; font-size: 120%;}

.card {	margin: 0px; padding: 0; }
.card-title {color: #39c; font-weight: normal; padding: 0; margin: 0; font-size: 100%; }
.card-photo {padding: 0; margin: 0; }
.card-photo img {border: none; }
.card-photo a img { border: 2px dotted #39c; }
.card-photo a:hover { background: none;	}
.card-photo a:hover img { border: 2px solid #39c; }

.tlacitko { font: 100% sans-serif; margin: 0; }
.formular { font: sans-serif; }

#paticka-null { width: 100%; }
#paticka { padding: 5px; font-size: 85%; }
#paticka a { color: black; }

#studium-header-levy { position:relative; float:left; width:90px; line-height:2.5em}
#studium-header-pravy { width:auto; font-weight:bold; font-size:100%; line-height:2.5em}

#ramecek 
{
	width: 100%; =width: 98%; _width: 98%;
	height: 100%; =height: 98%; _height: 98%;
	/* width:99%; 
	height:100px; */
	border-style:solid; 
	border-color:#006738;
	border-width:3px;
	background-color:#9dff9d;
}

#ramecek-prijm-rizeni 
{
	width: 100%; =width: 98%; _width: 98%;
	/*height: 185px; */
	height: 100%; =height: 98%; _height: 98%;
	/* width:99%; 
	height:100px; */
	border-style:solid; 
	border-color:#f93;
	border-width:3px;
	background-color:#FFE1C4;
}

#ramecek-60vyroci
{
	width: 100%; =width: 98%; _width: 98%;
	height: 100%; =height: 98%; _height: 98%;
	border-style:solid; 
	border-color:#999; /* #9CF */
	border-width:3px;
}

#clear-oba {clear:both;}