* { margin:0px; padding:0px; border:none;}
.clr { clear:both;}

body { font: normal 12px Tahoma,  sans-serif; color: #505050;  background: #999999 url(background.jpg) repeat-x left top;}

#container { width: 960px; margin: 0px auto; margin-bottom: 20px;}

hr { color: #505050; background-color: #505050; height: 1px; font-size: 1px; margin-top: 5px; margin-bottom: 5px;} 
/*		top		*/

#top { width: 960px; height: 64px;   background: url(background_top.jpg) no-repeat;}
#logo { width: 265px; height: 60px; float: left; }
#logo_in { width: 236px; height: 50px; padding: 5px 0px 0px 10px; }
#menu_top {  width: 609px; height: 64px; float: right; }
#menu_lang { width: 609px; height: 24px; }
#menu_lang span { float: right; font: normal 9px Tahoma; padding: 5px; margin: 0px 5px; word-spacing: 6px;}
#menu_lang a { color: #505050; text-decoration: none; font: normal 9px Tahoma;}
#menu_topin {  width: 610px; height: 40px; margin:0px; padding: 0px;}
#menu_topin #left { width: 8px; height: 40px; background: url(menu_left.gif) no-repeat; float: left;}
#menu_topin #center { background: #00ff00; height: 40px; width: 594px; background: url(menu_top_background.gif) repeat-x; float: left; }
#menu_topin #right { width: 8px; height: 40px; background: url(menu_right.gif) no-repeat; float: right;}
#menu_topin #center a { background: url(menu_arrow.jpg) no-repeat center top; float: left; display: block; padding: 12px 12px 10px 12px; font-size: 14px; color: #7b7b7b; text-decoration: none; }
#menu_topin #center a:hover { color: #fff; text-decoration: none; background: url(menu_arrow_hover.jpg) no-repeat center top;}
#menu_topin #center a:active { color: #fff; text-decoration: none; background: url(menu_arrow_active.jpg) no-repeat center top;}
#menu_topin li {list-style: none;}


/*		main		*/

#contentbox { width: 960px;  margin:0px; }
#contentbox #content { width: 770px; float:right; }
#contentbox #header { width: 770px; height: 202px; /*background: url(header.jpg) no-repeat;*/ border-top: #0d8fd9 2px solid; border-bottom: #0d8fd9 2px solid;}


/*		left sidebar		*/

#contentbox #menu { width: 190px; float:left; background: #3d3d3d; }
#contentbox #menu #stroke { width: 190px; height: 7px; background: url(menu_stroke.jpg) no-repeat;}
.header { padding: 5px 0px 0px 20px; width:170px; height: 50px; background: url(menu_background.jpg) repeat-x;}
#menu span {color: #fff; font-size: 15px;}
#menu span.small {float: right; margin-bottom: 10px; margin-right: 50px; color: #909090; font-size: 9px;}

.form { margin-bottom: 20px; }
.form label { margin-left: 20px; font: bold 11px Tahoma; color: #a1a1a1;  }
.form input.text { width: 139px; height:18px; margin: 5px auto 5px 20px; background: #484848 url(input.jpg) no-repeat; color: #fff; font: normal 10px Tahoma; text-align: left; padding:5px 5px 0px 5px; }
.form input.submit { cursor: pointer; margin-right: 20px; width: 50px; height: 23px; float: right; background: url(button.jpg) no-repeat; color: #fff; font: normal 11px Tahoma; }
.form input.submit:hover { background: url(button_hover.jpg) no-repeat; }
#menu span.input { font-size: 9px; float: left; margin: 5px 0px 0px 20px;  }
#menu span.input a { text-decoration: none; color: #8b8b8b;}
#menu span.input a:hover { text-decoration: underline; color: #8b8b8b;}

#menu_left ul {  margin-left: 20px; }
#menu_left li { list-style: none; padding: 2px 0px;  border-bottom: 1px #575757 solid; width: 90%;}
#menu_left li a { display: block; padding: 7px 15px; background: url(left_arrow.jpg) no-repeat left center;    color: #fff; font-size: 11px; text-decoration: none; }
#menu_left li a:hover {  background: #4d4d4d url(left_hover.jpg) no-repeat center left; color: #74bfe9; text-decoration: underline; }
#menu_left li.subcategory a:hover {background: #777 url(left_hover.png) no-repeat center left; color: #b7def4; text-decoration: underline; }
#menu_left li.subcategory{padding:0 0;}    

#contact { margin-bottom: 15px; background: #fff url(contact_image.jpg) no-repeat; height: 162px; border-right: #0d8fd9 2px solid; }
#contact .head { padding: 10px 0px 0px 20px; width:160px; height: 50px;}
#contact span {color: #505050; font: bold 15px Tahoma;}
#contact span.small {float: right; margin-bottom: 10px; margin-right: 30px; color: #7c8b93; font: normal 9px Tahoma;}
#contact .textspot { float: right; font-size: 11px; text-align:right; margin-top: 0px; padding-right: 5px;}

.ref { padding: 0px 16px 10px 16px;; color: #d4d4d4; }
.ref h4 { font-weight:bold; font-size:11px; margin-bottom: 5px;}
.ref .textspot { font-size:11px; text-align: justify; }

#menu_footer { width: 190px; height: 14px; background: url(menu_footer.jpg) no-repeat; }


/*		footer		*/

#footer { width: 770px; height: 40px; margin-bottom:50px; }
#footer #fleft { width: 9px; height: 40px; float: left; background: url(footer_left.jpg) no-repeat;}
#footer #fcenter { height: 20px; width: 732px; background: #fff; float: left; padding: 10px;}
#footer #fright { width: 9px; height: 40px; float: right; background: url(footer_right.jpg) no-repeat;}
#footer #fcenter a { color: #444b4f; text-decoration: none; }
#footer #fcenter a:hover { text-decoration: underline; }
#footer #fcenter span { float: left; font-size: 11px; word-spacing: 5px;}
#footer #fcenter span.right { float: right; font-size: 11px; word-spacing: 0px;}

#stopka { font-size: 11px; color: #fff; float: right; margin: 10px; }


/*		article		*/
#post {position:relative; height: 700px; }
html>body #post { height: auto; min-height: 700px; }
#contentbox #post { width: 730px; background:#fff; padding: 20px; float: left; text-align: justify; border-bottom: #e1e1e1 1px solid; }
#post .text {margin-top: 10px;line-height:18px;}
#post .text p { line-height: 18px; margin-bottom: 10px;}
#post  h2 { font-size: 15px; color: #464646; margin-bottom: 20px; }
#post .text img { border: #bfbfbf 2px solid; float: left; margin: 10px 30px 10px 0px;}
#post .text img.right { border: #bfbfbf 2px solid;  margin: 10px 0px 10px 20px; float:right; }
#post .text a { color: #09BBFF; text-decoration: none; }
#post .text a:hover { color: #09BBFF; text-decoration: underline; }
#post .text ul { list-style: disc url(kropka.png);  margin: 10px 10px 10px 20px; }
#post .text li { padding: 3px 5px 3px 5px; }
#post .text li img { margin-right:30px; }


/*		news		*/

#content #left { width: 480px; float: left; }
#content #right { width: 230px; float: right;  }

.left { float: left; }
.right { float: right; }

#news_header { margin-top: 10px; margin-bottom: 20px; }
#news_header h4 { color: #3a3a3a; font-size: 15px; }

#news_header a {float: left; display: block; width: 25px; height: 23px; background: url(page_active.jpg) no-repeat; text-decoration: none; padding: 5px 0px 0px 9px; color: #fff; }
#news_header a:hover { background: url(page_active_h.jpg) no-repeat; }

#news_header a.inactive {float: left; display: block; width: 25px; height: 23px; background: url(page_inactive.jpg) no-repeat; text-decoration: none; padding: 5px 0px 0px 9px; color: #fff; }
#news_header a.inactive:hover { background: url(page_active_h.jpg) no-repeat; }

#product { margin-bottom: 20px; padding: 10px; float:left; }
.product h5 { padding-left: 10px; color: #21577c; font-size: 12px; display:block; background: url(product_arrow.jpg) no-repeat left center; }

.product p { font-size: 11px; text-align: justify; padding: 10px; }

.product a { color: #505050; padding-right: 10px; background: url(more_arrow.jpg) no-repeat right; text-decoration: none;}
.product a:hover { text-decoration: underline; }

.border { margin-top: 10px; margin-bottom: 20px; border-bottom: 1px #e5e5e5 solid; }

#news { margin-bottom: 10px; padding: 10px; float:left; }
.news h5 { padding-left: 10px; color: #21577c; font-size: 12px; display:block; background: url(product_arrow.jpg) no-repeat left center; }

.news p { font-size: 11px; text-align: justify; padding: 10px 10px 0px 10px; }

.news a { color: #505050; padding-right: 10px; background: url(more_arrow.jpg) no-repeat right; text-decoration: none;}
.news a:hover { text-decoration: underline; }



/*		strefa klienta		*/

#strefa_main img { border: none; padding: 0px 15px 0px 10px; margin: 0px;cursor: pointer;}
#strefa_main a { text-decoration: none;color: #505050; }
#strefa_main a:hover { color: #1a92e8; }


.strefa_header { padding-top: 10px; padding-bottom: 20px; border-bottom: 1px #e5e5e5 solid; }
.strefa_item { padding-top: 0px; padding-bottom: 25px; border-bottom: 1px #e5e5e5 solid; }

.strefa_item span { float: left; color: #cdcbcb; }

.h_left { padding-left: 0px;  float: left; font: bold 11px Tahoma; }
.h_right { float: right; font: normal 11px Tahoma; color: #a5a5a5; }

.h_leftin { padding-left: 30px; float: left; font: bold 11px Tahoma; }
.h_rightin { float: right; font: normal 11px Tahoma; color: #a5a5a5; }

.i_left { padding-top: 5px; padding-left: 10px; float: left; font: normal 11px Tahoma;  }
.i_right { float: right; font: normal 11px Tahoma; color: #cdcbcb; padding: 5px;}

.i_leftin { padding-top: 5px; padding-left: 40px; float: left; font: normal 11px Tahoma;  }
.i_rightin { float: right; font: normal 11px Tahoma; color: #cdcbcb; padding: 5px;}


/*		photo details		*/

#content #img_left { padding-left: 0px; width: 390px; float: left; }
#content #img_right { width: 320px; float: right; margin-left: 20px; }

img.small { float: left; }

#img_left img { border: none; padding-bottom: 5px; padding-left: 20px;}

#img_left table { font-size: 11px; padding-bottom: 10px; width: 100%; text-align: center; border-collapse:collapse; border-right:1px solid #ccc;}
#img_left table td { text-align: left;  border-left:1px solid #ccc; border-bottom:1px solid #ccc; background: #fff;}
#img_left table td:hover { background: #e5e5e5;}

#img_left table th { padding: 10px 10px;  }
#img_left table th.main { /*text-transform: uppercase;*/ border-bottom: 1px #fff solid;  border-top: 1px #ccc solid;border-right: 1px #fff solid; padding: 0 5px !important;}
#img_left table th.product { /*text-transform: uppercase;*/ background: #f5f5f5; border: 1px #ccc solid; }
#img_left table th.leftitem { border-top: 1px #fff solid; font-weight: normal; padding: 0 20px; }

#img_left table tr { background: #ccc; }
#img_left p { margin-bottom: 20px; font-size: 11px; text-align: justify; padding: 0px 5px 20px 0px; border-bottom: 1px #cccccc solid; }

#download { font-size: 11px; color: #a6a5a5; border-bottom: 1px #e5e5e5 solid; padding-top: 5px; padding-bottom: 20px;}
#download a { color: #0077ae; text-decoration: none; }
#download a:hover { color: #0077ae; text-decoration: underline; }


#img_left table td.tdContent { text-align: left; padding: 0 4px 0 4px; }


/* TABELKA */

#img_left .menuitem img { padding: 0px; } 
#img_left .menuitem { text-align: center; }

.td_level4_1el {border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;}
.th_1el { border-right:1px solid #fff; padding:5px 10px; }
.td_level5_1el table { border: none !important; }
.td_level5_1el table td {padding:5px 10px; }
.td_level5_1el table td .menuitem { text-align: center; }
.td_level5_1el_desc table { border: none !important; }
.td_level5_1el_desc table td {  padding:5px 10px;}
.border_top_none { border-top:1px solid #fff; }

#img_left table td { padding:3px 4px; }

#photo_details img { border: #bfbfbf 2px solid; float: left; margin: 10px 17px 10px 0px;}

#post .search h2 { font-size: 15px; color: #464646; margin-bottom: 20px; }
.search #news_header h4 { color: #3a3a3a; font-size: 12px; }
#post .search .element {margin-left:20px;}
#post .search .element a{ color: #0077ae; text-decoration: none;  }
#post .search .element a:hover { color: #0077ae; text-decoration: underline; }
#post .search .element .link { margin-right:5px;margin-top:10px; }
#post .search .element .link .it {font-size: 14px;  }
#post .search .element .content { margin-left:20px; }
#post .search {margin-bottom:20px;}
#post .search .element .content .file_header a{ color:#505050; }
#post .search .element .content .file_header a:hover{ text-decoration:underline; }
#post .search .element .content .file_header {margin-top:10px;}

#post .login h2 { font-size: 15px; color: #464646; margin-bottom: 20px; }


#post .login input.text { width: 139px; height:18px; margin: 5px auto 5px 20px; background: #484848 url(input.jpg) no-repeat; color: #fff; font: normal 10px Tahoma; text-align: left; padding:5px 5px 0px 5px; }
#post .login input.submit { cursor: pointer; margin-right: 20px; width: 50px; height: 23px; float: right; background: url(button.jpg) no-repeat; color: #fff; font: normal 11px Tahoma; float:none;}
#post .login input.submit:hover { background: url(button_hover.jpg) no-repeat; float:none; }
#post .login table td.submit{padding-left:35px;}
#post .login table td .submit{margin-left:-15px;}
#post .login .badLogin { color:red;font-size:11px; }


.logout {position:absolute;right:30px;top:10px;} 
.logout a { color: #0077ae; text-decoration: none; }
.logout a:hover { color: #0077ae; text-decoration: underline; }

#contentbox #post { width: 730px; background:#fff; padding: 20px; float: left; text-align: justify; border-bottom: #e1e1e1 1px solid; }
#post #main p { line-height: 18px; margin-bottom: 0px;}
#post #main h2 { font-size: 15px; color: #464646; margin-bottom: 20px; }
#post #main img { border: #bfbfbf 2px solid; float: left; margin: 10px 20px 10px 0px;}
#post #main img.right { border: #bfbfbf 2px solid;  margin: 10px 0px 10px 20px; float:right; }

#news_header .right {width:340px;}
#news_header .n_right {float:right;}


.pagenum { }
.pagenum .center {}
.pagenum .center a { padding:1px 3px; font-size:11px; font-weight:normal; color:#555; background:none; }

.back {margin-top:15px;font-size:15px;text-align:center;}
.back a { color: #09BBFF; text-decoration: none; }
.back a:hover { color: #09BBFF; text-decoration: underline; }

.n_right a {float: left; display: block; width: 25px; height: 23px; background: url(page_active.jpg) no-repeat; text-decoration: none; padding: 5px 0px 0px 9px; color: #fff; }
.n_right a:hover { background: url(page_active_h.jpg) no-repeat; }
.n_right a.inactive {float: left; display: block; width: 25px; height: 23px; background: url(page_inactive.jpg) no-repeat; text-decoration: none; padding: 5px 0px 0px 9px; color: #fff; }
.n_right a.inactive:hover { background: url(page_active_h.jpg) no-repeat; }

.link a { color: #0077ae; text-decoration: none; }
.link a:hover { color: #0077ae; text-decoration: underline; }

.div_h5 {background:transparent url(product_arrow.jpg) no-repeat scroll left center;
color:#21577C;
display:block;
font-size:12px;
padding-left:10px;font-weight:bold;}

#news_header a {float: left; display: block; width: 25px; height: 23px; background: url(page_active.jpg) no-repeat; text-decoration: none; padding: 5px 0px 0px 9px; color: #fff; }
#news_header a:hover { background: url(page_active_h.jpg) no-repeat; }

#news_header a.inactive {float: left; display: block; width: 25px; height: 23px; background: url(page_inactive.jpg) no-repeat; text-decoration: none; padding: 5px 0px 0px 9px; color: #fff; }
#news_header a.inactive:hover { background: url(page_active_h.jpg) no-repeat; }

#fcenter span a { text-transform:lowercase; }

.login .article h4 {margin:20px 0px 20px 0px; color: #3a3a3a; font-size: 15px;}
.login .article .textArt {margin-right: 15px;line-height:18px;}