@charset "UTF-8";
BODY {
	background-color:#000000;
	background-image:url('images/body_bg.gif');
	background-repeat:repeat-x;
	background-position:50% +25px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9pt;
    color: #FFFFFF;
    margin: 0;
}

A { color: #0ECFFF; }

A:hover { text-decoration: none; }

P { margin: 6px 0; line-height: 1.8em; }

HR { border: none; border-top: 1px solid #333333; height: 0px; }

H2 { font-size: 100%; color: #0ECFFF; margin: 1em 0; }

H3 { font-size: 100%; margin-top: 0; }

#container { width: 783px; margin: 0 auto; }

#supheader { height:25px; background-color:#2d2d2d; width:100%; }
#supheader div { width:763px; margin:0px auto; padding:0px 10px; height:25px; line-height:25px; text-align:right; background-color:#393939; }
#supheader a:link, #supheader a:visited { text-decoration:none; color:#fff; }
#supheader a:hover, #supheader a:active { color: #0ECFFF; }

#header { height: 90px; }

#header #title {
    margin: 18px 0 0 0; padding: 0; float: left; width: 272px; height: 50px;
    background: transparent url('images/title.gif') no-repeat 0 0; text-indent: -500em;
}

#prahaLink { width:50px; height:50px; display:block; }

#header #ENtitle {
    margin: 18px 0 0 0; padding: 0; float: left; width: 306px; height: 50px;
    background: transparent url('images/en_title.jpg') no-repeat 0 0; text-indent: -500em;
}

#header #subtitle { text-indent: -500em; float: left; }

#header #search { float: right; margin-top: 38px; vertical-align: top; }
#header #search INPUT { float: left; display: block; }
#header #search .query {
    width: 184px; height: 22px; margin: 0; padding: 2px; border: 0;
    background: transparent url('images/search_field.gif') no-repeat 0 0;
}

#header #search .submit {
    width: 101px; height: 22px; margin: 0 0 0 12px;
}

#menu { 
    clear: both; height: 30px;
    background: transparent url('images/nav_bg.gif') repeat-x 0 0;
}

#menu .start , #menu .end {
    width: 6px; height: 30px; display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
}
#menu .start { background-image: url('images/nav_start.gif'); float: left; }
#menu .end   { background-image: url('images/nav_end.gif'); float: right; }

#menu UL { padding: 0; margin: 0; list-style-type: none; }
#menu UL#language-versions { float: right; }
#menu LI { float: left; }

#menu LI A {
    display: block; height: 30px;
    background-position: 0 0;
    background-repeat: no-repeat;
    border-right: 1px solid #000000;
    text-indent: -500em;
}
#menu UL#language-versions LI A { border: none; }

#menu LI A.index     { width: 60px; background-image: url('images/m_home.gif'); }
#menu LI A.seznam   { width: 76px; background-image: url('images/m_seznam.gif'); }
#menu LI A.mapa     { width: 63px; background-image: url('images/m_mapa.gif'); }
#menu LI A.napoveda { width: 92px; background-image: url('images/m_napoveda.gif'); }
#menu LI A.en       { width: 92px; background-image: url('images/m_en.gif'); }
#menu LI A.cs       { width: 84px; background-image: url('images/m_cs.gif'); }
#menu LI A.homepage     { width: 59px; background-image: url('images/m_en_home.jpg'); }
#menu LI A.list   { width: 60px; background-image: url('images/m_en_list.jpg'); }
#menu LI A.map     { width: 61px; background-image: url('images/m_en_map.jpg'); }
#menu LI A.help { width: 60px; background-image: url('images/m_en_help.jpg'); }

#menu LI A.index:hover     , #menu LI.active A.index     { background-image: url('images/m_home_a.gif'); }
#menu LI A.seznam:hover   , #menu LI.active A.seznam   { background-image: url('images/m_seznam_a.gif'); }
#menu LI A.mapa:hover     , #menu LI.active A.mapa     { background-image: url('images/m_mapa_a.gif'); }
#menu LI A.napoveda:hover , #menu LI.active A.napoveda { background-image: url('images/m_napoveda_a.gif'); }
#menu LI A.en:hover       { background-image: url('images/m_en_a.gif'); }
#menu LI A.cs:hover       { background-image: url('images/m_cs_a.gif'); }
#menu LI A.homepage:hover     , #menu LI.active A.homepage     { background-image: url('images/m_en_home_a.jpg'); }
#menu LI A.list:hover   , #menu LI.active A.list   { background-image: url('images/m_en_list_a.jpg'); }
#menu LI A.map:hover     , #menu LI.active A.map     { background-image: url('images/m_en_map_a.jpg'); }
#menu LI A.help:hover , #menu LI.active A.help { background-image: url('images/m_en_help_a.jpg'); }

#content {
    margin: 8px 0;
}
#content p { margin:8px 0px; }

#footer {
    padding-top: 8px; margin-bottom: 8px;
    border-top: 1px solid #333333;
    color: #CCCCCC;
	text-align:center;
}

#footer A { color: #FFFFFF; }

.news { list-style-type: none; margin: 0; padding: 0; }

.news LI { margin-bottom: 2em; }

.news H3 { margin-bottom: 0.5em; }

.news H3 A       { color: #FFFFFF; }
.news H3 A:hover { color: #0ECFFF; }

.side {
    width: 266px; min-height:400px; margin: 4px 0 0 8px; padding: 12px;
    background: transparent url('images/side_bg.gif') no-repeat 0 0;
}

.parts { padding:5px 20px;  }

.parts a:link, .parts a:visited { display:block; height:20px; }

.toggleParts A {
    display: block; text-decoration: none;
    padding: 8px; color: #FFFFFF;
    background: transparent url('images/li_collapsed.gif') no-repeat 98% 50%;
	border-bottom:1px solid #333;
}

/*

.side .collapsibles , .side .collapsibles .towers {
    margin: 0; padding: 0;
    list-style-type: none;
}

.side .collapsibles LI { border-bottom: 1px solid #4F4E4E; }
.side .collapsibles LI LI { border: none; }

.side .collapsibles H2 {
    font-weight: normal;
    margin: 0; padding: 0;
}


.side .collapsibles H2 A:hover { text-decoration: underline; }
.side .collapsibles .expanded H2 A { background-image: url('images/li_expanded.gif'); }

.side .collapsibles .towers LI {
    text-align: center;
    margin-bottom: 8px;
}

.side .collapsibles .towers A IMG       { border-color: #000000; }
.side .collapsibles .towers A:hover IMG { border-color: #0ECFFF; }

*/

#gmap {
    float: right; width: 328px; height: 284px; padding: 8px; margin: 4px 0 0 8px;
    background: transparent url('images/map_bg.gif') no-repeat 0 0;
}

#map { width: 100%; height: 100%; background-color: white; }

#randomPano { width:783px; height:300px; background-position:60% 50%; }