﻿body
{ 
	font-family: "Arial CE", Arial, Sans-Serif; 
	font-size: 70%; 
	width: 764px;
	color: #505B61;
}

form, body, input { margin: 0; padding: 0; }

#main_area 
{
	background-image: url('/Modules/KmxExtranet/Images/stin.gif');
	background-repeat: repeat-y;
	background-position: 749px 0;
}

#content_area { width: 750px; }
img { border-width: 0px; }
p { margin: 5px 0; }
input, textarea { border:1px solid #D2D2D2; padding:1px 2px; }
input[type=text], input[type=password] { width: 140px; color: #505B61; }
input[type=checkbox] { width: 30px; }
input[type=hidden] { border: none; padding: 0; }
textarea { height:80px; width:250px; }
h1 
{
	font-weight: normal;
	font-size: 180%;
}

h2 a, h3 a { text-decoration: none; }

/* B A R V Y */
.orange, #intro h1 { color: #D9D9B7; }
.lightgrey { color: #F2F2F2; }
.darkgrey { color: #505B61; }
.lightblue, #annotation p { color: #D0E8F5; }
.blue { color: #97CADD; }
.darkblue, a, h2 { color: #1A7CA2; }
h1, h2, h3 { color:#1A7CA2; }

/* END OF B A R V Y		*/

/* ALIGNMENT	*/
h1, h2, h3 { text-align: left; }

/*	FLOAT		*/
#footer_left, #annotation, #certification, #headlines, #intro_img, #leftmenu, #center, .left
{ float: left; }

#footer_right, #logo, #print, .right
{ float: right; }

#header 
{
	height: 80px;
	background-image: url('/Modules/KmxExtranet/Images/pruhy.gif');
	background-repeat: repeat-y;
}

#intro_img 
{
	width: 260px;
	height: 100%;
}

#intro 
{
	background-image: url('/Modules/KmxExtranet/Images/intro_bg.gif');
	background-repeat: no-repeat;
	background-position: 260px 0px;
	height: 200px;
	width: 100%;
}

#intro h1
{ 
	font-size: 180%;
	font-weight: normal;
}

.searchbox { /*background-color: #D0E8F5;*/ padding-right: 0px; }
.txtsearch { margin: 7px 10px 0 10px; font-size: 8pt; }
.btnsearch { /*height: 28px; width: 28px; margin-bottom: 2px;*/ margin: 0; padding: 0 }

#topmenu 
{
	padding-top: 50px;
	background-image: url('/Modules/KmxExtranet/Images/topmenu_back2.jpg');
	background-repeat: no-repeat;
	background-position: 55px 42px;
	_background-position: 65px 42px;
	width: 400px;
	height: 30px;
}

#topmenu * { display: block; float: left; }
#topmenu a, #footer_right a img, .searchbox { border-right: solid 1px #D2D2D2; }
#footer_right a img.top { border: none; }

#annotation 
{
	width: 304px;
	height: 100%;
}

#annotation h1 
{
	margin: 27px 0 10px 20px;
}

#annotation p 
{
	margin: 0 50px 0 20px;
}

#certification 
{
}

#certification a 
{
	display: block;
	background-image: url('/Modules/KmxExtranet/Images/certifikaty.png');
	background-repeat: no-repeat;
	margin-top: 148px;
	width: 105px;
	height: 50px;
}
	
#headlines 
{
}

/*	BEGIN OF MAIN MENU	*/

#mainmenu
{
	height: 26px;
	margin: 0;
	padding: 0;
}

#mainmenu>li
{
	display: block;
	margin: 0;
	padding: 0;
	height: 26px;
	background-repeat: no-repeat;
	float: left;
}

#mainmenu li {float: left;
	display: block;
	margin : 0;
	padding: 0;
	height: 26px;
	background-repeat: no-repeat; 
}

#mainmenu li li {float: none; 
    background: #1A7CA2 url('/Modules/KmxExtranet/Images/submenu_sipka_active.gif') no-repeat;
	/*top: 5px;*/
	list-style: none;
	border-right: solid 1px #97CADD;
	border-bottom: solid 1px #97CADD;
	margin-left: 0;
	padding: 2px;
	height: 14px;
	padding-left: 15px;
	width: 130px;
}

#mainmenu li a 
{
	width: 100%;
	height: 100%;
	display: block;
}

#mainmenu li img
{
	margin-top: 1px;
}

#mainmenu li a span 
{
	display: none;
}

.mainmenuitemselected 
{
	background-position: 0px 52px;
}

.mainmenuitem
{
	background-position: 0px 0px;
}

.mainsubmenu 
{
	display: none;
	position: absolute;
	margin:0;
	padding:0;
	filter: Alpha(opacity=90);
}

.mainsubmenu ul 
{
	background-color: #505B61;
	border-top: solid 5px #97CADD;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	width: 130px;
}

.mainsubmenu li 
{
	background: #1A7CA2 url('/Modules/KmxExtranet/Images/submenu_sipka_active.gif') no-repeat;
	/*top: 5px;*/
	list-style: none;
	border-right: solid 1px #97CADD;
	border-bottom: solid 1px #97CADD;
	margin-left: 0;
	padding: 2px;
	padding-left: 12px;
	width: 130px;
}

.mainsubmenu li a 
{
	color: #FFF;
	text-decoration: none;
}

.mainsubmenu li a:hover 
{
	color: #D9D9B7;
	text-decoration: underline;
}

/*	END OF MAINMENU		*/

#content, #content_page
{
	background-image: url('/Modules/KmxExtranet/Images/background_home.gif');
	background-repeat: repeat-y;
	border-top: 1px solid #FFF;
	min-height: 300px;
	height: 100%;
}

#content_page 
{
	background-image: url('/Modules/KmxExtranet/Images/background_page.gif');
}

#leftmenu 
{
	padding: 5px 0 10px 15px;
	width: 185px;
}

#leftmenu h3, #leftmenu div, #leftmenu p 
{
	margin: 5px 5px 5px 0;
	padding-left: 10px;
}

#leftmenu h3 
{
	color: #1A7CA2;
	font-weight: bold;
	font-size: 120%;
}

#leftmenu ul 
{
	margin: 0;
	padding: 0;
}

#leftmenu ul li 
{
	list-style-type: none;
	background-image: url('/Modules/KmxExtranet/Images/sipecka_seda.gif');
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 12px;
}

.submenu a
{
    /*font-size: smaller;*/
    text-decoration: none;
}

#center 
{
	background-color: #FFF;
	width: 549px;
	font-size: 110%;
	padding-bottom: 10px;
	min-height: 280px;
}

#breadcrumb 
{
	font-size: 90%;
}

#breadcrumb p 
{
	margin: 0;
	padding: 0;
}

#breadcrumb p img 
{
	margin: 0 5px;
}

#perex 
{
	background-color: #F2F2F2;
	padding: 0 10px 10px 10px;
}

#perex h1 
{
	background-image: url('/Modules/KmxExtranet/Images/sipka.gif');
	background-position: 0 12px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #BCD6DC;
	margin: 0 0 5px 0;
	padding: 5px 0 0 12px;
	font-size: 160%;
	font-weight: normal;
	color:#1A7CA2;
}

#perex-text 
{
	margin-left: 12px;
}

#main-text 
{
	padding: 5px;
	margin-left: 15px;
}

h2 
{
	font-size: 140%;
	font-weight: bold;
}

#footer 
{
	border-top: solid 5px #97CADD;
	border-right: solid 1px #FFF;
	color:#F2F2F2;
	height: 30px;
}

#footer_left 
{
	background-color:#505B61;
	font-size: 80%;	
	width: 558px;
	height: 30px;
	padding-left: 5px;
	line-height: 30px;
	_padding-top: 10px;
}

#tonick { border: none; }

/*	BEGIN OF TABLE	*/
table{}
thead {}
tbody {}
tr {}
th {}
td {}
	
/*	END OF TABLE	*/

div.form {
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	margin:12px 0;
	padding:10px;
	background-color:#D0E8F5;
	border-right:1px solid #D0E8F5;
}

div.form h3 
{
	background-image:url(/upload/sipka.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	color:#1A7CA2;
	padding-left: 10px;
}

div.form tr	
{
	height: 25px;
}

div.form td 
{
	vertical-align: middle;
}

.linka 
{
	background-repeat:repeat-x;
	width: 100%;
	display: block;
	height: 1px;
	margin:15px 0;
}

#introducing 
{
	width: 250px;
	float: left;
	padding: 0 2px 0 8px;
}
#news 
{
	width: 303px;
	float: left;
}

#news div h3 
{
	background-image: url('/Modules/KmxExtranet/Images/news_ico.gif');
	background-position: 0 4px;
	background-repeat: no-repeat;
	padding-left: 11px;
}
#fastlinks 
{
	width: 186px;
	float: left;
	margin: 0;
	padding: 0;
}

#introducing h1, #news h1
{
	background-image:url(/upload/sipka.gif);
	background-position:0 12px;
	background-repeat:no-repeat;
	border-bottom:1px solid #BCD6DC;
	margin:0 0 5px 5px;
	padding:5px 0 0 10px;
}

#introducing div 
{
	margin: 0 5px 0 15px;
}

#news div { margin: 0 5px 0 5px; }
#news div p { margin-left: 10px; }

#tiskovky 
{
	float:right;
	padding:12px 10px 0 0;
}	
.home_prava 
{
	color:#D0E8F5;
	padding: 0 5px;
}

.hotline 
{
	color:#D9D9B7;
	font-weight: bold;
	display: block;
	text-decoration: none;
}

.hidden, .fileList>table 
{
    display: none;
}

br.cleaner { clear:both; border: none; padding: 0;overflow: hidden; visibility:hidden;_margin: -1em;_display:none; }

@media print 
{
	#header, #intro, #mainmenu, #leftmenu, #breadcrumb, #footer, .form, input[type=submit], .noprint
	{
		display: none;
	}
	
	#center
	{
		width: 100%;
	}
}