/* 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: 80%/1.4 "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }

body.body { text-align: center; color: #000000; background: #787b7e url(img/sys/bg_body.jpg) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #000000; padding: 0; line-height: normal }
h1 { font-size: 200%; color: #ffffff; clear: both; height: 40px; line-height: 39px; margin: 0 0 0.8em 0 }
h2 { font-size: 160%; margin: 1.5em 0 0.5em 0 }
h3 { font-size: 130%; margin: 2.5em 0 0.5em 0 }
h4 { font-size: 100%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }
a { color: #c50000 }
a:link { color: #c50000 }
a:hover { color: #767d80; 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.5em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 91% }
/* /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 }
.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 }
.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: 10px solid #ffffff }
.button { }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 91% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: #323b41 url(img/sys/bg_main.jpg) repeat-y 0 0
}
html>body #main { min-height: 100%; height: auto }

#main-in {
	width: 970px;
	margin: 0 15px;
	padding: 0 0 210px 0;
    overflow: hidden
}

#zahlavi { position: absolute; left: 0; top: 0; width: 1000px; background: transparent url(img/sys/bg_zahlavi.jpg) no-repeat 0 25px }
#zahlavi-in {
    height: 345px;
    position: relative;
    background: transparent url(img/sys/bg_zahlavi_in.gif) repeat-x 0 0
}

#content {
	margin: 360px 0 0 0;
	background: #ffffff url(img/sys/bg_content.gif) repeat-y 0 0
}

#content-in {
	padding: 0 15px 15px 30px;
	background: transparent url(img/sys/bg_content_in.gif) no-repeat 0 0
}

#panel {
    float: right;
    width: 205px
}
#panel-in { padding: 360px 0 210px 0 }

#zapati {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1000px;
    background: #222e33 url(img/sys/bg_zapati.jpg) repeat-x 0 0
}
#zapati-in { height: 180px; position: relative; background: transparent url(img/sys/bg_zapati_in.jpg) no-repeat right 20px }
/* /layout - zaklad */

/* layout - special */
#main.intro { width: auto; background: #142127 url(img/sys/bg_main_intro.jpg) repeat-y 50% 0 }
#main.intro h1 { display: none }
.intro #main-in { width: auto; margin: 0; padding: 0; background: transparent url(img/sys/bg_intro.jpg) no-repeat 50% 99px }
#intro { width: 946px; height: 455px; position: relative; margin: 0 auto; padding: 99px 0 0 0 }
html>body #intro { min-height: 455px; height: auto }
#intro #a-intro { display: block; position: absolute; left: 0; top: 99px; width: 946px; height: 455px; text-indent: -999em; overflow: hidden }
#intro #langs { left: 872px; top: 230px; text-align: right; z-index: 50 }

.home h1 { margin: 0; padding: 0 0 0 15px }
.home #content { background-color: transparent }
.home #content-in { padding: 0 0 0 15px }

.hala h1 { margin: 0; padding: 0 0 0 30px }
.hala #content { float: left; width: 750px; background: transparent }
.hala #content-in { padding: 0 }

