html, body, h1, input, select, ul, li, img, fieldset {
margin:0;
padding:0;
}

body {
background-color: #c9cdd0;
text-align: center;
font-family: Arial,sans-serif;
font-size: 11px;
line-height: 16px;
margin-top: 0px;
margin-left:5px;
margin-right:5px;
}

body.vesti {
background-color:#fff;
}

#container {
width: 980px;
margin: 0 auto;
text-align: left;
background-color: white;
border: 1px solid white;
position: relative;
overflow:hidden;
}

#top {
height:100px;
}



#logo{
margin:0px;
width:450px;
float:left;
background-image:url("../images/logo.gif");
background-repeat:no-repeat;
background-position:90px 5px;
height:100px;
}



#logo h1{
position:relative;
top:20px;
left:180px;
color: #9c9c9c;
font-size: 27px;
font-family: "Arial Narrow", Arial,sans-serif;
text-transform: uppercase;
line-height:25px;
display:inline;
}



#forma {
float:right;
width:480px;
}


#forma fieldset {
width: 450px;
border: none; 
color: #626262;
}


#forma fieldset.prijavljen {
width: 450px;
border: none; 
color: #626262;
text-align:right;
}

.crveno{
color:#9e0039;
}

#forma input {
color:#9e0039;
background-color: #efefef;
border-right: 1px solid #9c9c9c;
border-bottom: 1px solid #9c9c9c;
border-top: 1px solid white; 
border-left: 1px solid white; 
}

#forma select {
color:#9e0039;
background-color: #efefef;
border-right: 1px solid #9c9c9c;
border-bottom: 1px solid #9c9c9c;
border-top: 1px solid white; 
border-left: 1px solid white; 
text-indent: 10px;
}

#forma label {
color:#9e0039;
padding: 5px;
font-weight:bold;
}

#forma #sd {
width: 30px;
font-weight: bold;
text-align: center;
text-indent: 0px;  
}

#forma #sd:hover {
border-right: 1px solid white;
border-bottom: 1px solid white;
border-top: 1px solid #9c9c9c; 
border-left: 1px solid #9c9c9c; 
text-decoration: underline;
}

.favoriti{
text-align:right;
padding:5px 30px 0 0;
display:block;
height:40px;
_height:20px;
word-spacing:10px;
}

table.sadrzaj{
border:1px solid #e5e5e5;
}

/*-------------korpa-------------*/

#korpa {
background:transparent;
background-color: #fff;
text-align:left;
}


/*-----------------------------------*/


/*-----------begin header-----------*/
#header {
height: 345px;
width:980px;
background:transparent url("../images/header1.jpg") no-repeat top left;

border-bottom: 1px solid #c9cdd0;

margin-left: 0;
/* margin-bottom: 50px; */
margin-top: 0;
padding-top: 0;
}


#header h1 {
font-family: "Century Gothic",Arial,sans-serif;
font-size: 36px;
line-height: 36px;
color: #9e0039;
font-weight: normal;
margin-top: 0;
padding-top: 80px;
padding-left:23px;  
}

#header ul{

color: #650420;
font-size: 17px;
font-weight: bold;
line-height: 22px;
width: 260px;
margin: 0;
padding: 0;
padding-left:30px;
list-style-type: none;
}

#header a,#header a:visited {
display: block;
width: 100px;
height: 22px;
background-image:  url("../images/button.gif"); 
color: #650420;
text-transform: uppercase;
text-decoration: none;
text-align: center;
line-height: 22px;
margin-left: 150px;
margin-top: -15px;
}	
#header a:hover{
text-decoration: underline;}	



#header a.katalog,#header a.katalog:visited {
display: block;
background:none;
color: #650420;
font-weight:bold;
font-size:10pt;
width:250px;
text-transform: uppercase;
text-decoration: none;
text-align: center;
line-height: 22px;
margin-left: 70px;
margin-top: -5px;
}	

#header a.katalog:hover{
text-decoration: underline;
font-weight:bold;
}	




#header #novo {
display: block;
width: 150px;
height:149px;
background-image:  url("../images/new.gif");
background-position-x: 0;
background-repeat: no-repeat;
color: white;
font-size: 36px;
text-align: center;
/* line-height: 149px; */
padding-top: 60px;
margin-left: 800px;
margin-top: -220px;
}		
.mali {
padding-top: 13px;
font-size: 11px;
display: block;
line-height: 14px;
}													



/* --------------navigacija 1 -------------------------- */

#nav1{
position:relative;
display:block;
height:27px;
font-size:11px;

}
#nav1 img {border: none;}
#nav1 ul{
margin:0;
padding:0;
width:auto;
}
#nav1 ul li{
position: relative;
/* right: 50px; */
display:block;
float:left;
left: 15px;/* 220 */
margin:0;
padding: 0;
background: url("../images/star.gif") no-repeat center left;
list-style: none;
}
#nav1 ul li a{

