

body {
margin: 0px;
padding: 0px;
color: #3f3f3f;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;

}

a {
color: #3f3f3f;
text-decoration: none;
}

a:hover {
color: #007ae1;
text-decoration: none;
}
p {margin: 0px;padding: 0px;}
#header {
width: 100%;
height: 96px;
}

#header-cont {
background: #efefef;
width: 1002px;
height: 106px;
margin-left: auto;
margin-right: auto;
}

.logo {
width: 354px;
height: 91px;
background: #efefef url(logo.gif) no-repeat top left;
float: left;
}

.header-nav {
width: 645px;
height: 106px;
background: #efefef url(header-nav-bg.gif) no-repeat;
float: right;


}

/* VVVVVVVVV Buttons begin VVVVVVVVV */

.header-buttons {
margin-left: 12px;
margin-right: 12px;
width: 621px;
height: 89px;
}

.h-b {
list-style-type: none;
display: inline;
margin: 0;
padding: 0;
}

.button1 {
margin-right: 11px;
float:left;
width:90px;
height:89px;
}

.button1 a {
width:90px;
height:89px;
background-image: url(1.gif);
background-repeat:no-repeat;
background-position:0 0;
display:block;
}

.button1 a:hover{
width:90px;
height:89px;
display:block;
background-image: url(1.gif);
background-repeat:no-repeat;
background-position:0 -89px;
}

.button2 {
margin-right: 12px;
float:left;
width:90px;
height:89px;
}

.button2 a {
width:90px;
height:89px;
background-image: url(2.gif);
background-repeat:no-repeat;
background-position:0 0;
display:block;
}

.button2 a:hover{
width:90px;
height:89px;
display:block;
background-image: url(2.gif);
background-repeat:no-repeat;
background-position:0 -89px;
}


.button3 {
margin-right: 12px;
float:left;
width:90px;
height:89px;
}

.button3 a {
width:90px;
height:89px;
background-image: url(3.gif);
background-repeat:no-repeat;
background-position:0 0;
display:block;
}

.button3 a:hover{
width:90px;
height:89px;
display:block;
background-image: url(3.gif);
background-repeat:no-repeat;
background-position:0 -89px;
}

.button4 {
margin-right: 12px;
float:left;
width:90px;
height:89px;
}

.button4 a {
width:90px;
height:89px;
background-image: url(4.gif);
background-repeat:no-repeat;
background-position:0 0;
display:block;
}

.button4 a:hover{
width:90px;
height:89px;
display:block;
background-image: url(4.gif);
background-repeat:no-repeat;
background-position:0 -89px;
}

.button5 {
margin-right: 12px;
float:left;
width:90px;
height:89px;
}

.button5 a {
width:90px;
height:89px;
background-image: url(5.gif);
background-repeat:no-repeat;
background-position:0 0;
display:block;
}

.button5 a:hover{
width:90px;
height:89px;
display:block;
background-image: url(5.gif);
background-repeat:no-repeat;
background-position:0 -89px;
}

.button6 {
float:left;
width:90px;
height:89px;
}

.button6 a {
width:90px;
height:89px;
background-image: url(6.gif);
background-repeat:no-repeat;
background-position:0 0;
display:block;
}

.button6 a:hover{
width:90px;
height:89px;
display:block;
background-image: url(6.gif);
background-repeat:no-repeat;
background-position:0 -89px;
}

.top-menu1 {
padding-top: 67px;
text-align: center;
}

a.top-menu:link {
color: #515151;
text-decoration: none;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}

a.top-menu:Visited {
color: #515151;
text-decoration: none;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}

a.top-menu:hover {
color: #007ae1;
}

/* VVVVVVVVV Buttons end VVVVVVVVV */

#wrapper {
width: 1000px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}



.left {
left: 0px;
width: 170px;
background-image:url(backleft.gif);
float:left;
}

.leftmenu {	
	margin-left: 10px;
	width: 150px;
	position: relative;
	padding-top: 14px;
}

