html,body {width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Tahoma, Helvetica, sans-serif;
	color:#000000;
	background-color:#000000;
	text-align:center;}
.obal {position:relative;
	top:0px;
	width:900px;
	min-height:100%;
	height:auto;
	_height:100%;
	padding-bottom:50px;
	background-color:#EEEEEE;
	margin:0px;
	margin-left:auto;
	margin-right:auto;}

/*==============HLAVICKA===========*/
.head {position:relative;
	left:0px;
	top:0px;
	width:898px;
	_width:900px;
	height:120px;
	background-color:black;
	border:1px solid #EEEEEE;
	text-align:left;
	margin:0px;
	padding:0px;}
.logo {position:relative;
	top:12px;
	left:15px;}
.logo img {border:none;
	text-decoration:none;}
/* ========== MENU =============*/
.menu1 a, .menu2 a, .menu3 a, .menu4 a, .menu5 a {position:absolute;
	top:98px;
	_top:96px;
	background-repeat:no-repeat;
	background-position:left top;
	height:20px;
	_height:23px;
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em;
	text-align:left;
	color:#4E4E51;
	padding:3px 0px 0px 15px;
	_padding:4px 0px 0px 15px;}
.menu1 a {background-image:url("images/menu1.gif");
	right:334px;
	_right:349px;
	width:70px;}
.menu2 a {background-image:url("images/menu2.gif");
	right:232px;
	_right:247px;
	width:110px;}
.menu3 a {background-image:url("images/menu3.gif");
	right:157px;
	_right:172px;
	width:83px;}
.menu4 a {background-image:url("images/menu4.gif");
	right:65px;
	_right:80px;
	width:100px;}
.menu5 a {background-image:url("images/menu5.gif");
	right:-15px;
	_right:0px;
	width:88px;}
