html,body {
	margin:0;
	padding:0
}
* {
	margin:0;
	padding:0;
}
body {
	font:76% arial,sans-serif;
	text-align:center;
	background:#222222 url(bg.gif) repeat;
	color:#333;
	padding:0 0 20px 0
}
/*----------------------------- Global */
p {
	margin:0 10px 10px;
	text-align:right;
	text-indent:0%;
}
a {
	color:#981793;
	padding:0px
}
a img {
	border:none;
	border:0;
}
hr {
	display:none;
}
.h1-box {
	padding:0 0 0 0;
	margin:20px 0 0 0;
	width:464px;
	height:44px;
	background:#739EBD url(bg-h1.gif) no-repeat;
}
h1 {
	font-size:25px;
	color:white;
	line-height:40px;
	padding:0 0 0 20px;
}
h2 {
	font-weight:normal;
	font-size:16pt;
	width:auto;
	height:auto;
	background:#425563;
	padding:25px 0 0 18px;
	margin:0;
	color:#9CBED6;
}
h3 {
	color:white;
	margin:0px 0 0 60px;
	padding: 0;
}



/*----------------------------- Hlavny */
div#container {
	width:736px;
	margin:0 auto;
	text-align:left;
	background: transparent url(bg-telo.gif) top center repeat-y;
}
div#header {
	height:388px;
	margin:0;
	padding:0;
	width:100%;
	background:#EEE url(bg-head.jpg) top center no-repeat;
	color: #79B30B;
	position:relative;
}
/*----------------------------- Jazyky */
#jazyky {
	position:relative;
	display:block;
	width:100px;
	height:auto;
	margin:0 0 0 0;
	padding:7px 0 0 0;
	top:0;
	left:610px;
	background:transparent;
}
#jazyky ul {
	color:white;
	margin:0;
	padding:0;
	border:none;
	list-style-type:none;
	font-size:10px;
}
#jazyky ul li {
	display:inline;
	color:#646464;
}
#en {
	width:25px;
	height:25px;
	background:transparent;
	padding:0 1px;
}
#de {
	width:25px;
	height:25px;
	background:transparent;
	padding:0 1px;
}
#sk {
	width:25px;
	height:25px;
	background:transparent;
	padding:0 1px;
}
#jazyky ul li a {
	padding:0;
	margin:0;
	display:inline;
	color:#646464;
}
#jazyky ul li a:hover {
	color: #9dbcd0;
}

#jazyky ul li a.current {color:#9DBCD0;}

/*----------------------------- E-shop */

a.eshop {
	position:absolute;
	bottom:17px;
	left:20px;
	display:block;
	width:87px;
	height:25px;
	margin:0;
	padding:0;
	background:transparent url(images/eshop.jpg) top left no-repeat;
}

