/* basic */
*{padding:0; margin:0}
body{font:normal 12px/18px Arial, Helvetica, sans-serif;color:#333;background:#fff}
a{text-decoration:none;color:#ff3366; font:normal 12px Arial, Helvetica, sans-serif}
a:hover{text-decoration:underline;color:#ff3366}
a img{border:0}
.ten{height:10px;clear:both; overflow:hidden}
.five{height:5px;clear:both; overflow:hidden}
.one{height:1px;clear:both; overflow:hidden}
.bold{font-weight:bold}
.orange{ color:#FF6600}
.red{color:#e80c0e}
.gray{color:#666}
.blue{color:#0877c7}
.black{color:#222}
.under{ text-decoration:underline}
.right{float:right}
.left{float:left}
.tdleft{ text-align:left}
.tdright{ text-align:right}
.data{font:normal 10px tahoma; color:#aeb9bd}
.break{height:10px;clear:both; overflow:hidden; border-bottom:#ddd 1px dotted; margin: 0 0 10px 0}
.mt10{margin-top:10px}
.mt5{margin-top:5px}
li{margin-left:25px}

h1{font:normal 18px Arial, Helvetica, sans-serif; text-transform:uppercase; margin: 0 0 10px 0; border-bottom:#999 1px solid}
h4{font:bold 13px arial; color:#333; margin: 0 0 5px 0}
h6{font:normal 15px Arial, Helvetica, sans-serif; text-transform:uppercase; margin: 0 0 10px 0; color:#444}


/* struktura */

#wrapper {margin:0 auto;width:950px}

/* header */
#header {width:950px;float:left; position:relative; z-index:1}
#header .logo{float:left; margin:10px 0 0 0}
#header .logo h1{border:0}
#header .logo img{border:#d2d2d2 1px solid}
#header .link{float:right; margin:10px 0 0 0}
#header .link a{color:#999; text-decoration:underline}
#header .link a:hover{text-decoration:none}
#header .link .sitemap{ background:url(../images/ico_sitemap.gif) no-repeat left top; padding: 4px 0 2px 28px; display:block; float:left}
#header .link .contact{ background:url(../images/ico_mail.gif) no-repeat left top; padding: 4px 0 2px 32px; display:block; float:left; margin: 0 0 0 10px}

/* banner margin-top:-130px;margin-left:35px; */
#banner { position:relative; top:-30px; z-index:0; float:left; height:354px}
#banner #banner_text{width:500px;text-align:justify; position:relative; top:-130px; left:35px}

/* menu */
#menu{ float:left; width:950px; border:#e6e6e6 1px solid; height:41px; background:url(../images/menu.gif) repeat-x; margin: 6px 0 10px 0}
#menu a{ float:left; display:block; background:url(../images/menu.gif) repeat-x; padding:11px 10px}
#menu a:hover, #menu a.selected{background:url(../images/menu.gif) repeat-x 0 -41px; text-decoration:none}
#menu a h2{font:normal 16px Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase}
#menu a:hover h2, #menu a.selected h2{color:#fff}
#menu .hr{ float:left; background:url(../images/menu_hr.gif) no-repeat; width:2px; height:41px}


/*sub*/

#menu .submenu {border:1px solid #fff;width: auto;position: absolute;top:0;color: black;background: #ee4772;display:none;float:left}
#menu .submenu a{ background:#ee4772; font:normal 12px tahoma; color:white; border-bottom:#fff 1px solid; padding:6px; display:block; float:left; width:100%; margin:0}
#menu .submenu a:hover{ background:url(../images/menu.gif) repeat-x 0 -41px; font:normal 12px tahoma; color:white; border-bottom:#fff 1px solid; padding:6px; display:block; float:left; width:100%; margin:0}

/*sub*/

/* leftcolumn */
#leftcolumn{ width:253px; float:left}
#leftcolumn .submenu{}
#leftcolumn .submenu .head{ background:url(../images/ml_head.gif) no-repeat; width:238px; height:27px; padding:12px 0 0 15px}
#leftcolumn .submenu .head h3{color:#fff; text-transform:uppercase; font:bold 13px arial}
#leftcolumn .submenu .main{}
#leftcolumn .submenu .main a{ display:block; background:url(../images/ml_bg.gif) repeat-x; height:20px; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; padding: 6px 0 0 10px}
#leftcolumn .submenu .main a:hover, #leftcolumn .submenu .main a.selected{background:url(../images/ml_bg.gif) repeat-x 0 -27px; text-decoration:none}
#leftcolumn .submenu .main a span{ background:url(../images/arrow.gif); width:13px; height:13px; display:block; float:left; margin: 0 6px 0 0}
#leftcolumn .submenu .foot{ background:url(../images/ml_foot.gif) no-repeat; width:253px; height:2px}
#leftcolumn .contact{ width:243px; height:108px; background:url(../images/banner_contact.gif) no-repeat; margin:10px 0 0 0; padding: 40px 0 0 10px; font:normal 11px tahoma}
#leftcolumn .contact a{font:normal 11px tahoma}

/* rightcolumn */
#rightcolumn{ width:680px; float:right;text-align:justify}
#rightcolumn .client .client-logo{ float:left; margin: 0 10px 0 0; width:210px; text-align:center; border:#ddd 1px solid; padding:5px}
#rightcolumn .client .description{ float:left; width:444px}
a.more{ width:66px; height:27px; background:url(../images/button.gif) no-repeat 0 0; display:block; margin: 4px 0 0 0;text-indent:-99999px;}
#rightcolumn .news h5{margin:2px 0 3px 0}
#rightcolumn .news h5 a{font:normal 15px Arial, Helvetica, sans-serif}
#rightcolumn .pages{float:right}
#rightcolumn .pages a, #rightcolumn .favlink{border: #ebebeb 1px solid; float:left; display:block; background:url(../images/page_bg.gif) repeat-x; height:16px; margin: 0 3px 0 0; padding: 4px 4px 0 4px; color:#666}
#rightcolumn .pages a:hover, #rightcolumn .pages a.selected, #rightcolumn .favlink:hover{background:url(../images/page_bg.gif) repeat-x 0 -23px; border:#990000 1px solid; text-decoration:none; color:#fff}

#rightcolumn table.register td{padding:4px}
#rightcolumn table.register input.key{ background:url(../images/input_bg.gif) repeat-x; height:18px; width:250px; border:#cfd0d1 1px solid; font:normal 12px Arial, Helvetica, sans-serif; color:#555; padding: 3px 3px 0 3px}
#rightcolumn table.register textarea{ background:url(../images/textarea_bg.gif) repeat-x 0 bottom; height:135px; width:350px; border:#cfd0d1 1px solid; font:normal 12px Arial, Helvetica, sans-serif; color:#555; padding: 3px 3px 0 3px}
#rightcolumn table.register textarea.ask{ background:url(../images/textarea_bg.gif) repeat-x 0 bottom; height:220px; width:490px; border:#cfd0d1 1px solid; font:normal 12px Arial, Helvetica, sans-serif; color:#555; padding: 3px 3px 0 3px}
#rightcolumn table.register input.send{background:url(../images/button.gif) no-repeat 0 -28px; width:66px; height:27px; display:block; border:0; cursor:pointer}

/* home */
#home .home-left{width:610px; float:left;text-align:justify}
#home .home-right{width:310px; float:right}
#home .contact{ width:243px; height:108px; background:url(../images/banner_contact.gif) no-repeat; margin:0 0 0 10px; padding: 40px 0 0 10px; font:normal 11px tahoma; float:left}
#home .contact a{font:normal 11px tahoma}


/* footer */
#footer{ width:920px; float:left; margin: 10px 0 10px 0; background:url(../images/foot.gif) repeat-x; height:33px; color:#9f9f9f; font:normal 11px Arial, Helvetica, sans-serif; padding: 20px 15px 0 15px}
#footer a{color:#ccc; font:normal 11px Arial, Helvetica, sans-serif;}


#tooltip {position: absolute;z-index: 3000;border: 1px solid #111;background-color: #eee;padding: 5px;opacity: 0.85;display:none}
#tooltip h3, #tooltip div { margin: 0;}
#help {text-indent:-999px;background: url('../images/info.gif') no-repeat;width:14px;height:14px;display:block;}
.loader{display:none}
#file_loader{display:none;position:absolute;z-index:999;background:#ffffff;opacity:0.8;text-align:center}
#files_div{position:relative;}
label.error{position:relative;display:inline;border:1px solid #ff0000;padding:3px;background:#ffcdcd;margin-left:5px;}
.form-row{margin-bottom:10px;}
.err_message{position:relative;}
.visible{display:inline}
.unvisible{display:none}