/*
	albion1.css
	ALBION Group, s.r.o.
	posledni verze ze 19.7.2006
*/

* {
	/* font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; */
	/*font-family: Verdana, Tahoma, Arial, lucida, sans-serif;
	font-size: 8pt;
	color: #000;*/
}

/*body {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	text-align: center;
	background-color: #fff;
}*/

h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px;
	border: 0px;
	/* clear: both; */
}

h1 {
	font-size: 14pt;
	margin-bottom: 10px;
}

h2 {
	font-size: 12pt;
	margin: 8px 0px 8px 0px;
}


h3 {
	font-size: 10pt;
	margin: 6px 0px 6px 0px;
}

h4 {
	font-size: 8pt;
	margin: 4px 0px 4px 0px;
}

h5 {
	font-size: 7pt;
	margin: 2px 0px 2px 0px;
}

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

a {
	color: #0061b5;
	text-decoration: underline;
}

a:visited {
	color: #003D73;
}

a:active, a:hover, a:focus {
	color: #E08A15;
	text-decoration: none;
}

.asterix {
	color: #f00;
}

.obelix {
	color: #009f01;
}

legend {
	font-size: 10px;
	padding: 0px 8px 0px 5px;
}

sub {
   position: relative;
   _top: 3px;
   font-size: 70%;
}

sup {
   position: relative;
   _bottom: 3px;
   font-size: 70%;
}

li {
	text-align: left;
}

p {
	padding: 0px;
	margin: 0px;
	font-size: 10pt;
}

fieldset legend {
	margin: 5px 10px 5px 10px;
	color: #0061b5;
	font-weight: bold;
}

td.td-right {
	text-align: right;
}

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

.only-print {
	display: none;
}

p.css-nopointer img {
	cursor: move;
}

.hand {
	cursor: pointer;
}

.mala-poznamka {
  font-size: 75%;
}

.kurziva {
  font-style:oblique;
}

.tucne {
  font-weight:bold;
}

.no-print {
	display: block;
}

p.poptavka {

}

/* START berlicka
table, div {
	border: 1px dotted #ff0000;
	padding: 3px;
	margin: 3px;
}
/* KONEC berlicka */

/* START | LINK-TOP-PANEL */
#link-panel {
	width: 100%;
	height: 20px;
	background-color: #d0d0d0;
	_background-color: #e7e8ec;
	border-bottom: 1px solid #aaa;
	_border-bottom: 1px solid #fff;
	padding: 0;
	margin: 0;
}

#link-panel a {
	float: left;
	display: block;
	color: #000;
	font-size: 10px;
	margin: 0;
	height: 17px;
	_height: 20px;
	padding: 3px 10px 0 10px;
	border-right: 1px solid #aaa;
	_border-right: 1px solid #fff;
	text-decoration: none;
}

#link-panel a:hover {
	background-color: #fff;
	color: #000;
}

#link-panel span {
	float: left;
	background-color: #8b989e;
	padding: 3px 10px 0 10px;
	height: 20px;
	border-bottom: 1px solid #8b989e;
	font-size: 10px;
	color: #fff;
}
/* KONEC | LINK-TOP-PANEL */

#stranka {
	width: 100%;
	margin: auto;
	background-color: #fff;
}

#stranka .stranka-horni-mezera {
	height: 5px;
	width: 970px;
	font-size: 0px;
   background-color: #8b989e;
}

#zalozka {
	width: 970px;
/*	height: 23px;
	height: 70px; */
   background-color: #e8e8f8;
}

#zalozka div {
	position: relative;
	top: 3px;
	float: left;
	height: 20px;
	margin: 0px 2px 0px 2px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 10px;
}

#zalozka div h2, #zalozka div h3 {
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
	font-weight: normal;
	padding-top: 3px;
}

#zalozka div h2 {
	padding: 0px 10px 0px 10px;
}

#zalozka .zalozka-prvni-mezera {
   width: 190px;
}

#zalozka div a {
	display: block;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	color: #000;
}

#zalozka div a:hover, #zalozka div span {
	padding-bottom: 1px;
}

#zalozka .zalozka-bazeny {
	background-color: #93cbe9;
}

#zalozka .zalozka-zastreseni {
	background-color: #f8cb91;
}

#zalozka .zalozka-jacuzzi {
	background-color: #99b27f;
}

#zalozka .zalozka-jimky {
	background-color: #daa570;
}

#zalozka .zalozka-lakovna {
	background-color: #8fa8f8;
}

#zalozka .zalozka-sluzby {
	background-color: #e0e0e0;
}

#zalozka .zalozka-bazeny a:hover {
	border-bottom: 3px solid #74add3;
}

#zalozka .zalozka-zastreseni a:hover {
	border-bottom: 3px solid #f4b35c;
}

