* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	background: #860000 url(../layout/bg-body.jpg) top center no-repeat;
	text-align: center;
}


a { color: #eaa264; text-decoration: none; }
a:hover { color: #f7941d; }
p { margin-bottom: 20px; line-height: 1.5em; }
img { border-style: none; }
span.small { font-size: 11px; }

.clear { clear: both; } 
.clear2 { clear: both; height: 10px; } 

/* ---------------------------------------------------------- */
/* -------------------------- wrap -------------------------- */
/* ---------------------------------------------------------- */
#wrap { width: 989px; margin: 0 auto; position: relative; background: url(../layout/bg-wrap.jpg) 0px 390px no-repeat; }


/* ---------------------------------------------------------- */
/* -------------------------- header ------------------------ */
/* ---------------------------------------------------------- */
#header { height: 390px;  background: url(../layout/bg-header.jpg) bottom no-repeat; }
#woman-shadow { width: 39px; height: 238px; background-image: url(../layout/bg-woman-shadow.jpg); position: absolute; top: 275px; left: -39px; }
#header-topimg{ width: 570px; height: 223px; background-color:#F18611; position: absolute; top: 114px; left: 415px; }

#logo { position: absolute; top: 20px; left: 390px; }
	#logo a { display: block; width: 198px; height: 70px; overflow: hidden; position: relative; }
	#logo a span { display: block; width: 198px; height: 70px; background-image: url(../layout/logo.jpg); position: absolute; top: 0; left: 0; cursor: pointer; }
	
#header-panel { height: 48px; float: left; background: #9fd0f4 url(images/bg-header-panel.jpg) right no-repeat; position: absolute; top: 46px; right: 0px; }


/* ---------------------------------------------------------- */
/* -------------------------- navigation -------------------- */
/* ---------------------------------------------------------- */
#navigation { position: absolute; top: 343px; left: 220px; font-family: "Times New Roman", Times, serif; font-size: 12px; text-transform: uppercase; font-weight: bold; }
#navigation li { display: block; float: left; list-style: none; margin-right: 2px;  }
#navigation li.last { margin-right: 0px; }


#navigation li a { display: block; float: left; height: 36px; background: none; color: #000; text-decoration: none; }
#navigation li a span { display: block; float: left; height: 36px; background: none; cursor: pointer; }
#navigation li a span span { display: block; float: left; height: 26px; padding: 10px 12px 0; background: none; }


#navigation li a:hover { background: url(../layout/navigation.jpg) center bottom repeat-x; color: #fff; }
#navigation li a:hover span { background: url(../layout/navigation-left.jpg) left top no-repeat; }
#navigation li a:hover span span { background: url(../layout/navigation-right.jpg) right top no-repeat; }

#navigation li.active a { background: url(../layout/navigation.jpg) center bottom repeat-x; color: #fff; }
#navigation li.active a span { background: url(../layout/navigation-left.jpg) left top no-repeat; }
#navigation li.active a span span { background: url(../layout/navigation-right.jpg) right top no-repeat; }

/* ---------------------------------------------------------- */
/* -------------------------- navigation -------------------- */
/* ---------------------------------------------------------- */
#sub-nav { position: absolute; top: 146px; left: 225px; font-family: "Times New Roman", Times, serif; font-size: 12px; text-transform: uppercase; font-weight: bold; text-align: left; }
#sub-nav li { display: block; list-style: none; margin-bottom: 8px;  }

#sub-nav li a { display: block; height: 29px; padding-left: 40px; background: none; color: #fff; text-decoration: none; background-repeat: no-repeat; background-position: left; }
#sub-nav li a:hover { color: #860000; }
	#sub-nav li.history a { background-image: url(../layout/ico-history.png); }
	#sub-nav li.time a { background-image: url(../layout/ico-time.jpg); }
	#sub-nav li.traffic a { background-image: url(../layout/ico-traffic.jpg); }

#sub-nav li a span { display: block; padding-top: 3px; }	

/* ---------------------------------------------------------- */
/* -------------------------- lang -------------------------- */
/* ---------------------------------------------------------- */
#lang { position: absolute; top: 353px; right: 10px; font-family: "Times New Roman", Times, serif; font-size: 12px; text-transform: uppercase; font-weight: bold; }

#lang ul {}
#lang li { display: block; float: left; list-style: none; margin-right: 6px;  }
#lang li.last { margin-right: 0px; }

#lang li a { color: #9b2f36; text-decoration: none; }
#lang li a:hover, #lang li.active a { color: #000; }

#lang li a img.flag{ text-decoration: none; margin-top:1px; margin-bottom:0px; width:16px;  }

/* ---------------------------------------------------------- */
/* ----------------------- content -------------------------- */
/* ---------------------------------------------------------- */
#content { float: right; width: 748px; padding: 25px 0 40px; text-align: left;  }
#content .padding { padding-right: 5px; }
h1 { color: #f6b76f; font-family: "Times New Roman", Times, serif; font-size: 24px; font-weight: normal; text-transform: uppercase; margin-bottom: 20px; }
h2 { color: #f6b76f; font-family: "Times New Roman", Times, serif; font-size: 20px; font-weight: normal; text-transform: uppercase; margin-bottom: 18px;  }
h3 { color: #f6b76f; font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; text-transform: uppercase; margin-bottom: 14px; }
h3.off { color: #7D0000; font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; text-transform: uppercase; margin-bottom: 14px; }
#content p { line-height: 1.5em; text-align: justify; margin-bottom: 20px; }
#content img { border: 3px solid #b2696c; margin-right: 0px; margin-left:10px; margin-right:10px; margin-bottom:10px;}
	#content img.img-left { float: left; margin: 10px 18px 18px 10px; }
	#content img.img-right { float: left; margin: 10px 10px 18px 18px; }

	#content ul.list li { background: url(../layout/ico-li.gif) 0px 0px no-repeat; list-style: none; padding-left: 40px; margin-bottom: 12px; }

#content .box { border: 1px solid #d86e50; background-color: #8d0c0c; padding: 20px 30px; margin-bottom: 25px; }



#content form { margin-bottom: 20px; }
#content fieldset { border-style: none; }
#content label { display: block; float: left; width: 125px; padding-top: 6px; font-weight: bold; color: #575757; }
#content input { width: 140px; color: #000; background: #fff url(../layout/rezervacia-input.gif) top repeat-x; border-style: none; padding: 3px 3px; font-size: 11px; margin-bottom: 16px; margin-right: 10px;  }
#content input.button { width: 79px; height: 30px; padding: 0; border-style: none; background: url(../layout/button.gif); text-align: center; color: #000; font-family: "Times New Roman", Times, serif; font-size: 11px; font-weight: bold; cursor: pointer; cursor: pointer;  }
#content input.kroscek { background: none; width: 40px; }


	#content .img-gallery { float: left; /* width: 191px; */ font-size: 11px; font-weight: bold; min-height: 200px; overflow: hidden; }
		#content .ig-last { width: 170px; }
	#content .img-gallery img { border: 10px solid #b2696c; margin-right: 0; }	
	#content .img-gallery p { width: 170px; text-align: center; margin: 0; }	
	#content .img-gallery a { color: #fff; }	
	#content .img-gallery a:hover { color: #e8a163; }	
		#content .img-gallery a img { border-color: #b2454a; }	
		#content .img-gallery a:hover img { border-color: #e8a163; }	


a.home-box { display: block; width: 345px; height: 180px; float: left; border: 1px solid #d86e50; background: #a91f28 url(../layout/bg-home-box.jpg) top repeat-x; margin-bottom: 22px; overflow: hidden; text-decoration: none; color: #fff; }
a.home-box:hover { background: #750c10 url(../layout/bg-home-box-hover.jpg) top repeat-x; text-decoration: none; }
a.home-small { height: 125px; }
a.home-right { float: right; }
span.home-padding { display: block; padding: 14px 16px; }
	 #content a.home-box span.s-h2 { display: block; font-family: "Times New Roman", Times, serif; color: #f6b76f; font-weight: normal; font-size: 20px; margin-bottom: 6px; text-transform: uppercase; }
	 #content a.home-box span.s-p { line-height: 1.1em; }
	 #content a.home-box img { border: 3px solid #b2696c; float: left; margin-right: 12px; }

a.home-box a {
	text-decoration: underline;
	float: left;
}

#left { float: left; width: 200px; margin-top: 83px; padding-bottom: 40px; text-align: left; }
	.block { width: 218px; float: left; background: url(../layout/bg-box.png) 0px 100px no-repeat; }
	.block-top { width: 218px; float: left; background: url(../layout/bg-box-top.png) top no-repeat; min-height: 100px; }
	.block-bottom { width: 218px; height: 8px; float: left; background: url(../layout/bg-box-bottom.png) bottom no-repeat; margin-bottom: 25px; }

#left-micro { float: left; padding: 20px; line-height: 22px; font-size: 13px; }
#left-micro a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#left-micro img.flag{ float: left; margin-right: 8px; margin-top: 3px;}

/* ---------------------------------------------------------- */
/* ------------------------ rezervacia ---------------------- */
/* ---------------------------------------------------------- */
#rezervacia { padding: 14px 12px 0 10px; position: relative; }
#rezervacia h3 { color: #fff; font-size: 18px; font-weight: normal; text-transform: uppercase; font-family: "Times New Roman", Times, serif; margin-bottom: 20px; }
#rezervacia h4 { color: #f1aa55; font-size: 11px; font-weight: normal; text-transform: uppercase; font-family: "Times New Roman", Times, serif; margin-bottom: 0px; }

#rezervacia p.phone { font-size: 22px; font-family: "Times New Roman", Times, serif; margin-bottom: 0; }
#rezervacia form { margin-bottom: 20px; } 
#rezervacia label { display: block; padding: 3px 0 5px 22px; background-position: left; background-repeat: no-repeat; font-size: 11px; font-weight: bold; }
	#rezervacia label.ico-from { background-image: url(../layout/ico-from.png); }
	#rezervacia label.ico-to { background-image: url(../layout/ico-to.png); }
	#rezervacia label.ico-type { background-image: url(../layout/ico-type.png); }


#rezervacia input { color: #000; background: #fff url(../layout/rezervacia-input.gif) top repeat-x; border-style: none; padding: 3px 3px; font-size: 11px; margin-bottom: 16px; }
	#rezervacia input.day { width: 36px; }
	#rezervacia input.month { width: 58px; }
	#rezervacia input.year { width: 70px; }
#rezervacia input.button { width: 79px; height: 27px; font-family: "Times New Roman", Times, serif; font-size: 10px; font-weight: bold; cursor: pointer; position: absolute; bottom: -33px; right: 10px; margin: 0; background: transparent url(../layout/rezervacia-button.png); text-transform: uppercase; }



#diagnoza_dropdown
{
	float:left;
	position: relative;
	width:190px;
	height:22px;
	color: #000;
	font-size:11px;
	overflow:hidden;
	background: url('../layout/diagnoza_dropdown.png') right top no-repeat;
	z-index:1000;
	margin-bottom: 16px;
}

#diagnoza_dropdown span
{
	display:block;
	height:22px;
	padding:0 0 0 16px;
	line-height:20px;
	z-index:1001;
}

#scroller
{
	height:200px;
	width:190px;
	overflow:auto;
	background:#909190;
	position:absolute;
	z-index:1002;
}

#diagnoza_dropdown li
{
	display:block;
	width: 190px;
	padding: 0 0 0 0px;
	height:22px;
	line-height:22px;
	cursor:pointer;
}





/* ---------------------------------------------------------- */
/* ----------------------- left-nav ------------------------- */
/* ---------------------------------------------------------- */
#left-nav { padding: 14px 12px 0 10px;; position: relative; }
#left-nav h3 { color: #fff; font-size: 18px; font-weight: normal; text-transform: uppercase; font-family: "Times New Roman", Times, serif; margin-bottom: 20px; }

	#left-nav ul {  }
	#left-nav ul li { padding-bottom: 8px; list-style: none; }
	#left-nav ul li a { display: block; padding-left: 18px; background: url(../layout/left-nav-li.png) 0px 0px no-repeat; }
	#left-nav ul li a:hover { color: #fff; background: url(../layout/left-nav-li-white.png) 0px 0px no-repeat; }
	#left-nav ul li.active a { color: #fff; background: url(../layout/left-nav-li-white.png) 0px 0px no-repeat; }

	#left-nav ul ul { border-bottom: 1px solid #b6583c; border-top: 1px solid #b6583c; margin-top: 8px; padding: 8px 0 0px; font-size: 11px; }
	#left-nav ul li.active ul li { padding-bottom: 6px;  }
	#left-nav ul li.active ul a { padding-left: 32px; background: url(../layout/left-nav-li-white-small.png) 20px 3px no-repeat; }
	#left-nav ul li.active ul a:hover { text-decoration: underline; }


/* ---------------------------------------------------------- */
/* ------------------------ footer -------------------------- */
/* ---------------------------------------------------------- */
#footer { width: 100%; height: 80px; background: url(../layout/line-footer.jpg) right top no-repeat; text-align: left; position: relative; font-size: 11px; }
#footer a { text-decoration: none; color: #f7941d; }
#footer a:hover { text-decoration: underline; }
	a#webdesign-logo { display: block; position: absolute; top: 34px; left: 30px;}
	p#webdesign { position: absolute; top: 34px; left: 56px; }
	p#copyright { position: absolute; top: 34px; right: 32px; }
		a#ico-home { display: block; width: 11px; height: 11px; background-image: url(../layout/ico-home.gif); position: absolute; top: 36px; right: 18px; }
		a#ico-sitemap { display: block; width: 11px; height: 9px; background-image: url(../layout/ico-map.gif); position: absolute; top: 38px; right: 0;  }
		a#ico-home span, a#ico-sitemap span { display: none; }
	

	
.content_img {
	margin-right: 20px;
	margin-bottom: 20px;
}

.zoznam_img {
	margin-right: 10px;
	margin-bottom: 10px;
	width: 140px;
}

img.galery_img {
	margin-bottom: 20px; 
}
.fotogalery img {
	margin-left: 20px;
}

#fol-img {
	width: 260px;
}

#partneri {
	margin-top: 20px;
	float: left;
	width: 218px;
}
#partneri p{
	padding: 0px;
	margin: 0px;
}

#ord_tab td {
	padding: 5px;
}
#ord_tab input {
	margin-bottom: 0px;
	margin-right: 0px;
}
#ord_tab img {
	margin: 0px;
	border: none;
}