.thumbnail img {
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover img {
border: 1px solid white;
}

.thumbnail span{
position: absolute;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img {
border-width: 0;
padding: 2px;
}

.thumbnail:hover span {
visibility: visible;
top: 27px;
left: 187px;
z-index: 50;
}

.thumbnail:link {
display: block;
color: #2E557B;
text-decoration: none;
font-family: Tahoma;
font-size: 12px;
background-image: url(strelka.gif);
background-repeat: no-repeat;
background-position: 140px;
padding:5px 0px 5px 0px;
border-bottom-color:#CCC;
border-bottom-style: dotted;
border-bottom-width: 1px;
}

.thumbnail:visited {
display: block;
color: #2E557B;
text-decoration: none;
font-family: Tahoma;
font-size: 12px;
background-image: url(strelka.gif);
background-repeat: no-repeat;
background-position: 140px;
padding:5px 0px 5px 0px;
border-bottom-color:#CCC;
border-bottom-style: dotted;
border-bottom-width: 1px;
}

.thumbnail:hover {	
display: block;
color: #686868;
text-decoration: underline;
font-family: Tahoma;
font-size: 12px;
background-image: url(strelka.gif);
background-repeat: no-repeat;
background-position: 140px;
padding:5px 0px 5px 0px;
}

.thumbnail2:link {
display: block;
color: #444;
text-decoration: underline;
font-family: Tahoma;
font-size: 12px;
text-align:left;
padding:5px 0px 5px 0px;
text-align:right;
}

.thumbnail2:visited {
display: block;
color: #686868;
text-decoration: underline;
font-family: Tahoma;
font-size: 12px;
text-align:left;
padding:5px 0px 5px 0px;
text-align:right;
}

.thumbnail2:hover {	
display: block;
color: #2E557B;
text-decoration: none;
font-family: Tahoma;
font-size: 12px;
padding:5px 0px 5px 0px;
text-align:left;
text-align:right;
}

#center { 
float:left;
width:631px;
margin: 14px 7px 0 7px;
}


.cont {
width: 631px;
margin-bottom: 8px;
}

.cont-top {
width: 631px;
height: 18px;
background: #ffffff url(cont-top.gif);
}

.cont-title {
width: 631px;
height: 25px;
background: #ffffff url(cont-title.gif);
}

.cont-title-text {
width: 500px;
height: 14px;
color: #efefef;
padding: 2px 0px 0px 20px;
font-weight: bold;
font-size: 14px;
}

.cont-content {
width: 611px;
background: #ffffff url(cont-bg.gif) repeat-y;
padding-left: 20px;overflow: hidden;
}

.cont-content-text {
width: 570px;
padding: 5px 14px 0px 14px;
text-align: justify;
}

.cont-bottom {
width: 631px;
height: 24px;
background: #ffffff url(cont-bottom.gif);
}

.cont-advert {
width: 631px;
margin-top: 10px;

}

.cont-advert-top {
width: 631px;
height: 16px;
background: #ffffff url(cont-advert-top.gif);
}

.cont-advert-content {
width: 631px;
background: #ffffff url(cont-advert-bg.gif) repeat-y;
}

.cont-advert-content-text {
width: 603px;
padding: 5px 14px 0px 14px;
text-align: justify;
}

.cont-advert-bottom {
width: 631px;
height: 19px;
background: #ffffff url(cont-advert-bottom.gif);
}

#right {
width: 185px;
float:right;
margin-top: 14px;
}

.tab {
width: 185px;
margin-bottom: 8px;
}

.tab-top {
width: 185px;
height: 18px;
background: #ffffff url(tab-top.gif);
}

.tab-top1 {
width: 185px;
height: 17px;
background: #ffffff url(tab-top1.gif);
}

.tab-title {
width: 185px;
height: 28px;
background: #ffffff url(tab-title.gif);
}

.tab-title-text {
width: 105px;
height: 14px;
color: #8c8c8c;
padding: 5px 0px 0px 20px;
font-weight: bold;
font-size: 13px;
}

.tab-content {
width: 185px;
background: #ffffff url(tab-bg.gif) repeat-y;
}

.tab-content-text {
width: 159px;
padding: 5px 13px 0px 13px;
}

.tab-content-text1 {
width: 175px;
padding: 0px 5px 0px 5px;
background: #ffffff url(tab-bg.gif) repeat-y;
text-align: center;
}

.tab-content-text a {	
color: #3f3f3f;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 11px;
padding:2px 0px 2px 17px;
background-image: url(strelka.gif);
background-position: 7px 60%;
background-repeat: no-repeat;
}
	
.tab-content-text a:hover {	
color:#007ae1;
text-decoration:none;
font-weight: bold;
font-size: 11px;
padding:2px 0px 2px 17px;
}


