body, html {
background: #FFF url(../image/site/bg.gif) repeat-x top;
margin: 0px;
padding: 0px;
font-family: Arial;
font-size: 12px;
text-align: justify;
color: #11003D;
}

img {
border: 0px;
}

h1 { font-family: arial; color: #c1f33d; font-size: 19px; font-weight: lighter; }
a { color: #66B2D0; text-decoration: none; }
a:hover {text-decoration: underline;}


/* ------------------------------------------------------------------ */
/* header */

	div#top {
		background:#fff url(../images/header_bg.gif) no-repeat 100% 0;
		width:780px;
		height:80px
	}	
	
	a#logo-tdc {
		display:inline;
		width:128px; 
		height:68px;
		float:left;
		background:url(../images/logo_tdc.gif) no-repeat 0 0;
		text-indent:-9000px;
		margin:5px 0 0 0
	}
	
	div#search {
		background:none;
		width:auto; 
		height:51px;
		text-align:center;
		float:right;
		margin:16px 25px 0 0;
		display:inline
	}	

	#search_input {
		background:url(../image/site/top_search_input.gif);
		width:163px;
		height:17px;
		border:0;
		margin-left:12px;
		vertical-align:top;
		font:normal 12px Arial, "Helvetica Neue", Helvetica, sans-serif;
		color:gray;
		text-indent:5px
	}

	#search_submit {
		background:url(../image/site/top_search_submit.gif);
		width:19px;
		height:19px;
		border:0;
		margin-left:5px;
		vertical-align:top
	}

#hm {			
	background:#fff;
	clear:both;
	height:107px;
	display:block			
}

/*		
#hm {
background: #EEEEEE url(../image/site/hm_bg_right.gif) repeat-y right;
width: 780px;
height: 122px;
display: block;
}*/

#left {
width: 298px;
float: left;
}

#menu {
/*background: url(../image/site/menu_bg.gif);*/
background-color: #21385D;
width: 298px;
text-align: justify;
font-family: Arial;
font-size: 12px;
color: #FFFFFF;
}

#menu a {
text-align: justify;
font-family: Arial;
font-size: 12px;
color: #CBF200;
text-decoration: none;
font-weight: bold;
line-height: 150%;
}

#menu a:hover {
text-align: justify;
font-family: Arial;
font-size: 12px;
color: #CBF200;
text-decoration: underline;
font-weight: bold;
line-height: 150%;
}

#link_text a {
position: relative;
left: 45px;
top: 5px;
font-weight: bold;
color: #FFF;
}

.link {
/*background: url(../image/site/menu_link.gif);
width: 298px;*/
height: 29px;
}

.link_hover {
/*background: url(../image/site/menu_link_hover.gif);
width: 298px;*/
height: 29px;
}

#login {
background: url(../image/site/login_bg.gif);
width: 298px;
height: 57px;
}

#login_input {
background: url(../image/site/login_input.gif);
width: 69px;
height: 17px;
border: 0px;
vertical-align: top;
font-family: Arial;
font-size: 12px;
color: gray;
text-indent: 5px;
margin-left: 7px;
}

#content {
float: right;
width: 482px;
min-height: 329px;
}

#down {
width: 780px;
}

#contact {
float: left;
width: 298px;
height: 178px;
}

#contact_up {
background: url(../image/site/contact_bg_up.gif);
width: 298px;
height: 52px;
}

#contact_down {
background: url(../image/site/contact_bg.gif);
width: 298px;
height: 126px;
}

#contact_input {
background: url(../image/site/contact_input.gif);
width: 112px;
height: 17px;
border: 0px;
vertical-align: top;
font-family: Arial;
font-size: 12px;
color: gray;
text-indent: 5px;
}

#contact_submit {
background: url(../image/site/contact_submit.gif);
width: 50px;
height: 19px;
border: 0px;
vertical-align: top;
margin-left: 8px;
padding: 0px;
}
#contact_delete {
background: url(../image/site/contact_delete.gif);
width: 50px;
height: 19px;
border: 0px;
vertical-align: top;
margin-left: 8px;
padding: 0px;
}
#newsletter {
margin-top:40px;
float: left;
width: 298px;
height: 178px;
}

#newsletter_up {
background: url(../image/site/newsletter_bg_up.gif);
width: 298px;
height: 52px;
}

#newsletter_down {
background: url(../image/site/newsletter_bg.gif);
width: 298px;
height: 126px;
}
#formularz {
margin-top:40px;
float: left;
width: 298px;
height: 120px;
}

#formularz_up {
background: url(../image/site/formularz_bg_up.gif);
width: 298px;
height: 52px;
}

#formularz_down {
background: url(../image/site/newsletter_bg.gif);
width: 298px;
height: 60px;
padding-bottom:15px;
}
#catalog {
float: right;
width: 428px;
height: 178px;
}

#catalog_up {
background: url(../images/catalog13_bg1.png);
width: 428px;
height: 50px;
}

#catalog_down {
background: url(../images/catalog13_bg.png);
width: 428px;
height: 132px;
}

#footer {
width: 778px;
height: 69px;
background-image: url(../image/site/footer_bg.gif);
/*background-repeat:none;*/
}

#footer_left {
width: 27px;
height: 72px;
float: left;
}

