html, body {height: 100%;}
body {
	padding: 0px;
	margin: 0px;
	background-color: #E6E6E6;
	font-family: "Trebuchet MS", "Arial CE", Arial, Helvetica;
  font-weight: normal;
  font-size: 11px;
	color: #414141;
}

img {border: none;} 

a {font-weight: bold; color: #4c6fa3;}
a:hover {text-decoration: none;}

ul {
	margin: 0px 0px 10px 17px;
	padding: 0px 0px 0px 10px;
	list-style-type: square;
}
h1, h2, h3, h4 {color: #4c6fa3;}
h1{
	margin: 0px;
	padding: 20px 0px;
	font-size: 2em;
}

h2 {
	margin: 0px;
	padding: 10px 0px 15px 20px;
	font-size: 14px;
}

h3 {
	margin: 0px;
	padding: 10px 0px 15px 20px;
	font-size: 12px;
}

.h3 {
  /*visibility: hidden;*/
}

p {margin: 0px; padding: 0px 0px 10px 0px;}

form {padding: 0px; margin: 0px;}

sup {font-size: 0.7em; line-height: 0.9em;}
.strong, .b {color: #4c6fa3;}/**/

.table {
  border-collapse: collapse; 
  padding-left: 2px;
  }
.table tr td {
  padding: 6px;
  border-bottom: 1px solid #CCC; 
}
.table tr td span.verzalky {
  text-transform: none;
  font-weight: bold;
  }

.td1 {background: #EEE url() }

.table tr {border-bottom: 1px solid #CCC;}
.table tr.top-border td{border-top: 1px solid #CCC;}
.table-head {
  background: #45863F url();
  color: #FFF; 
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid #E6E6E6;
  }


.cl, .cistic{clear:both; line-height:1px; font-size:1px; margin-top:-1px;height:0px;}
.barva {color: #FF9900}
.fl-right {float: right;}
.fl-left{float: left;}
.verzalky {text-transform: uppercase;}

.odkaz-sipka {text-align: right;}

.odkaz-sipka a {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  padding-right: 20px;
  text-decoration: none;
}

.sipka a {
  font-size: 11px;
  text-transform: uppercase;
  padding-right: 20px;
  text-decoration: none;
  background: url(../imgs/web/odkaz-bg-modry.gif) no-repeat 100% 50%;
}
.no-underline {
  text-decoration: none;
}
#hlavicka-main .odkaz-sipka a,
#hlavicka .odkaz-sipka a{
  display: block;
  color: #FFF;
  background: url(../imgs/web/odkaz-bg-bily.gif) no-repeat 100% 50%
}

#hlavicka-main .odkaz-sipka a:hover{/*color: #c3d9f6;*/}

#pravy-sloupec-main .odkaz-sipka a,
#pravy-sloupec .odkaz-sipka a{background: url(../imgs/web/odkaz-bg-modry.gif) no-repeat 100% 50%}

#main {
  position: relative;
	width: 925px;
  margin: 0px auto;  /*pro IE 5.5 mus� b�t v nad�azen�m divu text-align:center*/
  padding: 0 0 0 25px; 
  text-align: left;
  background: url(../imgs/web/bg-y.gif) repeat-y; 
}
.homepage #main {
background: url(../imgs/web/bg-y-main.gif) repeat-y;
}

#header {
  background: url(../imgs/web/hlavicka-bg.jpg) no-repeat 0 0;
  margin: 0; padding: 0;
}
.homepage #header{
	  background: url(../imgs/web/hlavicka-bg-main.jpg) no-repeat 0 0;
}

#header h1{
  background: url(../imgs/web/sternberk.jpg) no-repeat 0 0;
  height: 390px;
  width: 410px;
  padding: 0px; margin:0px;
}
#header h1 a {

  height: 380px;
  width: 390px;

  text-align: center;
  font-size: 11px;
  letter-spacing: 2px;
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  display:block;
  margin:0px; padding:0px;
}

#header h1 span{display:block; padding-top:8px;}

#menu {
  position: absolute;
  left: 435px;
  top: 20px;
}
#menu ul {
  width: 200px;  
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-transform: uppercase;
}

#menu ul li {padding: 0px; margin: 0px;}

#menu ul li a { 
  display: block;
  height: 15px;
  margin: 0px;
  padding: 5px 0 5px 20px;
  text-decoration: none;
  font-size: 10px;
  color: #373737;
  background: url(../imgs/web/menu-bg-a.gif) no-repeat 0 10px; 
} 
#menu ul li a:hover { 
  color: #252525;
  background: url(../imgs/web/menu-bg-a-h.gif) no-repeat 0 10px;
} 


