body {margin: 10px 0 0 0; padding: 0; background: url(bg.gif); font-family: Verdana; color: #300;}
div#podklad {margin: auto; width: 970px; border: 4px double #fff;}
/*---div#general {margin: auto; width: 970px; height: 126px; background: url(main.gif); border-top: 1px solid #fff; }---*/
div#hlavicka {position: relative; margin: auto; width: 964px; height: 126px; background: #ffe5ca; border: 3px solid #fff; }
div#hlavicka h1 {position: absolute; color: #770000; font-size: 1.2em; top: 72px; left: 30px; text-transform: uppercase; font-family: Arial; font-weight: 100; letter-spacing: 0.02em; }
img#nadpis {position: absolute; width: 800px; height: 60px; top: 10px; left: 30px; border: none; }
div#vlajky {position: absolute; width: 25px; height: 53px; top: 27px; left: 940px; }
div#vlajky a img {width: 25px; border: none; margin-bottom: 3px;}
div#navigace {margin: auto; width: 970px; height: 50px; background: url(images/index_02.gif);}
div#horni {width: 950px; height: 25px; padding-top: 10px; padding-left: 30px;}
div#navigace a {display: block; height: 23px; text-align: center; float: left; padding: 5px 33px; color: #ffe6cb; border-right: 1px solid #900; font-size: 0.8em; text-decoration: none; font-weight: bold; z-index: 1;}
div#navigace a:hover,
body#home div#navigace a#slovo,
body#obraz div#navigace a#pohl,
body#hist div#navigace a#orie,
body#thanks div#navigace a#to,
body#odkazy div#navigace a#links,
body#site div#navigace a#map {color: #f00;}
div#telo {position: relative; z-index: 0; margin: auto; width: 970px; background: url(images/index_03.gif) repeat-y; border-bottom: none; }
div#obsah {padding: 0 0 0 321px;}
div#bocni_obsah {width: 260px; position: absolute; top: 7px; left: 30px;}
div#bocni_obsah h2 {font-size: 1em; margin-top: 0; padding-top: 0; text-align: left; line-height: 23px;}
div#bocni_obsah h3 {font-size: 0.6em; margin-top: 0; padding-top: 0; text-align: left;}
div#bocni_obsah p {font-size: 0.7em; text-align: justify; line-height: 16px; }
div#bocni {position: absolute; z-index: 0; width: 250px; top: 9px; left: 17px; }
div#bocni a {display: block; width: 225px; height: 21px; background: url(tlac.gif) repeat-x; padding: 10px 40px; color: #ffe6cb; text-decoration: none; font-size: 0.8em; font-weight: bold; }
div#bocni a:hover {background-position: bottom left; color: #fff; }
img#hlavni {position: absolute; width: 600px; height: 392px; top: 20px; left: 335px; z-index: 0; } 
div#paticka {clear: both; position: relative; margin: 0 auto; width: 978px; height: 48px; background: url(paticka.jpg) no-repeat; }
div#copy  {width: 980px; margin: 5px auto 10px auto; padding: 0; font-size: 0.7em; line-height: 15px; color: #f00; padding-left: 30px;}
div#copy p {padding: 0; margin: 0; }
a {color: #900; font-weight: bold;}
a:hover {color: #f00;}
div#attent {position: absolute; top: 10px; left: 30px; width: 950px; margin: auto; font-size: 0.7em; color: #ffe6cb;}
div#attent a {color: #ffe6cb; text-decoration: none; border-bottom: 1px dotted #ffe6cb; padding-bottom: 2px; }
div#attent a:hover {color: #f00; border-bottom: 1px dotted #f00; }

/*ffe6cb*/

/*----vysouvání místopisu-----*/
div#relativum, div#rel {position: relative; display: block; z-index: 10; }
div#vysouvaci {display: none; position: absolute; width: 215px; top: 33px; left: 147px; z-index: 10;}
div#vysouvaci a {display: block; text-align: left; width: 215px; height: 29px; padding: 11px 0 0 33px; font-family: Verdana; font-weight: bold; background: url(tlac.png); color: #ffe6cb; border: 1px solid #c3b5b5; border-bottom: none; text-decoration: none; font-size: 0.8em; cursor: hand; }
div#vysouvaci a:hover, div#vys a:hover {color: #f00; }
div#relativum:hover div#vysouvaci, div#rel:hover div#vys {display: block;}
                                                                            
/*----vysouvání Malá Strana-----*/
div#relms {position: relative; display: block; z-index: 10; }
div#vysouvacims {display: none; position: absolute; width: 230px; top: 41px; left: 250px; z-index: 10;}
div#vysouvacims a {display: block; text-align: left; width: 230px; height: 29px; padding: 11px 0 0 31px; font-family: Verdana; font-weight: bold; background: url(tlac.png); color: #ffe6cb; border: 1px solid #c3b5b5; border-bottom: none; text-decoration: none; font-size: 0.8em; cursor: hand; }
div#vysouvacims a:hover {color: #f00; }
div#relms:hover div#vysouvacims {display: block;}


/*----vysouvání Staré město-----*/
div#relsm {position: relative; display: block; z-index: 10; }
div#vysouvacism {display: none; position: absolute; width: 230px; top: 82px; left: 250px; z-index: 10;}
div#vysouvacism a {display: block; text-align: left; width: 230px; height: 29px; padding: 11px 0 0 31px; font-family: Verdana; font-weight: bold; background: url(tlac.png); color: #ffe6cb; border: 1px solid #c3b5b5; border-bottom: none; text-decoration: none; font-size: 0.8em; cursor: hand; }
div#vysouvacism a:hover {color: #f00; }
div#relsm:hover div#vysouvacism {display: block;}

/*----vysouvání rozhrani-----*/
div#relroz {position: relative; display: block; z-index: 10; }
div#vysouvaciroz {display: none; position: absolute; width: 230px; top: 164px; left: 250px; z-index: 10;}
div#vysouvaciroz a {display: block; text-align: left; width: 230px; height: 29px; padding: 11px 0 0 31px; font-family: Verdana; font-weight: bold; background: url(tlac.png); color: #ffe6cb; border: 1px solid #c3b5b5; border-bottom: none; text-decoration: none; font-size: 0.8em; cursor: hand; }
div#vysouvaciroz a:hover {color: #f00; }
div#relroz:hover div#vysouvaciroz {display: block;}

/*----vysouvání Nové město-----*/
div#relnm {position: relative; display: block; z-index: 10; }
div#vysouvacinm {display: none; position: absolute; width: 230px; top: 0; left: 250px; z-index: 10;}
div#vysouvacinm a {display: block; text-align: left; width: 230px; height: 29px; padding: 11px 0 0 31px; font-family: Verdana; font-weight: bold; background: url(tlac.png); color: #ffe6cb; border: 1px solid #c3b5b5; border-bottom: none; text-decoration: none; font-size: 0.8em; cursor: hand; }
div#vysouvacism a:hover {color: #f00; }
div#relnm:hover div#vysouvacinm {display: block;}

/*----vysouvání Josefov-----*/
div#relj {position: relative; display: block; z-index: 10; }
div#vysouvacij {display: none; position: absolute; width: 230px; top: 123px; left: 250px; z-index: 10;}
div#vysouvacij a {display: block; text-align: left; width: 230px; height: 29px; padding: 11px 0 0 31px; font-family: Verdana; font-weight: bold; background: url(tlac.png); color: #ffe6cb; border: 1px solid #c3b5b5; border-bottom: none; text-decoration: none; font-size: 0.8em; cursor: hand; }
div#vysouvacij a:hover {color: #f00; }
div#relj:hover div#vysouvacij {display: block;}


/*----vysouvání historie-----*/
div#vys {display: none; position: absolute; width: 244px; top: 33px; left: 298px; z-index: 10;}
div#vys a {display: block; text-align: left; width: 244px; height: 29px; padding: 11px 0 0 33px; font-family: Verdana; font-weight: bold; background: url(tlac.png); color: #ffe6cb; border: 1px solid #c3b5b5; border-bottom: none; text-decoration: none; font-size: 0.8em; cursor: hand; }

/*----vysouvání poděkování-----*/
div#relthank {position: relative; display: block; z-index: 10; }
div#vysthank {display: none; position: absolute; width: 118px; top: 33px; left: 494px; z-index: 10;}
div#vysthank a {display: block; text-align: left; width: 118px; height: 29px; padding: 11px 0 0 33px; font-family: Verdana; font-weight: bold; background: url(tlac.png); color: #ffe6cb; border: 1px solid #c3b5b5; border-bottom: none; text-decoration: none; font-size: 0.8em; cursor: hand;}
div#vysthank a:hover {color: #f00;}
div#relthank:hover div#vysthank {display: block;}

/*----vysouvání kontakt-----*/
div#relkont {position: relative; display: block; z-index: 10; }
div#vyskont {display: none; position: absolute; width: 150px; top: 33px; left: 765px; z-index: 10;}
div#vyskont a {display: block; text-align: left; width: 130px; height: 29px; padding: 11px 0 0 43px; font-family: Verdana; font-weight: bold; background: url(tlac.png); color: #ffe6cb; border: 1px solid #c3b5b5; border-bottom: none; text-decoration: none; font-size: 0.8em; cursor: hand;}
div#vyskont a:hover {color: #f00;}
div#relkont:hover div#vyskont {display: block;}

/*--------konec-----------*/
div.relfoto {width: 646px; position: relative; cursor: help;}
div.popis {font-size: 0.8em; padding: 5px 0;}
div#bocni_obsah div.popis {font-size: 0.9em; margin-top: 30px;}
div#bocni_obsah div.popis h3 {font-size: 0.8em;}
div.popis h3, div.vyska h3 {font-size: 1em; margin-top: 0; padding-top: 0; text-align: left;}
div.popis h4, div.vyska h4 {font-size: 0.7em; margin-top: 0; padding-top: 0; text-align: left; font-weight: light;}
div.popis p, div.vyska p {font-size: 0.85em; text-align: justify; line-height: 15px; }
div.relfoto:hover div.popis {display: block; }
img.detail {width: 646px; border-bottom: 1px solid #fff; }
div#hlavicka h1 span {color: #c00;}
div#partneri img {float: left; margin-right: 2px; margin-bottom: 2px;}
hr {clear: both; visibility: hidden; border: none; width: 1px; margin: 0; padding: 0;}
table#list {width: 100%; font-size: 0.9em; font-weight: bold; }
table#list td.left {text-align: left;  font-size: 1.2em; }
table#list td.central {text-align: center;}
table#list td.right {text-align: right; font-size: 1.2em;}
table#list td a {text-decoration: none;}

img.fg {width: 104px; height: 70px; float: left; margin: 5px 5px 5px 0px; z-index: 1000;}
a img.fg {border: 1px solid #600; z-index: 1000;}
a:hover img.fg {border: 1px solid #f00;}
td.sponzor img.fg {margin-right: 5px; margin-bottom: 0;}


ul#quicklook {list-style: none; font-size: 0.8em; font-weight: bold;}
ul#quicklook li {line-height: 25px;}
div#main {width: 970px; height: 100px; background: url(images/main.gif);}

table#sipky {width: 500px; margin: 0; padding: 0; padding-top: 5px; font-size: 0.85em; font-weight: bold;}
table#sipky td.levy {padding: 0; text-align: left;}
table#sipky td.prev {padding: 0; text-align: left;}
table#sipky td.next {padding: 0; text-align: right; }
hr.odd {visibility: visible; width: 100%; border: 1px dotted #300;}
img.muzeum {width: 150px; height: 65px;}
a img.muzeum {border: 1px solid #ffe6cb;}
a:hover img.muzeum {border: 1px solid #c00;}

div.texty {padding: 1px 20px; text-align: justify; font-size: 0.8em; font-family: verdana; line-height: 18px;}
div.texty p:first-letter {float:left; margin: 3px 3px 0px Opx; font-size: 1.5em; line-height: 83%; font-weight: bold;
font-family: Georgia; color: #600;}
div.texty p.no:first-letter {float:none; margin: 0; font-size: 1em; line-height: 100%; font-weight: normal;
font-family: Verdana; color: #300;}
div.texty h3 {color: #600; font-size: 1.3em;}

div.pohlednice {padding: 1px; text-align: justify; font-size: 0.7em; font-family: verdana; line-height: 15px;}
div.pohlednice table td {border: 1px solid #ffe6cb; padding: 0 10px; background: #fff9f2;}
div#drobecci {font-size: 0.8em; font-weight: bold;margin: 10px 0 0 5px;}
div.pohlednice table td.sponzor {background: url(maslicka.png) no-repeat #fedab6; background-position: top right;  border: 1px solid #f96;}
div.pohlednice table td.prilepek {background: #fedab6; border: 1px solid #f96;}
div.pohlednice table td.sponzor h2,
div.pohlednice table td.prilepek h2 {font-size: 1.3em; line-height: 20px; margin-bottom: 0; padding-bottom: 0;}
div.pohlednice table td.sponzor a,
div.pohlednice table td.prilepek a {color: #900;}
div.pohlednice table td.sponzor a:hover,
div.pohlednice table td.prilepek a:hover {color: #f00;}
div.pohlednice table td.sponzor a img.fg,
div.pohlednice table td.prilepek a img.fg {float: left; border: 1px solid #900;}
div.pohlednice table td.sponzor a:hover img.fg,
div.pohlednice table td.prilepek a:hover img.fg {border: 1px solid #f00;}
div.reklama {margin-top: 28px;}
div.reklama a img {border: 1px solid #efc9a0;}
div.reklama a:hover img {border: 1px solid #c00;}
table.vsuvky td  {border: 1px solid #ffe6cb; padding: 0 10px; font-size: 0.8em; background: #fff9f2; line-height: 14px;}
table.vsuvky td p:first-letter {float: none; margin: 0; font-size: 1em; line-height: 83%; font-weight: normal;
font-family: Verdana; color: #000;}
table h5 {clear: both; padding-top: 5px;}
div.texty p.no {margin-top: 0; padding-top: 5px;} 
div.texty h4 {margin-bottom: 10px; padding-bottom: 0;}
a img#nadpis {border: none;}
table.vsuvky td  {line-height: 16px;}
div.diky {padding: 10px; font-size: 0.8em;}
div.diky h4 {background: #600; padding: 5px 10px; color: #fff;}
body#site div#obsah {list-style: square; color: #900; font-size: 1.2em; }
body#site ul, body#thanks ul {list-style: square; line-height: 19px;}
body#thanks div#bocni_obsah p {font-size: 0.8em; font-weight: bold;}
body#thanks div#bocni_obsah ul {font-size: 0.8em; line-height: 20px;}
h2.kapitoly {font-size: 0.9em; margin: 0; padding: 0; padding: 10px 0 0 20px;}
div#obsah h4 a {font-size: 0.9em;}
div#obsah div.pohlednice table td h4 a {font-size: 1.1em;}
body#kon div#obsah  {padding-left: 350px; font-size: 0.8em;}

body#kon div#obsah h2 {margin-top: 0; padding-top: 10px;}


img#emi {position: absolute; width: 170px; height: 117px; top: 2px; left: 750px;}

img#maslicka {position: absolute; width: 121px; height: 121px; top: 0; right: 0; z-index: 100;}
body#odkazy table td img {width: 170px; height: 170px;}
body#odkazy table td a img {border: 1px solid #880000;}
body#odkazy table td a:hover img {border: 1px solid #f00;}

div#bocni_obsah ul {margin: 0; margin-left: 10px; padding: 0; font-size: 0.7em;}
div#bocni_obsah ul li {margin-bottom: 5px; line-height: 17px;}
img#spfb {float: left; width: 80px; height: 20px; margin-right: 5px; }
div.fb-like {float: left;}
a img#spfb {border: none; }
a img#ubyt123 {border: 1px solid #0283ce;}
a:hover img#ubyt123 {border: 1px solid #f00;}

/*--------home----------*/
body#home div#left {float: left; width: 316px; margin-right: 4px;}
body#home div#center {float: left; width: 406px; margin-right: 4px;}
body#home div#center img {margin: 0; padding: 0;}
body#home div#right {float: left; width: 238px; }
body#home div.textcontent {width: 260px; padding: 7px 30px;}
body#home div.textcontent h2 {font-size: 1em; margin-top: 0; padding-top: 0; text-align: left; line-height: 23px;}
body#home div.textcontent h3 {font-size: 0.8em; margin-top: 0; padding-top: 10px; text-align: left; line-height: 17px;}
body#home div.textcontent p {font-size: 0.7em; text-align: justify; line-height: 16px; }
body#home div.whiteline {clear: both; height: 2px; background: #fff;}
body#home div#left div.whiteline {width: 316px;}
body#home div.red {
clear: both;
background: url(homepage/bg.jpg) repeat-x;
color: #fff;
padding: 10px 0 10px 30px;
font-family: Verdana;
font-size: 0.8em;
font-weight: bold;
letter-spacing: 0.025em;
border-bottom: 2px solid #fff;
}
body#home h2.red2 {
margin: 0;
margin-left: -1px;
float: left;
display: block;
width: 619px;
background: url(homepage/bg.jpg) repeat-x;
color: #fff;
padding: 10px 0 10px 30px;
font-family: Verdana;
font-size: 0.8em;
font-weight: bold;
letter-spacing: 0.025em;
border-bottom: 2px solid #fff; }
div#facebook {position: absolute; top: 78px; left: 770px; width: 200px;}
img#spfb {float: left; width: 80px; height: 20px; margin-top: 8px; margin-right: 5px; }
div.fb-like {float: left; margin-top: 8px; height: 21px; margin-bottom: 18px;}
a img#spfb {border: none; }
body#home div#obsah {padding-top: 0;}
body#home a img {border: none;}
body#home h2.kapitoly {margin-top: 0; padding-top: 0;}

body.leg div#obsah {background: url(legendy/bg.jpg); padding: 20px 10px 20px 331px; font-size: 0.8em; line-height: 18px;}
body.leg h3 {font-size: 1em;}
body.leg ul {font-size: 0.9em; }

a#ovce {position: absolute; display: block; width: 107px; height: 535px; top: 0; left: 978px; border: 1px solid #329052;}
a#ovce:hover {border: 1px solid #00fe8e;}


/*-- pozicovani profimedia--*/
div.pohlednice table h5 {position: relative; }
img.bank {position: absolute; top: 0; left: 576px; width: 19px; height: 20px; }
a img.bank {border: none; }



/*---video---*/
div#obsah a.tv {display: block; width: 146px; float: left; padding: 8px 10px; margin: 0 1px 1px 0; color: #fff; font-weight: bold; font-size: 0.9em;
text-decoration: none; background: #900; }
div#obsah a.tv:hover {background: #c00; }
body.hzc div#obsah {padding: 5px 10px 20px 331px; font-size: 0.8em; line-height: 18px;}
body.hzc h3 {font-size: 1em;}
body.hzc iframe {margin: 0 3px 3px 0; }


img#vanoce {position: absolute; width: 117px; height: 127px; top: 10px; left: -80px; z-index: 1000;}
img#banky {position: absolute; width: 314px; height: 314px; top: 0; left: 0; z-index: 1000;} 



/*-----kalendar---*/
body#kalen h1#ka {font-size: 1.9em; color: #93394a; font-family: 'Arial Black', Arial;  line-height: 27px;}
body#kalen h1#zasli {font-size: 1.2em; padding: 10px; margin: 0; } 
body#kalen h2 {padding: 20px 0; text-transform: uppercase; color: #ad5d6a;line-height: 29px; }
body#kalen h3 {margin: 0 0 10px 20px; font-size: 0.9em; color: #be0101; text-align: left; line-height: 18px;}
img.kalendar {width: 150px; border: 1px solid #84232c; margin: 4px 5px 0 0;}

form#form {font-size: 0.8em; padding: 0 10px 30px 10px;  }


a.odber {display: block; float: left; width: 300px; height: 38px; margin-right: 14px;  background: url(kalendar/tlacitko.png) no-repeat; border: none; 
background-position: top left; text-align: center; font-size: 1.5em; padding-top: 18px; font-family: Arial; color: #fff; font-weight: bold; text-decoration: none;  }
a.odber:hover {background-position: bottom left;}
ul.prodejny {font-size: 0.8em;}


a#fotogen {position: absolute; width: 120px; height: 600px; top: 0; left: 978px; border: 1px solid #ffe5ca; }
a#fotogen:hover {border: 1px solid #fff; }