* {margin:0; padding:0;}
body {background:#fff url("../images/bg.jpg") repeat-x; width:100%; height:100%; margin:0px; font-size:8pt; color:#898989; padding:0; font-family: Verdana, Tahoma, Sans-serif;}

h1 {color:#51626f; font-size:12pt; font-family:Verdana; padding:0 0 5px 0;  font-weight:normal;}
h2 {color:#51626f; font-size:11pt; font-family:Verdana; padding:5px 0 0 0;  font-weight:normal;}
h3 {color:#51626f; font-size:10pt; font-family:Verdana; padding:0;  font-weight:normal;}
h4 {color:#fd5503; font-size:8pt; font-family:Verdana; padding:5px 0 5px 0;  font-weight:normal;}
h5 {color:#767070; font-size:8pt; font-family:Verdana; padding:0;  font-weight:normal;}
p {padding:0 0 10px 0; line-height:15px;}
a img  {border:none;}

.trend {float:left; padding:0 10px 10px 0; border-radius:5px;  overflow:hidden;}

/*Blok*/
#foot {float:left; margin-top:10px; border-top:2px solid #ededed; width:950px; height:20px; line-height:20px; text-align:right;}
#foot1 {float:left; width:950px; text-align:center;}
#kontent {width:950px; margin:0 auto 0 auto; background:#fff;}
.heder {width:950px; height:30px;}
	.heder ul {height:20px; list-style:none; margin:10px 0 0 0;}
	.heder li {float:left; line-height:20px; margin:0 15px 0 0; font-size:7pt;}
	.heder li a {padding:3px 5px 3px 5px; text-decoration:none; color:#898989;}
	.heder li a:hover {background:#efefef; padding:3px 5px; color:#898989; border-radius:2px;}

#aniimg {z-index:100; position:static; width:950px; height:358px; margin:0 0 20px 0; border-radius:0 0 10px 10px; overflow:hidden;}
#sadrzaj {z-index:100; position:static; width:950px; margin:125px 0 20px 0; border-radius:0 0 10px 10px; overflow:hidden;}
.sadrzaj {z-index:100; position:static; width:950px; margin:125px 0 20px 0; border-radius:0 0 10px 10px; overflow:hidden;}
.sadrzaj ul {padding-left:15px; line-height:15px; list-style:url("../images/dot.jpg");}

/*Menu*/
#menu {width:950px; z-index:300; position:absolute; background:#000; border-radius:0 0 10px 10px; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}
.logo {width:270px; height:110px; float:left;}
.navbar {width:600px; float:right; padding:0px; line-height:30px; font-size:8pt;}
	.navbar ul{height:30px; list-style:none; margin:0; padding:0; }
	.navbar li{float:left; padding:0px;}
	.navbar li a{color:#c6c5c5; display:block; font-weight:normal; line-height:30px; margin:0px; text-align:center; text-decoration:none;}
	.navbar li a:hover, .menu ul li:hover a {color:#525151; text-decoration:none;}
	.navbar li ul{display:none; height:auto; padding:0px; margin:0;}
	.navbar li:hover ul{display:block; }
	.navbar li li {display:block; float:none; margin:0px; padding:0px; width:170px;}
	.navbar li:hover li a{background:none;}
	.navbar li ul a{display:block; height:26px; font-size:8pt; font-style:normal; margin:0px; padding:0px 10px 2px 5px; text-align:left; }
	.navbar li ul a:hover, .menu li ul li:hover a{color:#525151; text-decoration:none;}

.omot {float:left;}
.meni {float:left; height:30px; line-height:30px; overflow:hidden; margin:40px 10px 5px 0; font-size:10pt; color:#fff;}
.meni:hover {display:block; height:100%; overflow:none;}
.meni a {text-decoration:none; color:#fff;}

.meniarticle {height:20px; display:block; line-height:20px;}
.meniarticle a {text-decoration:none; width:150px; height:20px; display:block; color:#fff; padding:0 0 0 10px;}
.meniarticle a:hover {width:150px;  background:#fff; display:block; line-height:20px; color:#000; border-radius:7px 7px 7px 0;}

.sklika {z-index:1; width:330px; padding:5px; float:right; margin:0 0 0 20px; border:1px solid #ccc;  border-radius:7px 7px 0px 0px;}
.slikamarg {margin-right:10px; width:180px; overflow:hidden; border-radius:5px; border:1px solid #ccc;}
.slikamarg:hover {opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}
.pro {float:left; margin:30px 34px 10px 0; width:210px;  text-align:center;}
.prom {float:left; margin:30px 0 0 25px; width:110px; height:130px; border:1px dashed #efefef; border-radius:7px 7px 0px 0px; text-align:center;}
.proz {float:left; margin:30px 0 10px 0; width:210px;  text-align:center;}
.prokont {float:left; width:706px;}

.pronav {float:left; margin:30px 34px 10px 0; width:210px;}
.pronav ul {list-style:none; width:210px;}
.pronav li {float:left; line-height:20px; border-bottom:1px dashed #efefef;}
.pronav li a {padding-left:5px; width:205px; display:block; text-decoration:none; color:#898989; }
.pronav li a:hover { background:#efefef; line-height:20px; text-decoration:none; color:#898989;}

.pro a, .prom a{text-decoration:none; color:#898989;}
.proz a {text-decoration:none; color:#898989;}
.proimg {width:180px; overflow:hidden; border-radius:5px;}
.proimgs {height:100px; overflow:hidden; border-radius:5px;}

.proizvod {float:left; width:705px; overflow:hidden;}
.proizvod1 {float:left; width:905px; overflow:hidden;}
.opis1 {float:left; width:200px; overflow:hidden; padding-top:30px; border-radius:0 0 7px 7px;}
.slikaproizvoda {float:right; width:500px; overflow:hidden; padding-top:10px; text-align:center;}
.slikaproizvoda1 {float:right; width:700px; overflow:hidden; padding-top:10px; text-align:center;}
.opisgrupe {float:left; width:245px; overflow:hidden; border-radius:7px;}
.opisgrupe ul {list-style:url("../images/dot.jpg"); width:225px;}
.opisgrupe li {padding:5px 0 5px 15px;}

#opis {float:left; width:628px; margin:-150px 0 10px 0px;}
.opis {float:left; width:628px; margin:0 0 10px 0px;}
.kontakt {float:left; width:100px; margin:0 0 0 10px;}
.kontakt1 {float:left; width:500px; margin:0 0 0 10px;}


.margina {float:left; margin-right:25px;}
.margina1 {float:right;}
.slikaindx {border-radius:5px;}
.photo {	float:left;		
		position:relative;
		font-family:verdana;	
		overflow:hidden;
		width:300px;
		height:160px;

	}	
	
		.photo .caption {
			position:absolute;
			background:#000;
			height:50px;
			width:300px;
			opacity:0.6;
			border-radius:5px;
		}
		.photo .heading{
			position:absolute;
			background:#000;
			height:40px;
			width:300px;
			opacity:0.6;
			border-radius:5px;
		}
		
		.photo .heading { 
			top:0px;

		}

		.photo .caption { 		
			bottom:-50px;		
			left:0px;
		}
		
		.photo .heading span {
			color:#26c3e5;	
			top:-30px;
			font-weight:bold;
			display:block;
			padding:15px 0 0 10px;
		}
		
		.photo .caption span{
			color:#999;	
			font-size:8pt;
			display:block;
			padding:5px 10px 0 10px;
		}

.container {width:190px; padding:5px;}
.content {width:190px; font-size:8pt; color:#898989;}

.accordion {
    margin: 0;
    width:200px;
    padding:5px;
    height:15px;
    border-top:#f0f0f0 1px solid;
    background: #dcdcdc;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #898989;
    font-size:1em; }
.accordion:hover {background: #ededed;}
.accordion-open,
.collapse-open {
    background:#ededed;
    color: #898989; }
.accordion-open span,
.collapse-open span {
    display:block;
    float:right;
    padding:5px; }
.accordion-open span,
.collapse-open span {
    background:url(../images/minus.png) center center no-repeat; }
.accordion-close span,
.collapse-close span {
    display:block;
    float:right;
    background:url(../images/plus.png) center center no-repeat;
    padding:5px; }