#fotogalerie {
  position: absolute;
  left: 645px;
  top: 20px;
  width: 270px;
  color: #FFF;
}
#fotogalerie p {
  margin: 0 25px 0 25px;
}

#fotogalerie a{color:#FFF;}
#foto {
  position: relative;
  width: 270px;
  height: 190px;
  background: url(../imgs/web/foto-bg.gif) no-repeat;
}
#foto img {
  position: absolute;
  left: 20px;
  top: 20px;  
}

h2#h2-hradni-menu         {background: url(../imgs/web/h1-hradni-menu.gif) no-repeat }
h1#h1-fotogalerie         {background: url(../imgs/web/h1-fotogalerie.gif) no-repeat }
h1#h1-photo-gallery-nadpis{background: url(../imgs/web/h1-fotogalerie-nadpis.gif) no-repeat }
h1#h1-photogallery-en     {background: url(../imgs/web/h1-photogallery-nadpis.gif) no-repeat }
h1#h1-provozni-doba       {background: url(../imgs/web/h1-provozni-doba.gif) no-repeat }
h1#h1-kudy-na-hrad        {background: url(../imgs/web/h1-kudy-na-hrad.gif) no-repeat }
h1#h1-akce-na-hrade       {background: url(../imgs/web/h1-akce-na-hrade.gif) no-repeat }
h1#h1-prohlidkove-okruhy  {background: url(../imgs/web/h1-prohlidkove-okruhy.gif) no-repeat }
h1#h1-tours               {background: url(../imgs/web/h1-tours.gif) no-repeat }
h1#h1-dalsi-informace     {background: url(../imgs/web/h1-dalsi-informace.gif) no-repeat }

h1#h1-svatby-a-spolecenske-akce              {background: url(../imgs/web/h1-svatby.gif) no-repeat }
h1#h1-wenddings           {background: url(../imgs/web/h1-wenddings.gif) no-repeat; }
h1#h1-sprava-hradu        {background: url(../imgs/web/h1-sprava-hradu.gif) no-repeat }
h1#h1-castle-admin        {background: url(../imgs/web/h1-castle-admin.gif) no-repeat }
h1#h1-kontakty            {background: url(../imgs/web/h1-kontakty.gif) no-repeat }
h1#h1-contacts            {background: url(../imgs/web/h1-contacts.gif) no-repeat }
h1#h1-kalendar-akci       {background: url(../imgs/web/h1-kalendar-akci.gif) no-repeat }
h1#h1-informace-pro-navstevniky {background: url(../imgs/web/h1-informace-pro-navstevniky.gif) no-repeat }
h1#h1-historie-hradu      {background: url(../imgs/web/h1-historie-hradu.gif) no-repeat }
h1#h1-dalsi-odkazy        {background: url(../imgs/web/h1-dalsi-odkazy.gif) no-repeat }
h1#h1-virtualni-prochazka {background: url(../imgs/web/h1-virtualni-prochazka.gif) no-repeat }
h1#h1-virtualni-prohlidka {background: url(../imgs/web/h1-virtualni-prohlidka.gif) no-repeat }
h1#h1-fotogalerie-dir  {background: url(../imgs/web/h1-fotogalerie-nadpis.gif) no-repeat }
h1#h1-history-castle      {background: url(../imgs/web/h1-history-castle.gif) no-repeat }
h1#h1-information         {background: url(../imgs/web/h1-information.gif) no-repeat }
h1#h1-opening-hours       {background: url(../imgs/web/h1-opening-hours.gif) no-repeat }
h1#h1-how-to-get-to-the-castle {background: url(../imgs/web/h1-how-to-get-to-the-castle.gif) no-repeat }
h2#h2-castle-menu{background: url(../imgs/web/h1-castle-menu.gif) no-repeat }

h2#h2-castle-menu span,
h2#h2-hradni-menu span,
h1#h1-fotogalerie span,
h1#h1-provozni-doba span,
h1#h1-kudy-na-hrad span,
h1#h1-akce-na-hrade span,
h1#h1-prohlidkove-okruhy span,
h1#h1-tours span,
h1#h1-dalsi-informace span,
h1#h1-svatby-a-spolecenske-akce span,
h1#h1-wenddings span,
h1#h1-sprava-hradu span,
h1#h1-kontakty span,
h1#h1-kalendar-akci span,
h1#h1-informace-pro-navstevniky span,
h1#h1-historie-hradu span,
h1#h1-dalsi-odkazy span,
h1#h1-virtualni-prochazka span,
h1#h1-virtualni-prohlidka span,
h1#h1-fotogalerie-dir span,
h1#h1-photogallery-en span,
h1#h1-history-castle span,
h1#h1-information span,
h1#h1-opening-hours span,
h1#h1-contacts span,
h1#h1-how-to-get-to-the-castle span {visibility: hidden;}


