@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: #000000;
}
tr,td,th
{
	margin: 0px;
	padding: 0px 2px 0px 2px;
}
th
{
	color : White;
	background-color : Black;
}
address
{
	font-variant: normal;
	font-weight: bolder;
	font-size: 110%;
}
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 : #B0252A;
}
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: #B0252A;	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: #B0252A;	background: transparent; text-decoration:underline ; font-size: 100%;}
a.alt:hover{color: white;	background-color: #B0252A;}
a.small
{
	text-decoration: none;
	font-weight: normal;
	font-size: xx-small;
	color: #000000;
}
a.small:hover
{
	background-color: #333333;
	color: white;
	text-decoration: none;
}
h1{font-size: 200%; display: none;}
h2{font-size: 150%;}
h3{font-size: 110%; padding: 0px; margin: 0px;}
h4{font-size: 115%;}

/* +++++++++++++++++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: #B0252A;
}
.bg {
	color: red;
	background-color: white;
	font-weight: bold;
}
.box{
	margin: 0px;
	display: block;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	border: 1px dotted #B0252A;
	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; }
.hide{display: none;}
.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: url('../images/inbody.gif');
	background-repeat: repeat-x;
}
#page
{
	text-align: center;
}
#inpage
{
	margin: 0 auto 0;
	text-align: center;
	width: 800px;
}
#top
{
	height: 232px;
	background: url('../images/top.jpg') top left;
	background-repeat: no-repeat;
}
#aftertop
{
	height: 50px;
	text-align: center;
	font-size: 70%;
/*	background: url('../images/aftertop.gif');
	background-repeat: repeat-x;*/

}
#main {margin:0; background-color:#B9C0D0; color: black;}
#inmain {margin: 0;	padding: 0;}
#content
{
	margin-top: 7px;
	padding: 3%;
	text-align: justify;
	font-size: x-small;
}
#bottompage
{
	background: url('../images/bottompage1.gif');
	background-repeat: no-repeat;
	height: 27px;
}
#bottom
{
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
/*	background-image: url('../images/bottom.gif');
	background-repeat: no-repeat;*/
}
/*navigation*/
#menu
{
	text-align: center;
	
	margin-right: 20px;
}
#menu * {font-size : small;}
#menu .off, #menu .on
{
	height: 45px;
	width: 110px;
	text-align: ;
	float: right;
	display: block;
	font-weight: bold;
	text-decoration: none;
	letter-spacing : 1px;
	font-size: 12px;
	padding-top: 12px;

}
#menu .off
{
	background-image: url('../images/off.gif');
	background-repeat: repeat-x;
}
#menu .off:hover, #menu .on:hover
{
	background-image: url('../images/off.gif');
	background-repeat: repeat-x;
	color: black;
}
#menu .off:hover
{
	background-image: url('../images/on.gif');
	background-repeat: repeat-x;
}
#logovlevo
{
	position: absolute;
	top: 285px;
	left: 0px;
}
#logovpravo
{
	position: absolute;
	top: 285px;
	right: 0px;
}