/*----------------------------- Obsah */
div#content {
	margin:0 233px 0 0;
	background:transparent;
	padding:0;
	border:0;
}
div#content-obsah {
	background:transparent;
	width:464px;
	margin:0 0 0px 20px;
}
div#content p {
	line-height:1.4;
	background:#425460;
	width:auto;
	color:white;
	padding:10px 18px;
	margin:0;
	text-indent:40px;
	text-align:justify;
}
div#content a {
	display:inline;
	color:#9CCFFF;
	font-weight:bold;
	padding:0;
	margin:0;
	text-decoration:none;
}
div#content a:hover {
	text-decoration:none;
	background:#CC0000;
	color:white;
}
div#content ul {
	margin:0;
	padding:0;
	border:none;
	background:#425563;
	padding:0 0 0 1.5em;
}
div#content ul li {
	background:transparent;
	color:white;
	list-style-type:none;
}
.vlavo {
	text-align: left 	!important;
}
.zilmont {
	color: #9CBED6;
}
.odkaznagaleriuobal {
	display:block; width:464px; height: auto; margin: 0;
}
.odkaznagaleriu {
width: auto;
background:#425460 url(galery.jpg) 380px 0px no-repeat;
text-align: right; padding: 0 20px 6px 0; margin: 0;
}
/*----------------------------- Ropes ..." */
.ropes-obal {
	position:relative;
	width:464px;
	height:auto;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:#425563 url(ropes/rastaa.jpg) 243px 43px no-repeat;
}
.ropes {
	background:transparent url(ropes/bg.jpg) 2px 37px no-repeat;
	width:auto;
	height:220px;
	padding:210px 0 0 0;
	border:1px solid red;
	width:430px;
	margin:0 0 0 15px
}
.ropes-popis {
	padding:0;
	margin:0;
	text-indent:0px;
	position:relative;
	display:block;
	background:transparent;
	top:55px;
	left:0px;
	width:100%;
	height:auto;
}
.ropes-detail-popis {
	padding:0;
	margin:0;
	text-indent:0px;
	position:relative;
	display:block;
	background:transparent;
	top:65px;
	left:0px;
	width:100%;
	height:auto;
}
a.gallery,a.gallery:visited {
	display:inline;
	color:#000;
	text-decoration:none;
	border:0px solid #000;
	width:40px;
	height:40px;
	float:left;
	margin:7px 21px;
	position:relative;
	cursor:default;
	border:1px solid white;
}
a.slidea {
	background:url(ropes/rastaa-a.jpg);
	position:relative;
	left:0px;
}
a.slideb {
	background:url(ropes/rastaa-b.jpg);
	position:relative;
	left:10px;
}
a.slidec {
	background:url(ropes/rastaa-c.jpg);
	position:relative;
	left:20px;
}
a.gallery span {
	visibility:hidden;
	display:block;
	position:absolute;
	width:160px;
	height:220px;
	top:0px;
	left:0px;
	color:white;
	text-align:center;
	border:1px solid #fff;
	font-family:tahoma,geneva,"lucida sans unicode","lucida grande",verdana,sans-serif;
	letter-spacing:1px;
	cursor:default;
	background:#9CBED6;
}
a.slidea span {
	left:-0px;
	top:55px;
}
a.slideb span {
	left:-0px;
	top:55px;
}
a.slidec span {
	left:-0px;
	top:55px;
}
a.slidea span {
	left:-0px;
	top:55px;
}
a.slideb span {
	left:-52px;
	top:55px;
}
a.slidec span {
	left:-104px;
	top:55px;
}
slidea a:hover {
	background:url(ropes/rastaa-a.jpg);
}
a.gallery:hover {
	white-space:normal;
	border:1px solid white;
	z-index:100;
}
a.gallery:hover span {
	visibility:visible;
	z-index:5;
	font-size:8pt;
	line-height:1.2em;
	font-family:verdana,arial;
	height:162px;
	width:212px;
	top:-175px;
}
a.gallery:hover span img {
	margin:0px;
	border:1px solid #000;
	position:relative;
	z-index:5;
}
a.gallery:active,a.gallery:focus {
	border:1px solid #c00;
	z-index:4;
}
a.gallery:active span,a.gallery:focus span {
	visibility:visible;
	z-index:4;
}
a.gallery:active span img,a.gallery:focus span img {
	border:1px solid #000;
	position:relative;
	margin:10px;
	z-index: 4;
}
/*-------------------------------------------------------------------*/
/*----------------------------- Spodok Odstavca "posted by..." */
.spodok {
	background:#425460 url(p.gif) bottom left no-repeat;
	width:464px;
	padding:0;
	margin:0 0 20px 0;
	display:block;
	height:20px;
}
.spodok-obsah {
	width:auto;
	background:transparent;
	height:20px;
	padding:0 15px 0 0;
}
.spodok a {
	display:inline;
	color:#9CBED6;
	text-decoration:none;
}
.spodok a:hover {
	background:#CC0000;
	color:white;
}
.spodok span {
	text-align:right;
	display:block;
	width:auto;
	font-size:9px;
	padding:3px 0px 0 0;
	color:#666666;
}
.spodok em {
	color: #99CCFF;
}
/*----------------------------- Obr pomocne */
.left {
	float:left;
}
.right {
	float:right;
	padding:10px 18px 10px 10px;
}
img.right-hore {
	float:right;
	margin:0 0 10px 18px;
	width:auto;
	height:auto;
	display: block;
}

