body {margin: 0; padding: 0; background: #800000; font-family: Georgia; color: #300;}
div#kontejner {position: relative; width: 980px; margin: auto;}
div#hlavicka {width: 980px; height: 109px; background: url(images/index_01.jpg);}
div#navigace {float: left; width: 191px; height: 360px;}

/*----obrázková navigace-----*/
a#home {display: block; width: 191px; height: 40px; background: url(menu/home.jpg); background-position: top left;}
a#akt {display: block; width: 191px; height: 40px; background: url(menu/aktualne.jpg); background-position: top left;}
a#pohlednice {display: block; width: 191px; height: 40px; background: url(menu/pohlednice.jpg); background-position: top left;}
a#pribehy {display: block; width: 191px; height: 40px; background: url(menu/pribehy.jpg); background-position: top left;}
a#prodej {display: block; width: 191px; height: 40px; background: url(menu/prodej.jpg); background-position: top left;}
a#odkazy {display: block; width: 191px; height: 40px; background: url(menu/odkazy.jpg); background-position: top left;}
a#forum {display: block; width: 191px; height: 40px; background: url(menu/forum.jpg); background-position: top left;}
a#kontakt {display: block; width: 191px; height: 40px; background: url(menu/kontakt.jpg); background-position: top left;}
a#mapa {display: block; width: 191px; height: 40px; background: url(menu/mapa.jpg); background-position: top left;}
a#home:hover,
body#domu a#home,
a#akt:hover,
body#act a#akt,
a#pohlednice:hover,
body#pohl a#pohlednice,
a#pribehy:hover,
body#pri a#pribehy,
a#prodej:hover,
body#prod a#prodej,
a#odkazy:hover,
body#links a#odkazy,
a#odkazy:hover,
body#mapweb a#mapa,
a#mapa:hover,
a#forum:hover,
body#kon a#kontakt,
a#kontakt:hover {background-position: bottom left;}


div#right {width: 789px; float: left; }
div#telo {width: 789px; min-height: 340px; background: url(images/index_03.gif) repeat-y; z-index: 0;}
div#obsah {padding: 1px 35px 15px 50px; text-align: justify; font-size: 0.8em;}
div#obsah p {line-height: 18px;}
div#sponzori {position: absolute; width: 122px; top: 20px; left: 820px; z-index: 0;}
div#sponzori a img {width: 120px; height: 90px; margin-bottom: 3px; border: 1px solid #800000; }
div#sponzori a:hover img {border: 1px solid #c00; }
div#paticka {width: 789px; height: 79px; margin-bottom: 15px; background: url(images/index_13.gif); }
a {color: #900; font-weight: bold;}
a:hover {color: #c00;}
div#copy { 
clear : both; 
text-align : right; 
margin : auto; 
width : 980px; 
font-size : 0.7em; 
color : #ba7a6a;
padding-bottom: 10px; 
} 
div#copy a { 
color : #ba7a6a;
font-weight: normal; 
} 
div#copy a:hover { 
color : #c00; 
}
hr {clear: both; visibility: hidden; margin: 0; padding: 0; border: none;}


/*----vysouvání místopisu-----*/
div#relativum {position: relative; display : block;
width : 196px;
height : 40px;
background : url(menu/pohlednice.gif);
background-position : bottom left;} 
div#vysouvaci {display: none; position: absolute; width: 810px; top: -75px; left: 180px; z-index: 100;}
div#vysouvaci a {display: block; float: left; width: 135px; height: 26px; text-align: center; padding: 9px 0 0 0; font-family: Verdana; font-weight: bold; background: url(tlac.png); color: #fff; text-decoration: none; font-size: 0.9em; cursor: pointer; }
div#vysouvaci a:hover {color: #f00; }
div#relativum:hover div#vysouvaci {display: block;}
/*--------konec-----------*/

