/* zakladni prvky */
html, body, form, fieldset, label, legend, object { margin: 0; padding: 0; border: 0; font-size: 100% }
html, body.body { height: 100% }

body { font: 75%/1.4 "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }

body.body { text-align: center; color: #000000; background: #555F61 url(img/sys/body-bg.gif) 50% 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #162983; padding: 0; line-height: normal }
h1 { font-size: 160%; clear: both; margin: 0 0 0.5em 0; color: #27438F; line-height: normal }
h2 { font-size: 140%; margin: 1.1em 0 0.5em 0; line-height: normal }
h3 { font-size: 120%; margin: 2.1em 0 0.5em 0; line-height: normal }
h4 { margin: 0 1.1em 0.5em 0; font-size: 100%; text-transform: uppercase; line-height: normal }
input, select, textarea { vertical-align: middle; font: 100% "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }
a { color: #162983 }
a:hover { color: #F05529; text-decoration: none }
h2 a, h3 a, h4 a, h5 a { color: #162983 }
p { margin: 1em 0 }
table { border-collapse: collapse }
caption { padding-bottom: 0.1em; font-weight: bold; text-align: left }
ul, ol { margin-top: 0.5em; margin-bottom: 1.2em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 92% }
/* /zakladni prvky */

/* zakladni tridy */
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.taj { text-align: justify }
.vat { vertical-align: top }
.vam { vertical-align: middle }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.fl { float: left }
.fr { float: right }
.fli { float: left; margin-right: 1.3em }
.fri { float: right; margin-left: 1.3em }
.clean { color: #000000; text-decoration: none }
.clear { clear: both; height: 0; font-size: 1px }
.invisible, .no-css, .noscreen { display: none }
.required { background: #fff url(img/sys/required.gif) no-repeat right top }
.alert, .alert a, .error, .error a, .warning, .warning a {color: #ff0000; font-weight: bold }
.ok, .info { color: #6495ed; font-weight: bold }
.ll { list-style-type: lower-alpha }
.bg0 { background: #f4f4f4 }
.border { border: 1px solid #aaaaaa; padding: 3px }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 92% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    width: 834px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background-color: #ffffff
}
html>body #main { min-height: 100%; height: auto }

#zahlavi { width: 834px }
#zahlavi-in { padding: 6px 29px 0 29px }

#content {
    float: left;
    width: 551px;
    overflow: hidden
}
#content-in { padding: 15px 15px 370px 29px; text-align: justify }

#panel {
    float: right;
    width: 283px
}

#panel-in { 
	padding: 15px 29px 370px 0;
	position: relative;

}


#langs {

	position: absolute;
	right: 29px;
	margin: 0;
	padding: 0;
	top: 0;
}


/* pozicovani vlajecek, ktere jsou staticky v ID="en" */
#langs-en {

	position: relative;
	float: right;

}

/* /pozicovani vlajecek, ktere jsou staticky v ID="en" */

#zapati {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 834px;
    height: 350px
}
#zapati-in { padding: 0 29px }
/* /layout - zaklad */

/* layout - special */
#logo { position: absolute; left: 20px; top: 34px; width: 71px; height: 82px; text-decoration: none; overflow: hidden }
#logo span { position: absolute; left: 0; top: 0; display: block; width: 71px; height: 82px; background: #1F2F64 url(img/sys/logo.gif) no-repeat 0 0 }
#logo a { display: block; width: 71px; height: 82px; position: static; left: 0 !important; top: 0 !important; cursor: pointer }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; top: 10px; right: 10px }

#cesta { float: left; font-size: 92%; margin: 5px 0 }
#navigace { float: right; margin: 3px 3px 0 0; font-size: 92% }
/* /layout - special */

/* ostatni tridy pro web */
#content.max-width { width: 820px }
#top-info { height: 127px; padding: 0 165px 0 0; text-align: right; position: relative; background: transparent url(img/sys/top-info-bg.jpg) no-repeat left bottom }
#top-info a { text-decoration: none; font-size: 11px; font-weight: bold; position: relative; top: -2px }
html>body #top-info a { top: -1px }
#top-info b { color: #1F2F64; font-size: 11px; text-transform: uppercase; float: left }
#top-info b a { position: static; color: #1F2F64 !important }
#top-info.top-info-home { height: 202px; background: url(img/sys/top-info-home-bg.jpg) no-repeat left bottom }
#top-info ul { list-style: none outside; margin: 0; padding: 0; text-align: left; line-height: normal; position: absolute; right: 40px; top: 111px }
#top-info ul li { line-height: normal; padding: 0 0 0 15px; background: transparent url(img/sys/ico-ul-arrows-2.gif) no-repeat 0 2px }
html>body #top-info ul li { background-position: 0 3px }
#top-info ul li a { color: #fff }
#top-info ul li a:hover { color: #F05529 }
#top-info .ul-seo li a { font-size: 12px }

#slogan { position: absolute; right: 22px; top: 47px; width: 212px; height: 54px; color: #fff; display: block;} 
#slogan span { display: block; position: absolute; left: 0; top: 0; width: 212px; height: 54px; background: transparent url(img/sys/slogan-01.jpg) no-repeat 0 0 }
.slogan_sk span {background: transparent url(img/sys/slogan-01_sk.jpg) no-repeat 0 0 !important; width: 220px !important;}

#menu { list-style: none; margin: 0.5em 0; padding: 0; width: 776px; overflow: hidden; border-bottom: 2px solid #CDCED0 }
#menu li { float: left; margin: 0 5px 0 0 }
#menu li a { color: #57585A; text-decoration: none; font-size: 11px; font-weight: bold; display: block; text-align: center; width: 125px; height: 28px; line-height: 28px; background: transparent url(img/sys/menu-bg.gif) no-repeat 0 0 }
#menu li a:hover { background-position: 0 -28px }
#menu li .home { color: #27438F; background-position: 0 0 }
#menu li .selected { background-position: 0 -28px }
#menu .menu-big a { width: 126px; background: transparent url(img/sys/menu-big-bg.gif) no-repeat 0 0 }

#top-info #drop-down-menu { list-style: none; margin: 0; padding: 0; position: absolute; top: 3px; right: 163px }
html>body #top-info #drop-down-menu { top: 2px }
#drop-down-menu li a { display: block; padding: 0 0 6px 0; color: #162983 !important }
html>body #drop-down-menu li a { padding: 0 0 7px 0 }
#drop-down-menu li a:hover { color: #F05529 !important }
#top-info #drop-down-menu li { float: left; position: relative; background: none; background-color: #fff }
#top-info #drop-down-menu ul li { padding: 0; background-color: #fff; clear: left; display: block }
#top-info #drop-down-menu ul li a { width: 150px; padding: 3px 7px 3px 7px }
#drop-down-menu ul li a:hover { background-color: #f5f5f5 }
#drop-down-menu li ul { display: none; position: absolute; left: 0; top: 21px; list-style: none; z-index: 100 }
html>body #drop-down-menu li ul { top: 22px }
#drop-down-menu li:hover ul, #drop-down-menu li.over ul { display: block }

#content-in h1, #content-in h2, #content-in h3, #content-in h4 { text-align: left }
#content-in h1.tac, #content-in h2.tac, #content-in h3.tac, #content-in h4.tac { text-align: center }

.nadpis { font-size: 220%; font-weight: normal; letter-spacing: -0.08em }
.offshore-tags { margin: 0.5em 0 0.7em 0; text-align: right; background: transparent url(img/sys/dotted.gif) repeat-x 1px 50% }
.offshore-tags b { font-weight: bold; font-size: 11px; padding: 0 10px; margin: 0 20px 0 0; background-color: #fff }
.offshore-tags a { text-decoration: none }
.ul-arrows, .box-arrows, .dotted { list-style-position: outside; list-style: none; margin: 0.5em 0 0.8em 0; padding: 0 }
.ul-arrows li { padding: 0 0 0 20px; background: url(img/sys/ico-ul-arrows.gif) no-repeat 0 5px }
.box-arrows li { padding: 0 0 0 20px; background: url(img/sys/ico-box-arrows.gif) no-repeat 0 5px }
html>body .ul-arrows li, html>body .box-arrows li { background-position: 0 4px }
.box-arrows h2 { margin: 0 }
.box-arrows h2 a { color: #F05529 !important; text-decoration: none }
.box { margin: 0 0 15px 0; width: 254px; background: #EFEFF0 url(img/sys/box-bg.jpg) no-repeat left bottom }
.box-submenu { padding: 19px 10px 10px 10px }
.box-kontakt { padding: 15px 10px 10px 10px }
.box-kontakt { font-size: 11px; background: transparent url(img/sys/box-kontakt.gif) no-repeat 0 0 }
.box-submenu { background: transparent url(img/sys/box-submenu.gif) no-repeat 0 0 }
.box-submenu a { text-decoration: none }
#box-kontakt { padding: 10px 0 0 0; text-align: center }
#box-kontakt input { border: 1px solid #CDCED0; width: 210px; height: 15px; padding: 2px 3px; margin: 0 0 1px 0; font-size: 11px }
#box-kontakt textarea { border: 1px solid #CDCED0; width: 214px; height: 60px; font-size: 11px }
#box-kontakt table { font-size: 11px; line-height: normal; text-align: left; margin: 3px 0 0 0 }
#box-kontakt .checkbox { padding: 0 0 0 4px }
html>body #box-kontakt .checkbox { padding: 0 0 0 7px }
#box-kontakt .button { padding: 0 2px 0 0 }
html>body #box-kontakt .button { padding: 0 1px 0 0 }
#box-kontakt .small { line-height: normal }
#box-kontakt .checkbox input { display: inline; border: 0; width: auto }
#box-kontakt .button input { display: inline; border: 0; height: 30px; width: auto }
.box h2 { margin: 0 0 0.3em 0 }
.box a { color: #57585A !important }
.box a:hover { color: #F05529 !important }
.box-content { margin: 0 0 15px 0; width: 507px; overflow: hidden; background: #EFEFF0 url(img/sys/box-content-bg.jpg) no-repeat left bottom }
.box-main { padding: 15px 10px 10px 10px; height: 203px; background: transparent url(img/sys/box-main-bg.gif) no-repeat 0 0 }
html>body .box-main { min-height: 204px; height: auto }
.box-main p { line-height: 2 }
.box-content a { color: #57585A !important }
.box-content a:hover { color: #F05529 !important }
.box-content h1 a { color: #162983 !important }
.box-content h1 a:hover { color: #F05529 !important }
.box-content ul { margin-bottom: 0 }
html>body .box-content .box-arrows li { background-position: 0 6px !important }

.no-margin { margin: 0 !important }
.b { font-weight: bold }

#counter { background: #ffffcc; padding: 5px; border: 1px dotted #aaaaaa; text-align: center }
#counter span { padding-left: 10px; font-size: 250% }

.hp-news { width: 100%; overflow: hidden; background: transparent url(img/sys/dotted-vertical.gif) repeat-y 50% 0 }
.hp-news-left { width: 243px; float: left; padding: 0 10px 0 0 }
.hp-news-right { width: 243px; float: right; padding: 0 0 0 10px }
.hp-news-p { margin: 0 0 1em 0; text-align: right }
.a-rss { padding: 0 0 0 20px; float: left; background: transparent url(img/sys/ico-rss.gif) no-repeat 0 1px }
.p-news { line-height: normal; margin: 1em 0 }
.p-news a { color: #F05529 !important; display: block; line-height: normal !important; text-align: left !important }
.p-news br { display: none }
.h1 { font-size: 150%; margin: 0 0 1em 0; line-height: normal }

.p-dotted { margin: 1em 0; background: transparent url(img/sys/dotted.gif) repeat-x 0 0 }
.dotted li { padding: 0.5em 0 0.5em 0; background: transparent url(img/sys/dotted.gif) repeat-x 0 0 }
#panel .dotted li a { font-size: 140%; font-weight: bold; color: #162983 !important;line-height: normal }
#panel .dotted li a:hover { color: #F05529 !important }
#zapati, #zapati p { font-size: 11px; color: #57585A }
#zapati small { font-size: 10px; line-height: normal }
.zapati-bannery { float: right; width: 254px; text-align: right }
.so, .oh { position: relative; float: left; width: 120px; height: 48px; margin: 0 0 10px 0; overflow: hidden }
.oh { float: right }
.so span, .oh span { position: absolute; left: 0; top: 0; width: 120px; height: 48px; display: block; cursor: pointer; background: url(img/_/bannery/so.jpg) no-repeat 0 0 }
.oh span { background: url(img/_/bannery/oh.jpg) no-repeat 0 0 }
#vizitka { width: 200px; height: 350px; margin: 50px; border: 1px solid #000066; background-color: #FF9933 }
#vizitka * { font-size: 10px; line-height: normal }
html>body #vizitka { min-height: 350px; height: auto }
#vizitka .viz-jmeno { color: #000066; margin: 0; padding: 5px 12px 35px 0; text-align: right; background-color: #fff }
#vizitka .viz-adresa { margin: 0 0 50px 0; padding: 8px 0 8px 15px; text-align: left; color: #fff; background-color: #000066 }
.viz-jmeno strong { font-size: 15px !important; display: block; margin: 15px 0 0 0 }
.viz-adresa .telefon { padding: 0 0 0 20px }
.viz-adresa .web-adresa { display: block; margin: 10px 0 0 0 }
.viz-tisk { margin: 2em 0 0 50px }
.zapati-text { float: left; width: 507px }
.navigace span { float: left }
#vyhledavani { position: absolute; right: 0; top: -1px }
#vyhledavani input { border: 1px solid #CDCED0; width: 105px; height: 13px; padding: 2px 3px; font-size: 11px }
#vyhledavani .button input { border: 0; width: auto }
#vyhledavani label { display: none }
.p-img { margin: 2em 0 }
.h3-subtitle { font-size: 120%; color: #162983 }
.table-01 { margin: 2em 0 }
.table-01 th, .table-01 td { border: 1px solid #CDCED0; background-color: #F4F5F5; padding: 0.3em 0.6em }
.table-01 th { padding: 0.8em 0.6em; font-weight: bold; background: #E8E8E9 url(img/sys/table-th-bg.jpg) no-repeat 0 0 }
.table-01 ul li { padding: 0 0 0.8em 1.2em }
.small td, .small th { font-size: 10px }
#tags, #tags a { color: #959595 !important }
#zapati-lista { clear: both; text-align: right; padding: 0.5em 0 0 0; background: transparent url(img/sys/dotted.gif) repeat-x 0 0 }
#zapati-lista b { float: left }

.tlist ul ul a { font-size: 11px }
.tlist ul { margin: 0.5em 0 1.2em 2em !important }

fieldset.pageform input, fieldset.pageform textarea { border: 1px solid #CDCED0 }
fieldset.pageform input.no-border { border: none }

fieldset.pageform td { padding: 3px 5px }
fieldset.pageform {  }
fieldset.pageform table td { border: 1px solid #CDCED0; background-color: #FAFAFA }
fieldset.pageform table { width: 100%; margin: 1em 0; border: 1px solid #CDCED0; background-color: #fff }
#content table, #content table td, #content table th { border-color: #CDCED0 }

/* /ostatni tridy pro web */

/* vyhledavani */
#searchhead { margin: 2em 0 0 0 }
#searchresults {}
.searchitem { margin: 0 0 1em 0 }
/* /vyhledavani */

/* novinky */
.news h4 { margin: 0 1.1em 0.1em 0; text-transform: None }

.nw_text { font-style: italic }
.nw_date { font-style: italic }
.nw_title { display: block; font-weight: bold }
.nw_title a { color: #162983 }
.nw_title a:hover { color: #162983 }
.nw_column { margin: 3px 0 0 0 }
.vyrazne { font-weight: bold }
.nw_datum { float: right; font-size: 90%; color: #697277 }
.nw_anotace { font-style: normal }
.rubrika_title { background: #eeeeee }
/* /novinky */

/* download */
.dwn { margin: 3px 0; font-weight: bold }
.dwn_footer { margin: 30px 0 0 0; padding: 3px 0 0 0; border-top: 1px solid #cccccc }
.dwn_ico_doc, .dwn_ico_file, .dwn_ico_gif, .dwn_ico_html, .dwn_ico_jpg, .dwn_ico_pdf, .dwn_ico_ppt, .dwn_ico_pps, .dwn_ico_xls, .dwn_ico_txt, .dwn_ico_zip 
{ margin: 0 0 3px 0; padding: 0 0 0 20px }
.dwn_ico_doc { background: url(cms/img/ico/doc.gif) no-repeat top left }
.dwn_ico_file { background: url(cms/img/ico/file.gif) no-repeat top left }
.dwn_ico_gif { background: url(cms/img/ico/gif.gif) no-repeat top left }
.dwn_ico_html { background: url(cms/img/ico/html.gif) no-repeat top left }
.dwn_ico_jpg { background: url(cms/img/ico/jpg.gif) no-repeat top left }
.dwn_ico_pdf { background: url(cms/img/ico/pdf.gif) no-repeat top left }
.dwn_ico_pps { background: url(cms/img/ico/pps.gif) no-repeat top left }
.dwn_ico_ppt { background: url(cms/img/ico/ppt.gif) no-repeat top left }
.dwn_ico_txt { background: url(cms/img/ico/txt.gif) no-repeat top left }
.dwn_ico_xls { background: url(cms/img/ico/xls.gif) no-repeat top left }
.dwn_ico_zip { background: url(cms/img/ico/zip.gif) no-repeat top left }
/* /download */

/* fotogalerie */
#tn_root {}
#tn_root .tn { float: left; margin: 0 0 5px 5px }
#tn_root br { display: none }
#tn_root div.tn_pager { clear: left; padding: 10px 0; text-align: right }
#tn_root div.tn_pager span.selected { font-weight: bold }
#content table.tn_table td { vertical-align: top; padding: 5px }
/* /fotogalerie */

/* prilohy */
#page-attachment { margin: 0 0 1.5em 0 }
/* /prilohy */

/* formulare */
#form-status { padding: 5px; border: 1px solid #cdced0; background: #eeeeee; }
/* /formulare */

table.partneri {
	border: none !important;
}

table.partneri tr td {
	border: none;
	background: none;
}