/*----------------------------- Napinak Matrijoska */
.cb {
	clear: both;
}
/*----------------------------- Galeria obrazky */
#galeria-obal {
	width:464px;
	height:auto;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:#425563;
}
#galeria {
	width:auto;
	padding:20px 0 0 14px;
	margin:0;
}
.galeria-nahlad {
	width:95%;
	height:50px;
	background:transparent;
}
.galeria-nahlad img {
	border:1px solid white;
	float:left;
}
.nazovgalerie {
	color:white;
	padding:0;
	margin:0;
	float:left;
}
.galeria-popiska {
	background:transparent;
	padding:0 0 0 60px;
	margin:0px 0 0 0;
	color:#425563;
	background: transparent;
}
.thumb {
	float:left;
	width:146px;
	height:110px;
	padding:0 0 0 0;
	margin:0 0 10px 0px;
	border:0px solid red;
	color:#CCCCCC;
	text-align:center;
	background:#425563 url(gal/01pic-g.jpg) top left no-repeat;
	position:relative;
}
.thumb img {
	position:absolute;
	top:2px;
	left:2px;
}
.thumb-location {
	float:left;
	width:215px;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 10px 0px;
	border:0px solid red;
	color:#9C9EA5;
	text-align:right;
}
.thumb-location span {
	color:white
}
.thumb-location a:hover {
	border:none;
	background: transparent;
}
/*----------------------------- menu hlavne */
div#menu {
	width:auto;
	background:transparent url(bg-menu.jpg) top left repeat-x;
	height:43px;
	width:503px;
	padding:0;
	margin:0;
	border:0;
}
#nav,#nav ul {
	float:left;
	width:auto;
	list-style:none;
	line-height:1px;
	background:transparent;
	font-weight:normal;
	padding:0;
	border:solid #181818;
	border-width:0px 0;
	margin:0 0 0 0;
	padding:0 0 0 0em;
}
#nav a {
	display:block;
	line-height:43px;
	color:#808080;
	text-decoration:none;
	padding:0;
	text-align:center;
}
#nav a:hover {
	color:white;
}
#nav a.daddy {
	background:url(rightarrow2.gif) center right no-repeat;
}
#nav li {
	float:left;
	padding:0;
	width:83px;
	height:43px;
	background:url(bg-menu-medzera.jpg) top right no-repeat;
}
#nav li ul {
	position:absolute;
	left:-999em;
	height:auto;
	width:14.4em;
	w\idth:13.9em;
	font-weight:normal;
	border-width:0.25em;
	border:solid #181818;
	margin:0;
}
#nav li li {
	padding-right:1em;
	width:13em;
	height:auto;
	background:#181818;
}
#nav li li a {
	line-height:25px;
	text-align:left;
}
#nav li ul a {
	width:14em;
	w\idth:10em;
}
#nav li ul ul {
	margin:-1.75em 0 0 14em;
}
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul {
	left:-999em;
}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul {
	left:auto;
}
#nav li:hover,#nav li.sfhover {
	background:#85acc5 url(bg-menu-hover.jpg) top left repeat-x;
	color: white;
}
/*----------------------------- stlpec */
div#pravy-obal {
	background:#9dbcd0;
	float:left;
	width:200px;
	margin-left:-236px;
	padding:0;
	border:0;
}
div#pravy-obsah {
	background:transparent;
	width:183px;
	margin-left:17px;
	padding:0 0 20px 0;
	border: 0;
}
/*----------------------------- sltpec vrch */
.pravy-top-info {
	width:auto;
	height:32px;
	background:url(bg-menu-top.gif) top left no-repeat;
	margin-top:20px;
}
.a {
	width:auto;
	background:transparent;
	color:white;
	font-size:15px;
	padding:7px 10px 0 10px;
	text-align:left;
}
.b {
	color:#999;
	font-size:11px;
	padding: 0 0 0 3px;
}

