* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, table, caption, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}

/* General Style Info */
/*body {	background: #f3f3f3 url(../img/bodyBg.gif) repeat-y center; color: #fff; font:0.75em/1.5 "tahoma",sans-serif;	margin: 0;	padding: 0;	text-align: center	}*/
body {	background: #f3f3f3 url(../img/bgBody.png); color: #fff; font:0.75em/1.5 "tahoma",sans-serif;	margin: 0;	padding: 0;	text-align: center	}
body{
background: #f3f3f3 url(../img/bgBody.gif);	
}

a {	color: #003d4c;	text-decoration: underline;	font-weight: bold;}
a:hover {	color: #003d4c;	text-decoration:none;}
a img {	border:none;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:160%;}
h2 {font-size:160%; }
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}

p {margin:15px 0;}

/* Layout */
#main {	text-align: left;	width: 960px;	margin: 0 auto; background: url(../img/contentBg.gif) repeat-y;}

#header{	height: 193px;	background: url(../img/hlvackaHluboka.jpg) no-repeat bottom;	position: relative;	}
/*#header{	height: 193px;	background: url(../img/bg-head.jpg) no-repeat bottom;	position: relative;	}*/
	#logo {position:relative; overflow:hidden; clear:both; width:178px; height:122px; margin:0; font-size:100%; letter-spacing:7px; top: 12px; left: 32px; z-index: 200}
	#logo span {display:block; position:absolute; left:0; top:0; z-index:1; width:178px; height:122px; background: url(../img/logo.gif) no-repeat 0 0;}

	#headGirlBg{background: url(../img/headGirlBg.gif) no-repeat left top; width: 113px; height: 75px; position: absolute; bottom: 0; left: 97px}
	#description{	height: 181px;	background: url(../img/descriptipnBg.gif) repeat-y right bottom;	position: relative;}
	#girlBody{	background: url(../img/descriptipnBodyBg.gif) no-repeat left top;	position: absolute;	left: 0;	top: 0;	width: 274px;	height: 181px;}
	#line{	background: #3881ac; height: 10px}
	#descSlogan{	position: absolute; right: 0; width: 630px; height: 145px; top:30px	}
	#slogan {position:relative; overflow:hidden; clear:both; width:630px; height:34px; margin:0; font-size:100%; letter-spacing:7px;}
	#slogan span {display:block; position:absolute; left:0; top:0; z-index:1; width:630px; height:34px; background: url(../img/descriptipnSloganBg.gif) no-repeat 0 0;}
	#descSlogan ul{	margin: 10px 0 0 15px; 	}
	

#left { float:left; position:relative; width:272px; }
#center{	float:left;width:448px; padding: 0 20px 10px 20px}
#right{	float:left;width:200px;}
	#right h2{background: #84bdda !important; color: #FFF !important; font-size: 120%; margin-top: 0}
	#right h3{ border: none !important;	}
	
#content{color: #333;}
	#content h2 {border-bottom: 1px solid #bee5eb; color: #3883ad; background: #d9f0f4; padding: 5px 0 5px 10px; letter-spacing: 1px}
	#content h3 {border-bottom: 1px solid #bee5eb; color: #3883ad; padding: 5px 0 5px 10px}
   #content #center ul {margin:15px 0 15px 20px; padding:0; list-style:none;}
   #content #center li ul {margin:0; padding:0;}
   #content #center li ul li {margin-left:15px;}
   #content #center ul li {margin:0 0 10px 0; padding:0; padding-left:12px; background: url(../img/icoUl.gif) no-repeat 0 6px;}
	#content p, #content div.text{ margin-left: 10px; margin-right: 10px;	}
	.perex {background:#F7F9FD none repeat scroll 0%; border-bottom:1px solid #EBEFFA; padding:15px; text-align: justify;}
	.text {background:#F7F9FD none repeat scroll 0%; border-bottom:1px solid #EBEFFA; padding:15px; margin-bottom: 10px}
	
#footer {background: #67afd7; overflow: auto;}
	#footer p{ padding: 10px; margin: 0}

/* Navigace */
        #nav {position:absolute; bottom: 0; left:245px;}
        #nav ul {margin:0; padding:0; list-style-type:none;}
        #nav ul li {display:inline; margin:0; padding:0;}
          
				#nav li a {float:left; margin:0 4px; padding-left:5px; background: url(../img/TabLeftBg.png) no-repeat 0 0; text-decoration:none !important; color: #1a485d; font-weight: normal;}
				#nav li a span {display:block; float:left; padding:5px 7px; text-decoration:underline; cursor:pointer;}
				#nav li a span {display:block; float:left; padding:6px 15px 6px 10px; background: url(../img/TabRightBg.png) no-repeat 100% 0; text-decoration:none !important;}				
            #nav li a#nav-last span { font-weight:bold;}
                                                
            #nav li.active a {float:left; margin:0 7px; padding-left:5px; background: url(../img/activeTabLeftBg.png) no-repeat 0 0; text-decoration:none !important; color: #FFF}
            #nav li.active a span {display:block; float:left; padding:6px 15px 6px 10px; background: url(../img/activeTabRightBg.png) no-repeat 100% 0; text-decoration:none !important;}
            #nav li.active a#nav-last {margin-right:0 !important;}

/*Kategorie ikony*/
#kategorieIkony{ width: 488px; height: 90px; margin: 0 -20px;}
#kategorieIkony a{
float: left;
}
				
/* gallery */
#gallery {width: 520px;	}
	#gallery ul { list-style: none; margin: 0 !important; padding: 0 !important;}
	#gallery ul li { display: inline; margin: 0 !important; padding: 0 !important; background: none !important; }
	#gallery ul img { border: 5px solid #59a2cd; border-width: 5px 5px 20px}
	#gallery ul a:hover img { border: 5px solid #8ebfdc; border-width: 5px 5px 20px; color: #fff}
	#gallery ul a:hover { color: #fff; }

/* Vypis nabidka */
#vypisNabidka{	margin-bottom: 15px}
#vypisNabidka h3, #vypisTip h3{ font-size: 120%;}
#vypisNabidka p, #vypisTip p{ margin: 2px 0 0 10px;}
#vypisNabidka p.detail, #vypisTip p.detail{	margin: 0;}
#vypisNabidka .nabidka{	padding: 8px; background: #f7fcfc; margin-bottom: 5px}
#vypisNabidka .nabidka h3{	margin-top: 0; padding: 0 0 0 5px !important;}
#vypisNabidka .nabidka .foto{ margin: 0 15px 0 0; width: 100px; height: 100px; float: left;  border: 1px solid #c5e4ea; }
#vypisNabidka .nabidka .info{ float: left; width: 300px;}
#vypisNabidka .nabidka.druha{	background: #f0f8fa;}
#vypisNabidka .nabidka .detail{ text-align: right;}

#vypisTip .foto{text-align: center;}
#vypisTip .nabidka{	margin-bottom: 20px}
#vypisTip .detail{	text-align: right; padding-top: 8px; padding-right: 5px}
#vypisTip h3{ margin: 0px !important;}

#left h2{background: #84bdda !important; color: #FFF !important; font-size: 120%}
#vypisSlevy .foto{text-align: center;}
#vypisSlevy .nabidka{	margin-bottom: 20px}
#vypisSlevy .detail{	text-align: right; padding-top: 8px; padding-right: 5px}
#vypisSlevy h3{ margin: 0px !important; font-size:120%; border: none;}
#vypisSlevy p {margin:2px 0 0 10px;}
#vypisSlevy .info{padding: 0 15px}

hr.clear{	display:block; clear:both;	visibility:hidden;	height:0;	border-width:0;	margin:0;	padding:0;}
.box {min-height:1px; _height:1%;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0px; font-size:0px; content:".";}

/* Search form */
#searchform{ padding: 10px 65px 15px 65px;  background: url(../img/searchBg.gif) no-repeat bottom left; }
#searchform label{	font-weight: bold; margin-bottom: 2px;}
#searchform select{	width: 140px;}
#searchform input{ margin-top: 10px}

#searchform p{ margin: 5px 0px}

#kontakt{ padding: 15px 45px;}

/* Reality detail */
#content table {width:286px;margin-bottom:6px;border-collapse:collapse; margin-left: 10px}
#content table th {padding:0.6em 0em 0.5em 0em;border-bottom: 1px solid #b8def1;line-height:1.4em;height:auto;text-align:left;}
#content table td {width:180px;padding:0.6em 0em 0.5em 0em;border-bottom: 1px solid #b8def1;padding-left:10px;line-height:1.4em; }
#content table td.price {font-weight:bold;}

#mapa {border:2px solid #0B76BB;height:400px;margin-bottom:15px;width:438px;}

#kategorie {width:273px; margin:0; list-style:none;  background: #daeff4 url(../img/kategorieBg.gif) no-repeat left top;   }
#kategorie li {display:inline; width:273px;}
#kategorie li a {display:block; padding:8px 0px 8px 30px; border-bottom:1px solid #b4d6e5; text-decoration:none; font-weight:bold; color: #347da7;}
#kategorie li a:hover,#kategorie li.aktivni a {color: #2a6688; background: #daeff4 url(../img/kategorieBgHover.gif) repeat-y left;}

#EntryOfferForm input, #EntryOfferForm textarea{ width: 428px; margin-top: 5px}
#EntryOfferForm label{	font-weight: bold;}
.submit{	text-align: right;}
.submit input{	width: auto !important}

.paging{margin: 4px 0; /*background: #cce4ec;*/ padding: 4px}

.login{ margin-top: 25px; width: 300px; margin-left: 70px}
.login legend{	margin-bottom: 5px; font-weight: bold;}
.login .input{ margin: 5px 0 20px 0}