body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	background-color: #fff;
    font-family: Palatino Linotype, Times;
}
a:link, a:visited, a:active {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
div#site {

	color: #000;
	margin: 0 auto;
	background: url(images/bg.gif) top left repeat-x;
	text-align: center;
}
div#wrapper {
	text-align: center;
	margin: 0 auto;
	width: 968px;
}
.clear {
	clear:both;
}
div#header {
	background: url(images/bg-texture.jpg) top left no-repeat;
	width: 968px;
	height: 435px;
	position: relative;
}
div#logo {
    position: absolute;
	background: url(images/logo.gif) top left no-repeat;
	top: 0;
	left: 29px;
	width: 276px;
	height: 152px;
	float:left;
}

/*  Navigace mapa/email  */
div#nav {
    position: absolute;
	background: url(images/bg-nav.jpg) top left no-repeat;
	top: 3px;
	right: 0px;
	width: 319px;
	height: 29px;
}
a#nav-map:active, a#nav-map:link, a#nav-map:visited{
	float: right;
	background: url(images/mapa.png) top left no-repeat;
	width: 78px;
	height: 35px;
	color: #fff;
	text-decoration: none;
	border: 0;
}
a#nav-map:hover {
	float: right;
	background: url(images/mapa-hover.png) top left no-repeat;
	width: 78px;
	height: 35px;
	text-decoration: underline;
	border: 0;
}
a#nav-mail:active, a#nav-mail:link, a#nav-mail:visited  {
	float: right;
	background: url(images/email.png) top left no-repeat;
	width: 76px;
	height: 35px;
	color: #fff;
	text-decoration: none;
	border: 0;
}
a#nav-mail:hover {
	float: right;
	background: url(images/email-hover.png) top left no-repeat;
	width: 76px;
	height: 35px;
	text-decoration: underline;
	border: 0;
}
span.nav-txt {
	margin: 2px 11px 0px 0px;
	float: right;
	line-height: 30px;
	text-transform: uppercase;
	cursor: pointer;
}

/*  Navigace mapa/email end  */

/*  Menu  */
div#menu {
    position: absolute;
    top: 90px;
    left: 370px;
	width: 519px;

}
.division-line {
    float: left;
    background: url(images/menu-div.png) top left no-repeat;
    width: 1px;
    height: 43px;
    display: block;
}
a#truhlarstvi-menu:link, a#truhlarstvi-menu:active, a#truhlarstvi-menu:visited  {
    float: left;
	width: 179px;
	height: 43px;
	background: url(images/truhlarstvi.png) top left no-repeat;
	display: block;
	text-indent: -9999px;
	color: #fff;	
}
a#truhlarstvi-menu:hover {
	float: left;
	width: 179px;
	height: 43px;
	background: url(images/truhlarstvi-hover.png) top left no-repeat;
	display: block;
	text-indent: -9999px;
	color: #fff;
	cursor:hand;
}
a#reference-menu:link, a#reference-menu:active, a#reference-menu:visited  {
    float: left;
	width: 164px;
	height: 43px;
	background: url(images/reference.png) top left no-repeat;
	display: block;
	text-indent: -9999px;
	color: #fff;
}
a#reference-menu:hover {
    float: left;
	width: 164px;
	height: 43px;
	background: url(images/reference-hover.png) top left no-repeat;
	display: block;
	text-indent: -9999px;
	color: #fff;
	cursor:hand;
}
a#kontakty-menu:link, a#kontakty-menu:active, a#kontakty-menu:visited {
    float: left;
	width: 146px;
	height: 43px;
	background: url(images/kontakt.png) top left no-repeat;
	display: block;
	text-indent: -9999px;
	color: #fff;
}
a#kontakty-menu:hover {
    float: left;
	width: 146px;
	height: 43px;
	background: url(images/kontakt-hover.png) top left no-repeat;
	display: block;
	text-indent: -9999px;
	color: #fff;
	cursor:hand;
}

/*  Menu end  */

/*  jQuery middle  */
div#obr {
    position: absolute;
    top: 181px;
    left: 29px;
	background: url(images/bg-image.jpg) bottom left no-repeat;
	width: 910px;
	height: 254px;

}
div#pic {
    padding: 25px 25px 24px 25px;
}
div#slide {
    width: 860px;
	height: 205px;
    padding: 0;  
    margin:  0 auto;  
    overflow: hidden;
}
#slide img {  
    width: 860px;
    height: 205px;
    top:  0; 
    left: 0 
}
/*  jQuery middle end  */
#prechod {
    width: 968px;
    height: 31px;
    background: url(images/prechod.jpg) top left no-repeat;
}
/*  Content  */
div#main {
	margin: 0px;
	padding: 0px;
	background: url(images/bg-content.gif) top left repeat-y;
	width: 968px;
	text-align: left;
	font-size: 1.4em;
	line-height: 1.4;
}
div#content {
	width: 910px;
    padding: 25px;
    margin: 0px 4px;
}
div#content p {
	margin-top: 0px;
}
div#content h1 {
	font-size: 1.7em;
	margin: 10px 0px 10px 0px;
	text-align: left;
	font-weight: bold;
	color:#004909;
}
div#content h2 {
	margin: 10px 0px 10px 0px;
	font-size: 1.4em;
	text-align: left;
	font-weight: bold;
	color:#219D04;
}
div.kontakt {
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.7em;
	margin-top: 0px;
	padding-bottom: 15px;
}

/*  Content end  */




/*  Footer  */
div#footer {
	background: url(images/content-footer.gif) top left no-repeat;
    width: 968px;
    height: 9px;
}

/*  Footer end  */


/* ruza */
div#sloh {
	float:right;
	width:500px;
	text-align:justify;
}
div#vypis {
	float:left;
	width:380px;
	border-right:1px solid #219D04;
	text-align:justify;
}
div#kontakt {
	padding-right:20px;
}
#mapa {
	display:block;
	margin:25px 10px 25px 0px;
	float:left;
	width:32px;
	height:32px;
	background: url(images/mapa.png) top left no-repeat;
}
#mapa:hover {	
	background: url(images/mapa-hover.png) top left no-repeat;
}
#tel {
	font-size:18px;
	font-weight: bold;
	color:#219D04;
}
#referencecontent {
	text-align:justify;
}
#referencecontent a {
	float:right;
	border:1px solid #ddd;
	margin:2px;
	display:block;
}
#referencecontent a:hover {
	border:2px solid #219D04;
	margin:1px;
}
#referencecontent img {	
	border:8px solid #eee;	
}
.hr {
	border-bottom:1px solid #219D04;
	clear:both;
	margin:5px 0px 20px 0px;	
}
.odkazy {
	color:#777;
	text-align:center;
	margin:30px 0 -10px 0;
}
.odkazy a {
	color:#777;
	text-decoration:none;
}
.odkazy a:hover {
	color:#555;
	text-decoration:underline;
}