* {margin: 0; padding: 0}
body {font-family: Tahoma, Arial, sans-serif; font-size: 100.01%; color: #000; min-width: 997px; background: #fff}
html, body {height: 100%}
img {border: 0}
table {width: 100%; font-size: 100%; border-collapse: collapse; vertical-align: top; text-align: left; border: none}
table td {vertical-align: top; text-align: left}
table th {text-align: left}
ul {list-style: none}
a {color: #00005b; text-decoration: underline; outline: none}
a:hover {text-decoration: none; color:#17a8a1}
h1 {font-size: 200%; margin-bottom: 16px}
h2 {font-size: 150%; margin-bottom: 14px}
h3 {font-size: 120%; margin-bottom: 12px}
p {font-size: 95%; margin-bottom: 12px; text-indent:10px}
.table_h1 {font-size:16px; color:#d5f3f2; text-align:center;}
table.prod_table, table.prod_table td {border:1px solid #cfcfcf; background-color:#eaf3f3; padding:5px auto 5px auto;}
#main {position: relative; width: 997px; min-height: 100%; font-size: 0.75em; margin: 0 auto}
*html #main {height: 100%}
#header {position: relative; height: 178px; background: url(/img/site/header_bg.jpg) no-repeat 117px 0}
	#logo {position: absolute; top: 50px; left: 48px}
	#lang {position: absolute; top: 44px; right: 63px}
	#lang a, #lang img {float: left}
	#tel {position: absolute; top: 81px; right: 67px}
	#tel img {display: block}
	
#nav {position: relative; margin: 0 -5px; height: 42px; background: #17a8a1 url(/img/site/nav_bg.gif) repeat 0 0}
	#nav div.block {height: 42px; background: url(/img/site/nav_bg_left.gif) no-repeat 0 0}
	#nav div.block_in {height: 34px; padding: 8px 0 0 62px; background: url(/img/site/nav_bg_right.gif) no-repeat right 0}
	#nav li.first_level {float: left; margin: 0 10px; height: 19px}
	#nav li a{ font-family: Tahoma, Arial, sans-serif; font-size: 120%; font-weight: bold; color: #fff; text-decoration: none}
	#nav li a:hover{color: #000; text-decoration: none}
		
ul.jd_menu, ul.jd_menu_vertical {margin: 0px;	padding: 0px;	list-style-type: none}
ul.jd_menu ul, ul.jd_menu_vertical ul {display: none}
ul.jd_menu li {float: left}

/* -- Sub-Menus -- */
ul.jd_menu ul, ul.jd_menu_vertical ul {position: absolute; display: none; list-style-type: none; margin-left: -60px;	padding: 0px;	z-index: 10000}
ul.jd_menu ul li, ul.jd_menu_vertical ul li {float: none;	margin: 0px}

ul.jd_menu, ul.jd_menu ul {height: 20px}
ul.jd_menu ul {background: #70cfc7}
ul.jd_menu ul {height: auto}
* html ul.jd_menu ul {width: 1%}
ul.jd_menu li {margin:0px; padding: 3px 6px 5px 6px; height: 22px; cursor: pointer}
ul.jd_menu li li {width:200px; text-align: center; font-size:11px}
ul.jd_menu li a {color: #FFF; text-decoration: none}

ul.jd_menu li.jdm_hover, ul.jd_menu li.jdm_active {color: #FFF;	padding: 3px 6px 5px 6px}
ul.jd_menu li li.jdm_hover, ul.jd_menu li li.jdm_active {color: #FFF;	padding: 3px 6px 5px 6px; background: #17a8a1}
	

#services {float: left; width: 40px; height: 151px; padding: 18px 0 0 2px; margin-top: 54px; background: #17a8a2 url(/img/site/serv_bg.gif) no-repeat 0 0}
#services li.first {height: 42px}
#services li.second {height: 34px}
#services li.third {height: 26px}
a:active {
        outline:none;
}
:focus {
        -moz-outline-style:none;
}
div.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #17a8a1;
	border-top:0px solid #17a8a1;
	min-height:260px;
	background-color:#fffff;
}

div.panes ul {
padding: 0px 0 3px 25px;
margin: 5px 0 5px 25px;
list-style-type:circle;
}

div.panes ul.li {
padding: 10px;
margin: 0 0 5px 10px;
list-style-type:circle;
}
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #17a8a1;	
}
/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}
/* link inside the tab. uses a background image */
ul.tabs a { 
	background: #17a8a1;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 150px;
	text-align:center;	
	text-decoration:none;
	color:#ffffff;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}
ul.tabs a:active {
	outline:none;		
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -652px -31px;
	background:#e0fffb;	
	color:#090000;	
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
        ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
}
.container{
    width:808px;
    height:404px;
    margin:0px auto 0px auto;
    border:10px solid #17a8a1;
    -moz-box-shadow:1px 1px 12px #000;
    -webkit-box-shadow:1px 1px 12px #000;
    box-shadow:1px 1px 12px #000;
}
.wrap{
    width:200px;
    height:200px;
    margin:0px;
    overflow:hidden;
    border:1px solid #17a8a1;    
    position:relative;
    float:left;
}
.wrap a img  {
    border:none;
    position:absolute;   
    top:-66.5px;
    left:-150px;
    height:500px;
    opacity: 0.1;
    -moz-opacity: 0.1;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);
}
.thumbnailWrapper { 
  width:808px;
  height:408px; 
  margin-top:0px;
  margin-left:0px;
  border:10px solid #17a8a1;
  -moz-box-shadow:1px 1px 12px #000;
  -webkit-box-shadow:1px 1px 12px #000;
  box-shadow:1px 1px 12px #000; } /* not important */		
.thumbnailWrapper ul { 
	list-style-type: none; /* remove the default style for list items (the circles) */ 
	margin:0px; /* remove default margin */
	padding:0px; /* remove default padding */
}
.thumbnailWrapper ul li { 
	float:left; /* important: left float */
	position:relative; /* so we can use top and left positioning */
	overflow:hidden; /* hide the content outside the boundaries (ZOOM) */
   border:1px solid #17a8a1;     
}
.thumbnailWrapper ul li a img { 
	width:200px; /* not important, the pics we use here are too big */
	position:relative; /* so we can use top and left positioning */
   margin:0px;
   border:0px solid #17a8a1;    
   /* remove the default blue border */
}
.caption{
	position:absolute; /* needed for positioning */
	bottom:0px; /* bottom of the list item (container) */
	left:0px; /* start from left of the list item (container) */
	width:100%; /* stretch to the whole width of container */
	display:none; /* hide by default */
	/* styling bellow */
	border:0px solid #17a8a1;
   background-color: #17a8a1;
   font-size:12px;
	color:#ffffff;
	opacity: 0.8;
}
.caption .captionInside{
	/* just styling */
	padding:10px;
	margin:0px;
}
.clear { clear:both; } /* to clear the float after the last item */
.button {
border-color:#17a8a1 #17a8a1 #17a8a1 #17a8a1;
border-style:solid;
border-width:1px;
background:#17a8a1;
cursor:pointer;
color: #FFFFFF;
font: bold 12px/28px Verdana, Arial;
text-decoration: none;
height: 30px !important;
}
.button:hover {
border-color:#17a8a1 #17a8a1 #17a8a1 #17a8a1;
border-style:solid;
border-width:1px;
background:#e0fffb;
color: #090000;
font: bold 12px/28px Verdana, Arial;
text-decoration: none;
height: 30px !important;
}
.button:focus {
background:#f2f2f2;
border-color:#c2c2c2 #f2f2f2 #fdfafa #c2c2c2
border-style:solid;
border-width:1px;}
*{outline: none;}
img {border: 0;}
.container_rollover {
width: 261px;
}
/*--Main Container--*/
.main_view {
float: left;
position: relative;
}
/*--Window/Masking Styles--*/
.window {
top:30px;
left:10px;
border-color:#17a8a1 #17a8a1 #17a8a1 #17a8a1;
border-style:solid;
border-width:2px;
height:320px;	width: 248px;
overflow: hidden; /*--Hides anything outside of the set width/height--*/
position: relative;
}
.image_reel {
position: absolute;
top: 0; left: 0;
}
.image_reel img {float: left;}
/*--Paging Styles--*/
.paging {
background-color: #17a8a1;
border-bottom: 1px solid #b5b5b5;
border-top: 1px solid #b5b5b5;
position: absolute;
bottom:-20px; left:15px;
width: 240px; height:30px;
z-index: 100; /*--Assures the paging stays on the top layer--*/
text-align: center;
line-height: 30px;
display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
padding: 7px;
text-decoration: none;
color: #ffffff;
font-size:20px;
font-weight: bold;
}
.paging a.active {
font-weight: bold; 
-moz-border-radius: 1px;
-khtml-border-radius: 1px;
-webkit-border-radius: 1px;
}
.paging a:hover {font-weight: bold; color: #000000}
#nav_katalog {
width: 494px;
float: left;
margin: 0 0 5px 0;
padding: 0;
list-style: none;
background-color: #17a8a1;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff; 
-moz-box-shadow:1px 1px 12px #000;
-webkit-box-shadow:1px 1px 12px #000;
box-shadow:1px 1px 12px #000;}
#nav_katalog li {
float: left; }
#nav_katalog li a {
display: block;
padding: 8px 15px;
text-decoration: none;      
font-size:12px;
font-weight: bold;
color: #fff;
border-right: 1px solid #ccc; }
#nav_katalog li a:hover {
color: #000;
background-color: #fff; }
img{ border: none; -ms-interpolation-mode: bicubic; }		
#wrapper{ position:absolute; left:20%; padding-top:100px; width:650px;}		
#menuwrapper{ position:relative; height:80px;}
#menu{position:absolute; bottom:0; left:0;}
.menuitem{ position:fixed relative; bottom:0px; display:inline-block; border:solid 1px #17a8a1}

#content {padding-top: 7px; margin: 10px 84px 0 72px}
#content table {margin-bottom: 12px}
*html #content table {float: left}
#content th, #content td {border: 0px solid #777; padding: 2px}

#footer_block {clear: both; height: 231px}
#footer_main {clear: both; position: relative; height: 231px; margin: -231px 0; font-size: 0.75em}
#footer {width: 997px; height: 31px; padding-top: 200px; text-align: center; margin: 0 auto; background: url(/img/site/footer_bg.jpg) no-repeat}
#footer a {font-size: 120%; color: #797979; text-decoration: none; margin: 0 8px}
#footer a:hover {color: #17a8a1}