display:block;
float:left;
color:#9c9c9c;
text-decoration:none;
margin:0px;
padding:0 5px 0 10px;


}
#nav1 ul li a:hover,#nav1 ul li a.current{
color:#626262;
}


#nav1 select {
border: 1px solid #818181;
height: 16px;
width: 100px;
color: #444;
font-size: 12px;
}

#nav1 select{
height: 19px!important;}

#nav1 li.neaktivan {
position: relative;
/* right: 50px; */
display:block;
float:left;
left: 15px;/* 220 */
margin:0;
padding:0 5px 0 10px;
background: url("../images/star.gif") no-repeat center left;
list-style: none;
color:#9c9c9c;
}

/* --------------navigacija 2 -------------------------- */

#nav2{
position:relative;
display:block;
height:27px;
font-size:13px;
font-weight:bold;
background:transparent url("../images/nav_bg.gif") repeat-x top left;
border-bottom:1px solid #b3b9bd;
border-top:1px solid #b3b9bd;

}
#nav2 ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;

}
#nav2 ul li{
display:block;
float:left;
margin:0;
}
#nav2 ul li a{
display:block;
position: relative;
left: 5px;
//right:20px;
color:white;
text-decoration:none;
margin-top: 5px;
padding: 0 10px;
border-right: 2px solid white;
}
#nav2 ul li a:hover,#nav2 ul li a.current{
color:white;
text-decoration: underline;
}
#nav2 ul li a.current{text-decoration: underline;}



/*-------------navigacija 3 za podstranicu-------------*/
#nav3{
width: 125px;
float:left;
font-size: 12px;
color: #9C1E2C;
border-right: 1px dotted #c9cdd0;}
#nav3 ul{
margin:0;
padding:0;
padding-bottom: 10px;
list-style-type:none;
width:auto;
}
#nav3 ul li a{
color:#9E0039;
text-decoration:none;
line-height: 18px;
background: url("../images/arrow.gif") no-repeat center left;
padding-left: 10px;
}
#nav3 ul li a:hover,#nav3 ul li a.current{
color:#650420;
text-decoration: underline;
}

#nav3 span,#tekst strong{
padding-right: 5px;
text-transform: uppercase;
font-weight: bold;
}

#nav3 p,#nav3 strong,#nav3 h3,#nav3 a.vidi {
position: relative;
left: -30px;
}
#nav3 h3 {font-size: 16px;}
#nav3 a.vidi {margin-bottom: 10px;color: #9C1E2C;}
hr{
visibility: hidden;
}
/*------------za podstranicu----------*/
.left1{float:left;}
.right1{float:right;}
.content1 .left1 {width: 285px;vertical-align:top;background-color:#fff;}
.content1 .right1 {
width: 575px;
background:transparent url("../images/bg.gif") repeat-x bottom left;
background-color: #ECF0F1;
padding: 50px 60px;
}

.left2{float:left;
background:url("../images/bg.gif") repeat-x bottom left;

}

.content2 .left2 {
width: 310px;
vertical-align:top;
padding: 30px 0 60px 10px;}

.middle1{float:left;}

.content2 .middle1 {
width: 320px;
vertical-align:top;
padding: 30px 0 60px 0;}

.content1{
overflow:auto;
margin: 0px;
}

.content2 {
background:#fff;
overflow:auto;
margin: 0px;
}


#tekst{width: 400px;
float:right;
color: #555;
line-height: 22px;
font-size: 12px;
}
#tekst hr {
visibility: visible;
}
#tekst strong,#tekst a {color: #9C1E2C;}
#tekst em {
font-weight: bold;
font-style: normal;
}

#tekst img{padding: 0 5px;}



#tekst1{width: 570px;
float:right;
color: #555;
line-height: 22px;
font-size: 12px;
}
#tekst1 hr {
visibility: visible;
}
#tekst1 strong,#tekst1 a {color: #9C1E2C;}
#tekst1 em {
font-weight: bold;
font-style: normal;
}

#tekst1 img{padding: 0 5px;}








#tekst2{width: 320px;
float:right;
color: #555;
line-height: 22px;
font-size: 12px;
padding: 30px 0 60px 0;
}
#tekst2 hr {
visibility: visible;
}
#tekst2 strong,#tekst a {color: #9C1E2C;}
#tekst2 em {
font-weight: bold;
font-style: normal;
}

#tekst2 img{padding: 0 5px;}




#tekst3{width: 280px;
float:left;
color: #555;
line-height: 22px;
font-size: 12px;
padding: 10px 10px 10px 10px;
}
#tekst3 hr {
visibility: visible;
}
#tekst3 strong,#tekst a {color: #9C1E2C;}
#tekst3 em {
font-weight: bold;
font-style: normal;
}

