/* 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-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
ol, ul {list-style: none;}
input, textarea { font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;font-size: 100%; }
body {line-height: 1;font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;font-size: 62.5%; background: url(../img/body.gif) repeat-y center; text-align: center;}
sub, sup { position:relative; font-size: 75%; }
sub {top:0.4em;}
sup {bottom:0.4em;}
td {vertical-align:top}
h1 { font-weight: bold; padding: 15px 15px 0 15px; font-size: 140%; text-transform: uppercase; }

a.more {padding-top:20px;font-weight:bold; color: #fff}

.article h2 { font-weight: bold; font-size: 120%; text-transform: uppercase; }
.article h2 a { color: #fff }

.article ul li { background: url(../img/li.gif) no-repeat 0 0.6em; padding: 0 0 0.5em 15px; }
table a, article a { color: #fff }
.article a { color: #fff }
table a:hover,.article a:hover { color: #294e97 }

#center { width: 980px; margin: 0 auto; text-align: left; min-height: 730px; background: url(../img/center.jpg) no-repeat; line-height: 1.4; position: relative; }
#center {height: expression(this.scrollHeight < 730? "730px" : "auto" );overflow: visible;}
.home #center { padding-bottom: 130px }

#header { height: 230px; }
.motto, .motto span { float: left; height: 225px; width: 546px; overflow: hidden; position: relative; left: 0; top: 0 }
.motto span { position: absolute; float: none; z-index: 1 }
.motto1 { background: url(../img/motto1.jpg) }
.motto2 { background: url(../img/motto2.jpg) }
.motto3 { background: url(../img/motto3.jpg) }

.online { float: right; width: 433px; height: 225px; overflow: hidden; background: #8395a2 url(../img/online.jpg) }
.online ul { padding: 60px 0 0 0; line-height: 1.2; float: left; width: 49%; overflow: hidden;}
.online, .online a { color: #fff; text-decoration: none;}
.online li { padding: 3px 0 5px 40px; margin: 0 20px; }
.online .off { background: url(../img/offline.gif) no-repeat left }
.online .on { background: url(../img/online.gif) no-repeat left }
.online a:hover { color: #00529c }

#lang { position: absolute; left: 568px; top: 275px }
#lang li { float: left; margin-right: 12px }

#menu { background: url(../img/menu.gif) no-repeat; width: 980px; overflow: hidden; }
#menu ul { padding: 0 0 0 0x; }
#menu li { float: left; background: url(../img/menu-li.gif) no-repeat 0 15px; min-width: 103px;_width: 103px; padding: 0 0 15px 0; }
#menu a { font-size:90%; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 11px; line-height: 24px; display: block; padding: 0 0 0 10px; margin: 0 0 0 1px; }
#menu a:hover, #menu .curr a { background: #00529c }


#menu li.home{ background:none !important; width:auto; min-width: 40px;_width: 40px; padding:3px 0 0 0 0; }
#menu li.home a {margin:0; padding:3px 0 0 10px; }
#menu li.home a:hover { background:transparent; }
#menu li.eshop{ background:url(../img/eshop_bg.gif) repeat-x !important; }
#menu li.eshop a {font-size: 14px; color:#fff; font-weight:bold; }

#sub { background: url(../img/submenu-div.jpg) repeat-y; width: 155px; float: left; margin: 25px 0 0 0}
#sub div { background: url(../img/submenu-div.jpg) no-repeat  }
#sub li { padding: 2px 0 0 0; }
#sub a{ color: #fff; text-decoration: none; font-size: 110%; text-transform: uppercase; display: block; padding: 3px 5px 2px 5px; text-align: right; }



#sub .sub a { background: #00529c }
#sub .subsub a { background: #6499cd;}
#sub .subsub ul a { background: none; color: #00529c; font-size: 95%;  }
#sub .subsubsub ul a { color: #000; }
/*
#sub .sub1 { background: #00529c  }
 #sub .sub .curr { background: #00529c}
#sub .sub ul .curr {background: #6499cd; }
#sub .sub ul ul .curr { background: #c3d2e2 }
*/