.hala-blok {float:left; display:block; width:230px; height:150px; text-align:center;}
.hala-blok a.jmeno { font-size:10px;}
.hala-blok a img { border:10px solid #142126}
.hala-blok a:hover img { border:10px solid #BA0000}

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

#menu ul { margin: 0; padding: 0; list-style: none; position: absolute; left: 0; top: 255px; width: 1000px; height: 45px; overflow: hidden; background: #1f2b30 url(img/sys/bg_menu.gif) repeat-x 0 0 }
#menu ul li { float: left; background: transparent url(img/sys/bg_menu_li.gif) no-repeat right 15px }
#menu ul .m-last { background: none }
#menu ul a { color: #ffffff; border-bottom: 5px solid #000000; float: left; font-size: 93%; display: block; height: 40px; line-height: 40px; padding: 0 16px 0 15px; position: relative; text-decoration: none; text-transform: uppercase; background: transparent url(img/sys/bg_menu_a.gif) no-repeat -100px bottom }
#menu ul a:hover, #menu ul a.active { color: #ffffff; border-bottom: 5px solid #c50000 }
#menu ul a.active { background-position: left bottom }

#langs { position: absolute; left: 10px; top: 35px; line-height: normal }
#langs img { margin: 0 7px 0 0 }

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

#cesta { display: none; float: left; font-size: 91%; margin: 5px 0; color: #888888 }
#navigace { display: none; float: right; margin: 3px 3px 0 0; font-size: 91% }

#welcome { color: #ffffff; background: #182429 url(img/sys/bg_welcome.gif) repeat-x 0 0; width: 955px; overflow: hidden }
#welcome-in { padding: 145px 15px 15px 15px; background: transparent url(img/sys/bg_welcome_in.jpg) no-repeat 0 0 }
#welcome-in img.border { margin-top: 1.5em }

.submenubox { position: absolute; left: 15px; top: 315px; width: 970px; height: 30px; line-height: 29px; text-align: right; font-size: 93%; text-transform: uppercase; color: #ffffff; background: #c50000 url(img/sys/bg_muzeum_vozu.gif) no-repeat 0 0 }
.submenubox a { color: #ffffff; margin: 0 8px; text-decoration: none }
.submenubox a:hover, .submenubox .active { color: #9bb7c5; text-decoration: underline }

#panel h3 { color: #ffffff; margin: 0; padding: 0 0 0 25px; height: 20px; line-height: 20px; text-transform: uppercase; background: #a40000 url(img/sys/bg_h3.gif) no-repeat 0 0 }
#ul-cars { margin: 0; padding: 15px 15px 25px 25px; list-style: none; background: #0f1c21 url(img/sys/bg_ul_cars.gif) no-repeat left bottom }
#ul-cars li { padding: 0 0 0 11px; background: transparent url(img/sys/bullet.gif) no-repeat 0 6px }
#ul-cars a { color: #ffffff; text-decoration: none }
#ul-cars a:hover, #ul-cars a.active { color: #f2ab00; text-decoration: underline }

#car-info { color: #ffffff; margin: 0 0 0 15px; padding: 15px; width: 705px; overflow: hidden; background: #414b50 url(img/sys/bg_hala.gif) repeat-x 0 0 }
#car-popis { margin: 15px 0 0 0; padding: 0 0 15px 0; background: #ffffff url(img/sys/bg_car_popis.gif) repeat-y 0 0 }
#car-detail { margin: 15px 0 0 15px; padding: 15px; width: 705px; overflow: hidden; background: #414b50 url(img/sys/bg_hala.gif) repeat-x 0 0 }

#content #car-info table { width: 340px }
#content #car-info td { padding: 2px 27px 2px 8px; background-color: #63767f; vertical-align: top }
#content #car-info .tr-odd td { background-color: #142126 }

#car-popis h2 { color: #ffffff; font-size: 100%; margin: 0; padding: 0 0 0 30px; height: 25px; line-height: 25px; background: #1f2b2f url(img/sys/bg_h2.gif) no-repeat 0 0 }
#car-popis p { margin: 1em 15px 1em 30px }

#car-detail h3 { font-size: 100%; margin: 0 }
#content #car-detail table { width: 340px; margin: 1em 0 }
#content #car-detail td { color: #ffffff; padding: 2px 27px 2px 8px; background-color: #63767f; vertical-align: top }
#content #car-detail td.tac { padding-right: 15px }
#content #car-detail .tr-odd td { background-color: #142126 }
#content #car-detail .tr-red td { background-color: #af0000 }
#car-detail .cars-gallery { width: 100%; overflow: hidden }
#car-detail .cars-gallery img { float: left; margin: 10px 15px 0 0 }

#zapati p { color: #767d80; font-size: 91%; margin: 0; text-transform: uppercase }
#zapati a { color: #878787 }
#partneri { position: absolute; left: 16px; top: 82px; width: 819px; height: 68px; padding: 0 0 0 150px; background: #c8cacb url(img/sys/bg_partneri.jpg) no-repeat 0 0 }
#partneri img { margin: 0 15px; position: relative; top: 14px }
#muzeum-info { position: absolute; left: 15px; top: 31px }
#copyright { position: absolute; right: 15px; bottom: 11px }
/* /layout - special */

/* ostatni tridy pro web */
.p-big { font-size: 120% }

#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 }
.vyrazne { font-weight: bold }
.nw_datum { float: right; font-size: 90%; color: #697277 }
.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 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 }

#tn_root { width: 100%; overflow: hidden }
#content #tn_root table td { padding: 0; background: none }
#tn_root table img { margin: 10px 15px 0 0; border: 10px solid #ffffff }
/* /fotogalerie */

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