h1 {font-size: 1.7em; text-align: left; color: #800000;}
h2 {font-size: 1.5em; text-align: left; color: #800000;}
 

div#pozvanka {width: 550px; padding: 10px; padding-left: 20px; background: #800000; color: #fff; border: 1px dotted #fff;}
body#act ul {list-style: none;}
body#act ul li {line-height: 20px;}
img.cara {clear: both; width: 190px; height: 25px; border: none;}

div#uvod {padding-right: 160px;}
table#mistopis  {width: 700px;}
table#mistopis td {width: 50%; padding: 0; margin: 0; text-align: left;}
table#mistopis td ul {list-style: none; font-size: 1.1em;}
table#mistopis td ul li {line-height: 20px;}
div#upozorneni {font-size: 0.9em; color: #900; font-weight: bold;}
div.story {width: 650px; padding: 20px; padding-bottom: 10px; background: #d7b79f; border: 1px solid;
	border-color:#f4dccb #f4dccb #8f684b #8f684b;}
body#pri div.story img {width: 250px; height: 159px; border: 1px solid #800000; float: left; margin: 0 10px 1px 0;}
div.story h2 {margin-top: 0; padding-top: 0;}
img.max {width: 696px; height: 443px; border: 3px double #800000;}
div.format p {text-indent: 40px;}
div.format p:first-letter {font-size: 150%; font-weight: bold; }
body#links div.story {margin-bottom: 15px;}
body#links img.link {width: 25px; height: 23px; float: left; margin-right: 5px;}    

/*-------slide-------*/
div#slide {width: 563px; height: 369px; margin-left: -5px;}
div#animace {float: left; width: 347px; height: 240px; }
div#krakonos {float: left; width: 216px; height: 240px; background: url(slide/krakonos.jpg);}
div#spodek {float: left; width: 563px; height: 129px; background: url(slide/spodek.jpg);}
body#mapweb div#obsah ul {list-style: square; font-weight: bold; color: #900; line-height: 25px;}
body#mapweb div#obsah ul li a {text-decoration: none; border-bottom: 1px dotted #900;}
body#mapweb div#obsah ul li a:hover {border-bottom: 1px dotted #c00;}


a img.fg  {float: left; width: 120px; height: 90px; border: 1px solid #600; margin: 0 5px 5px 0;} 
a:hover img.fg {border: 1px solid #c00; }
hr.dot {clear: both; height: 1px; border: 1px dotted #800000; border-width: 1px 0; color: #d7b79f; visibility: visible; width: 100%; }
div#drobnav {padding-top: 0; margin-top: 0;}
div#drobnav span {font-weight: bold;}
/*------div#drobnav span {color: #c00; font-weight: bold; background: #ffffb8;}---------*/
div#zdroj {font-style: italic; line-height: 18px; padding-top: 10px;}
div.cistic {width: 500px; height: 15px; clear: both;}

/*------vysvícení aktivní stránky podnabídky Trutnov--------*/

div#drobnav.tr_nabrezi a#nabrezi,
div#drobnav.tr_kolaze a#kolaze,
div#drobnav.tr_kryblice a#kryblice,
div#drobnav.tr_celkove a#celkove,
div#drobnav.tr_litografie a#litografie,
div#drobnav.tr_park a#park,
div#drobnav.tr_ulice a#ulice,
div#drobnav.tr_bitva a#bitva,
div#drobnav.tr_namesti a#namesti,
div#drobnav.tr_nar_dum a#narodni_dum,
div#drobnav.tr_webrovka a#trutnov_webrovka,
div#drobnav.tr_panorama a#panorama,
div#drobnav.tr_spolky a#spolky,
div#drobnav.tr_restaurace a#restaurace,
div#drobnav.tr_kostel a#kostel,
div#drobnav.tr_koupaliste a#koupaliste,
div#drobnav.tr_zahradni_mesto a#zahradni_mesto,
div#drobnav.tr_zajimavosti a#zajimavosti,
div#drobnav.tr_zeleznice a#zeleznice  {text-decoration: none;
color: #300; font-weight: bold;
}