/*
#sub .curr a, #sub .curr { color: #d2222a !important  }
#sub .subsub a.curr { color: #e82a33 !important  }
#sub .subsub ul a.curr { color: #d2222a !important  }
*/
#sub .curr a, #sub .curr { font-weight:bold !important  }
#sub .subsub a.curr { font-weight:bold !important  }
#sub .subsub ul a.curr { font-weight:bold !important  }
#sub .subsubsubsub ul a.curr { font-weight:bold !important  }




#wrap { width: 825px; margin: 25px 0 25px 0;*margin: 25px 0 10px 0;_margin: 25px 0 15px 0; background: url(../img/wrap.gif) repeat-y right; overflow: hidden; float: left; }
#content { width: 820px; float: right; color: #fff; font-size: 110%; background: url(../img/content.jpg) no-repeat 0 0; }
table tr td {color:#fff}
.article { padding: 15px; clear: both; }
.article p { padding: 0.2em 0 0.4em 0; }
.article img.small { border: 1px solid #fff; margin: 0 0 0 10px; }

.text { width:570px; float: left; overflow: hidden; }
.col { width: 245px; overflow: hidden; float: right; }
.col img { border: 1px solid #fff; display: block; margin: 0 0 5px 0 }

/* homepage */
#col1 { width: 550px; background: url(../img/home.jpg) no-repeat; position: absolute; top: 320px; left: 0;}
#col1 #banner { position: relative; top: 50px; left: 50px}
#col2 { width: 400px; position: absolute; top: 320px; left: 580px; }
#col2 #home li { margin: 0 0 10px 0 }
#col2 #home li a, #col2 h2 { font-weight: normal; text-decoration: none; color: #fff; font-size: 12px; line-height: 26px; display: block; padding: 0 0 0 10px }
#col1 #bannercz { position: relative; top: 60px; left: 20px}

#h1 { background: url(../img/h1.jpg) no-repeat }
#h2 { background: url(../img/h2.jpg) no-repeat }
#h3 { background: url(../img/h3.jpg) no-repeat }
#h4 { background: url(../img/h4.jpg) no-repeat }
#h5 { background: url(../img/h5.jpg) no-repeat }
#col2 #home li a:hover { background-color: #00529c }

/* #home #banner { position: absolute;  left: 100px; top: 400px; } */

#news { background: url(../img/news.gif) repeat-y; width: 400px; overflow: hidden; color: #243f8f; }
#news h3 a { font-weight: bold; font-size: 110%; color: #243f8f }
#news h3 a:hover, #news .more a:hover { color: #f51b23 }
#news .news-bckg { background: url(../img/news-bckg.gif) repeat-y; margin: 0 10px 10px 10px; }
#news .news-bckg ul { background: url(../img/news.jpg) no-repeat; padding: 10px 0 }
#news li { padding: 10px 15px 0 15px; }
#news .more { text-align: right; padding: 0 15px 10px 0 }
#news .more a { color: #243f8f  }

#homemenu { position: absolute; top: 640px; left: 0; border-top: 1px solid #d2222a }
#homemenu li { float: left; padding: 7px 0 0 20px; }
#homemenu a { color: #00529c; text-decoration: none; text-transform: uppercase; font-size: 110% }
#homemenu a:hover { color: #d2222a }

.down h2 { background: #1964a2; padding: 5px }
.down p { padding: 5px }

.kontakt_item { width:250px;padding:0px 10px 15px 0px}


/* forms */
label {width:120px;display:block}
label.new {width:320px;display:block}

input {width:250px}
input.small {width:50px}
textarea {width:250px; height:30px}
input.submit{width:150px;background:#4664a2;color:#fff;border:0;margin:10px 0px 0px 0px}
fieldset{border:1px solid #4664a2;padding:10px}
legend{font-size:120%;font-weight:bold}

/* strankovani */
.page { clear: both; padding: 10px 20px; }
.page ul { width: 100%; overflow: hidden; }
.page li { float: left; margin: 0 3px 0 0; }
.page li a { float: left; padding: 1px 5px; background: #fff; color: #294e97; text-decoration: none;}
.page li a:hover { background:  #294e97; color: #fff }
.page li a.curr { background: #f51b23; color: #fff}