body {
	background: #688ef0;
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	font-size:14px;
}

#headerComplete, #footerComplete {
	display: block;
	width:100%;
	height: 142px;
}

#headerComplete {
	background: #305dab url('../images/headerComplete4.jpg');
}

#footerComplete {
	background: #194898 url('../images/footerComplete2.jpg');
}

#head {
	display: block;
	margin: 0px auto;
	width: 928px;
	height: 141px;
	background: #4d71bb url('../images/header6.jpg') no-repeat;
}

#foot {
	display: block;
	margin: 0px auto;
	width: 908px;
	height: 130px;
	background: url('../images/foot2.jpg') 0px 0px no-repeat;
}


#container {
	position: relative;
	display: block;
	margin: 0px auto;
	width: 888px;
	background: #7a99f3 url('../images/container.png') repeat-y;
	padding:20px;
	z-index: 20;
}

#container #bg_image,#container #bg_image1,#container #bg_image2,#container #bg_image3,#container #bg_image4 {
	position: absolute;
	z-index: -1;
	top: auto;
	right: 1%;
	bottom: 0;
	left: auto;
	width:496px;
	height:448px;
}

#container #bg_image {
	background: #7a99f3 url('../images/podtisky/bg.jpg') repeat-y;
}

#container #bg_image1 {
	background: #7a99f3 url('../images/podtisky/bg-1.jpg') repeat-y;
	width:551px;
}

#container #bg_image2 {
	background: #7a99f3 url('../images/podtisky/bg-2.jpg') repeat-y;
	width:551px;
}

#container #bg_image3 {
	background: #7a99f3 url('../images/podtisky/bg-3.jpg') repeat-y;
	width:551px;
}

#container #bg_image4 {
	background: #7a99f3 url('../images/podtisky/bg-4.jpg') no-repeat;
	width:551px;
}



h1 {
	margin:0px;
	padding:0px;
	color: #194898;
	font-size:22px;
	letter-spacing:1px;
	font-family: helvetica, arial;
}

h2.minigalleryTitle {
	font-family: helvetica, arial;
	font-size:18px;
	float: left;
	width: 160px;
	height: 109px;
	color: white;

}

h2.minigalleryTitle span {
	position: relative;
	left:-5000px;
}