.red {color:#CC3300;font-size:11px;padding: 0 0 0 3px;}

/*----------------------------- stlpec spodok */
/*----------------------------- stlpec spodok */
.pravy-middle-info {
	background:#cfe1ed url(bg-menu-middle.gif) bottom left no-repeat;
	padding:5px 0 15px 0;
}
.pravy-middle-info a {
	color:#CC0000;
	padding:0;
	margin:0;
	display:inline;
}
.pravy-middle-info a:hover {
	background:#CC0000;
	color:white;
	padding:0;
	margin:0;
}
.pravy-middle-info img {
	float:right;
	padding:0 10px 10px 10px;
}
.pravy-middle-info ul {
	color:#333;
	margin:0;
	padding:0 0 0 1.5em;
	border:0px solid gray;
	list-style:none;
}
.pravy-middle-info ul li {
	text-align:right;
	margin:0 10px 0 0;
	border-bottom:1px solid #bccad4;
	padding:0.95em 0 0.95em 0;
}
.pravy-middle-info ul li a {
	padding:0;
	margin:0;
	color:#333;
	text-decoration:none;
}
.pravy-middle-info ul li a:hover {
	color:white;
	background:#CC0000;
}
.pravy-middle-info ul li span {
	color: #739FBE;
}

.readmore-obal {
	width:auto;
	height:auto;
	background:transparent;
	position:relative;
}
.readmore {
	padding:0 10px 15px 10px;
}
.readmore a {
	position:absolute;
	display:block;
	width:auto;
	height:auto;
	background:#739EBD;
	left:90px;
	padding:3px;
	color:white;
	text-decoration:none;
}
.readmore a:hover {
	padding:3px;
	color: white;
}
/*----------------------------- footer */
div#footer {
	background:transparent url(foot.jpg) bottom left no-repeat;
	color:#FFF;
	clear:left;
	width:736px;
	height:25px;
	padding:0 0 0 0;
	position:relative;
}
div#footer ul {
	list-style-type:none;
}
div#footer ul li {
	display:inline;
	color:#636563;
	font-size:11px;
}
#sitemap {
	width:auto;
	height:auto;
	background:transparent;
	padding:0px;
	position:absolute;
	top:6px;
	left:20px;
}
#ciara {
	width:auto;
	height:auto;
	background:transparent;
	padding:0px;
	position:absolute;
	top:6px;
	left:65px;
}
#contact {
	width:auto;
	height:auto;
	background:transparent;
	padding:0px;
	position:absolute;
	top:6px;
	left:75px;
}
#copy {
	width:auto;
	height:auto;
	background:transparent;
	padding:0px;
	position:absolute;
	top:6px;
	left:340px;
}
#xhtml a {
	width:56px;
	height:20px;
	background:transparent url(html-1.gif) top left no-repeat;
	padding:0px;
	position:absolute;
	top:5px;
	left:575px;
}
#css a {
	width:43px;
	height:20px;
	background:transparent url(css-1.gif) top left no-repeat;
	padding:0px;
	position:absolute;
	top:5px;
	left:650px;
}
#xhtml span,#css span {
	text-indent:-9999px;
	text-decoration:none;
	position:absolute;
}
#css a:hover {
	width:43px;
	height:20px;
	background:url(css-2.gif) top left no-repeat;
	position:absolute;
	top:5px;
	left:650px;
}
#xhtml a:hover {
	height:20px;
	width:56px;
	background:url(html-2.gif) top left no-repeat;
	position:absolute;
	top:5px;
	left:575px;
}
div#footer ul li a {
	padding:0;
	margin:0;
	color:#636563;
	text-decoration:none;
}
div#wrapper {
	float:left;
	width:100%;
	background:transparent;
	padding:0;
	margin: 0;
}