@charset "utf-8";
@import url('spec.css');
/* All associated graphics copyright 2007, Eduard ZEMAN alias edi*/
/* 10/12/2007 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. 
*/
/* ++++++++++++redefining html tags +++++++++++++++++*/
*
{
	font-family : "Verdana CE", "Geneva CE", "Lucida Grande CE", "Helvetica CE", Verdana, Geneva, Lucida, sans-serif;
	font-size : x-small;
}
body
{
	font-size: small;
	_font-size: x-small;	
	margin: 0px;
	padding: 0px;
	background-color: #333333;
}
* img, a img
{
	border: 0px;
}
table
{
	padding: 2px;
	margin: 0px;
	border: 0px;
	vertical-align: top;
	background-color: transparent;
}
tr,td,th
{
	margin: 0px;
	padding: 0px 2px 0px 2px;
}
th
{
	color : White;
	background-color : Black;
}
table.tabulka tr td, table.tabulka tr th
{
	padding: 2px;
	margin: 0px;
	border: 0px;
	vertical-align: middle;
	text-align : left;
	/*border-style : solid;
	border-width : 1px;*/
	background-color : white;
}
table.tabulka tr th
{
	color : White;
	background-color : #ED008C;
}
table.tabulka tr td.l, table.tabulka tr th.l {text-align : left;}
table.tabulka tr td.r, table.tabulka tr th.r {text-align : right;}
table.tabulka tr td.c, table.tabulka tr th.c {text-align : center;}
td em {font-weight: bold;}
hr{	display: none;}

a{	color: #ED008C;	text-decoration: underline;	font-weight : bold;}
a:hover{	text-decoration: none;}

a.on{	color: #421021;	text-decoration: underline;	font-weight : bold;}
a.on:hover{	text-decoration: none;}


a.alt{color: #ED008C;	background: transparent; text-decoration:underline ; font-size: 100%;}
a.alt:hover{color: white;	background-color: #ED008C;}
a.small
{
	text-decoration: none;
	font-weight: normal;
	font-size: xx-small;
	color: #333;
}
a.small:hover
{
	background-color: #333;
	color: white;
	text-decoration: none;
}
h1{font-size: 1.9em; display: none;}
h2{font-size: 1.6em;}
h3{font-size: 1.4em; padding: 0px; margin: 0px;}
h4{font-size: 1.2em;}
#content * {font-size: 11px;}
#content li {font-size: 11px;}
#content p, #content ul, {color: #FFFFFF; text-align: left;}
h1, h2, h3, h4 { text-align: left; color: #ED008C;}
p, ul, li, div, span {color: white; text-align:left;}

/* +++++++++++++++++clases ++++++++++++++++++++++*/
.mylist
{
	list-style-type : square;
	padding-left : 30px;
	padding-bottom : -5px;
	padding-top : -5px;
}
.mylist li
{
	margin-top : -2px;
	margin-bottom : -2px;
}
/*
.detailsatu {position: relative; left: -110px; top: 420px;}
.pictin {position: relative; left: -131px; top: 321px;}
*/
.cleaner
{
      clear: both;
      /*height: 1px;
      margin: -1px 0 0 0; padding:0;
      border: none;
      visibility: hidden;*/
}
.confirmation, .confirmation *
{
	width: 100%;
	font-size: 90%;
	color: white;
}
.efekt{
	font-weight: bold;
	color: #ED008C;
	text-align: center;
}
.bg {
	color: #ED008C;
	font-weight: bold;
	font-size: 10px;
}
.box{
	margin: 0px;
	display: block;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	border: 1px dotted #ED008C;
	font-weight: bold;
	font-size: x-small;
	line-height: 2;
}
.big{font-size: 200%; font-weight: bold;}
.mytext, .mytext * {font-size: ; margin-top: 20px;	margin-bottom: 15px;	text-align: justify; }
.ukryt{ visibility: hidden;}
.l {float: left;}
.r {float: right;}
.small{font-size: 80%;}
div.l {padding-bottom: 20px;}
div.r {padding-bottom: 20px;}
.fillin15{height: 15px;}
.fillin35{height: 35px;}
.fillin75{height: 75px;}
.fillin105{height: 105px;}
.fillin210{height: 210px;}
.listit li{	margin-top : 2px;	margin-bottom : 2px;}
.nahoru {font-size: 80%; text-align: right; margin: 5px; padding: 0px; color: black;}
/* +++++++++++++ defining id tags +++++++++++++++*/
#inbody
{
/*	background-image: url('../images/nula.jpg');
	background-repeat: no-repeat;*/
}
#page
{
	text-align: center;
}
#inpage
{
	margin: 0 auto 0;
	text-align: center;
	width: 720px;
}
#top
{
	height: 130px;
	background: url('../images/top.gif') top left;
	background-repeat: no-repeat;
}
#aftertop
{
	height: 221px;
	background: url('../images/aftertop.gif');
	background-repeat: no-repeat;

}
#main {margin:0; color: black;}
#inmain {
	background: url('../images/inmain.gif');
	background-repeat: repeat-y;

}
#maintop
{
	background: url('../images/maintop.gif');
	background-repeat: no-repeat;
	height: 33px;
}
#mainmiddle{}
#mainbottom
{
	background: url('../images/mainbottom.gif');
	background-repeat: no-repeat;
	height: 28px;
}
#content {	padding-right: 100px;	padding-left: 55px;	margin-top: -30px;}
#bottom
{
	text-align: left;
	height: 175px;
	margin-bottom: 10px;
	_margin-bottom: 3px;
	padding-top: 35px;
	_padding-top: 10px;	
	padding-left: 220px;
	padding-right: 90px;
	background-image: url('../images/bottom.gif');
	background-repeat: no-repeat;
}

#nula {background-image: url('../images/nula.jpg');}
#devet {background-image: url('../images/devet.jpg');}

/*navigation*/
#headlight
{
	text-align: left;
	padding-left: 18px;
	height: 200px;
	float: left;
}
#menu
{
	text-align: center;
}
#menu * {font-size : small;}
#menu .off, #menu .on
{
	height: 37px;
	_height: 49px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	padding-top: 12px;
	display: block;
	margin-left: 435px;
	_margin-left: 0px;
	
}

#monas, #monas:hover, #mprovas, #mprovas:hover, #mterminologie, #mterminologie:hover, #mkontakt, #mkontakt:hover
{background-repeat: no-repeat;}

#homepage{
float: right;
position: relative;
top: -213px;
left: -33px;
_top: -213px;
_left: -33px;
color: #FFFFFF;
padding: 30px;
text-decoration: none;
}
#homepage:hover{ text-decoration: underline;}

#monas {
background-image: url('../images/onas_off.gif');
width: 150px;
padding-right: 130px;
_padding-right: 240px;
}
#monas:hover{background-image: url('../images/onas_on.gif');}

#mprovas {
background-image: url('../images/provas_off.gif');
width: 190px;
padding-right: 90px;
_padding-right: 240px;
}
#mprovas:hover{background-image: url('../images/provas_on.gif');}

#mterminologie {
background-image: url('../images/terminologie_off.gif');
width: 190px;
padding-right: 90px;
_padding-right: 160px;
}
#mterminologie:hover{background-image: url('../images/terminologie_on.gif');}

#mkontakt {
background-image: url('../images/kontakt_off.gif');
width: 190px;
padding-right: 90px;
_padding-right: 200px;
}
#mkontakt:hover{background-image: url('../images/kontakt_on.gif');}