@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
html, body {
	height: 100%;
}
body {
	text-align: center;
	background: #FFFFFF;
	color: #869AA1;
}
div {
	text-align: left;
	margin: 0px;
	padding: 0px;
	position: static;
}
img {
	border-style: none;
}
ul {
	margin: 0px;
	padding: 10px 0px 0px 30px;
}
li {
	line-height: 130%;
	list-style: disc;
}
p {
	text-align: justify;
	margin: 0px;
	padding: 10px 0px 0px;
}
h2 {
	font-size: 15px;
	text-transform: uppercase;
	margin: 0px;
	padding: 10px 0px 0px;
	font-weight: bold;
	color: #6C7E84;
}

a {
	color: #0088C8;
}
a:Hover {
	color: #666666;
}
#distance { 
	width: 1px;
	height: 50%;
	margin-bottom: -17.2em; /* half of container's height */
	float: left;
}
#mother {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0px auto;
	position: relative; /* puts container in front of distance */
	text-align: left;
	height: 555px;
	width: 980px;
	clear: left;
}

#main {
	height: 535px;
	width: 980px;
	background: #94C6EB url(./gf/bg-main.jpg);
}
#header {
	height: 170px;
}
#logo {
	margin: 15px 0px 0px;
	padding: 0px;
	float: left;
	height: 120px;
	width: 290px;
	background: #FFFFFF url(./gf/bg-logo.png);
}
#logo a {
	margin: 13px 0px 0px 15px;
	height: 94px;
	width: 209px;
	display: block;
}
#logo span {
	display: block;
	position: absolute;
	margin: 80px 0px 0px 115px;
	font-weight: bold;
	color: #3CAEE4;
	font-size: 13px;
}
#menu {
	margin: 95px 0px 0px;
	float: left;
	height: 40px;
	width: 690px;
	background: #FFFFFF url(./gf/bg-menu.png);
}
#topMenu {
	padding: 0px;
	float: left;
	margin: 0px 0px 0px 75px;
	width: 525px;
	display: inline;
}
#topMenu li, #languages li {
	display: inline;
	list-style: none;
}
#topMenu li a, #topMenu li a:Hover, #topMenu li .last, #topMenu li .last:Hover {
	color: #0088C8;
	font-size: 13px;
	font-weight: bold;
	display: block;
	margin: 0px 20px 0px 0px;
	padding: 12px 42px 12px 0px;
	float: left;
	background: url(./gf/menu-snowflake.png) no-repeat right center;
}
#topMenu li .last, #topMenu li .last:Hover {
	background: url(./gf/pruhledny.gif);
	margin: 0px;
	padding: 12px 0px;
}
#topMenu li a:Hover, #topMenu li .last:Hover {
	color: #666666;
}
.topMenuSub {
	width: 175px;
	position: absolute;
	margin: 35px 0px 0px -7px;
	_margin: 35px 0px 0px -461px;
	background: #F8FBFD;
}
#topMenu li ul {
	padding: 0px;
	margin: 0px;
	float: none;
}
#topMenu li ul li a, #topMenu li ul li a:Hover {
	color: #0088C8;
	font-size: 12px;
	font-weight: normal;
	display: block;
	margin: 0px 7px;
	padding: 7px 0px;
	float: none;
	background: url(./gf/pruhledny.gif);
	border-bottom: 1px solid #CCCCCC;
}
#topMenu li ul li a:Hover {
	color: #666666;
}
#topMenu li ul li .lastSub, #topMenu li ul li .lastSub:Hover {
	border-bottom-style: none;
}
#languages {
	float: right;
	padding: 0px;
	width: 90px;
}
#languages li a {
	display: block;
	float: left;
	margin: 0px;
	padding: 14px 7px 12px 0px;
	height: 14px;
	width: 22px;
}
#content {
	height: 335px;
}
#left {
	margin: 0px 50px 0px 0px;
	float: left;
	width: 180px;
}
#cats, #mainContact {
	background: #FFFFFF;
}
#cats {
	margin: 25px 0px 0px;
}