#content {
  clear: both;
  position: relative; 
  background: url(../imgs/web/obsah-bg.gif) repeat-x 0 0 ;
  width: 900px;
  margin: 0px;
  padding: 0px;
}
.homepage #content{
	background: url(../imgs/web/obsah-bg-main.gif) repeat-x 0 0; 
}

#leftCol {
  float: left;
  width: 350px;
  padding: 125px 20px 0 20px;
  margin: 0 15px 0 0;
  background: url(../imgs/web/levy-sloupec-bg.jpg) no-repeat;
  color: #FFF; 
  
}

#leftCol table {border-top: 1px dotted #89ab86;}

#leftCol table tr td {
  padding: 2px 0px;
  border-bottom: 1px dotted #89ab86;
}
#leftCol table,
#leftCol p {margin: 0 0 0 25px;}
#leftCol a {color: #FFF}

#rightCol-main,
#rightCol {
  width: 495px;
  float: right;
  padding-top: 20px;
}
#html p {margin: 0 20px 10px 20px;}

#html ul li {
  padding: 0px 0px 0px 0px;
  margin-left: 20px;
  }

#text-l {
  float: left;
  width: 180px;
}
#text-l-a {
  float:left;
  width: 180px;
}

#text-l p, #text-l-a p {margin: 0 20px 0 20px;}

#text-r {
  float: right;
  width: 260px;
  padding-right: 10px;
}
#text-r p,
#text-r table,
#text-r ul {margin: 0 20px 0 20px;}

#footer a {
  display: block;
  height: 20px;
  width: 390px;
  padding-top: 8px;
  text-align: center;
  font-size: 10px;
  text-decoration: none;
  background: #234820;
  color: #859783;
}

#footer a:hover {
  color: #bbc3bb;
  text-decoration: underline;
}
.fotky a,
a.fotky {
  float: left;
  padding: 3px;
  margin: 0px 7px 10px 7px;
  border: 1px solid #CCC;
  background: #EEE url();
  /* 45863F*/
}
div.fotky {margin-bottom: 20px;}

.dve-fotky a,
.fotky a img {
	/*width: 140px;*/
}
.dve-fotky a {width: 140px;}

.dve-fotky {
  width: 140px;
  height: 210px; 
  float: left; 
  padding: 0px; 
  margin: 0px 17px 10px 0px;
}

.rozchodnik {
  float: left;
  margin: 0px 10px;
}
.rozchodnik h2 {
  padding: 0 0 10px 0;
  text-align:center;
  margin: 0px; 
}

.rozchodnik a img{
  height: 156px;
  width: 206px;
  padding: 3px;
  margin: 0px; 
  border: 1px solid #CCC;
  background: #EEE url();
  /* 45863F*/
}

.ramecek {
padding: 3px;
border: 1px solid #CCC;
background: #EEE url();
}

img.sto {
width: 100px;
}
.hlavni-fotka {position: relative; left: 120px}
.vysoka-ramecek img {padding: 0px 20px;}
.siroka-ramecek img {padding: 29px 0px 28px 0px;}

.hlavni-fotka02 img{/*
position: relative;
top: 35px;*/
padding: 30px 0px;
width: 300px;
}
.vysoka-ramecek02 img {padding: 0px 20px;}
.siroka-ramecek02 img {padding: 0px 0px}

/*img.dveste {width: 226;}*/
.img-left {
  float: left;
  padding: 3px;
  margin: 0px 10px 10px 0; 
  border: 1px solid #CCC;
  }
  
.img-right {
  float: right;
  padding: 3px;
  margin: 0px 10px 10px 10px; 
  border: 1px solid #CCC;
}

#jazyky {
  position: relative;
}
#jazyky a{
  position: absolute;
  top: 0px;
  left: 450px;
  font-weight: normal;
}

.plakat {
	float: right;
	margin: 5px;
	width: 130px;
}
.plakat img{
	width: 130px;
}

#blog h3{padding-left:0px; padding-bottom:5px;}
#blog .articleThumb{ margin-right:10px;}
.fl{float:left;}
.galleryItem{float:left; margin-left:5px;}