#zalozka .zalozka-jacuzzi a:hover {
	border-bottom: 3px solid #658c3f;
}

#zalozka .zalozka-jimky a:hover {
	border-bottom: 3px solid #c66d15;
}

#zalozka .zalozka-lakovna a:hover {
	border-bottom: 3px solid #597df7;
}

#zalozka .zalozka-sluzby a:hover {
	border-bottom: 3px solid #b4b4b4;
}

#zalozka div h2 {
	margin-top: 3px;
	display: block;
}

#pod-zalozka {
	width: 970px;
	height: 30px;
	background-repeat: repeat-x;
}

/* KONEC zalozky */

#panel-menu {
	width: 970px;
	height: 214px;
}

/* START menu | menu */

#menu {
	float: left;
	width: 188px;
	_width: 190px;
	height: 212px;
	_height: 214px;
   z-index: 20;
   padding: 1px;
   margin: 0px;
	background-color: #fff;
}

#menu li a span,#menu li a:visited span {
  text-decoration: underline;
}

#ulmenu {
	float: left;
   z-index: 20;
	padding: 0px;
	margin: 0px;
   width: 180px;
}

#ulmenu li {
	list-style: none;
	border: 1px solid #fff;
}

#ulmenu ul {
   width: 180px;
	padding: 0px;
   z-index: 20;
}

#ulmenu li ul {
	display: none;
	position: absolute;
	margin-left: 165px;
	margin-top: -20px;
	_margin-top: -21px;
}

#ulmenu li a {
   _filter: Alpha(opacity=100, finishopacity=90, style=1);
	-moz-opacity: 0.9;
	font-size: 8pt;
	text-decoration: none;
	padding: 4px 4px 4px 10px;
	/* text-indent: 5px; */
	width: 156px;
	_width: 180px;
	display: block;
}

#menu li {
	float: left;
}

.madite {
	background-repeat: no-repeat;
	background-position: 156px;
}

/* END menu | menu */

#menupanel-pravy {
	position: relative;
	float: right;
	width: 780px;
	height: 210px;
	_height: 214px;
	padding: 2px 0px 2px 0px;
	background-color: #fff;
}

.menupanel-pravy-obsah {
	background-repeat: no-repeat;
	width: 780px;
	height: 210px;
	z-index: 1;
}

.menupanel-pravy-obsah object, .menupanel-pravy-obsah embed {
	float: left;
}

.menupanel-pravy-vrstva {
	background-color: transparent;
	text-align: left;
	float: right;
	position: absolute;
	top: 2px;
	right: 0px;
	height: 200px;
	_height: 210px;
	width: 285px;
	_width: 295px;
	padding: 5px;
	font-size: 10pt;
}

.menupanel-pravy-vrstva h3 {
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	width: 285px;
	_width: 295px;
	padding: 0px;
	margin: 0px;
}

.menupanel-pravy-vrstva li {
	list-style: circle;
	font-size: 8pt;
}

#panel-radkove-menu {
	width: 970px;
	height: 25px;
	background-repeat: repeat-x;
	text-align: left;
}

#panel-radkove-menu .radkove-menu-levy {
	position: relative;
	top: 5px;
	left: 5px;
	float: left;
}

#panel-radkove-menu .radkove-menu-levy p {
	font-size: 7pt;
}

#panel-radkove-menu .radkove-menu-levy p a {
	font-size: 7pt;
}

#panel-radkove-menu .radkove-menu-levy p .rm-aktivni {
	font-weight: bold;
	font-size: 7pt;
}

#panel-radkove-menu .radkove-menu-pravy {
	position: relative;
	top: 6px;
	right: 5px;
	font-size: 7pt;
	float: right;
}

#panel-radkove-menu .radkove-menu-pravy p {
	font-size: 7pt;
}

#panel-radkove-menu a {
	font-size: 7pt;
	color: #000;
}

#panel-radkove-menu a:link, #panel-radkove-menu a:active, #panel-radkove-menu a:visited, #panel-radkove-menu a:focus {
	text-decoration: none;
}

#panel-radkove-menu a:hover {
	text-decoration: underline;
}

#panel-radkove-menu .radkove-menu-levy strong, #panel-radkove-menu .radkove-menu-pravy strong {
	font-size: 7pt;
	color: #000;
}

/* START: obsah */

#panel-obsah {
	padding: 2px 0px 2px 2px;
	text-align: left;
	background-color: #fff;
	color: #000;
}

#obsah {
	position: relative;
	width: 99%;
	float: right;
	padding-right: 5px;
	margin-bottom: 10px;
	text-align: left;
}

#obsah span.obrazek-poptavky {
  display: block;
  background: transparent url('../images/zajem_aktualni_info_1.jpg') no-repeat center;
  cursor: hand;
  width: 780px;
  height: 97px;
}

