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

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

body.body { text-align: center; color: #000000; background-color: #e5e6e6 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #000000; padding: 0; line-height: normal }
h1 {font-size: 170%; clear: both; margin: 0 0 1.3em 0;}
h2 {font-size: 130%; margin: 2em 0 1em 0;}
h3 {font-size: 110%; margin: 2em 0 1em 0; color: #000;}
h4 {margin: 0 0 0.3em 0; font-size: 100%;}
input, select, textarea { vertical-align: middle; font: 100% "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }
a { color: #003d7e }
a:link { color: #003d7e }
a:hover { color: #ef4e25; text-decoration: none }
p { margin: 1em 0 1.5em 0 }
table { border-collapse: collapse }
caption { padding-bottom: 0.1em; font-weight: bold; text-align: left }
ul, ol { margin-top: 1em; margin-bottom: 1.2em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 90% }
/* /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: 0 1.3em 1em 0 }
.fri { float: right; margin: 0 0 1em 1.3em }
.clean { color: #000000; text-decoration: none }
.clear { clear: both; height: 0; font-size: 1px }
.cistic { clear: both }
.cleaner { width: 100%; overflow: hidden }
.invisible, .no-css { display: none }
.no-border { border: none !important }
.required { background: #ffffff url(img/sys/required.gif) no-repeat right top }
.recommend {background: #ffffff url(img/sys/recommended.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-color: #f4f4f4 }
.border { border: 1px solid #aaaaaa; padding: 3px }
.button { }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 90% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    width: 990px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    /*background: #fff url(img/sys/bg_main_wide.gif) repeat-y 0 0*/
    background: #fff url(img/sys/bg_main_normal.gif) repeat-y 0 0
}

#header { position: absolute; left: 0; top: 0; width: 990px }
#header-in {
    height: 188px;
    margin: 0 25px;
    position: relative;
    background: #fff url(img/sys/bg_header.jpg) no-repeat 0 10px
}

#content {
    float: right;
    width: 748px;
    overflow: hidden
}
#content-in { padding: 198px 25px 30px 15px 
}



#panel {
    float: left;
    width: 242px;
}
#panel-in { padding: 198px 10px 30px 35px; font-size: 90% }

#panel h2 { font-size: 120% }

#footer {
    width: 990px;
    padding: 0 0 15px 0;
    background: transparent url(img/sys/bg_footer.gif) no-repeat left bottom
}
#footer-in { margin: 0 15px; padding: 0 0 10px 0; background-color: #fff }
/* /layout - zaklad */

/* layout - special */
#main.wide { background: #fff url(img/sys/bg_main_wide.gif) repeat-y 0 0 }
#main.wide #content { width: 100%; float: none }
#main.wide #content-in { padding: 198px 25px 30px 25px }

#logo, #logo span { display: block; position: relative; left: 57px; top: 25px; width: 94px; height: 94px; overflow: hidden; text-decoration: none; cursor: pointer }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.gif) no-repeat 0 0 }

#menu { position: absolute; left: 0; top: 160px; width: 100%; height: 30px; background-color: #231f20 }
#menu ul { margin: 0; padding: 0; list-style: none; text-align: right }
#menu li { display: inline; padding: 0 10px; height: 30px; line-height: 29px }
#menu a { color: #b6b7ba; text-decoration: none }
#menu a:hover { color: #fff }

#a-login { color: #fff; text-decoration: none; position: absolute; right: 10px; top: 128px }
#a-login:hover { text-decoration: underline }

#langs { position: absolute; right: 10px; top: 20px }
#langs a { color: #000; text-decoration: none; text-transform: uppercase }
#langs a:hover, #langs .active { color: #fff }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; left: 680px; top: 90px; width: 250px; height: 28px; background: #231f20 url(img/sys/bg_searchform.gif) no-repeat 0 0 }
#searchword { width: 208px; padding: 2px; border: 0; background-color: #fff; position: absolute; left: 5px; top: 5px }
.button-vyhledat { width: 24px !important; height: 24px !important; position: absolute; left: 224px !important; top: 2px !important }