.one {background: #7a99f3 url("../images/bazeny/h2/1.jpg");}
.two {background: #7a99f3 url("../images/bazeny/h2/2.jpg");}
.three {background: #7a99f3 url("../images/bazeny/h2/3.jpg");}
.four {background: #7a99f3 url("../images/bazeny/h2/4.jpg");}
.five {background: #7a99f3 url("../images/bazeny/h2/5.jpg");}
.six {background: #7a99f3 url("../images/bazeny/h2/6.jpg");}
.seven {background: #7a99f3 url("../images/bazeny/h2/7.jpg");}

.eight {background: #7a99f3 url("../images/terasy/h2/solo.png") no-repeat}
.nine {background: #7a99f3 url("../images/terasy/h2/tandem.png") no-repeat;}
.ten {background: #7a99f3 url("../images/terasy/h2/carhouse.png") no-repeat;}


p {
	text-align: justify;
}

h2 {
	font-size:20px;
	letter-spacing:1px;
	font-family: helvetica, arial;
}

a.logo {
	float: left;
	margin-left:20px;
	margin-top:35px;
}

a.logo img { border:0px solid yellow; }





ul.materials,ul.materials2  {
	list-style: none;
	padding:0px;
	margin:0px;
}

ul.materials li, ul.materials2 li{
	float: left;
	width: 120px;
	height: 110px;
	font-size:12px;
	color:white;
	text-align:center;
	line-height: 110%;
}

ul.materials2 li {
	width:160px;
}

ul.materials li span,ul.materials2 li span {
	display: block;
}



/*

	MENU
	
*/



ul#menu {
	margin:18px 3px 0px 0px;
	padding: 0px;
	float: right;
	list-style: none;
	height: 36px;
	width:920px;
}

ul#menu li {
	float: right;
	margin: 0px 16px;
	height: 36px;
}

ul#menu li a span{
	position: relative;
	left: -5000px;
}

ul#menu li a{
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}


ul#menu li ul {
	display: none;
	width:270px;
	position: absolute;
	z-index:6000;
	border:1px solid white;
	background: #365ab3;
	padding:0px;
	opacity: 0.9;
}

ul#menu li ul li{
	width: 100%;
	float: left;
	list-style: none;
	margin:0px;
	padding: 5px 0px 0px 20px;
	height: 30px;
	color: white;
	font-family: verdana;
	background: url('../images/bullet_footer_menu.gif') 10px 10px no-repeat;
}


ul#menu li ul li a { color:white; }
ul#menu li ul li a:hover { color:white;	font-weight: bold;  }


ul#menu li a.bt_terasy { background: url('../images/bt/bt_terasy.jpg'); width:160px; }
ul#menu li a.bt_terasy:hover { background: url('../images/bt/bt_terasy.jpg') 0px -36px; }


ul#menu li a.bt_svetliky { background: url('../images/bt/bt_svetliky.jpg'); width:79px; }
ul#menu li a.bt_svetliky:hover { background: url('../images/bt/bt_svetliky.jpg') 0px -36px; }

ul#menu li a.bt_atyp { background: url('../images/bt/bt_atyp.jpg'); width:182px }
ul#menu li a.bt_atyp:hover { background: url('../images/bt/bt_atyp.jpg') 0px -36px; }

ul#menu li a.bt_oplasteni { background: url('../images/bt/bt_oplasteni.jpg'); width:160px }
ul#menu li a.bt_oplasteni:hover { background: url('../images/bt/bt_oplasteni.jpg') 0px -36px; }

ul#menu li a.bt_zastreseni { background: url('../images/bt/bt_zastreseni.jpg'); width:176px }
ul#menu li a.bt_zastreseni:hover { background: url('../images/bt/bt_zastreseni.jpg') 0px -36px; }


ul#menu li.active a.bt_svetliky { background: url('../images/bt/bt_svetliky.jpg') 0px -36px; }
ul#menu li.active a.bt_terasy { background: url('../images/bt/bt_terasy.jpg') 0px -36px; }
ul#menu li.active a.bt_atyp { background: url('../images/bt/bt_atyp.jpg') 0px -36px; }
ul#menu li.active a.bt_oplasteni { background: url('../images/bt/bt_oplasteni.jpg') 0px -36px;}
ul#menu li.active a.bt_zastreseni { background: url('../images/bt/bt_zastreseni.jpg') 0px -36px; }



#foot {
	color: white;
	padding:10px 10px 0px 10px;
	letter-spacing: 1px;
	font-size:12px;
	line-height:140%;

}

#foot p {
	padding-top: 5px;
	float: left;
	width:100%;
	text-align: center;
}

#foot a {
	color: white;
}

ul#footer_menu {
	width: 500px;
	list-style: none;
	margin-left:220px;

}

ul#footer_menu li {
	float: left;
	width: 150px;
}

ul#footer_menu li a {
	font-size: 14px;
	list-style: none;
	color: white;
}

ul#footer_menu li a:hover {
	text-decoration: underline;
}

ul#footer_menu li {
	margin: 0px 0px;
}

#foot .kontakt span {
	font-weight: bold;
}

#foot .kontakt {
	padding:28px 0px 0px 10px;
	background: url('../images/kontakt.jpg') 0px 2px no-repeat;
	float: right;
	width:160px;
}

#gallery {
	float: left;
	width:380px;
}

#gallery img {
	margin-left:12px;
	border:1px solid white;
}



ul.type2  {
	padding:0px;
	float: left;
	width:500px;
	list-style: none;
	font-size:16px;
	line-height: 160%;
}

ul.type2 li {
	padding-left:12px;
	float: left;
	background: url('../images/bullet_footer_menu.gif') 0px 4px no-repeat;
}

.minigallery img,.minigallery2 img {
	border:1px solid white;
}