#cats h2 {
	background: url(./gf/bg-cats-title.png);
	font-size: 12px;
	text-transform: uppercase;
	color: #0088C8;
	padding: 5px 0px 4px 5px;
	font-weight: bold;
}
#cats ul {
	background: #FFFFFF;
	padding: 0px;
	width: 180px;
	margin: 10px 0px 0px;
}
#cats ul li {
	line-height: normal;
	display: block;
	list-style: none;
	width: 170px;
}
#cats li span {
	display: block;
	background: none;
}
#cats li span:Hover, #cats li .selected {
	display: block;
	background: url(./gf/bg-menu-span.png) repeat-x 0px 0px;
}
#cats ul li a, #cats ul li a:Hover {
	display: block;
	text-transform: uppercase;
	color: #0088C8;
	text-decoration: none;
	padding: 4px 0px 4px 25px;
	font-weight: bold;
	border-bottom: 1px solid #0088C8;
	color: #869AA1;
	background: url(./gf/icon-cats.png) no-repeat 7px 6px;
}
#cats ul li a:Hover, #cats li .selected a {
	color: #0088C8;
	background: url(./gf/icon-cats-hover.png) no-repeat 11px 7px;
}
#cats .last, #cats .last:Hover {
	padding: 4px 0px 4px 25px;
	border-bottom-style: none;
}
.topBottom {
	font-size: 1px;
	background: url(./gf/corner-top.png);
	height: 10px;
	width: 180px;
	margin: 25px 0px 0px;
}
.leftBox {
	background: #FFFFFF;
	padding: 0px 10px 10px;
}
.leftBox p {
	text-align: left;
	font-size: 11px;
}

.leftBottom {
	font-size: 1px;
	background: url(./gf/corner-bottom.png);
	height: 10px;
	width: 180px;
}
#right {
	float: left;
	width: 750px;
}
#scroller {
	height: 330px;
	overflow: auto;
	margin: 0px 10px 0px 0px;
	color: #000000;
}
#scrollerX {
	height: 330px;
	margin: 0px 10px 0px 0px;
	color: #000000;
}
#scrollerIn {
	width: 710px;
}
#scrollerHome, #scrollerDetail {
	width: 730px;
}
.contentTop {
	background: url(./gf/content-corner-top.png);
	height: 10px;
	font-size: 1px;
}
.content {
	background: #DAEEF8;
	padding: 0px 200px 5px 10px;
}
#glass {
	background: url(./gf/glass.png);
	height: 143px;
	width: 147px;
	position: absolute;
	right: 10px;
	margin: -18px 0px 0px;
	z-index: 2;
}
#white {
	height: 127px;
	_height: 125px;
	width: 20px;
	position: absolute;
	margin: -10px 0px 0px 720px;
	background: #DAEEF8;
	z-index: 1;
}
.content p {
	color: #0088C8;
	line-height: 170%;
}
.contentBottom {
	background: url(./gf/content-corner-bottom1.png);
	height: 10px;
	font-size: 1px;
	margin: 0px 0px 15px;
}
.contentBottomNew {
	background: url(./gf/content-corner-bottom.png);
	height: 10px;
	font-size: 1px;
	margin: 0px 0px 15px;
}

#sections {
	padding: 10px 0px 0px;
	width: 730px;
}
#sections li {
	line-height: normal;
	display: inline;
	list-style: none;
}
#sections li a, #sections li a:Hover {
	float: left;
	height: 122px;
	width: 226px;
	margin: 0px 26px 0px 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 150%;
}
#sections li a:Hover {
	color: #000000;
}
#sections li a span {
	padding: 50px 100px 0px 5px;
	display: block;
}