#navbox { width: 100%; overflow: hidden }
#main.wide #navbox { display: none }
#cesta { float: left; font-size: 90%; margin: 5px 0; color: #888888 }
#navigace { float: right; margin: 3px 3px 0 0; font-size: 90% }

#copyright { margin: 0 10px; padding: 10px 0 0 0; font-size: 90%; border-top: 1px solid #5a5758 }
#copyright span { color: #b2b2b2 }
#copyright a { color: #5a5758 !important; text-decoration: none }
#copyright a:hover { text-decoration: underline }
/* /layout - special */

/* ostatni tridy pro web */
#top-banners img { margin: 0 0 1em 0 }

#rozcestnik { width: 100%; margin: 7px 0; overflow: hidden }
#rozcestnik .sekce { float: left; width: 306px; margin: 0 11px 0 0; color: #fff; background-color: #231f20 }
#rozcestnik .s3 { margin-right: 0 }
#rozcestnik .sekce-in { padding: 10px }
#rozcestnik .sekce p { margin: 0.4em 0 1em 0; height: 160px }
html>body #rozcestnik .sekce p { min-height: 160px; height: auto }
.sekce h2 { margin: 0; font-weight: normal; font-size: 150%; width: 100%; height: 65px; overflow: hidden }
.sekce h2 a { color: #fff; text-decoration: none; text-transform: uppercase }
.sekce h2 a:hover { text-decoration: none; color: #fff }
.sekce h2 a span { display: none }
.sekce h2 a { display: block; width: 294px; height: 30px; padding: 30px 0 0 10px }
.s1 h2 { background: transparent url(img/sys/h2-sekce-1.jpg) no-repeat 0 0 }
.s2 h2 { background: transparent url(img/sys/h2-sekce-2.jpg) no-repeat 0 0 }
.s3 h2 { background: transparent url(img/sys/h2-sekce-3.jpg) no-repeat 0 0 }
.s1 h2 a:hover { background: transparent url(img/sys/h2-sekce-1-hover.jpg) no-repeat 0 0 }
.s2 h2 a:hover { background: transparent url(img/sys/h2-sekce-2-hover.jpg) no-repeat 0 0 }
.s3 h2 a:hover { background: transparent url(img/sys/h2-sekce-3-hover.jpg) no-repeat 0 0 }
.s1 .sekce-in a { color: #007abc }
.s2 .sekce-in a { color: #81aad9 }
.s3 .sekce-in a { color: #df9800 }

#columns { width: 100%; overflow: hidden; margin: 7px 0 }
#columns .column { float: left; width: 306px; margin: 0 11px 0 0; overflow: hidden }
#columns .c3 { margin-right: 0 }
.column h3 { font-size: 170%; font-weight: bold; margin: 10px 0 0 0; text-transform: uppercase }
.column p { margin-right: 15px }
.column h2 { margin: 0; font-weight: normal; font-size: 150%; width: 100%; height: 65px; overflow: hidden }
.column h2 a { color: #fff; text-decoration: none; text-transform: uppercase }
.column h2 a:hover { text-decoration: none; color: #fff }
.column h2 a span { display: none }
.column h2 a { display: block; width: 294px; height: 30px; padding: 30px 0 0 10px }
.c1 h2 { background: transparent url(img/sys/h2-sekce-1-noactive.jpg) no-repeat 0 0 }
.c2 h2 { background: transparent url(img/sys/h2-sekce-2-noactive.jpg) no-repeat 0 0 }
.c3 h2 { background: transparent url(img/sys/h2-sekce-3-noactive.jpg) no-repeat 0 0 }
.column.c1.active h2, .column.c1 h2:hover { background: transparent url(img/sys/h2-sekce-1.jpg) no-repeat 0 0 }
.column.c2.active h2, .column.c2 h2:hover { background: transparent url(img/sys/h2-sekce-2.jpg) no-repeat 0 0 }
.column.c3.active h2, .column.c3 h2:hover { background: transparent url(img/sys/h2-sekce-3.jpg) no-repeat 0 0 }
.column-c1-active h2 { background: transparent url(img/sys/h2-sekce-1.jpg) no-repeat 0 0 }
.column-c2-active h2 { background: transparent url(img/sys/h2-sekce-2.jpg) no-repeat 0 0 }
.column-c3-active h2 { background: transparent url(img/sys/h2-sekce-3.jpg) no-repeat 0 0 }
.c1 h2 a:hover { background: transparent url(img/sys/h2-sekce-1-hover.jpg) no-repeat 0 0 }
.c2 h2 a:hover { background: transparent url(img/sys/h2-sekce-2-hover.jpg) no-repeat 0 0 }
.c3 h2 a:hover { background: transparent url(img/sys/h2-sekce-3-hover.jpg) no-repeat 0 0 }
#content .column h2 a { padding-top: 31px }

.news { margin: 1em 15px 1em 0 }
.news h4 { margin: 0; font-size: 110%; font-weight: bold }

/* tabulka-obsah */
#content .obsah td {padding: 5px 5px 5px 5px;}

.certifikat { display: inline; float: left; margin: 1em 1em 1em 0 }
.certifikat img { /*border: 1px solid #565456*/ }

.a-vice { color: #000 !important; font-size: 90%; font-weight: bold; padding: 0 8px 0 0; background: transparent url(img/sys/bullet.gif) no-repeat right 5px }
#aktuality .a-vice { display: inline }
#aktuality .a-vice a { color: #000 !important }

#content table { border-color: #000000 }
#content table thead td, #content table thead th { background-color: #eeeeee }
#content table tfoot td, #content table tfoot th { background-color: #9fd5f1 }
#content table td, #content table th { padding: 1px 3px }
#content-in table.small td, #content-in table.small th, td.small { font-size: 90% }
/* /ostatni tridy pro web */

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

/* novinky */
.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 }
.nw_date, .vyrazne { font-weight: bold }
.nw_anotace { font-size: 90% }
.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 15px 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_rtf { background: url(cms/img/ico/rtf.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 }
.dwn_ico_dwg, .dwn_ico_dxf { background: url(cms/img/ico/dwg.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 }
#tn_root img { border: 1px solid #7f7f7f }
#content table.tn_table td { vertical-align: top; padding: 5px }
/* /fotogalerie */



/* prilohy */
#page-attachment { margin: 0 0 1.5em 0 }
#page-attachment .thumb { float: left; margin: 2px 5px 2px 2px }
#page-attachment .thumb img { border: 1px solid #cccccc }
/* /prilohy */

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

/* uzivatelsky definovane styly - pokud uzivatel pridava styly, necht je pise pod tento radek */
.main_bunka{
	width: 230px;
	float: left;
}
.main_bunka-in{
	padding: 1em;
}
.main_bunka h2{
	text-align: center;
	position: relative; overflow: hidden;
	margin: 0;
}


ul li ul{
	padding-left: 1em;
	margin-left: 0;
}
ul.navigace { padding-left: .3em; list-style: none; list-style: none; margin: 1em 1em 1em .2em; padding: 0 }
.main_bunka ul.navigace { margin: 0 .5em }
ul.navigace li { /*background: url('img/sys/sipka_seda.gif') left .6em  no-repeat; padding-left: 1.4em;*/ margin: 0 }
ul.navigace li li { background: none; margin-left: 1em }
ul.navigace li a:hover { text-decoration: underline }

.navmenu ul { list-style: none; list-style: none; margin: 1em 1em 1em .2em; padding: 0 }
.navmenu ul ul { list-style: circle; margin-left: 10px }
.main_bunka .navmenu ul { margin: 0 .5em }
.navmenu li { margin: 0 }
.navmenu li li { background: none; margin-left: 1em }
.navmenu li a:hover { text-decoration: underline }

ul li.no-list-image { background-image: none; line-height: 1.8em }
ul li a { text-decoration: none; color: #00135A; line-height: 1.8em }

#top-flash { position:absolute; z-index:1; top:10px;}
#a-login, #langs, #searchform, #logo { z-index:100;}
#logo {display:block; width:81px; height:81px; left:34px; top:41px; text-indent:-999px; overflow:hidden; background-image:url(img/sys/bg_logo2.gif)}
/*#main.wide h1 { font-size: 270%; clear: both; margin: 0.2em 0 0.5em 0 }
#main.wide h2 { font-size: 210%; margin: 1.5em 0 0.5em 0 }
#main.wide h3 { font-size: 180%; margin: 1.7em 0 0.5em 0 }
#main.wide h4 { font-size: 130%; margin: 1.1em 0 0.5em 0 }*/

.inside #header-in { height: 278px }
.inside #header-in #columns { position: relative; top: 110px }
.inside #content-in { padding-top: 288px }
.inside #panel-in { padding-top: 273px }

#flash { float: left; width: 622px; height: 250px; /*background:url(img/sys/flash/f_01.jpg) 0 0 no-repeat*/ }


/* kontakty */
div.nadpis {color: #005faf;	font-size: 120%; font-weight: bold;	margin: 0 0 0.5em 0;}
#content table.kont_filtry, #content table.kont_filtry td {border: none;}
.p_card1 {margin-top: 2.5ex;}
.p_card2 {background: #f5f5f5; padding: 3px;}
#content table.kont_osoba caption {text-align: left;}
/* /kontakty */



/* vyskakovaci okno na titulni strance */
#dotaznik { display:none; position:absolute; top:220px; left:540px; width:350px; height:60px; background: #fdfdfd url(img/sys/bg_zahlavi.gif) no-repeat; padding: 10px 10px 10px 10px; border: 1px solid black; z-index: 100;}
.main #dotaznik { display:block;}
#dotaznik span { font-size: 20px; font-weight: bold; color: #162983; margin: 0; padding: 0;}
#dotaznik p { margin-top: 5px; }
#dotaznik img { position: absolute; top: 3px; right: 3px }
/* /vyskakovaci na titulni strance */



/* slevova akce */

#slevovaakce { width:205px; height:315px; background: #fff url(img/popup/popup_bg.gif) 0 0 no-repeat; padding: 0; border: 1px solid #002569; margin-top: 20px; z-index: 100; text-align: center;}
#slevovaakce-in { padding: 10px;}
#slevovaakce h2 { font-size: 17px; padding: 0; margin: 0; line-height:22px;}
#slevovaakce p.popis { font-weight: bold; padding: 5px 0; color: #e88547; font-size: 15px;}
#slevovaakce p{  margin: 0; padding: 0;}
#slevovaakce p.popis-big { font-size: 18px; color: #e88547; font-weight: bold; }
#slevovaakce p.dolu { font-weight: bold; }
#slevovaakce table { margin: 0 auto; }
/* /slevova akce */

a.contact-form { background:url(img/sys/contact-form.gif) 3px 2px no-repeat; padding: 3px 3px 3px 23px;}


.content_img{
	border: solid 1px #c0c0c0;
	margin: 1em .5em;
}

/* tabulka-prizpusobeni */
table.tableproperties  p {margin-top: 2px; margin-bottom:0px;}
table.tableproperties {border-style: solid; border-width: 1px; border-collapse : separate;}
table.tableproperties td {border-style: solid; border-width: 1px; valign: top;}
/* /tabulka-prizpusobeni */

#pf2012 { background: url(img/_/main/bg_pf.gif) 0 0 repeat-x; }