@charset "utf-8";
/* CSS Document */
body {
	background:#0c3341 url(../images/bg-body.jpg) repeat-x top;
	color:#061920;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

strong {font-weight:bold}
.txt-blue {color:#00a7e2}
.txt-blue-mid {color:#40bde9};
.txt-blue-light {color:#80d3f1}
.txt-white {color:#FFF}
.txt-yell {color:#f8b505}
.txt-gray {color:#666}
.txt-red {color:#c00000}
.txt-rose {color:#df9594}
.txt-black {color:#000}

#page {
	margin: 0 auto;
	position:relative;
	width:999px;
}

/*---- Header - LOGO ----*/
#header {
	cursor:pointer;
	float:left;
	height: 102px;
	position: relative;
	width: 172px;
}
#header span {
	background: url(../images/sekom-trade.jpg) no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
}

#tabsF {
	background:url(../images/sekom-trade-grafika.jpg) no-repeat top right;
	width:819px;
	height:102px;
	float:left;
	line-height:normal;
}
#tabsF ul {
	display:inline;
	margin:0 0 0 0;
	padding:65px 5px 0 0;
}
#tabsF li {
	display:block;
	padding:0 0 0 1px;
	float:left
}
#tabsF a {
	float:left;
	background:url("../images/tableft.jpg") no-repeat left top;
	padding:0 0 0 3px;
	text-decoration:none;
}
#tabsF a span {
	float:left;
	font-weight:bold;
	display:block;
	background:url("../images/tabright.jpg") no-repeat right top;
	padding:3px 10px 4px 6px;
	color:#FFF;
}

#tabsF ul li.active a, #tabsF ul li.active a:hover {background:url("../images/tableft-a.jpg") no-repeat left top;}
#tabsF ul li.active a span, #tabsF ul li.active a:hover span {background:url("../images/tabright-a.jpg") no-repeat right top;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF a span {float:none;}
/* End IE5-Mac hack */
#tabsF a:hover span {color:#FFF;}
#tabsF a:hover {background-position:0% -22px;}
#tabsF a:hover span {background-position:100% -22px;}

#top {float:right}

/*---- LEFT MENU ----*/
#leftmenu {
	position:relative;
	float:left;
	width:179px;
	z-index:10;
}

/*navigator*/
ul#nav {float:left;width:179px;z-index:10}

ul#nav li {
	background:transparent url(../images/bg-nav.gif) no-repeat bottom right;
	float:left;
	height:21px;
	width:179px;
}

ul#nav li a {
	color:#000;
	display:block;
	font-weight:bold;
	font-size:1.1em;
	height:17px;
	line-height:1.2em;
	padding:2px 0 0 16px;
	text-decoration:none;
	width:163px;
}

ul#nav li#active {background:transparent url(../images/bg-nav-active.gif) no-repeat bottom right;}

ul#nav li a:hover {color:#FFF}
ul#nav li#active a:hover {color:#000}

#count {padding:0 40px;float:left;}

/*kontakt*/
#kontakt {
	background:url(../images/bg-nav-btn.jpg) no-repeat top left;
	float:left;
	margin:22px 0 4px 0;
	height:176px;
	line-height:1.4em;
	padding:13px 10px 0 15px;
	text-align:center;
	width:147px;
}

#kontakt a {text-decoration:none}

/*---- TEXT ----*/
.S {font-size:0.9em}
.M {font-size:1.1em}
.ML {font-size:1.2em}
.L {font-size:1.3em;line-height:1.2em;}
.XL {font-size:1.7em;line-height:1.2em;font-weight:bold}
.XLL {font-size:1.8em;line-height:1.2em;font-weight:bold}
.center {text-align:center}
.right {text-align:right}


/*---- WRAPPER ----*/
#wrapper {
	background:url(../images/bg-main.jpg) repeat-y right;
	float:left;
	left:-8px;
	position:relative;
	width:820px;
}

/*left*/
#left{
	background:url(../images/bg-left.jpg) no-repeat top right;
	float:left;
	line-height:1.3em;
	padding:7px 20px 0 28px;
	width:361px;
}

#left .title {
	display:block;
	margin:15px 10px 30px 0;
}

.sub .title {
	display:block;
	margin:22px 0 20px 30px;
	text-align:left;
}

.sub ul {list-style:outside square;margin-left:15px;padding:0px}

#left ul#list li, .sub ul#list li {list-style:inside square;padding:1px 0;}

#left ul.list-l, #left ul.list-r, .sub ul.list-l, .sub ul.list-r {
	float:left;
	font-weight:bold;
	padding: 0 11px 0 0;
}

#left ul.list-l li, #left ul.list-r li, .sub ul.list-l li, .sub ul.list-r li {
	background:url(../images/li-bg.jpg) no-repeat left 4px;
	padding:0 0 0 15px;
}

/*right*/
#right {
	float:left;
	padding:10px 15px;
	width:380px;
}

#right div.box, #right div.box-b {
	background:url(../images/bg-box.jpg) no-repeat left top;
	float:left;
	height:108px;
	line-height:1.1em;
	margin:10px 0;
	width:147px;
}

#right div.box-b {padding:20px 15px 20px 20px}
#right div.box {padding:13px 15px 20px 20px}

#right div.box-b {background:url(../images/bg-box-b.jpg) no-repeat top left}
#right div.box-b a{text-decoration:none}
#right div.box-b a:hover{text-decoration:underline}
a.link{text-decoration:none;font-weight:bold;color:#000}

/*---- FOOTER ----*/
#footer {
	background:url(../images/bg-footer.jpg) no-repeat top right;
	float:right;
	left:-8px;
	font-size:0.9em;
	padding: 11px 0 0 0;
	position:relative;
	width:820px;
}

#footer p {float:left}
#footer img{float:right}

.novisplet {
	float:right;
	text-decoration:none;
}

/*---- SUBPAGE ----*/
/*left*/
.sub{
	background:url(../images/bg-left-sub.jpg) no-repeat top right;
	float:left;
	line-height:1.3em;
	padding:0px 20px 0 28px;
	width:361px;
	min-height:650px;
	height:auto !important;
	height:650px;
}

.sub a {color:#00a7e2}
.sub a:hover {text-decoration:none}

#overlay {
	background:transparent url(../images/fg-img.png) no-repeat top left; 
  	_background:none;
  	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/fg-img.png');
	height:401px;
	position:absolute;
	width:374px;
	z-index:10px;
}
/*---- OBRAZEC  ----*/
ul.obr {list-style:none; margin:0px; width:100%}

ul.obr li {
  	float:left;
  	padding:3px 0;
  	width:350px;
}

ul.obr li label {
  	line-height:1.5;
  	float:left;
  	width:100px;
  	text-align:left;
}

ul.obr li input, ul.obr li textarea, ul.obr li file, ul.obr li select {
  	background-color:#ececec;
  	border: solid 1px #363636;
  	width:242px;
}

/*---- BUTTONS ----*/
a.submitbtn {
	display:inline-block;
	width:50px;
	height:22px;
	background:url("../images/submitleft.jpg") no-repeat left top;
	padding:0 0 0 6px;
	text-decoration:none;
	float:right;
}
a.submitbtn span {
	cursor:pointer;
	float:left;
	font-weight:bold;
	background:url("../images/submitright.jpg") no-repeat right top;
	padding:3px 6px 4px 0;
	color:#FFF;
}