#sections li #sectionA, #sections li #sectionA:Hover {
	background: url(./gf/bg-section-a.png) no-repeat;
}
#sections li #sectionB, #sections li #sectionB:Hover {
	background: url(./gf/bg-section-b.png) no-repeat;
}
#sections li #sectionC, #sections li #sectionC:Hover {
	background: url(./gf/bg-section-c.png) no-repeat;
	margin: 0px;
}
#about {
	background: #FFFFFF url(./gf/bg-about.png);
	height: 23px;
	width: 765px;
	margin: 7px 15px 0px 0px;
	float: right;
	display: inline;
}
#about p {
	font-size: 11px;
	color: #0088C8;
	padding: 6px 0px 0px;
	word-spacing: 2px;
	text-align: center;
}
#footer {
	color: #0088C8;
	font-size: 11px;
}
#copyright {
	display: block;
	padding: 5px 0px 0px;
	float: left;
}
#author {
	display: block;
	padding: 5px 0px 0px;
	float: right;
}
.cleaner {
	font-size: 1px;
	clear: both;
	height: 1px;
}
.blue {
	color: #0088C8;
}
/* Product list */
.product, .productRight {
	margin: 0px 22px 15px 0px;
	float: left;
	background: url(./gf/bg-product.png);
	height: 175px;
	width: 161px;
}
.productRight {
	margin: 0px 0px 15px 0px;
}
.product .image, .productRight .image {
	display: block;
	margin: 8px 0px 0px 20px;
	height: 130px;
	width: 120px;
}
.product h2, .productRight h2 {
	font-size: 12px;
	padding: 13px 0px 0px;
	text-align: center;
}
/* Product detail */
.detailTop {
	/*background: url(./gf/detail-corner-top.png);*/
	background: url(./gf/detail-corner-top.gif);
	height: 10px;
	font-size: 1px;
}

.detail {
	/*background: #DAEEF8 url(./gf/bg-detail.png);*/
	background: #DAEEF8 url(./gf/bg-detail.gif);
	width: 730px;
}
.detailIn {
	margin: 0px 0px 0px 10px;
	float: left;
	width: 388px;
	display: inline;
	color: #0088C8;
	padding: 50px 0px 0px;
}
.detailIn p {
	line-height: 200%;
}
.detailPhotos {
	float: right;
	width: 330px;
}
.detailPhotosIn {
	padding: 0px 0px 0px 20px;
}
.detailPhotosIn .angel {
	margin: 110px 45px 0px;
	float: left;
	height: 50px;
	width: 50px;
	display: inline;
}
.detailPhotosIn .image {
	float: left;
	width: 160px;
}
#zoom, #zoom:Hover {
	display: block;
	font-weight: normal;
	background: url(./gf/zoom.png) no-repeat 25px 2px;
	color: #0088C8;
	text-align: center;
	padding: 0px 0px 0px 25px;
}
#zoom:Hover {
	color: #666666;
}
.gallery, .galleryRight {
	abackground: url(./gf/bg-gallery.png);
	display: block;
	margin: 3px 3px 0px 0px;
	float: left;
	height: 57px;
	width: 57px;
}
.galleryRight {
	margin: 5px 0px 0px;
}
.gallery img, .galleryRight img {
	margin: 3px 0px 0px 3px;
	height: 50px;
	width: 50px;

}
#photoBottom {
	/*background: #DAEEF8 url(./gf/detail-photo-bottom.png) no-repeat right top;*/
	background: #DAEEF8 url(./gf/detail-photo-bottom.gif) no-repeat right top;
	background-color: white;
  height: 10px;
}
.detailBottom {
	background: url(./gf/detail-corner-bottom.png);
	height: 10px;
	font-size: 1px;
	margin: 0px;
}

.detailText {
	background: #DAEEF8 url(./gf/bg-detail-text.gif);
	width: 730px;
}

.detailTopText {
	background: url(./gf/detail-corner-top-text.gif);
	height: 10px;
	font-size: 1px;
}

.detailInText {
	margin: 0px 0px 0px 10px;
	float: left;
	display: inline;
	color: #0088C8;
	padding: 0px 0px 0px;
}
#img2
{
border: 1px solid #e2e2e2;
}
#img1
{
  border: 1px solid #e2e2e2;
}
.imgNext
{
  border: 1px solid #e2e2e2;
}
.imgNext2
{
  border: 1px solid #D6D7D9;
  margin-top:10px;
}
#cats 
{
	margin: 0px;
}


.leftBox {

                background: #FFFFFF;

                padding: 0px 10px;

}

.leftBox p {

                text-align: left;

                font-size: 11px;

                padding: 0px;

}

.leftBottom {

                font-size: 1px;

                background: url(./gf/corner-bottom.png);

                height: 10px;

                width: 180px;

}