.menu1 a:hover, .menu2 a:hover, .menu3 a:hover, .menu4 a:hover, .menu5 a:hover {background-position:left bottom;
	text-decoration:none;
	color:#6b6b6f;}
.menu1 a:active, .menu2 a:active, .menu3 a:active, .menu4 a:active, .menu5 a:active {color:#16161f;}
/*============== VNITREK ====================*/
.main {position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	padding:0px;
	font-size:0.95em;}
.podmain_left {width:378px;
	_width:429px;
	%width:429px;
	height:auto;
	text-align:justify;
	float:left;
	margin:10px 3px 10px 15px;
	_margin:10px 2px 10px 8px;
	padding:10px 25px 10px 25px;
	border-left:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;}
.podmain_right {width:378px;
	_width:429px;
	%width:429px;
	height:auto;
	text-align:justify;
	float:right;
	margin:10px 15px 10px 3px;
	_margin:10px 8px 10px 2px;
	padding:10px 25px 10px 25px;
	/*border-left:1px solid #AAAAAA;*/
	border-right:1px solid #AAAAAA;}
.podmain {width:756px;
	_width:870px;
	%width:870px;/*882*/
	height:auto;
	text-align:justify;
	float:left;
	margin:10px 3px 10px 15px;
	_margin:10px 2px 10px 8px;
	padding:10px 25px 10px 25px;
	border-left:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;}
.clear {clear:both;
	width:100%;
	height:1px;
	margin:0px;
	padding:0px;}
/*=========== SPODNI LISTA===========*/
.foot {position:absolute;
	left:0px;
	bottom:0px;
	width:858px;
	_width:900px;
	height:35px;
	_height:50px;
	background-color:#000000;
	border:1px solid #EEEEEE;
	font-size:0.8em;
	padding:10px 20px 5px 20px;}	
.spodek_left {color:#777777;
	float:left;
	padding:0px 40px 0px 0px;
	font-variant:normal;}
.spodek_left a {text-decoration:underline;
	color:#777777;}
.spodek_left a:hover {color:#3366CC;}
/*=============== OSTATNÍ ================*/
h1 {font-size:0.9em;
	font-weight:bold;
	color:#494d5b;
	/*4e4e51*/
	/*11376f*/
	/*494d5b*/
	background-color:#92a8a2;
	padding:2px 7px 2px 7px;
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	margin:0px 0px 10px 0px;}
h2 {font-size:1.1em;
	margin:10px 0px 5px 0px;
	padding:1px 0px 0px 0px;
	color:#4F7680;
	font-variant:small-caps;}
h3 {font-size:1.1em;
	margin:0px 0px 5px 0px;
	padding:1px 0px 0px 0px;
	color:#4F7680;
	font-variant:small-caps;
	clear:both;}
p {text-align:justify;}
p#bez {margin-bottom:0px;}
p.oddelitko {text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	color:#bbbbbb;}
p.odsazeni {margin-left:60px;}
.nazev {font-weight:bold;
	color:#3D3D45;}
a {color:#2E5DB9;}
a:hover {color:#2E5DB9;}
p a:hover, .cesta a:hover {color:#2E5DB9;
	text-decoration:none;
	border-bottom:1px dotted #3366CC;
	_border-bottom:none;
	background-color:#EEEEEE;
	margin:0px;}
.borderIE a:hover {_background-image: url("images/tecky_border.gif");
	_background-position:left bottom;
	_background-repeat:repeat-x;
	_padding:0px 0px 1px 0px;}
.podmain_left_ms p..borderIE a:hover {background-color:#E6E8E7;}
form {margin-left:45px;
	margin-top:0px;}
.tlacitko {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#16161F;
	border:1px solid #7F918E;
	padding:1px;}
input, textarea {border:1px solid #7F918E;
	padding:2px 5px 2px 5px;}
table, input, textarea {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#16161F;}
.cesta {width:auto;
	height:auto;
	position:absolute;
	bottom:15px;
	right:40px;
	color:#999999;
	font-size:0.8em;
	padding:3px 0px 3px 5px;
	margin-top:10px;
	font-style:italic;}
.cesta a {color:#8F9F9B;
	text-decoration:none;}
#slovnik, #slovnik_II {background-color:#CDD5DC;
	color:#4E75C0;
	width:200px;
	float:right;
	margin:0px 0px 0px 10px;
	_margin-right:0px;
	padding:10px;
	font-size:0.9em;}
#slovnik_II {width:100%;
	margin-left:0px;}
#slovnik a, #slovnik_II a {text-decoration:none;
	color:#4968A5;
	background-color:#CDD5DC;}
#slovnik span.borderIE a, #slovnik_II span.borderIE a {text-decoration:underline;}
#slovnik span.borderIE a:hover, #slovnik_II span.borderIE a:hover {text-decoration:none;}
.a_odkaz_index img {border:none;
	float:right;
	margin:0px 0px 0px 10px;
	_margin-right:0px;
	padding:10px;}
.a_odkaz img {border:none;
	float:right;}

/*============== PRAVÉ STRANY ===============*/
.uvod_right, .reference_right  {border-left:1px solid #CCCCCC;
	margin:0px 20px 5px 25px;
	width:170px;
	height:auto;
	padding:10px 0px 10px 20px;
	float:right;}
.uvod_right {margin-top:4px;
	_margin-top:50px;}
.reference_right {border:none;}
.reference_left {clear:left;}
.important {font-weight:bold;
	color:#715552;}

/*==WEBTVORBA==*/
.webtvorba {color:#4E75C0;
	width:auto;
	float:right;
	margin:0px 0px 0px 0px;
	_margin-left:0px;
	padding:0px;}
#webtvorba_r_1, #webtvorba_r_2, #webtvorba_r_3, #webtvorba_r_4 {position: relative;
	width:125px;
	height:84px;
	margin:2px 0px 2px 20px;
	position:relative;}
#webtvorba_r_1 {margin-top:10px;}
#webtvorba_r_4 {margin-bottom:10px;}
#webtvorba_r_1 a, #webtvorba_r_2 a, #webtvorba_r_3 a, #webtvorba_r_4 a, #webtvorba_r_1 a span, #webtvorba_r_2 a span, #webtvorba_r_3 a span, #webtvorba_r_4 a span {
	display:block;
	width:100%;
	height:100%;
	position:relative;}
#webtvorba_r_1 a span, #webtvorba_r_2 a span, #webtvorba_r_3 a span, #webtvorba_r_4 a span {position:absolute;
	top:0; 
	left:0;
	z-index:1;
	background-image:url("images/2osoby.gif");
	background-position:left top;
	background-repeat:no-repeat;}
#webtvorba_r_1 a span{background-image:url("images/1informace.gif");}
#webtvorba_r_2 a span{background-image:url("images/2osoby.gif");}
#webtvorba_r_3 a span {background-image:url("images/3styl.gif");}
#webtvorba_r_4 a span {background-image:url("images/4tvorba.gif");}
#webtvorba_r_1 a:hover span, #webtvorba_r_2 a:hover span, #webtvorba_r_3 a:hover span, #webtvorba_r_4 a:hover span {background-position: left bottom;} 
#webtvorba_r_1 a, #webtvorba_r_2 a, #webtvorba_r_3 a, #webtvorba_r_4 a {color: #EEEEEE;
	text-decoration:none;}
#webtvorba_r_1 a:hover, #webtvorba_r_2 a:hover, #webtvorba_r_3 a:hover, #webtvorba_r_4 a:hover {color: #ddd;}