#footer_right {
width: 27px;
height: 72px;
float: right;
}

#footer_center {
width: 726px;
height: 72px;
float: left;
}

#footer_menu {
position: relative;
text-align:center;
margin: 0px;
padding: 0px;
top: 30px;
left: 15px;
font-family: Arial;
font-size: 12px;
color: #233b61;
}

#footer_menu a {
font-family: Arial;
font-size: 12px;
color: #233b61;
text-decoration: none;
}

#footer_menu a:hover {
font-family: Arial;
font-size: 12px;
color: #233b61;
text-decoration: underline;
}

	
	a { outline:none }

	#menu {
		overflow:hidden;
		padding:10px 0
	}

	* html #menu { height:1% }

	#menu a {
		color:#fff;
		font-family:Tahoma, Geneva, Verdana, sans-serif;
		text-align:left
	}

	#menu a:hover {
		color:#d2eb3b;
		text-decoration:none;
		font-family:Tahoma, Geneva, Verdana, sans-serif;
		text-align:left
	}

	#menu li { float:left; padding-right:15px }

	#menu li.on a { color:#d2eb3b }

	#menu li.extend { background-image:none !important; padding-bottom:7px !important }
	#menu ul.nav-1 li.extend { background:#30476b }
	#menu ul.nav-2 li.extend { background:#384e73 }

	#menu ul.nav-1 {
		list-style-type:none;
		margin:0 0 0 20px;
		padding:0
	}

	#menu ul.nav-1 li {
		display:block;
		clear:both;
		padding:0;
		margin:0
	}

	#menu ul.nav-1 li a {
		display:block;
		clear:both;
		padding:5px 0;
		margin:0
	}

	#menu ul.nav-2 {
		list-style-type:none;
		margin:5px 0;
		padding:0
	}

	#menu ul.nav-2 li {
		background:url(../images/dot02.gif) no-repeat 0 9px;
		padding-left:15px;
		margin-left:20px;
		width:263px
	}

	* html #menu ul.nav-2 li { margin-left:10px }

	#menu ul.nav-2 li.extend { margin-left:0 }

	#menu ul.nav-2 li a {
		display:block;
		clear:both;
		padding:4px 0;
		margin:0;
		font:bold 11px/18px Tahoma, Geneva, Verdana, sans-serif
	}

	#menu ul.nav-2 li a:hover { font:bold 11px/18px Tahoma, Geneva, Verdana, sans-serif }

	#menu ul.nav-3 {
		list-style-type:none;
		margin:5px 0;
		padding-left:10px
	}

	#menu ul.nav-3 li {
		background:url(../images/dot03.gif) no-repeat 0 9px;
		padding-left:20px;
		width:233px;
		color:#a0b8e1
	}

	#menu ul.nav-3 li a {
		display:block;
		clear:both;
		padding:2px 0;
		margin:0;
		font:normal 11px/16px Tahoma, Geneva, Verdana, sans-serif;
		color:#a0b8e1
	}
	
	#menu ul.nav-3 li a { color:#c8ddff }

	#menu ul.nav-3 li a:hover { font:normal 11px/16px Tahoma, Geneva, Verdana, sans-serif; color:#D2EB3B }



	#footer {
		background-image:url(../images/footer_bg.gif);
		height:60px;
		width:778px
	}

	#footer div.footer-menu {
		float:right;
		padding-top:23px;
		padding-right:10px
	}

	#footer ul {
		margin:0;
		padding:0;
		list-style-type:none;
	}

	#footer ul li {
		float:left;
		color:#a8e001;
		font:11px Tahoma, Geneva, Verdana, sans-serif
	}

	#footer ul li a {
		color:#fff;
		font:11px Tahoma, Geneva, Verdana, sans-serif;
		margin:0 10px
	}

    #footer div.copyright {
		width:155px;
		float:left;
		font:10px Tahoma, Geneva, Verdana, sans-serif;
		color:#d1e599;
		text-align:right;
		padding-top:10px
	}

	#footer div.copyright img {
		float:right;
		margin-left:10px;
	}

	#footer div.copyright span {
		position:relative;
		top:7px
	}
	
	#nktf {
        clear: both;
        text-align: center;
        margin: 10px;
    }
    #nktf a {
        font-family: Arial;
        color: #b5b7bb;
        font-size:11px;
        font-weight: normal
    }
    #nktf img {
        vertical-align: middle
    }
    
/* ------------------------------------------------------------------ */
/* CONTACT */

	#frm_contactform p { color:#999 }

	input.contactform-type {
		width:180px;
		border:1px solid #ededed;
		padding:3px;
		color:#333;
		margin-right:10px;
		background:#f8f8f6
	}

	textarea.contactform-type {
		width:100%;
		border:1px solid #ededed;
		padding:3px;
		color:#333;
		background:#f8f8f6
	}

	select.contactform-select {
		width:100%;
		font-size:11px;
		border:1px solid #ccc;
		padding:3px;
		color:#333
	}

	label.error { color:#ff0000	}

	table.contactform {
		width:100%;
		color:#666
	}

	table.contactform td {
		/*padding: 5px 20px 5px 20px;*/
		vertical-align:top
	}

	span.required {	color:#FF0000 }