ul.minigallery,ul.minigallery2 {
	list-style: none;
	padding:0px;
	float: left;
	width:700px;
	display: block;
}

ul.minigallery2 { width:900px }

ul.minigallery li,ul.minigallery2 li {
	margin-bottom:10px;
	float: left;
	width:170px;
	text-align:center;
	color: white;
}

.clearBoth {
	clear: both;
	width:100%;
}

#contactForm {
	width: 300px;
	background: #4d71bb;
	padding: 20px;
	border:1px solid white;
}

label {
	float: left;
	width: 80px;
	font-size:14px;
}

label.imp {
	font-weight: bold;
}

form h3 {
	margin-top:0px; padding-top: 0px;
}


form br {
	line-height:200%;
}

input {
	float: left;
	width:160px;
	height: 16px;
	border:1px solid navy;
}

input.submit {
	margin-top:10px;
	width: 100px;
	height: 20px;
}

textarea {
	border:1px solid navy;
	height: 120px;
	width:200px;
}




ul#mapa-webu {
	list-style: none;
	font-size: 18px;
}

ul#mapa-webu li ul {
	color: white;
	font-size:14px;
	margin:5px 0px 25px 0px;
	padding-left: 12px;
}

ul#mapa-webu li ul li {
	list-style: none;
	padding-left:12px;
	background: url('../images/bullet_footer_menu.gif') 0px 3px no-repeat;
}

ul#mapa-webu li ul li a {
	color: #194898;
	text-decoration: none;
}

ul#mapa-webu li ul li a:hover {
	text-decoration:underline;
}

img.mapimg {
	border:1px solid white;
	float: right;
	margin-right: 60px;
}

img.svetliky {
	float: right;
	margin-left:20px;
}

img.svetliky2 {
	float: left;
	margin-right: 20px;
}


p.pdf {
	background: url('../images/pdf_icon.png') 0px 0px no-repeat;
	padding-left:26px;
	padding-top:1px;
}


ul#otherlinks {
	list-style: none;
	padding: 0px;
	margin:0px;
}

ul#otherlinks li a {
	color: #194898;
	text-decoration: none;
	font-weight: bold;
}

ul#otherlinks li a:hover {
	text-decoration:  underline;
}
ul#otherlinks li {
	background: url('../images/bullet_footer_menu.gif') 0px 3px no-repeat;
	padding-left: 10px;
	float:  left;
	margin-right: 30px;
}

.banner1 img, .banner2 img{
	float: left;
	margin-right: 20px;
}

p.banner1 span {
	float:  left;
	margin-top: 20px;
}

p.banner2 span {
	float:  left;
	margin-top: 8px;
}






ul#intro img{
	border: 1px solid #365ab3;
	margin: 0px; padding: 0px;
}
ul#intro {
	list-style: none;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	color: white;
}

ul#intro li{
	float: left;
	list-style: none;
	margin: 0px 9px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #194898;
	line-height: 0px;
}

ul#intro li ul {
	position: absolute;
	/* display: none; */
	width: 212px;
	height: 155px;
	z-index: 400;
	border-bottom: 1px solid #194898;
	padding: 0px;
	margin: 0px;
	list-style: none;
	background: #365ab3;
	opacity: 0.8;


}

ul#intro li ul li {
	width: 187px;
	padding: 5px;
	font-size: 13px;
	background: url('../images/bullet_footer_menu.gif') 8px 5px no-repeat;
	padding-left: 20px;
	line-height: 110%;
}

ul#intro li ul li a{
	color: white;
	text-decoration: none;
}
ul#intro li ul li a:hover{
	font-weight: bold;
}


.contact1, .contact {
	float:  left;
	border: 1px solid white;
	width: 380px;
	height: 240px;
	padding: 20px;
	background: #4d71bb;
}

.contact1 {
	margin-right: 44px;
}

#email_chk, #name_chk, #surname_chk {
	float: left;
	width: 30px;
	height: 20px;
}

.img1 {
	float: left;
	border:1px solid white;
	margin-right:42px;
}


ul.atyp {
	float: left;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}