#hlavicka-h1 {
	float: right;
	width: 780px;
	height: 16px;
	background-repeat: repeat-x;
	margin-bottom: 10px;
}

#hlavicka-h1 h1 {
	font-size: 12px;
	padding: 0px 0 0 10px;
	margin: 0px;
}

/* #obsah > p */
#obsah p {
	font-size: 10pt;
	margin-bottom: 10px;
}

#obsah p:first-letter {
	/* padding-left: 5%; odsazeni nebude pouzito */
}

#obsah a {
	font-size: 10pt;
}

#obsah p strong {
	font-size: 10pt;
}

p.info {
	background-color: #eee;
	padding: 10px;
	width: 440px;
	_width: 500px;
	padding-left: 50px;
	background-image: url(../images/info.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	clear: both;
}

p.alert {
	background-color: #eee;
	padding: 10px;
	width: 440px;
	_width: 500px;
	padding-left: 50px;
	background-image: url(../images/exclamation.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	clear: both;
}

p.ceska-posta {
	background-color: #eee;
	padding: 10px;
	width: 440px;
	_width: 500px;
	padding-left: 100px;
	background-image: url(../images/ceska_posta.jpg);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	clear: both;
}

img.web-image {
  width: 276px;
}

div.webcam {
  background: #d9e3ec;
  padding: 8px;
}

#obsah a.osov,#obsah a.osov:visited {
  display: block;
  background: #fff url('../../images/content/o-nas/webova_kamera/pozadi_tlacito_cele.gif') no-repeat center;
  padding: 0px;
  width: 103px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 0px 0px 0px 10px;

}

#obsah  a.osov:hover {
  text-decoration: underline;
}

div.webcam div.obal {
  background: #d9e3ec url('../../images/content/o-nas/webova_kamera/webcam_obal.gif') repeat-y 290px 0px;
  display: table;
  width: 100%;
}

div.webcam img {
  border: none;
}

div.webcam div.obal div.left-panel {
  float: left;
  padding: 3px;
  background: #fff;
  width: 276px;
}

div.webcam div.left-panel div {
  font-size: 11px;
  margin: 0px;
  padding: 0px;
}

div.webcam div.right-panel {
  display: table;
  float: right;
  width: 360px;
}

div.webcam div.right-panel img {
  border: 2px solid #fff;
  width: 100px;
}

div.webcam div.right-panel span{
  display: block;
  text-align:center;
}

#obsah div.webcam div.right-panel a,#obsah div.webcam div.right-panel a:visited {
  display: block;
  float: left;
  margin: 3px 5px;
  text-decoration: none;
  color: #000;
  font-size: 10px;
}

#obsah div.webcam div.right-panel a span,#obsah div.webcam div.right-panel a:visited span {
  font-size: 10px;
  color:#000;
}

#obsah div.webcam div.right-panel a:hover {
  text-decoration: underline;
}

div.webcam div.center-panel {
  width: 80px;
  float: left;
  margin: 3px 0px 0px 12px;
  text-align: center;
}

#obsah div.webcam div.center-panel a,#obsah div.webcam div.center-panel a:visited {
  text-decoration: none;
}

#obsah div.webcam div.center-panel a:hover {
  text-decoration: underline;
}

#obsah div.webcam div.center-panel a,#obsah div.webcam div.center-panel a:visited {
  font-size: 10px;
}

div.webcam div.center-panel div.main {
  text-align: center;
}

#obsah div.webcam div.center-panel div.main a,#obsah div.webcam div.center-panel div.main a:visited {
  text-decoration: underline;
}

#obsah div.webcam div.center-panel div.main a:hover {
  text-decoration: none;
}

div.info-panel {
  float: right;
  width: 370px;
  margin: -110px 0px 0px 0px;
  font-size: 10px;
}

div.data-info {
  font-size: 11px;
  margin: 5px 0px 0px 0px;
}

div.cam-status {
  float: left;
  width: 88px;
  text-align: right;
  font-size:9px;
  padding: 4px 0px;
  margin: -20px 0px 0px 292px;
}

div.cam-status span { padding: 0px 5px 0px 0px; }

div.cam-is-online {
  background: #fff url('../../images/kamzel.gif') no-repeat 5px 3px;
  font-size: 10px;
  font-weight: bold;
}

div.cam-is-offline {
  background: #fff url('../../images/kamcer.gif') no-repeat 5px 3px;
  font-size: 10px;
  font-weight: bold;
}

#obsah div.webcam div.info-panel a,#obsah div.webcam div.info-panel a:visited {
  font-size: 10px;
}

#obsah input.small-input {
  border: none;
  width: 20px;
}