#tekst3 img{padding: 0 5px;}

#slika {
position: relative;
z-index: 0;}

.left1 #novo{
position: relative;
display: block;
width: 150px;
height:149px;
background-image:  url("../images/novo.gif");
background-position-x: 0;
background-repeat: no-repeat;
color: white;
font-size: 30px;
text-align: center;
padding-top: 55px;
margin-left: 70px;
margin-top: -30px;
z-index: 1;}

/*-------------korpa-------------*/

#korpa {
background:transparent;
background-color: #fff;
text-align:left;
}


/*-----------------------------------*/



#clear {clear: both;}

.clearer {clear: both;}

.left{float:left;}
.right{float:right;}
.content .left {width: 64%;}
.content .right {width: 36%;}
.content{
overflow:auto;
margin: 0px 60px ;}


.vesti h3.najnovije,.proizvod h3.najnovije {
color:  #c9cdd0;
text-transform: uppercase;
font-size: 14px;
}
.proizvod h3.najnovije{
display: block;
border-bottom: 1px dotted #c9cdd0;
padding-bottom: 3px;

}
.proizvod h3{
font-size: 14px;
padding-left: 30px;}
.proizvod{
border: 1px dotted #c9cdd0;
color: #9E0039;
background:transparent url("../images/bg1.gif") repeat-x top left;
}
.proizvod p {
padding: 5px 30px;
font-size: 14px;
}
.vesti h3 {
color: #9E0039;
padding-bottom: 5px;
font-size: 14px;
}
.vesti h3 span {
color: #c9cdd0;
padding-right: 10px;
}

.vesti{
padding-right: 60px;
color: #555;
}

.vesti a, .proizvod a {
text-decoration: underline;
color: #9E0039;
border-bottom: 1px solid #c9cdd0;
display: block;

padding: 5px 0;
padding-bottom: 10px; 
}

.vesti a.poslednje,.proizvod a.poslednje {
border: none;
font-size: 11px;

}


.jugoslavija {
margin-left: 250px;
}

.justify{
text-align:justify;
}

#footer{
height: 50px;
color: white;
background:transparent url("../images/footer.gif") repeat-x top left;
background-color: #9E0039;
padding: 10px 10px 0 0;
line-height:9px;
border-top: 1px solid #c9cdd0;
//margin-top: 20px;
}

#footer span {float: right;}

#footer ul{
width:auto;
list-style-type: none;
padding-bottom:10px;
}

#foo1 ul li a,#foo1 ul li a:visited,
#foo2 ul li a,#foo2 ul li a:visited {
color: white;
text-decoration: none;
float: left;
display: block;
}

#foo1 ul li a:hover,
#foo2 ul li a:hover {text-decoration: underline;}

#foo1 ul li,#foo2 ul li{
display:block;
float:left;
border-right: 1px solid white;
margin:0;
padding: 0 5px;
//padding-top:5px;
line-height:9px;
}

//#foo1{_margin-top: 20px;}


//#foo2{_margin-top: 40px;}


td.naslov{
background-image:url("../images/nav_bg.gif");
background-reepat:repeat-x;
color:#fff;
font-weight:bold;
text-align:center;
}


.siva{
background:#f5f5f5;
}


.siva2{
background:#d5d5d5;
}


.bold{
font-weight:bold;
}

table.sadrzaj{
border:1px solid #e5e5e5;
}

hr.siva {
visibility:visible;
border:0;
height:1px;
color:#e5e5e5;
background:#e5e5e5;
border-style:solid;
}

tr.odd {
background:#d5d5d5;
}


tr.even {
background:#f5f5f5;
}


tr.odd2 {
background:#d5d5d5;
}


tr.even2 {
background:#f5f5f5;
}


table tr.odd:hover,
table tr.even:hover,
table tr.hover {
    background-color:#9e0039;
    color:#fff;
}



#aktuelnosti {
float:left;
text-align:center;
}

#prostor{
float:left;
line-height:30px;
width:100%;
}

img.vesti{
float:left;
margin:5px 10px 5px 5px;
}

a {
color:#9e0039;
}

.sivo {
color:#fafafa;
}

a.sivo {
color:#fafafa;
text-decoration:none;
}

.okvir {
border:2px solid #e5e5e5;
}

table.obrazac {
border:1px solid #e5e5e5;
width:470px;
}

div.pro {
float:left;
width:100px;
padding-right:10px;
}

div.brisi {
clear:left;
}

caption {
font-weight:bold;
text-align:left;
font-size:12px;

}

div.proizvodi {
border:1px solid #e5e5e5;
padding:20px;
}

div.nazivi {
color:#fff;
background:#9e0039;
padding:10px;
margin-bottom:10px;
}