/* reset css*/
html,body,h1,h2,h3,h4,h5,h6,p,address,img,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-spacing: 0;border-collapse: collapse;}
caption, th, td {text-align: left;font-weight: normal;}
ol, ul {list-style: none;}
input, textarea, select { font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 100%; }
body {line-height: 1;font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 62.5%; background: url(../img/body.gif) repeat-x; text-align: center;}
sub, sup { position:relative; font-size: 75%; }
sub {top:0.4em;}
sup {bottom:0.4em;}

.cl { clear: left; }
.left {float: left;}
.right {float: right;}
.c { text-align: center;}
.b { background-image: url(../img/border.gif) !important; background-repeat: repeat-y !important; border-left: none; }
.imp { color: #c00; }
.check { width: auto !important; height: auto !important; }
.error { color: red; padding-bottom: 1em; }
.actions {width: 21%; white-space: nowrap;}
.button, .back { background: #333 url(../img/app-butt.gif) no-repeat center; font-weight: bold; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; color: #FFCD00 !important; line-height: 20px; display: block; text-align: center; text-decoration: none; text-transform: uppercase; width: 80px; height: 20px;border: none; margin: 0; padding: 0; cursor: hand; cu\rsor: pointer; }
.buttonwide { background: #333 url(../img/app-buttwide.gif) no-repeat center; font-weight: bold; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; color: #FFCD00 !important; line-height: 20px; display: block; text-align: center; text-decoration: none; text-transform: uppercase; width: 160px; height: 20px;border: none; margin: 0; padding: 0; cursor: hand; cu\rsor: pointer; }

.back { background: url(../img/app-butt-del.gif) no-repeat center; color: #333 !important; }
input.normal, input.wide { height: 20px;line-height: 180%; margin: 0; padding: 0; border: none;  }
.select { padding: 10px 0 0 0; }
.select li { padding: 3px 0; }

/* main blocks */
#center { width: 980px; margin: 0 auto; text-align: left; line-height: 160%; background: url(../img/center.jpg) no-repeat bottom;}
#header { height: 148px; position: relative; background: url(../img/header.gif) repeat-x bottom; }
#footer { clear: both; color: #666; font-size: 125%; padding: 40px 0 10px 0; width: 980px; overflow: hidden; font-weight: bold;}
#footer a { color: #666; }
#logo { float: left; }
/* BEGIN 29.9.2008 8:57:33 */
#logo, #logo span { display: block; width: 219px; height: 93px; overflow: hidden; position: relative; /*cursor: hand; cu\rsor: pointer;*/  }
/* END 29.9.2008 8:57:47 */
#logo span { position: absolute; left: 0; top: 0; background: url(../img/logo.jpg); }
.iphoneinfo {width: 46em;}
.iphoneinfo img {float: left;}

/* header */
#info { width: 460px; float: right; height: 100px; }
#info p { padding: 35px 0 0 90px;float:left; }
/*#info a { color: #666; font-weight: bold;  }*/
/*#info a { float: left; padding: 0 0 4px 11px;width:16px;display:block;margin-left:3px}
#info a:hover { color: #FFCD00; font-weight: bold;  }*/
#info strong { font-size: 110%; }
.logged { background: url(../img/info-logged.jpg) no-repeat; }
.help { background: url(../img/info-help.jpg) no-repeat; }

/* top menu */
#nav { width: 980px; position: absolute; bottom: 0; left: 0; background: url(../img/nav.gif) no-repeat top; height: 48px; overflow: hidden; }
#nav ul { position: absolute;bottom: 0; left: 0;  }
#nav li { float: left; text-transform: uppercase;}
#nav a { display: block; padding: 14px 15px 20px 15px; color: #FFCD00; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; text-decoration: none; font-size: 120%; font-weight: bold; }
#nav a:hover { color: #fff; }
#nav a.curr { background: url(../img/nav-curr.gif) no-repeat bottom; }

/* CONTENT */
#content { width: 980px; overflow: hidden; font-size: 120%; }
h1 { font-size: 180%; font-weight: normal; line-height: 160%; padding: 20px 20px 10px 40px; background: url(../img/h1.gif) no-repeat 20px 1.5em; }
.block h2 { background: url(../img/aside-h2.gif) no-repeat 9px 50%; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; color: #FFCD00; text-transform: uppercase; font-size: 120%; padding: 10px 10px 10px 20px; font-weight: bold;}
.article { width: 900px; position: relative; left: 40px; overflow: hidden; clear: both; }
.article, #content p { padding: 0.3em 0 0.7em 0; }
.article .odd td, .article .even td { border: 1px solid #ddd; padding: 0.3em 1em; vertical-align: top;}
.article th { border-right: 1px solid #ddd; background: #4F4D55 url(../img/th.jpg) repeat-x; font-weight: bold; color: #fff; text-align: center; padding: 0.8em 1em; }
.article th.first { background: #4F4D55 url(../img/th-first.jpg) no-repeat;  }
.article th.last { background: #4F4D55 url(../img/th-last.jpg) no-repeat top right; border: 0;  }
.even td { background: #F7F7F7; vertical-align: top;}

/* login form */
.login #header  { background: none; }
.login #content { background: url(../img/login-content.jpg) no-repeat; padding: 110px 0 0 0; margin: -48px 0 0 0;}
.login .form { text-align: center; }
.login .form form { background: url(../img/login.jpg) no-repeat; width: 310px; text-align: left; margin: 0 auto; min-height: 240px; _height: 240px; }
.login .form h2 { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; color: #FFCD00; text-transform: uppercase; font-size: 120%; padding: 20px 20px 25px 20px; font-weight: bold; }
.login .form fieldset { padding: 0 20px 6px 20px; }
.login .form p { padding: 0 0 0 80px !important; font-size: 90%; clear: left;}
.login .form a { color: #FFCD00;}
.login .form a:hover { color: #fff; }
.login .form strong { font-weight: normal; font-size: 110%; padding: 15px 0 4px 0; float: left; color: #fff;}
.login .form strong a { color: #fff; }
.login form span { position: relative; float: left; margin: 0 5px 0 0; }
.login input { width: 94px; background: url(../img/login-input.gif);border: none; height: 20px; line-height: 180%; margin: 0; padding: 0;}
.login .button {background: url(../img/button.gif) no-repeat; width:60px; color: #FFCD00; text-transform: uppercase; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-weight: bold; font-size: 80%; }
.login .overlabel-apply { position: absolute; top: 2px; left: 5px; z-index: 1;}
.login a { color: #666; }
.login a:hover { color: #666;text-decoration: none; }
.login label { font-size: 90% }

/*.lang {margin-top:13px}
.lang a { float: left; padding: 0 0 4px 18px;width:13px;display:block}
.lang span { float: left; padding: 0 0px 0 2px; }
.cz { background: url(../img/cz.gif) no-repeat left;text-decoration:none;height:11px}
.sk { background: url(../img/sk.gif) no-repeat left;text-decoration:none;height:11px}
.ua { background: url(../img/ua.gif) no-repeat left;text-decoration:none;height:11px}
.en { background: url(../img/gb.gif) no-repeat left;text-decoration:none;height:11px}
.de { background: url(../img/de.gif) no-repeat left;text-decoration:none;height:11px}
.se { background: url(../img/se.gif) no-repeat left;text-decoration:none;height:11px}
.es { background: url(../img/es.gif) no-repeat left;text-decoration:none;height:11px}
.ru { background: url(../img/ru.gif) no-repeat left;text-decoration:none;height:11px}
.pl { background: url(../img/pl.gif) no-repeat left;text-decoration:none;height:11px}
.pt { background: url(../img/pt.gif) no-repeat left;text-decoration:none;height:11px}
.dk { background: url(../img/dk.gif) no-repeat left;text-decoration:none;height:11px}
.fi { background: url(../img/fi.gif) no-repeat left;text-decoration:none;height:11px}
.nl { background: url(../img/nl.gif) no-repeat left;text-decoration:none;height:11px}
.hu { background: url(../img/hu.gif) no-repeat left;text-decoration:none;height:11px}
*/
/* imgs */
.app #center { background: none; }
.app #footer { background: url(../img/app-footer.gif) repeat-x; padding: 15px 0 10px 0; }
.app #content { background: url(../img/app-content.gif) repeat-y; font-size: 110%;  }

.app h2 { font-size: 180%; font-weight: normal; line-height: 160%; padding: 10px 20px 0 40px; background: url(../img/h1.gif) no-repeat 20px 1em; }
.app h3 { font-size: 140%; font-weight: bold; padding: 1em 20px 0.4em 0;}
.app a { color: #666; }
.app a:hover { color: #669; text-decoration: none; }
.app a.bigbutton:hover, .app a.megabutton:hover { color: #fff; }
.app td { vertical-align: bottom; padding: 3px 5px; }
.app input.normal { width: 150px; background: #dedede url(../img/reg-input.gif); }
.app input.wide { width: 250px; background: #dedede url(../img/reg-input-wide.gif); }
.app .control { background: url(../img/app-control.jpg) no-repeat; padding: 5px 0; margin: 0 0 8px 0; }
.app .control td { padding: 3px 8px; }
.app .control label { font-weight: bold; }
.app .toggleon, .app .toggleoff, .app .toggleon span, .app .toggleoff span { text-decoration: none; float: left; width: 18px; height: 13px; overflow: hidden; position: relative; top: 2px;}
.app .toggleon span { background: url(../img/plus.gif) no-repeat; position: absolute; left: 0; top: 0;   }
.app .toggleoff span { background: url(../img/minus.gif) no-repeat; position: absolute; left: 0; top: 0;   }
.app .notoggle { padding-left: 18px; background: url(../img/zero.gif) no-repeat; }
.app ul.sub  { display: none; padding: 3px 0 3px 18px; }
.app ul.sub li { float: none; width: auto; height: auto; margin: 0;}

.app .img { width: 240px; height: 192px; overflow: hidden; }
.app .descr { width: 240px; background: url(../img/app-li.jpg) no-repeat bottom left; overflow: hidden; min-height: 130px; _height:130px }
.app .table { padding: 0 0 0 8px; }
.app .table li { float: left; width: 241px; margin: 2px 0 8px 0; }

.app ul.list { padding: 0 0 0 40px; }
.app .list li { padding: 0 0 10px 0; width: 890px; overflow: hidden; }
.app .list .img { float: left; width: 250px; padding-bottom: 10px; }
.app .list .descr { width: 640px; background: url(../img/app-detail.jpg) no-repeat bottom left; min-height: 192px; _height:192px; float: right; }

.app dl { padding: 5px 8px 6px 8px;}
.app dt { font-weight: bold; width: 9em; float: left; clear: left; }
.app dt, .app dd { padding: 0 0 2px 0; display: block; }
.app .text ul li ,.app .text ul li { padding: 0 0 0 10px; background: url(../img/li.gif) no-repeat 0 0.5em; float: none; width: auto; height: auto; margin: 0; }

.app .page { clear: both; width: 980px; overflow: hidden; background: url(../img/app-page.jpg) no-repeat bottom;}
.app .page p { float: right; padding: 10px !important; }
.app .page a { color: #ddaa00; font-weight: bold; }
.app .page .curr { color: #333; font-weight: bold; text-decoration: none;}
.app .paging { float: left; padding: 10px 0 10px 420px; }
.app .paging a, .app .paging span { text-decoration: none; float: left; padding: 0 2px; line-height: 20px; }
.app .page .bigbutton, .app .page .megabutton { color: #333; }

.app .bigbutton { background: url(../img/butt1.gif) no-repeat right; margin: 3px 0; font-weight: bold; color: #FFCD00; text-decoration: none; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; display: block; text-align: center; cursor: hand; cu\rsor: pointer; width: 180px;}
.app .megabutton { background: url(../img/megabutt1.gif) no-repeat right; margin: 3px 0; font-weight: bold; color: #FFCD00; text-decoration: none; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; display: block; text-align: center; cursor: hand; cu\rsor: pointer; width: 250px;}
.app .bigbutton span, .app .megabutton span { background: url(../img/butt2.gif) no-repeat left; padding: 0 10px 0 10px; height: 20px; line-height: 20px;  display: block;}



/* register form */
.reg h1 { position: absolute; background: none; top:22px; left: 20px; color: #ffcc1a; padding: 0; }
.reg h2 { font-size: 180%; font-weight: normal; line-height: 160%; padding: 10px 20px 0 40px; background: url(../img/h1.gif) no-repeat 20px 1em; }
.reg td { vertical-align: bottom; padding: 3px 5px; }
.reg label { display: block; width: 23em; font-weight: bold; }
.reg input.normal, .reg input.wide, .reg .button { width: 150px; background: #dedede url(../img/reg-input.gif); }
.reg .button { width: 80px; background: #333 url(../img/app-butt.gif) no-repeat center; font-weight: bold; color: #FFCD00; line-height: 20px; display: block; text-align: center; text-decoration: none; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}
.reg input.wide { width: 250px; background: #dedede url(../img/reg-input-wide.gif); }
.reg .contactdata { background: url(../img/reg-contact.jpg) no-repeat top; width: 980px;}
.reg .logindata { background: url(../img/reg-login.jpg) no-repeat bottom;  margin: 0 0 20px 0; width: 980px;}
.reg a { color: #666; }
.reg a:hover { color: #666;text-decoration: none; }
.reg .logindata2 { background:url(../img/centercut.gif) no-repeat bottom;  margin: 0 0 20px 0; width: 980px;}

#stranka-0 div.top, #stranka-1 div.top, #stranka-2 div.top, #stranka-3 div.top {
float: right; width: 490px; margin-top: 5px;
background: url(../img/490_top.gif) no-repeat top;
min-height:160px;
height:auto !important;
height:160px;
}

#stranka-0 div.bott,#stranka-1 div.bott,#stranka-2 div.bott,#stranka-3 div.bott {
background: url(../img/490_bott.gif) no-repeat bottom;
min-height:160px;
height:auto !important;
height:160px;
padding: 15px;
}
#tooltip{position:absolute;background:url(../img/tooltip2a.gif) no-repeat bottom; color:#fff;display:none; width: 200px; text-align: left; line-height: 1.4;}
#tooltip p { padding: 15px; background:url(../img/tooltip1a.gif) no-repeat; }

/* jNice - select pro vyber jazyku */

.lang { position: relative; left: 70px; top: 20px;}
.jNiceSelect {width: 150px;height: 20px;position:relative; font-size: 11px;}
.jNiceField  {float: none;position: absolute;width: 130px;height: 20px;overflow: hidden; background: url(../img/select_bg.gif) no-repeat 0 0 }
.jNiceText  { display: block; padding: 3px 0 3px 26px}
.jNiceOpen {display: block;position: absolute;right: 0px;top:0;width: 20px;height: 20px;background: url(../img/select_open.gif) no-repeat right;}

.jNiceSelect ul {position: absolute;width: 148px; top:21px; left: 0px;display: none; height: 110px;overflow: auto; overflow-y: auto; z-index:100; border: 1px solid #ccc; background: #fff}
.jNiceSelect ul a { display: block; padding: 4px 0 4px 25px; text-decoration: none; color: #333 !important;}

.jNiceHidden {display: none;}

.jNiceSelect .cz, .jNiceSelect .cz .jNiceText { background: url(../img/cz.gif) no-repeat 3px 50% }
.jNiceSelect .sk, .jNiceSelect .sk .jNiceText { background: url(../img/sk.gif) no-repeat 3px 50% }
.jNiceSelect .ua, .jNiceSelect .ua .jNiceText { background: url(../img/ua.gif) no-repeat 3px 50% }
.jNiceSelect .en, .jNiceSelect .en .jNiceText { background: url(../img/gb.gif) no-repeat 3px 50% }
.jNiceSelect .de, .jNiceSelect .de .jNiceText { background: url(../img/de.gif) no-repeat 3px 50% }
.jNiceSelect .fi, .jNiceSelect .fi .jNiceText { background: url(../img/fi.gif) no-repeat 3px 50% }
.jNiceSelect .nl, .jNiceSelect .nl .jNiceText { background: url(../img/nl.gif) no-repeat 3px 50% }
.jNiceSelect .dk, .jNiceSelect .dk .jNiceText { background: url(../img/dk.gif) no-repeat 3px 50% }
.jNiceSelect .se, .jNiceSelect .se .jNiceText { background: url(../img/se.gif) no-repeat 3px 50% }
.jNiceSelect .es, .jNiceSelect .es .jNiceText { background: url(../img/es.gif) no-repeat 3px 50% }
.jNiceSelect .ru, .jNiceSelect .ru .jNiceText { background: url(../img/ru.gif) no-repeat 3px 50% }
.jNiceSelect .pl, .jNiceSelect .pl .jNiceText { background: url(../img/pl.gif) no-repeat 3px 50% }
.jNiceSelect .pt, .jNiceSelect .pt .jNiceText { background: url(../img/pt.gif) no-repeat 3px 50% }
.jNiceSelect .hu, .jNiceSelect .hu .jNiceText { background: url(../img/hu.gif) no-repeat 3px 50% }
#info .jNice { float: right; padding: 40px 0 0 0; }

.article ol { padding: 0 0 0 30px;background-image:none;list-style:decimal; }
.article ol li{ background-image:none;list-style:decimal; }
.article ol li ul li {list-style:none;}

.selectmultiple { width:400px; height:130px; background:transparent !important; border:none;  }
.selectmultiple_bg { width:410px; height:140px; background:url(../img/multiselect_bg.gif) no-repeat top left !important; }

#popup_container {font-family: Arial, sans-serif; font-size: 12px; min-width: 300px; /* Dialog will be no smaller than this */ max-width: 600px; /* Dialog will wrap after this width */ background: #FFF;border: solid 5px #999; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#popup_title {font-family:"Trebuchet MS","Geneva CE",lucida,sans-serif;font-size:120%;font-weight:bold;line-height: 1.75em;color: #FFCD00;background: #4d4b53 url(../img/header.gif) top repeat-x;border-bottom: solid 1px #999;cursor: default;padding: 0em;margin: 0em;}
#popup_content {background: 16px 16px no-repeat url(../img/info.gif);padding: 1em 1.75em;margin: 0em;}
#popup_content.alert {background-image: url(../img/info.gif);}
#popup_content.confirm {background-image: url(../img/important.gif);}
#popup_content.prompt {background-image: url(../img/help.gif);}
#popup_message {padding-left: 48px;}
#popup_panel {text-align: center;margin: 1em 0em 0em 1em;}
#popup_prompt {margin: .5em 0em;}
input#popup_ok { background: url(../img/app-butt.gif) no-repeat center;font-weight: bold; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; color: #FFCD00 !important; line-height: 20px;text-align: center; text-decoration: none; text-transform: uppercase; width: 90px; height: 20px;border: none; margin: 0; padding: 0; cursor: hand; cu\rsor: pointer; }

input#popup_cancel { 
background: url(../img/app-butt-del.gif) no-repeat center; 
color: #333 !important;
font-weight: bold; 
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; 
line-height: 20px; 
text-align: center; 
text-decoration: none; 
text-transform: uppercase; 
width: 90px; 
height: 20px;
border: none; 
margin: 0; 
padding: 0; 
cursor: hand; cu\rsor: pointer;
}

input#popup_prompt { height: 20px;line-height: 180%; margin: 0; padding: 0; border: none; width: 220px; background: #dedede url(../img/reg-input-wide.gif); }