.tab-content-text2 a {	
color: #ff0000;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 11px;
padding:2px 0px 2px 17px;
}
	
.tab-content-text2 a:hover {	
color:#007ae1;
text-decoration:none;
font-weight: bold;
font-size: 11px;
padding:2px 0px 2px 17px;
}



.tab-bottom {
width: 185px;
height: 19px;
background: #ffffff url(tab-bottom.gif);
}

#footer {
margin-top: 10px;
width: 1000px;
height: 60px;
background: #ffffff url(footer.gif) no-repeat top left;
}

.footer-links {
width: 700px;
float: left;
margin-left: 30px;
margin-top: 12px;
font-size: 11px;
color: #c8c8c8;
}

.footer-links a {
color: #c8c8c8;
text-decoration: none;
}

.footer-links a:hover {
color: #007ae1;
text-decoration: none;
}

.copyright {
width: 160px;
float: left;
margin-left: 10px;
margin-top: 12px;
font-size: 11px;
color: #c8c8c8;

}



/*vvvvvvvvvvvv Other styles vvvvvvvvvvvvvv*/
.i-pad {
float: left;
width: 307px;
height: 201px;
margin-bottom: 8px;
background: #ffffff url(i-pad.gif) no-repeat;
}

.i-pad-cont {
width: 289px;
padding: 2px 6px 0px 12px;
text-align: justify;
}

.i-pad-title {
color: #484848;
font-size: 13px;
font-weight: bold;
}

.i-pad1 {
float: left;
width: 631px;
height: 169px;
margin-bottom: 8px;
background: #ffffff url(i-pad1.gif) no-repeat;
}

.i-pad-cont1 {
width: 611px;
padding: 2px 6px 0px 12px;
text-align: justify;
}

.i-pad-title1 {
color: #484848;
font-size: 13px;
font-weight: bold;
margin-top: 8px;
margin-left: 15px;
}

.i-adv {
float: right;
width: 307px;
height: 201px;
margin-bottom: 8px;
background: #ffffff url(i-adv.gif) no-repeat;
}

.i-adv-cont {
width: 299px;
height: 192;
padding: 3px 4px 5px 4px;
text-align: justify;
}

.produkt
{
	border-bottom: #CCC dotted 1px;
	padding-top: 10px;
	width: 590px;
}

.img
{
	float: left;
	width: 105px;
	height: 120px;
}

span
{
	color:#ff6600;
	font-size:12px;
	font-weight: bold;
}
.span1
{ 
	font-size: 13px;
}

.span1-link
{ 
	font-size: 13px;
	text-decoration: none;
}

.span1-link:hover
{ 
	font-size: 13px;
	text-decoration: none;
}


p
{
	height: auto;
	margin-left: 115px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align:justify;
	width: 450px;
}

.table-link3{	
	color: #555;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;}
.table-link3:hover {	
	color: #555;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	}
	

.cont123 {padding-bottom: 50px;}

input, textarea, fieldset {background: none; border: none; padding: 0; margin: 0; color: #616161; font-size: 16px; font-weight: bold;}
span {font-size: 15px; font-weight: bold; display: block; margin: 10px 0 5px 0; color: #444;}

.clr {clear: both;}

.inputText {width: 413px; height: 36px; background: url(../img/inputText.gif)  no-repeat;}
.inputText input {width: 380px; margin-left: 15px; padding: 9px 0;}

.inputArea {width: 413px; height: 266px; background: url(img/areaInput.gif) no-repeat;}
.inputArea textarea {width: 380px; height: 240px; margin-left: 15px; margin-top: 10px; overflow: auto;}

.buttons {width: 413px;}
.buttons fieldset {float: left; margin: 12px 5px 0 0;}
.buttons input {width: 127px; height: 40px; background: url(img/btn.gif) no-repeat; color: #fff; font-size: 15px; cursor: pointer;}

.inputSearch {width: 455px; height: 39px; background: url(img/search.gif) no-repeat; margin-top: 10px;}
.inputSearch input {width: 330px; margin-left: 15px; padding: 9px 0; font-size: 15px; color: #828282;}
.inputSearch .lupa {width: 40px; height: 40px; background: url(img/lupa.gif) no-repeat; padding: 0; margin: 0 0 0 21px; cursor: pointer;}
